@zanichelli/albe-web-components 2.34.1 → 2.34.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1238 -0
- package/dist/cjs/{index-de6c491e.js → index-3735f277.js} +6 -6
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-12053886.js → utils-6a2c0eab.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-app-switcher.cjs.entry.js +1 -1
- package/dist/cjs/z-app-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +1 -1
- package/dist/cjs/z-body_2.cjs.entry.js +40 -0
- package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
- package/dist/cjs/z-button.cjs.entry.js +39 -0
- package/dist/cjs/z-card.cjs.entry.js +1 -1
- package/dist/cjs/z-combobox.cjs.entry.js +2 -2
- package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-divider.cjs.entry.js +1 -1
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-icon.cjs.entry.js +28 -0
- package/dist/cjs/z-list_3.cjs.entry.js +1 -1
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
- package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
- package/dist/cjs/z-popover.cjs.entry.js +127 -0
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/z-table-body.cjs.entry.js +24 -0
- package/dist/cjs/z-table-cell.cjs.entry.js +36 -0
- package/dist/cjs/z-table-empty-box.cjs.entry.js +28 -0
- package/dist/cjs/{z-registro-table-expanded-row.cjs.entry.js → z-table-expanded-row.cjs.entry.js} +3 -3
- package/dist/cjs/{z-registro-table-footer.cjs.entry.js → z-table-footer.cjs.entry.js} +4 -4
- package/dist/cjs/z-table-head.cjs.entry.js +23 -0
- package/dist/cjs/z-table-header-row.cjs.entry.js +22 -0
- package/dist/cjs/z-table-header.cjs.entry.js +88 -0
- package/dist/cjs/z-table-row.cjs.entry.js +43 -0
- package/dist/cjs/z-table-sticky-footer.cjs.entry.js +19 -0
- package/dist/cjs/z-table.cjs.entry.js +82 -0
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +6 -6
- package/dist/collection/collection-manifest.json +12 -12
- package/dist/collection/{snowflakes/registro-table/z-registro-table → components/z-table/z-table}/index.js +5 -5
- package/dist/collection/{snowflakes/registro-table/z-registro-table → components/z-table/z-table}/styles.css +54 -54
- package/dist/collection/{snowflakes/registro-table/z-registro-table-body → components/z-table/z-table-body}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-body → components/z-table/z-table-body}/styles.css +1 -1
- package/dist/collection/{snowflakes/registro-table/z-registro-table-cell → components/z-table/z-table-cell}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-cell → components/z-table/z-table-cell}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-empty-box → components/z-table/z-table-empty-box}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-empty-box → components/z-table/z-table-empty-box}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-expanded-row → components/z-table/z-table-expanded-row}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-expanded-row → components/z-table/z-table-expanded-row}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-head → components/z-table/z-table-footer}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-footer → components/z-table/z-table-footer}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-footer → components/z-table/z-table-head}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-head → components/z-table/z-table-head}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-header → components/z-table/z-table-header}/index.js +3 -3
- package/dist/collection/{snowflakes/registro-table/z-registro-table-header → components/z-table/z-table-header}/styles.css +0 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-header-row → components/z-table/z-table-header-row}/index.js +3 -3
- package/dist/collection/components/z-table/z-table-header-row/styles.css +13 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-row → components/z-table/z-table-row}/index.js +13 -13
- package/dist/collection/components/z-table/z-table-row/styles.css +54 -0
- package/dist/collection/{snowflakes/registro-table/z-registro-table-sticky-footer → components/z-table/z-table-sticky-footer}/index.js +2 -2
- package/dist/collection/{snowflakes/registro-table/z-registro-table-sticky-footer → components/z-table/z-table-sticky-footer}/styles.css +0 -0
- package/dist/esm/{index-09b57d95.js → index-56ab7a69.js} +7 -7
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-f0067254.js → utils-cde16cf3.js} +2 -2
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-app-switcher.entry.js +1 -1
- package/dist/esm/z-app-topbar.entry.js +1 -1
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-body_2.entry.js +35 -0
- package/dist/esm/z-button-filter_5.entry.js +2 -2
- package/dist/esm/z-button.entry.js +35 -0
- package/dist/esm/z-card.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +2 -2
- package/dist/esm/z-contextual-menu.entry.js +1 -1
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-divider.entry.js +1 -1
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-icon.entry.js +24 -0
- package/dist/esm/z-list_3.entry.js +1 -1
- package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-myz-card-alert.entry.js +1 -1
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card_4.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-notification.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +2 -2
- package/dist/esm/z-pocket_3.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +123 -0
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +1 -1
- package/dist/esm/z-table-body.entry.js +20 -0
- package/dist/esm/z-table-cell.entry.js +32 -0
- package/dist/esm/z-table-empty-box.entry.js +24 -0
- package/dist/esm/{z-registro-table-expanded-row.entry.js → z-table-expanded-row.entry.js} +3 -3
- package/dist/esm/{z-registro-table-footer.entry.js → z-table-footer.entry.js} +4 -4
- package/dist/esm/z-table-head.entry.js +19 -0
- package/dist/esm/z-table-header-row.entry.js +18 -0
- package/dist/esm/z-table-header.entry.js +84 -0
- package/dist/esm/z-table-row.entry.js +39 -0
- package/dist/esm/z-table-sticky-footer.entry.js +15 -0
- package/dist/esm/z-table.entry.js +78 -0
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table → components/z-table/z-table}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-body → components/z-table/z-table-body}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-cell → components/z-table/z-table-cell}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-empty-box → components/z-table/z-table-empty-box}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-expanded-row → components/z-table/z-table-expanded-row}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-head → components/z-table/z-table-footer}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-footer → components/z-table/z-table-head}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-header → components/z-table/z-table-header}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-header-row → components/z-table/z-table-header-row}/index.d.ts +1 -1
- package/dist/types/{snowflakes/registro-table/z-registro-table-row → components/z-table/z-table-row}/index.d.ts +3 -3
- package/dist/types/{snowflakes/registro-table/z-registro-table-sticky-footer → components/z-table/z-table-sticky-footer}/index.d.ts +1 -1
- package/dist/types/components.d.ts +337 -337
- package/dist/web-components-library/index.esm.js +1 -1
- package/{www/build/p-b13d5b98.entry.js → dist/web-components-library/p-0ba3401a.entry.js} +1 -1
- package/dist/web-components-library/p-0f197b8e.entry.js +1 -0
- package/dist/web-components-library/p-1094e4de.entry.js +1 -0
- package/dist/web-components-library/p-1cf2c6f6.entry.js +1 -0
- package/dist/web-components-library/{p-01d11ec3.entry.js → p-21f3b77f.entry.js} +1 -1
- package/dist/web-components-library/{p-10ad64bc.entry.js → p-2b361a53.entry.js} +1 -1
- package/dist/web-components-library/{p-05f4fa42.entry.js → p-38091d2a.entry.js} +1 -1
- package/dist/web-components-library/{p-35fd465c.entry.js → p-3a5fc4ef.entry.js} +1 -1
- package/dist/web-components-library/{p-f77f6f60.entry.js → p-3ece97c0.entry.js} +1 -1
- package/dist/web-components-library/{p-0e6906af.js → p-45261bde.js} +1 -1
- package/dist/web-components-library/p-4665d79f.entry.js +1 -0
- package/dist/web-components-library/p-4a1404e2.entry.js +1 -0
- package/dist/web-components-library/p-4c1dc891.entry.js +1 -0
- package/dist/web-components-library/p-568b3728.entry.js +1 -0
- package/dist/web-components-library/{p-a82c9a77.entry.js → p-5f8b1594.entry.js} +1 -1
- package/dist/web-components-library/p-6384d72c.entry.js +1 -0
- package/dist/web-components-library/p-662b29d0.entry.js +1 -0
- package/dist/web-components-library/{p-82a59ded.entry.js → p-7c8a52e0.entry.js} +1 -1
- package/dist/web-components-library/{p-880a50a6.entry.js → p-7d7aee65.entry.js} +1 -1
- package/dist/web-components-library/{p-94814f44.entry.js → p-80d6185c.entry.js} +1 -1
- package/dist/web-components-library/{p-9d9dc98f.entry.js → p-8a12e2cd.entry.js} +1 -1
- package/dist/web-components-library/{p-08158e57.entry.js → p-8a9199e8.entry.js} +1 -1
- package/dist/web-components-library/p-8ccf136e.entry.js +1 -0
- package/dist/web-components-library/p-8deddec7.entry.js +1 -0
- package/dist/web-components-library/p-8edb6b65.entry.js +1 -0
- package/dist/web-components-library/{p-b630127d.entry.js → p-9621d591.entry.js} +1 -1
- package/dist/web-components-library/{p-f3354152.entry.js → p-a762915b.entry.js} +1 -1
- package/dist/web-components-library/{p-d227a145.entry.js → p-a93086bc.entry.js} +1 -1
- package/dist/web-components-library/p-aa77d746.entry.js +1 -0
- package/dist/web-components-library/{p-5e2762e6.entry.js → p-ac229c9e.entry.js} +1 -1
- package/dist/web-components-library/{p-18705ae9.entry.js → p-bc7e836a.entry.js} +1 -1
- package/dist/web-components-library/{p-c92c3f20.entry.js → p-be3eeede.entry.js} +1 -1
- package/dist/web-components-library/{p-957f298f.entry.js → p-cf899f93.entry.js} +1 -1
- package/dist/web-components-library/{p-9959e453.entry.js → p-d0c3eac6.entry.js} +1 -1
- package/dist/web-components-library/{p-fce08912.entry.js → p-d1896fdb.entry.js} +1 -1
- package/dist/web-components-library/p-d4c4b90a.entry.js +1 -0
- package/dist/web-components-library/{p-d83eee10.entry.js → p-d8bc4e21.entry.js} +1 -1
- package/dist/web-components-library/{p-34f4e805.entry.js → p-db8f3039.entry.js} +1 -1
- package/dist/web-components-library/p-ddc5aae2.entry.js +1 -0
- package/dist/web-components-library/{p-e29fe790.entry.js → p-de5f9244.entry.js} +1 -1
- package/dist/web-components-library/{p-fc47897e.entry.js → p-df4cf5b2.entry.js} +1 -1
- package/dist/web-components-library/{p-400e26c7.entry.js → p-e6aac31c.entry.js} +1 -1
- package/dist/web-components-library/{p-7e926220.entry.js → p-e8615a83.entry.js} +1 -1
- package/dist/web-components-library/p-ec13a382.entry.js +1 -0
- package/dist/web-components-library/{p-cc6363b9.entry.js → p-ee4fa9a8.entry.js} +1 -1
- package/dist/web-components-library/{p-0455dc43.entry.js → p-ee645fca.entry.js} +1 -1
- package/dist/web-components-library/{p-255c9150.entry.js → p-eface1ff.entry.js} +1 -1
- package/dist/web-components-library/p-f5e1d5a9.entry.js +1 -0
- package/dist/web-components-library/{p-f90dd488.js → p-fcfb7e03.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +11 -11
- package/react/components.js +12 -12
- package/react/components.js.map +1 -1
- package/src-react/index.ts +1 -0
- package/www/build/index.esm.js +1 -1
- package/{dist/web-components-library/p-b13d5b98.entry.js → www/build/p-0ba3401a.entry.js} +1 -1
- package/www/build/p-0f197b8e.entry.js +1 -0
- package/www/build/p-1094e4de.entry.js +1 -0
- package/www/build/p-1cf2c6f6.entry.js +1 -0
- package/www/build/{p-01d11ec3.entry.js → p-21f3b77f.entry.js} +1 -1
- package/www/build/{p-10ad64bc.entry.js → p-2b361a53.entry.js} +1 -1
- package/www/build/p-331e0cc6.js +1 -0
- package/www/build/{p-05f4fa42.entry.js → p-38091d2a.entry.js} +1 -1
- package/www/build/{p-35fd465c.entry.js → p-3a5fc4ef.entry.js} +1 -1
- package/www/build/{p-f77f6f60.entry.js → p-3ece97c0.entry.js} +1 -1
- package/www/build/{p-0e6906af.js → p-45261bde.js} +1 -1
- package/www/build/p-4665d79f.entry.js +1 -0
- package/www/build/p-4a1404e2.entry.js +1 -0
- package/www/build/p-4c1dc891.entry.js +1 -0
- package/www/build/p-568b3728.entry.js +1 -0
- package/www/build/{p-a82c9a77.entry.js → p-5f8b1594.entry.js} +1 -1
- package/www/build/p-6384d72c.entry.js +1 -0
- package/www/build/p-662b29d0.entry.js +1 -0
- package/www/build/{p-82a59ded.entry.js → p-7c8a52e0.entry.js} +1 -1
- package/www/build/{p-880a50a6.entry.js → p-7d7aee65.entry.js} +1 -1
- package/www/build/{p-94814f44.entry.js → p-80d6185c.entry.js} +1 -1
- package/www/build/{p-9d9dc98f.entry.js → p-8a12e2cd.entry.js} +1 -1
- package/www/build/{p-08158e57.entry.js → p-8a9199e8.entry.js} +1 -1
- package/www/build/p-8ccf136e.entry.js +1 -0
- package/www/build/p-8deddec7.entry.js +1 -0
- package/www/build/p-8edb6b65.entry.js +1 -0
- package/www/build/{p-b630127d.entry.js → p-9621d591.entry.js} +1 -1
- package/www/build/{p-f3354152.entry.js → p-a762915b.entry.js} +1 -1
- package/www/build/{p-d227a145.entry.js → p-a93086bc.entry.js} +1 -1
- package/www/build/p-aa77d746.entry.js +1 -0
- package/www/build/{p-5e2762e6.entry.js → p-ac229c9e.entry.js} +1 -1
- package/www/build/{p-18705ae9.entry.js → p-bc7e836a.entry.js} +1 -1
- package/www/build/{p-c92c3f20.entry.js → p-be3eeede.entry.js} +1 -1
- package/www/build/{p-957f298f.entry.js → p-cf899f93.entry.js} +1 -1
- package/www/build/{p-9959e453.entry.js → p-d0c3eac6.entry.js} +1 -1
- package/www/build/{p-fce08912.entry.js → p-d1896fdb.entry.js} +1 -1
- package/www/build/p-d4c4b90a.entry.js +1 -0
- package/www/build/{p-d83eee10.entry.js → p-d8bc4e21.entry.js} +1 -1
- package/www/build/{p-34f4e805.entry.js → p-db8f3039.entry.js} +1 -1
- package/www/build/p-ddc5aae2.entry.js +1 -0
- package/www/build/{p-e29fe790.entry.js → p-de5f9244.entry.js} +1 -1
- package/www/build/{p-fc47897e.entry.js → p-df4cf5b2.entry.js} +1 -1
- package/www/build/{p-400e26c7.entry.js → p-e6aac31c.entry.js} +1 -1
- package/www/build/{p-7e926220.entry.js → p-e8615a83.entry.js} +1 -1
- package/www/build/p-ec13a382.entry.js +1 -0
- package/www/build/{p-cc6363b9.entry.js → p-ee4fa9a8.entry.js} +1 -1
- package/www/build/{p-0455dc43.entry.js → p-ee645fca.entry.js} +1 -1
- package/www/build/{p-255c9150.entry.js → p-eface1ff.entry.js} +1 -1
- package/www/build/p-f5e1d5a9.entry.js +1 -0
- package/www/build/{p-f90dd488.js → p-fcfb7e03.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/z-body_14.cjs.entry.js +0 -513
- package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +0 -13
- package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +0 -54
- package/dist/esm/z-body_14.entry.js +0 -496
- package/dist/web-components-library/p-017370c7.entry.js +0 -1
- package/dist/web-components-library/p-0fe60379.entry.js +0 -1
- package/dist/web-components-library/p-5fa8dc13.entry.js +0 -1
- package/dist/web-components-library/p-a15f8b52.entry.js +0 -1
- package/dist/web-components-library/p-cdcf738e.entry.js +0 -1
- package/www/build/p-017370c7.entry.js +0 -1
- package/www/build/p-0fe60379.entry.js +0 -1
- package/www/build/p-5fa8dc13.entry.js +0 -1
- package/www/build/p-a15f8b52.entry.js +0 -1
- package/www/build/p-cdcf738e.entry.js +0 -1
- package/www/build/p-e1879b27.js +0 -1
|
@@ -1,496 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement, H as Host, c as createEvent } from './index-fa9e549c.js';
|
|
2
|
-
import { c as classnames } from './index-aa3a4feb.js';
|
|
3
|
-
import { B as ButtonTypeEnum, a as ButtonVariantEnum, b as ButtonSizeEnum, P as PopoverPosition, c as PopoverBorderRadius, d as PopoverShadow, K as KeyboardKeys, S as Size, e as SortDirectionEnum, Z as ZRegistroTableRowExpandedType } from './index-09b57d95.js';
|
|
4
|
-
import { i as icons } from './icons-bceeb196.js';
|
|
5
|
-
import { g as getElementTree } from './utils-f0067254.js';
|
|
6
|
-
import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
|
|
7
|
-
import './_commonjsHelpers-8b28c6fa.js';
|
|
8
|
-
|
|
9
|
-
const ZBody = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
this.variant = "regular";
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
return (h("z-typography", { component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const stylesCss$c = ":host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size=\"big\"]) ::slotted(button),:host([size=\"big\"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size=\"small\"]) ::slotted(button),:host([size=\"small\"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size=\"x-small\"]) ::slotted(button),:host([size=\"x-small\"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant=\"primary\"]) ::slotted(button),:host([variant=\"primary\"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant=\"primary\"]) ::slotted(button:hover),:host([variant=\"primary\"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant=\"primary\"]) ::slotted(button:active),:host([variant=\"primary\"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant=\"primary\"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant=\"secondary\"]) ::slotted(button),:host([variant=\"secondary\"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant=\"secondary\"]) ::slotted(button:hover),:host([variant=\"secondary\"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant=\"secondary\"]) ::slotted(button:active),:host([variant=\"secondary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant=\"secondary\"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant=\"tertiary\"]) ::slotted(button),:host([variant=\"tertiary\"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant=\"tertiary\"]) ::slotted(button:hover),:host([variant=\"tertiary\"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant=\"tertiary\"]) ::slotted(button:focus:focus-visible),:host([variant=\"tertiary\"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant=\"tertiary\"]) ::slotted(button:active),:host([variant=\"tertiary\"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant=\"tertiary\"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant=\"dark-bg\"]) ::slotted(button),:host([variant=\"dark-bg\"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant=\"dark-bg\"]) ::slotted(button:hover),:host([variant=\"dark-bg\"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant=\"dark-bg\"]) ::slotted(button:active),:host([variant=\"dark-bg\"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant=\"dark-bg\"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}";
|
|
20
|
-
|
|
21
|
-
const ZButton = class {
|
|
22
|
-
constructor(hostRef) {
|
|
23
|
-
registerInstance(this, hostRef);
|
|
24
|
-
/** HTML button disabled attribute. */
|
|
25
|
-
this.disabled = false;
|
|
26
|
-
/** HTML button type attribute. */
|
|
27
|
-
this.type = ButtonTypeEnum.button;
|
|
28
|
-
/** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
|
|
29
|
-
this.variant = ButtonVariantEnum.primary;
|
|
30
|
-
/** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
|
|
31
|
-
this.size = ButtonSizeEnum.big;
|
|
32
|
-
/** Reduce button size (deprecated).
|
|
33
|
-
*
|
|
34
|
-
* @deprecated Use `size` prop.
|
|
35
|
-
* */
|
|
36
|
-
this.issmall = false;
|
|
37
|
-
/** Spy to render square button. */
|
|
38
|
-
this.square = false;
|
|
39
|
-
}
|
|
40
|
-
render() {
|
|
41
|
-
this.hostElement.style.pointerEvents = this.disabled ? "none" : "auto";
|
|
42
|
-
return (h("slot", { name: "element" }, h("button", { id: this.htmlid, name: this.name, type: this.type, disabled: this.disabled, class: classnames(this.variant, this.size, { issmall: this.issmall }, { square: this.square }) }, this.icon && h("z-icon", { name: this.icon, width: 16, height: 16 }), h("slot", null))));
|
|
43
|
-
}
|
|
44
|
-
get hostElement() { return getElement(this); }
|
|
45
|
-
};
|
|
46
|
-
ZButton.style = stylesCss$c;
|
|
47
|
-
|
|
48
|
-
const stylesCss$b = ":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
|
|
49
|
-
|
|
50
|
-
const ZIcon = class {
|
|
51
|
-
constructor(hostRef) {
|
|
52
|
-
registerInstance(this, hostRef);
|
|
53
|
-
}
|
|
54
|
-
selectPathOrPolygon(iconName) {
|
|
55
|
-
if (iconName && iconName.startsWith("M")) {
|
|
56
|
-
return h("path", { d: icons[this.name] });
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
return h("polygon", { points: icons[this.name] });
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
render() {
|
|
63
|
-
return (h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(icons[this.name])));
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
ZIcon.style = stylesCss$b;
|
|
67
|
-
|
|
68
|
-
const stylesCss$a = ".sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:\"\";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}";
|
|
69
|
-
|
|
70
|
-
const ZPopover = class {
|
|
71
|
-
/**
|
|
72
|
-
* Constructor.
|
|
73
|
-
*/
|
|
74
|
-
constructor(hostRef) {
|
|
75
|
-
registerInstance(this, hostRef);
|
|
76
|
-
/** [optional] Popover position */
|
|
77
|
-
this.position = PopoverPosition["after-up"];
|
|
78
|
-
/** [optional] Background color token for popover */
|
|
79
|
-
this.backgroundColor = "color-white";
|
|
80
|
-
/** [optional] Border radius token for popover */
|
|
81
|
-
this.borderRadius = PopoverBorderRadius.small;
|
|
82
|
-
/** [optional] Box shadow token for popover */
|
|
83
|
-
this.boxShadow = PopoverShadow["shadow-1"];
|
|
84
|
-
/** [optional] Show or hide arrow */
|
|
85
|
-
this.showArrow = false;
|
|
86
|
-
/** [optional] Sets padding for Popover container */
|
|
87
|
-
this.padding = "8px";
|
|
88
|
-
this.isVisible = false;
|
|
89
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
90
|
-
}
|
|
91
|
-
componentDidLoad() {
|
|
92
|
-
this.checkSpaceAvailable();
|
|
93
|
-
}
|
|
94
|
-
closePopover() {
|
|
95
|
-
this.isVisible = false;
|
|
96
|
-
}
|
|
97
|
-
closePopoverWithKeyboard(e) {
|
|
98
|
-
if (e.key === KeyboardKeys.ESC) {
|
|
99
|
-
this.closePopover();
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
handleClick(event) {
|
|
103
|
-
this.isVisible = !this.isVisible;
|
|
104
|
-
this.checkSpaceAvailable();
|
|
105
|
-
event.stopPropagation();
|
|
106
|
-
}
|
|
107
|
-
handleKeyDown(event) {
|
|
108
|
-
if (event.code === KeyboardKeys.ENTER) {
|
|
109
|
-
this.isVisible = !this.isVisible;
|
|
110
|
-
this.checkSpaceAvailable();
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
handleOutsideClick(e) {
|
|
114
|
-
const tree = getElementTree(e.target);
|
|
115
|
-
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
116
|
-
if (!parent) {
|
|
117
|
-
this.isVisible = false;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
checkSpaceAvailable() {
|
|
121
|
-
const width = document.body.clientWidth;
|
|
122
|
-
const height = window.innerHeight;
|
|
123
|
-
const rect = this.popoverElem.getBoundingClientRect();
|
|
124
|
-
const l = rect.left;
|
|
125
|
-
const r = rect.right;
|
|
126
|
-
const t = rect.top;
|
|
127
|
-
const b = rect.bottom;
|
|
128
|
-
let firstSide = this.position.split("-")[0];
|
|
129
|
-
let secondSide = this.position.split("-")[1];
|
|
130
|
-
// If top is outside viewport
|
|
131
|
-
if (t < 0) {
|
|
132
|
-
if (this.position.startsWith("above")) {
|
|
133
|
-
firstSide = "below";
|
|
134
|
-
}
|
|
135
|
-
else {
|
|
136
|
-
secondSide = "down";
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
// If bottom is outside viewport
|
|
140
|
-
if (b > height) {
|
|
141
|
-
if (this.position.startsWith("below")) {
|
|
142
|
-
firstSide = "above";
|
|
143
|
-
}
|
|
144
|
-
else {
|
|
145
|
-
secondSide = "up";
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
// If right is outside viewport
|
|
149
|
-
if (r > width) {
|
|
150
|
-
if (this.position.startsWith("above") ||
|
|
151
|
-
this.position.startsWith("below")) {
|
|
152
|
-
secondSide = "left";
|
|
153
|
-
}
|
|
154
|
-
else {
|
|
155
|
-
firstSide = "before";
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
// If left is outside viewport
|
|
159
|
-
if (l < 0) {
|
|
160
|
-
if (this.position.startsWith("above") ||
|
|
161
|
-
this.position.startsWith("below")) {
|
|
162
|
-
secondSide = "right";
|
|
163
|
-
}
|
|
164
|
-
else {
|
|
165
|
-
firstSide = "after";
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
this.position = PopoverPosition[`${firstSide}-${secondSide}`];
|
|
169
|
-
}
|
|
170
|
-
render() {
|
|
171
|
-
return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
|
|
172
|
-
if (event.key === KeyboardKeys.ENTER) {
|
|
173
|
-
this.handleClick(event);
|
|
174
|
-
}
|
|
175
|
-
} }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: classnames("popover-content-container", this.position, `border-radius-${this.borderRadius}`, this.boxShadow, { "show-arrow": this.showArrow }, { visible: this.isVisible }), style: {
|
|
176
|
-
backgroundColor: `var(--${this.backgroundColor})`,
|
|
177
|
-
padding: this.padding,
|
|
178
|
-
} }, h("slot", { name: "popover" }))));
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
|
-
ZPopover.style = stylesCss$a;
|
|
182
|
-
|
|
183
|
-
const stylesCss$9 = "z-registro-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-registro-table>div.table{display:table;width:100%;border-collapse:separate}z-registro-table>div.table-bordered>z-registro-table-body>z-registro-table-row>z-registro-table-cell:not(:last-child),z-registro-table>div.table-bordered>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-registro-table>div>z-registro-table-body>z-registro-table-row[expandable]>z-registro-table-cell:first-child,z-registro-table>div>z-registro-table-head>z-registro-table-header-row[expandable]>z-registro-table-header:first-child{border-right:none}z-registro-table>div>z-registro-table-body>z-registro-table-row[expanded]>z-registro-table-cell{background-color:var(--gray50)}z-registro-table>div>z-registro-table-body>z-registro-table-row[expanded]+z-registro-table-expanded-row{border-bottom:1px solid var(--gray200)}z-registro-table>div.table-column-sticky>z-registro-table-body>z-registro-table-row>z-registro-table-cell:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header{z-index:2}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child{z-index:5}z-registro-table-body{width:auto;background-color:var(--color-white)}z-registro-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-registro-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-registro-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";
|
|
184
|
-
|
|
185
|
-
const ZRegistroTable = class {
|
|
186
|
-
constructor(hostRef) {
|
|
187
|
-
registerInstance(this, hostRef);
|
|
188
|
-
this.callToAction = createEvent(this, "callToAction", 7);
|
|
189
|
-
this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
|
|
190
|
-
/** Error message */
|
|
191
|
-
this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
|
|
192
|
-
/** Sets table with border */
|
|
193
|
-
this.bordered = false;
|
|
194
|
-
/** Sets first column sticky */
|
|
195
|
-
this.columnSticky = false;
|
|
196
|
-
/** Sets empty table */
|
|
197
|
-
this.empty = false;
|
|
198
|
-
/** Set error status */
|
|
199
|
-
this.error = false;
|
|
200
|
-
/** Sets header sticky */
|
|
201
|
-
this.headerSticky = false;
|
|
202
|
-
/** Set message */
|
|
203
|
-
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
|
|
204
|
-
/** Set subtitle */
|
|
205
|
-
this.subtitle = "";
|
|
206
|
-
}
|
|
207
|
-
handleResize() {
|
|
208
|
-
this.isMobile = window.innerWidth <= mobileBreakpoint;
|
|
209
|
-
}
|
|
210
|
-
handleOrientationChange() {
|
|
211
|
-
this.isMobile = screen.width <= mobileBreakpoint;
|
|
212
|
-
}
|
|
213
|
-
componentWillLoad() {
|
|
214
|
-
var _a;
|
|
215
|
-
this.isMobile = window.innerWidth <= mobileBreakpoint;
|
|
216
|
-
const tableBody = this.host.querySelector('[slot="table-body"]');
|
|
217
|
-
this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
|
|
218
|
-
if (!!tableBody && !this.hasTableBody) {
|
|
219
|
-
tableBody.remove();
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
componentWillRender() {
|
|
223
|
-
this.host.setAttribute("role", "table");
|
|
224
|
-
}
|
|
225
|
-
renderError(tableClass) {
|
|
226
|
-
const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
|
|
227
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-registro-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("z-body", { class: "error-message", level: 3, variant: "semibold" }, this.errorMessage), h("slot", { name: "error-action" }))))));
|
|
228
|
-
}
|
|
229
|
-
renderEmpty(tableClass) {
|
|
230
|
-
const buttonSize = this.isMobile
|
|
231
|
-
? ButtonSizeEnum.small
|
|
232
|
-
: ButtonSizeEnum.big;
|
|
233
|
-
const tableContentClass = `${!!this.hasTableBody ? "table-content" : ""}`;
|
|
234
|
-
if (this.hasTableBody) {
|
|
235
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-registro-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariantEnum.tertiary, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariantEnum.tertiary, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
|
|
236
|
-
}
|
|
237
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-registro-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariantEnum.tertiary, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariantEnum.tertiary, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
|
|
238
|
-
}
|
|
239
|
-
render() {
|
|
240
|
-
const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
|
|
241
|
-
${this.columnSticky ? "table-column-sticky" : ""}
|
|
242
|
-
${this.headerSticky ? "table-header-sticky" : ""}`;
|
|
243
|
-
if (this.error) {
|
|
244
|
-
return this.renderError(tableClass);
|
|
245
|
-
}
|
|
246
|
-
if (this.empty) {
|
|
247
|
-
return this.renderEmpty(tableClass);
|
|
248
|
-
}
|
|
249
|
-
return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
|
|
250
|
-
}
|
|
251
|
-
static get assetsDirs() { return ["assets"]; }
|
|
252
|
-
get host() { return getElement(this); }
|
|
253
|
-
};
|
|
254
|
-
ZRegistroTable.style = stylesCss$9;
|
|
255
|
-
|
|
256
|
-
const stylesCss$8 = ".sc-z-registro-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-registro-table-body-h>z-registro-table-row[expanded].sc-z-registro-table-body+z-registro-table-expanded-row.sc-z-registro-table-body{display:table-row}";
|
|
257
|
-
|
|
258
|
-
const ZRegistroTableBody = class {
|
|
259
|
-
constructor(hostRef) {
|
|
260
|
-
registerInstance(this, hostRef);
|
|
261
|
-
}
|
|
262
|
-
componentWillRender() {
|
|
263
|
-
this.host.setAttribute("role", "rowgroup");
|
|
264
|
-
Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
|
|
265
|
-
}
|
|
266
|
-
render() {
|
|
267
|
-
return h("slot", null);
|
|
268
|
-
}
|
|
269
|
-
get host() { return getElement(this); }
|
|
270
|
-
};
|
|
271
|
-
ZRegistroTableBody.style = stylesCss$8;
|
|
272
|
-
|
|
273
|
-
const stylesCss$7 = ":host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}";
|
|
274
|
-
|
|
275
|
-
const ZRegistroTableCell = class {
|
|
276
|
-
constructor(hostRef) {
|
|
277
|
-
registerInstance(this, hostRef);
|
|
278
|
-
/** Set padding size of cell, if special 0px padding will be set */
|
|
279
|
-
this.padding = Size.medium;
|
|
280
|
-
this.isMenuOpened = false;
|
|
281
|
-
}
|
|
282
|
-
handleMenu() {
|
|
283
|
-
this.isMenuOpened = !this.isMenuOpened;
|
|
284
|
-
}
|
|
285
|
-
componentWillRender() {
|
|
286
|
-
this.host.setAttribute("role", "cell");
|
|
287
|
-
}
|
|
288
|
-
render() {
|
|
289
|
-
return (h(Host, null, this.showButton && (h("div", { class: classnames("button-container", {
|
|
290
|
-
visible: this.isMenuOpened,
|
|
291
|
-
}) }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariantEnum.tertiary, size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenu(), square: true }), h("div", { class: classnames("contextual-menu-container", {
|
|
292
|
-
visible: this.isMenuOpened,
|
|
293
|
-
}) }, h("slot", { name: "contextual-menu" }))))), h("slot", null)));
|
|
294
|
-
}
|
|
295
|
-
get host() { return getElement(this); }
|
|
296
|
-
};
|
|
297
|
-
ZRegistroTableCell.style = stylesCss$7;
|
|
298
|
-
|
|
299
|
-
const stylesCss$6 = ".sc-z-registro-table-empty-box-h{display:block;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7);background-color:var(--bg-white)}.sc-z-registro-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2);margin-top:var(--space-unit)}div.cta.sc-z-registro-table-empty-box{display:flex;flex-direction:row;margin-top:var(--space-unit)}@media only screen and (max-width: 768px){div.cta.sc-z-registro-table-empty-box{flex-direction:column}}";
|
|
300
|
-
|
|
301
|
-
const ZRegistroTableEmptyBox = class {
|
|
302
|
-
constructor(hostRef) {
|
|
303
|
-
registerInstance(this, hostRef);
|
|
304
|
-
/** Sets main title message*/
|
|
305
|
-
this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
|
|
306
|
-
/** Sets message */
|
|
307
|
-
this.subtitle = "";
|
|
308
|
-
}
|
|
309
|
-
componentWillLoad() {
|
|
310
|
-
this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
|
|
311
|
-
this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
|
|
312
|
-
}
|
|
313
|
-
render() {
|
|
314
|
-
return (h(Host, null, h("z-body", { level: 3, variant: "semibold" }, this.message), h("br", null), !!this.subtitle && (h("z-body", { level: 4, variant: "regular" }, this.subtitle)), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (h("div", { class: "cta" }, h("slot", { name: "cta1" }), h("slot", { name: "cta2" })))));
|
|
315
|
-
}
|
|
316
|
-
get hostElement() { return getElement(this); }
|
|
317
|
-
};
|
|
318
|
-
ZRegistroTableEmptyBox.style = stylesCss$6;
|
|
319
|
-
|
|
320
|
-
const stylesCss$5 = ".sc-z-registro-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";
|
|
321
|
-
|
|
322
|
-
const ZRegistroTableHead = class {
|
|
323
|
-
constructor(hostRef) {
|
|
324
|
-
registerInstance(this, hostRef);
|
|
325
|
-
}
|
|
326
|
-
componentWillRender() {
|
|
327
|
-
this.host.setAttribute("role", "rowgroup");
|
|
328
|
-
}
|
|
329
|
-
render() {
|
|
330
|
-
return h("slot", null);
|
|
331
|
-
}
|
|
332
|
-
get host() { return getElement(this); }
|
|
333
|
-
};
|
|
334
|
-
ZRegistroTableHead.style = stylesCss$5;
|
|
335
|
-
|
|
336
|
-
const stylesCss$4 = ":host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding=\"x-small\"]){padding:calc(var(--space-unit) * 0.5)}:host([padding=\"small\"]){padding:calc(var(--space-unit))}:host([padding=\"medium\"]){padding:calc(var(--space-unit) * 2)}:host([padding=\"large\"]){padding:calc(var(--space-unit) * 2.5)}:host([padding=\"special\"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
|
|
337
|
-
|
|
338
|
-
const ZRegistroTableHeader = class {
|
|
339
|
-
constructor(hostRef) {
|
|
340
|
-
registerInstance(this, hostRef);
|
|
341
|
-
this.sort = createEvent(this, "sort", 7);
|
|
342
|
-
/** Set padding size of cell, if special 0px padding will be set */
|
|
343
|
-
this.padding = Size.medium;
|
|
344
|
-
/** [Optional] Default sort order */
|
|
345
|
-
this.defaultSortDirection = SortDirectionEnum.asc;
|
|
346
|
-
this.sortDirection = SortDirectionEnum.none;
|
|
347
|
-
this.isMenuOpened = false;
|
|
348
|
-
this.emitOnSort = this.emitOnSort.bind(this);
|
|
349
|
-
}
|
|
350
|
-
emitOnSort() {
|
|
351
|
-
this.sort.emit({
|
|
352
|
-
columnId: this.columnId,
|
|
353
|
-
sortDirection: this.sortDirection,
|
|
354
|
-
});
|
|
355
|
-
}
|
|
356
|
-
handleSort() {
|
|
357
|
-
if (!this.sortable) {
|
|
358
|
-
return;
|
|
359
|
-
}
|
|
360
|
-
this.sortDirection = (() => {
|
|
361
|
-
switch (this.sortDirection) {
|
|
362
|
-
case SortDirectionEnum.asc:
|
|
363
|
-
return SortDirectionEnum.desc;
|
|
364
|
-
case SortDirectionEnum.desc:
|
|
365
|
-
return SortDirectionEnum.asc;
|
|
366
|
-
case SortDirectionEnum.none:
|
|
367
|
-
return this.defaultSortDirection;
|
|
368
|
-
default:
|
|
369
|
-
return SortDirectionEnum.none;
|
|
370
|
-
}
|
|
371
|
-
})();
|
|
372
|
-
this.emitOnSort();
|
|
373
|
-
}
|
|
374
|
-
handleMenuClick() {
|
|
375
|
-
this.isMenuOpened = !this.isMenuOpened;
|
|
376
|
-
}
|
|
377
|
-
handleOutsideClick(e) {
|
|
378
|
-
const tree = getElementTree(e.target);
|
|
379
|
-
const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
|
|
380
|
-
if (!parent) {
|
|
381
|
-
this.isMenuOpened = false;
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
handleClickHeaders(e) {
|
|
385
|
-
const { target } = e;
|
|
386
|
-
const parent = getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-registro-table-header");
|
|
387
|
-
if (!this.sortable || !parent) {
|
|
388
|
-
return;
|
|
389
|
-
}
|
|
390
|
-
const parentColumnId = parent.attributes.getNamedItem("column-id").value;
|
|
391
|
-
const isSortable = target.parentNode.sortable || target.sortable;
|
|
392
|
-
if (parentColumnId !== this.columnId && isSortable) {
|
|
393
|
-
this.sortDirection = SortDirectionEnum.none;
|
|
394
|
-
}
|
|
395
|
-
}
|
|
396
|
-
componentWillRender() {
|
|
397
|
-
this.host.setAttribute("role", "columnheader");
|
|
398
|
-
}
|
|
399
|
-
render() {
|
|
400
|
-
return (h(Host, { class: classnames({
|
|
401
|
-
sortable: this.sortable,
|
|
402
|
-
}), onClick: () => this.handleSort() }, h("div", { class: classnames("container") }, h("slot", null), this.sortable && this.sortDirection !== SortDirectionEnum.none && (h("z-icon", { name: this.sortDirection === SortDirectionEnum.asc
|
|
403
|
-
? "arrow-up"
|
|
404
|
-
: "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: classnames("popover-container", {
|
|
405
|
-
visible: this.isMenuOpened,
|
|
406
|
-
}) }, h("z-popover", { position: PopoverPosition["below-center"], "background-color": "gray200" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], square: true, slot: "trigger", onClick: () => this.handleMenuClick() }), h("div", { slot: "popover" }, h("slot", { name: "contextual-menu" })))))));
|
|
407
|
-
}
|
|
408
|
-
get host() { return getElement(this); }
|
|
409
|
-
};
|
|
410
|
-
ZRegistroTableHeader.style = stylesCss$4;
|
|
411
|
-
|
|
412
|
-
const stylesCss$3 = "z-registro-table-header-row{display:table-row}z-registro-table-header-row[expandable]>z-registro-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-registro-table-header-row[expandable]>z-registro-table-header:nth-child(2){padding-left:8px}";
|
|
413
|
-
|
|
414
|
-
const ZRegistroTableHeaderRow = class {
|
|
415
|
-
constructor(hostRef) {
|
|
416
|
-
registerInstance(this, hostRef);
|
|
417
|
-
}
|
|
418
|
-
_renderExpandHeader() {
|
|
419
|
-
return h("z-registro-table-header", null);
|
|
420
|
-
}
|
|
421
|
-
render() {
|
|
422
|
-
return (h(Host, { role: "row" }, this.expandable && this._renderExpandHeader(), h("slot", null)));
|
|
423
|
-
}
|
|
424
|
-
};
|
|
425
|
-
ZRegistroTableHeaderRow.style = stylesCss$3;
|
|
426
|
-
|
|
427
|
-
const stylesCss$2 = "z-registro-table-row{display:table-row;font-family:var(--font-family-sans)}z-registro-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-registro-table-row[expanded-type=\"expandable\"]>z-registro-table-cell:first-child,z-registro-table-row[expanded-type=\"padding\"]>z-registro-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-registro-table-row[expanded-type=\"expandable\"]>z-registro-table-cell:nth-child(2),z-registro-table-row[expanded-type=\"padding\"]>z-registro-table-cell:nth-child(2){padding-left:8px}z-registro-table-row[expanded-type]:hover>z-registro-table-cell:first-child{fill:var(--myz-blue-dark)}z-registro-table-row[expanded]>z-registro-tale-cell{background-color:var(--gray50)}z-registro-table-row[expanded]+z-registro-table-expanded-row{display:table-row}z-registro-table-row[expanded]>z-registro-table-cell{border-bottom:none}";
|
|
428
|
-
|
|
429
|
-
const ZRegistroTableRow = class {
|
|
430
|
-
constructor(hostRef) {
|
|
431
|
-
registerInstance(this, hostRef);
|
|
432
|
-
this.expand = createEvent(this, "expand", 7);
|
|
433
|
-
this.expandedType = ZRegistroTableRowExpandedType.none;
|
|
434
|
-
this.expanded = false;
|
|
435
|
-
}
|
|
436
|
-
emitOnExpand() {
|
|
437
|
-
this.expand.emit({ expanded: this.expanded });
|
|
438
|
-
}
|
|
439
|
-
handleExpand() {
|
|
440
|
-
this.expanded = !this.expanded;
|
|
441
|
-
this.emitOnExpand();
|
|
442
|
-
}
|
|
443
|
-
renderExpandButton() {
|
|
444
|
-
if (this.expandedType == ZRegistroTableRowExpandedType.expandable) {
|
|
445
|
-
return (h("z-registro-table-cell", { style: { borderRight: "none" } }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
|
|
446
|
-
}
|
|
447
|
-
return (h("z-registro-table-cell", { style: { borderRight: "none" } }, h("div", { class: "z-icon-placeholder" })));
|
|
448
|
-
}
|
|
449
|
-
render() {
|
|
450
|
-
return (h(Host, { role: "row", expanded: this.expanded, onClick: (event) => {
|
|
451
|
-
const contextualMenuClick = event.target.nodeName === 'Z-CONTEXTUAL-MENU';
|
|
452
|
-
const isExpandable = this.expandedType === ZRegistroTableRowExpandedType.expandable;
|
|
453
|
-
if (isExpandable && !contextualMenuClick) {
|
|
454
|
-
this.handleExpand();
|
|
455
|
-
}
|
|
456
|
-
} }, this.expandedType !== ZRegistroTableRowExpandedType.none &&
|
|
457
|
-
this.renderExpandButton(), h("slot", null)));
|
|
458
|
-
}
|
|
459
|
-
};
|
|
460
|
-
ZRegistroTableRow.style = stylesCss$2;
|
|
461
|
-
|
|
462
|
-
const stylesCss$1 = ".sc-z-registro-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";
|
|
463
|
-
|
|
464
|
-
const ZRegistroTableStickyFooter = class {
|
|
465
|
-
constructor(hostRef) {
|
|
466
|
-
registerInstance(this, hostRef);
|
|
467
|
-
}
|
|
468
|
-
render() {
|
|
469
|
-
return (h("slot", null));
|
|
470
|
-
}
|
|
471
|
-
};
|
|
472
|
-
ZRegistroTableStickyFooter.style = stylesCss$1;
|
|
473
|
-
|
|
474
|
-
const stylesCss = ":host>*{font-family:var(--dashboard-font);margin:0}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}";
|
|
475
|
-
|
|
476
|
-
const ZTypography = class {
|
|
477
|
-
constructor(hostRef) {
|
|
478
|
-
registerInstance(this, hostRef);
|
|
479
|
-
this.variant = "regular";
|
|
480
|
-
}
|
|
481
|
-
render() {
|
|
482
|
-
const el = document.createElement(this.component || "span");
|
|
483
|
-
el.innerHTML = `<slot />`;
|
|
484
|
-
this.hostElement.shadowRoot.appendChild(el);
|
|
485
|
-
return (h(Host, { class: {
|
|
486
|
-
[this.level]: Boolean(this.level),
|
|
487
|
-
regular: this.variant === "regular",
|
|
488
|
-
semibold: this.variant === "semibold",
|
|
489
|
-
light: this.variant === "light"
|
|
490
|
-
} }));
|
|
491
|
-
}
|
|
492
|
-
get hostElement() { return getElement(this); }
|
|
493
|
-
};
|
|
494
|
-
ZTypography.style = stylesCss;
|
|
495
|
-
|
|
496
|
-
export { ZBody as z_body, ZButton as z_button, ZIcon as z_icon, ZPopover as z_popover, ZRegistroTable as z_registro_table, ZRegistroTableBody as z_registro_table_body, ZRegistroTableCell as z_registro_table_cell, ZRegistroTableEmptyBox as z_registro_table_empty_box, ZRegistroTableHead as z_registro_table_head, ZRegistroTableHeader as z_registro_table_header, ZRegistroTableHeaderRow as z_registro_table_header_row, ZRegistroTableRow as z_registro_table_row, ZRegistroTableStickyFooter as z_registro_table_sticky_footer, ZTypography as z_typography };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,g as t}from"./p-904a85e4.js";const e=class{constructor(o){r(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return o("slot",null)}get host(){return t(this)}};e.style=".sc-z-registro-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";export{e as z_registro_table_footer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t}from"./p-904a85e4.js";const r=class{constructor(t){o(this,t)}render(){return t("td",{colSpan:this.colSpan},t("div",{class:"content-container"},t("slot",null)))}};r.style=":host{background-color:var(--gray50);display:none}:host>td>div.content-container{box-shadow:var(--shadow-2);margin-bottom:calc(var(--space-unit) / 2)}";export{r as z_registro_table_expanded_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as r,H as t}from"./p-904a85e4.js";import{g as s}from"./p-0e6906af.js";const i=class{constructor(r){a(this,r),this.mode=s.polite}render(){return r(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as t,H as e}from"./p-904a85e4.js";import{T as n,f as a}from"./p-0e6906af.js";import{m as s}from"./p-d69e14fb.js";const o=class{constructor(t){i(this,t),this.theme=n.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=s}componentWillLoad(){this.isMobile=window.screen.width<=s||window.innerWidth<=s}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((i=>t("z-link",{htmlid:i.id,textcolor:this.theme===n.light?"black":"white",href:i.link,target:i.target,icon:this.isMobile?i.icon:void 0},!this.isMobile&&i.label)))}render(){return t(e,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},t("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},t("div",{id:"left-panel",class:"content-panel"},t("z-logo",{mobileLogo:this.isMobile,width:this.isMobile?32:128,height:this.isMobile?40:32,imageAlt:"zanichelli-logo",link:this.logoLink,targetBlank:!0}),this.isMobile&&this.renderTopbarLinks()),t("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&t("z-app-switcher",{theme:this.theme}),t("div",{id:"divider-container"},t("z-divider",{orientation:a.vertical,color:this.theme===n.light?"gray800":"color-white"})),t("slot",{name:"login"}))))}};o.style=":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";export{o as z_app_topbar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,g as r,H as e,c as a}from"./p-904a85e4.js";import{c as i}from"./p-3247dee9.js";import{B as s,a as n,b as l,P as c,c as d,d as h,K as p,S as b,e as v,Z as g}from"./p-0e6906af.js";import{i as u}from"./p-82048c15.js";import{g as x}from"./p-f90dd488.js";import{m}from"./p-d69e14fb.js";import"./p-b68038b5.js";const z=class{constructor(o){t(this,o),this.variant="regular"}render(){return o("z-typography",{component:this.component||"span",level:`b${this.level}`,variant:this.variant},o("slot",null))}},w=class{constructor(o){t(this,o),this.disabled=!1,this.type=s.button,this.variant=n.primary,this.size=l.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",o("slot",{name:"element"},o("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:i(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&o("z-icon",{name:this.icon,width:16,height:16}),o("slot",null)))}get hostElement(){return r(this)}};w.style=':host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size="big"]) ::slotted(button),:host([size="big"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size="small"]) ::slotted(button),:host([size="small"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size="x-small"]) ::slotted(button),:host([size="x-small"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant="primary"]) ::slotted(button),:host([variant="primary"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant="primary"]) ::slotted(button:hover),:host([variant="primary"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant="primary"]) ::slotted(button:active),:host([variant="primary"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant="primary"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant="secondary"]) ::slotted(button),:host([variant="secondary"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant="secondary"]) ::slotted(button:hover),:host([variant="secondary"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant="secondary"]) ::slotted(button:active),:host([variant="secondary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant="secondary"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant="tertiary"]) ::slotted(button),:host([variant="tertiary"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant="tertiary"]) ::slotted(button:hover),:host([variant="tertiary"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant="tertiary"]) ::slotted(button:focus:focus-visible),:host([variant="tertiary"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant="tertiary"]) ::slotted(button:active),:host([variant="tertiary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant="tertiary"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant="dark-bg"]) ::slotted(button),:host([variant="dark-bg"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant="dark-bg"]) ::slotted(button:hover),:host([variant="dark-bg"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant="dark-bg"]) ::slotted(button:active),:host([variant="dark-bg"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant="dark-bg"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}';const f=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?o("path",{d:u[this.name]}):o("polygon",{points:u[this.name]})}render(){return o("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(u[this.name]))}};f.style=":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";const y=class{constructor(o){t(this,o),this.position=c["after-up"],this.backgroundColor="color-white",this.borderRadius=d.small,this.boxShadow=h["shadow-1"],this.showArrow=!1,this.padding="8px",this.isVisible=!1,this.handleKeyDown=this.handleKeyDown.bind(this)}componentDidLoad(){this.checkSpaceAvailable()}closePopover(){this.isVisible=!1}closePopoverWithKeyboard(t){t.key===p.ESC&&this.closePopover()}handleClick(t){this.isVisible=!this.isVisible,this.checkSpaceAvailable(),t.stopPropagation()}handleKeyDown(t){t.code===p.ENTER&&(this.isVisible=!this.isVisible,this.checkSpaceAvailable())}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isVisible=!1)}checkSpaceAvailable(){const t=document.body.clientWidth,o=window.innerHeight,r=this.popoverElem.getBoundingClientRect(),e=r.left,a=r.right,i=r.top,s=r.bottom;let n=this.position.split("-")[0],l=this.position.split("-")[1];i<0&&(this.position.startsWith("above")?n="below":l="down"),s>o&&(this.position.startsWith("below")?n="above":l="up"),a>t&&(this.position.startsWith("above")||this.position.startsWith("below")?l="left":n="before"),e<0&&(this.position.startsWith("above")||this.position.startsWith("below")?l="right":n="after"),this.position=c[`${n}-${l}`]}render(){return o(e,{onKeyDown:this.handleKeyDown},o("div",{tabindex:"0",onClick:t=>this.handleClick(t),onKeyDown:t=>{t.key===p.ENTER&&this.handleClick(t)}},o("slot",{name:"trigger"})),o("div",{ref:t=>this.popoverElem=t,class:i("popover-content-container",this.position,`border-radius-${this.borderRadius}`,this.boxShadow,{"show-arrow":this.showArrow},{visible:this.isVisible}),style:{backgroundColor:`var(--${this.backgroundColor})`,padding:this.padding}},o("slot",{name:"popover"})))}};y.style='.sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:"";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}';const k=class{constructor(o){t(this,o),this.callToAction=a(this,"callToAction",7),this.callToActionTwo=a(this,"callToActionTwo",7),this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto",this.bordered=!1,this.columnSticky=!1,this.empty=!1,this.error=!1,this.headerSticky=!1,this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare",this.subtitle=""}handleResize(){this.isMobile=window.innerWidth<=m}handleOrientationChange(){this.isMobile=screen.width<=m}componentWillLoad(){var t;this.isMobile=window.innerWidth<=m;const o=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!(null===(t=null==o?void 0:o.children)||void 0===t?void 0:t.length),o&&!this.hasTableBody&&o.remove()}componentWillRender(){this.host.setAttribute("role","table")}renderError(t){const r=this.lines?`calc(40px * ${this.lines})`:"auto";return o(e,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-registro-table-error",null,o("div",{class:"error-content",style:{minHeight:r}},o("slot",{name:"error-image"}),o("div",{class:"text"},o("z-body",{class:"error-message",level:3,variant:"semibold"},this.errorMessage),o("slot",{name:"error-action"})))))}renderEmpty(t){const r=this.isMobile?l.small:l.big,a=this.hasTableBody?"table-content":"";return this.hasTableBody?o(e,null,o("div",{class:t},o("slot",{name:"table-header"}),o("div",{class:a},o("slot",{name:"table-body"}),o("z-registro-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:r},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:r},this.callToActionTwoLabel))))):o(e,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-registro-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:r},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:r},this.callToActionTwoLabel)))}render(){const t=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n ${this.columnSticky?"table-column-sticky":""}\n ${this.headerSticky?"table-header-sticky":""}`;return this.error?this.renderError(t):this.empty?this.renderEmpty(t):o(e,null,o("div",{class:t},o("slot",null)),o("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return r(this)}};k.style="z-registro-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-registro-table>div.table{display:table;width:100%;border-collapse:separate}z-registro-table>div.table-bordered>z-registro-table-body>z-registro-table-row>z-registro-table-cell:not(:last-child),z-registro-table>div.table-bordered>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-registro-table>div>z-registro-table-body>z-registro-table-row[expandable]>z-registro-table-cell:first-child,z-registro-table>div>z-registro-table-head>z-registro-table-header-row[expandable]>z-registro-table-header:first-child{border-right:none}z-registro-table>div>z-registro-table-body>z-registro-table-row[expanded]>z-registro-table-cell{background-color:var(--gray50)}z-registro-table>div>z-registro-table-body>z-registro-table-row[expanded]+z-registro-table-expanded-row{border-bottom:1px solid var(--gray200)}z-registro-table>div.table-column-sticky>z-registro-table-body>z-registro-table-row>z-registro-table-cell:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header{z-index:2}z-registro-table>div.table-header-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child,z-registro-table>div.table-column-sticky>z-registro-table-head>z-registro-table-header-row>z-registro-table-header:first-child{z-index:5}z-registro-table-body{width:auto;background-color:var(--color-white)}z-registro-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-registro-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-registro-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";const _=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",null)}get host(){return r(this)}};_.style=".sc-z-registro-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-registro-table-body-h>z-registro-table-row[expanded].sc-z-registro-table-body+z-registro-table-expanded-row.sc-z-registro-table-body{display:table-row}";const C=class{constructor(o){t(this,o),this.padding=b.medium,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return o(e,null,this.showButton&&o("div",{class:i("button-container",{visible:this.isMenuOpened})},o("div",{class:"button-content"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],onClick:()=>this.handleMenu(),square:!0}),o("div",{class:i("contextual-menu-container",{visible:this.isMenuOpened})},o("slot",{name:"contextual-menu"})))),o("slot",null))}get host(){return r(this)}};C.style=':host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}';const $=class{constructor(o){t(this,o),this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare.",this.subtitle=""}componentWillLoad(){this.hasCta1Slot=!!this.hostElement.querySelector('[slot="cta1"]'),this.hasCta2Slot=!!this.hostElement.querySelector('[slot="cta2"]')}render(){return o(e,null,o("z-body",{level:3,variant:"semibold"},this.message),o("br",null),!!this.subtitle&&o("z-body",{level:4,variant:"regular"},this.subtitle),(!!this.hasCta1Slot||!!this.hasCta2Slot)&&o("div",{class:"cta"},o("slot",{name:"cta1"}),o("slot",{name:"cta2"})))}get hostElement(){return r(this)}};$.style=".sc-z-registro-table-empty-box-h{display:block;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7);background-color:var(--bg-white)}.sc-z-registro-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2);margin-top:var(--space-unit)}div.cta.sc-z-registro-table-empty-box{display:flex;flex-direction:row;margin-top:var(--space-unit)}@media only screen and (max-width: 768px){div.cta.sc-z-registro-table-empty-box{flex-direction:column}}";const E=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return o("slot",null)}get host(){return r(this)}};E.style=".sc-z-registro-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";const j=class{constructor(o){t(this,o),this.sort=a(this,"sort",7),this.padding=b.medium,this.defaultSortDirection=v.asc,this.sortDirection=v.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case v.asc:return v.desc;case v.desc:return v.asc;case v.none:return this.defaultSortDirection;default:return v.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:o}=t,r=x(o).find((t=>"z-registro-table-header"===t.nodeName.toLowerCase()));this.sortable&&r&&r.attributes.getNamedItem("column-id").value!==this.columnId&&(o.parentNode.sortable||o.sortable)&&(this.sortDirection=v.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return o(e,{class:i({sortable:this.sortable}),onClick:()=>this.handleSort()},o("div",{class:i("container")},o("slot",null),this.sortable&&this.sortDirection!==v.none&&o("z-icon",{name:this.sortDirection===v.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&o("div",{class:i("popover-container",{visible:this.isMenuOpened})},o("z-popover",{position:c["below-center"],"background-color":"gray200"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),o("div",{slot:"popover"},o("slot",{name:"contextual-menu"})))))}get host(){return r(this)}};j.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';const q=class{constructor(o){t(this,o)}_renderExpandHeader(){return o("z-registro-table-header",null)}render(){return o(e,{role:"row"},this.expandable&&this._renderExpandHeader(),o("slot",null))}};q.style="z-registro-table-header-row{display:table-row}z-registro-table-header-row[expandable]>z-registro-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-registro-table-header-row[expandable]>z-registro-table-header:nth-child(2){padding-left:8px}";const W=class{constructor(o){t(this,o),this.expand=a(this,"expand",7),this.expandedType=g.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return o("z-registro-table-cell",{style:{borderRight:"none"}},this.expandedType==g.expandable?o("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):o("div",{class:"z-icon-placeholder"}))}render(){return o(e,{role:"row",expanded:this.expanded,onClick:t=>{this.expandedType===g.expandable&&"Z-CONTEXTUAL-MENU"!==t.target.nodeName&&this.handleExpand()}},this.expandedType!==g.none&&this.renderExpandButton(),o("slot",null))}};W.style='z-registro-table-row{display:table-row;font-family:var(--font-family-sans)}z-registro-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-registro-table-row[expanded-type="expandable"]>z-registro-table-cell:first-child,z-registro-table-row[expanded-type="padding"]>z-registro-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-registro-table-row[expanded-type="expandable"]>z-registro-table-cell:nth-child(2),z-registro-table-row[expanded-type="padding"]>z-registro-table-cell:nth-child(2){padding-left:8px}z-registro-table-row[expanded-type]:hover>z-registro-table-cell:first-child{fill:var(--myz-blue-dark)}z-registro-table-row[expanded]>z-registro-tale-cell{background-color:var(--gray50)}z-registro-table-row[expanded]+z-registro-table-expanded-row{display:table-row}z-registro-table-row[expanded]>z-registro-table-cell{border-bottom:none}';const O=class{constructor(o){t(this,o)}render(){return o("slot",null)}};O.style=".sc-z-registro-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";const R=class{constructor(o){t(this,o),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),o(e,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return r(this)}};R.style=":host>*{font-family:var(--dashboard-font);margin:0}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}";export{z as z_body,w as z_button,f as z_icon,y as z_popover,k as z_registro_table,_ as z_registro_table_body,C as z_registro_table_cell,$ as z_registro_table_empty_box,E as z_registro_table_head,j as z_registro_table_header,q as z_registro_table_header_row,W as z_registro_table_row,O as z_registro_table_sticky_footer,R as z_typography}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,g as t}from"./p-904a85e4.js";const e=class{constructor(o){r(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return o("slot",null)}get host(){return t(this)}};e.style=".sc-z-registro-table-footer-h{display:table-footer-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";export{e as z_registro_table_footer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t}from"./p-904a85e4.js";const r=class{constructor(t){o(this,t)}render(){return t("td",{colSpan:this.colSpan},t("div",{class:"content-container"},t("slot",null)))}};r.style=":host{background-color:var(--gray50);display:none}:host>td>div.content-container{box-shadow:var(--shadow-2);margin-bottom:calc(var(--space-unit) / 2)}";export{r as z_registro_table_expanded_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as r,H as t}from"./p-904a85e4.js";import{g as s}from"./p-0e6906af.js";const i=class{constructor(r){a(this,r),this.mode=s.polite}render(){return r(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as t,H as e}from"./p-904a85e4.js";import{T as n,f as a}from"./p-0e6906af.js";import{m as s}from"./p-d69e14fb.js";const o=class{constructor(t){i(this,t),this.theme=n.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=s}componentWillLoad(){this.isMobile=window.screen.width<=s||window.innerWidth<=s}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((i=>t("z-link",{htmlid:i.id,textcolor:this.theme===n.light?"black":"white",href:i.link,target:i.target,icon:this.isMobile?i.icon:void 0},!this.isMobile&&i.label)))}render(){return t(e,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},t("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},t("div",{id:"left-panel",class:"content-panel"},t("z-logo",{mobileLogo:this.isMobile,width:this.isMobile?32:128,height:this.isMobile?40:32,imageAlt:"zanichelli-logo",link:this.logoLink,targetBlank:!0}),this.isMobile&&this.renderTopbarLinks()),t("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&t("z-app-switcher",{theme:this.theme}),t("div",{id:"divider-container"},t("z-divider",{orientation:a.vertical,color:this.theme===n.light?"gray800":"color-white"})),t("slot",{name:"login"}))))}};o.style=":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";export{o as z_app_topbar}
|