Issues with the latest release of the Calcite Design?

[LefterisKoumis]

I have this simple app at:

https://codepen.io/lkoumis1/pen/wvxXEOX

The app works well with the reference to calcite 1.0.0-beta.97

Then, in the HTML code window if you comment out the references to calcite 1.0.0-beta.97 and uncomment the references to calcite 1.0.3, then you will notice that the Add Layer panel cannot be displayed.

Why?

@BenElan  @KittyHurley 

Thank you.

[omar-marji]

Hello,

There was a breaking change I forgot in which build, but the slot names for the panels have been changed from primary-panel and contextual-panel to panel-start and panel-end

(https://developers.arcgis.com/calcite-design-system/components/shell/#slots)

Changing the slot names should fix your problem.

Edit: The change was done in release 1.0.0 Beta 99 (https://github.com/Esri/calcite-components/releases/tag/v1.0.0-beta.99)

[LefterisKoumis]

Thank you. I applied the changes but the issue persists.

https://codepen.io/lkoumis1/pen/wvxXEOX

[omar-marji · Accepted solution]

You are using the dismissed property in JS while in the HTML you are correctly using the closed property

Changing the code in the click handler for the button to the below fixes the issue (this should toggle the panel) 

if(add_layer_panel.closed){
  add_layer_panel.closed = false;
  basemapGallery.visible = false;
}else{
  add_layer_panel.closed = true;
}