Issue with calcite-components-angular 2.0.0

[ForrestLin]

Failed to compile with calcite-components-angular 2.0.0.

No problem to compile with calcite-components-angular 1.11.0.

[ShaneBuscher]

This didn't work until I deleted node_modules and package-lock.json. Now I'm good to go.

[ForrestLin]

I did: 

1. Add "allowSyntheticDefaultImports": true to the tsconfig.json, and run 'npm i --save-dev @types/sortablejs'. 

2.

<calcite-shell content-behind>

      <app-esri-map></app-esri-map>

</calcite-shell>

[MarkW]

Sorry for the late response. Glad you were able to get it working! 

[ForrestLin]

Hello Mark,

Thank you for your help. Is it possible not content-behind?

I'll go to Palm Springs for Esri DevSummit next week and would like to talk to you.

Regards,

Forrest

[MarkW]

Hello Forrest, 

Unfortunately I will not be attending the Dev Summit, but many of my colleagues and developers for calcite will be there who will be happy to discuss with you. 

I found another Community post regarding content-behind and possible workarounds. 

https://community.esri.com/t5/calcite-design-system-questions/calcite-shell-needs-content-behind-to-...

Hopefully this is helpful. 

Thanks,

Mark

[ForrestLin]

Hello Mark,

Thank you for your help.

We want layout like this:

There are some issues, which I'd like to discuss with your colleagues and developers for calcite there.

1. Sub menu <calcite-menu-item slot="submenu-item"> doesn't work.

2. Action group <calcite-action-group> doesn't work.

3. Scroll bar of table doesn't work.

4. Pagination <calcite-pagination> can't place on the right (end)

5. Shell panel <calcite-shell-panel slot="footer" position="bottom" layout="horizontal" resizable> can't be resized.

6. If I set slot to "panel-bottom": <calcite-shell-panel slot="panel-bottom" position="bottom" layout="horizontal" resizable>, the bottom is above map:

[ForrestLin]

It is OK if the display mode is float. But it's not on the bottom. 

<calcite-shell-panel slot="panel-bottom" position="bottom" layout="horizontal" display-mode="float" >

[ForrestLin]

This issue is resolved by adding:

<calcite-shell-panel slot="panel-top" />