@zanichelli/albe-web-components 2.44.1 → 2.46.1
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/dist/cjs/{_commonjsHelpers-119ffc74.js → _commonjsHelpers-537d719a.js} +3 -0
- package/dist/cjs/{hammer-54230951.js → hammer-4f20813e.js} +1 -1
- package/dist/cjs/{icons-05eba7ee.js → icons-30810e62.js} +5 -1
- package/dist/cjs/{index-93c4c577.js → index-155b2ec5.js} +27 -10
- package/dist/cjs/{index-9651dba8.js → index-1fda0714.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{utils-23a6dee4.js → utils-4bbd782c.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +2 -2
- package/dist/cjs/{z-app-switcher_10.cjs.entry.js → z-app-switcher_11.cjs.entry.js} +34 -16
- 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-button-filter_5.cjs.entry.js +2 -2
- package/dist/cjs/z-chip.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-date-picker.cjs.entry.js +3004 -0
- package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/z-file.cjs.entry.js +2 -2
- package/dist/cjs/z-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-icon-package.cjs.entry.js +1 -1
- 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-tab-link.cjs.entry.js +70 -0
- package/dist/cjs/z-navigation-tab.cjs.entry.js +35 -8
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +76 -48
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +4 -4
- package/dist/cjs/z-pocket_3.cjs.entry.js +4 -4
- package/dist/cjs/z-popover.cjs.entry.js +4 -4
- package/dist/cjs/z-section-title.cjs.entry.js +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +3 -3
- package/dist/cjs/z-table-cell.cjs.entry.js +3 -3
- package/dist/cjs/z-table-empty-box.cjs.entry.js +2 -2
- package/dist/cjs/z-table-header.cjs.entry.js +4 -4
- package/dist/cjs/z-table-row.cjs.entry.js +1 -1
- package/dist/cjs/z-table.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +3 -3
- package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/beans/index.js +27 -10
- package/dist/collection/collection-manifest.json +5 -3
- package/dist/collection/components/icons/icons.js +5 -1
- package/dist/collection/components/navigation/{z-navigation-tab/styles.css → tabs/navigation-tab.css} +39 -35
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +239 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +271 -0
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +207 -0
- package/dist/collection/components/navigation/{z-navigation-tabs → tabs/z-navigation-tabs}/styles.css +11 -10
- package/dist/collection/components/z-carousel/index.js +48 -1
- package/dist/collection/components/z-date-picker/index.js +143 -0
- package/dist/collection/components/z-date-picker/styles.css +515 -0
- package/dist/esm/{_commonjsHelpers-8b28c6fa.js → _commonjsHelpers-9943807e.js} +3 -1
- package/dist/esm/{hammer-501342a9.js → hammer-c3266b17.js} +1 -1
- package/dist/esm/{icons-bceeb196.js → icons-d8a127bf.js} +5 -1
- package/dist/esm/{index-023c206a.js → index-22f4a844.js} +28 -11
- package/dist/esm/{index-aa3a4feb.js → index-abb47b30.js} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{utils-05b6c600.js → utils-259e2dd9.js} +1 -1
- package/dist/esm/web-components-library.js +2 -2
- package/dist/esm/{z-app-switcher_10.entry.js → z-app-switcher_11.entry.js} +34 -17
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +1 -1
- package/dist/esm/z-button-filter_5.entry.js +2 -2
- package/dist/esm/z-chip.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-date-picker.entry.js +3000 -0
- package/dist/esm/z-file-upload.entry.js +2 -2
- package/dist/esm/z-file.entry.js +2 -2
- package/dist/esm/z-footer.entry.js +1 -1
- package/dist/esm/z-icon-package.entry.js +1 -1
- 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-tab-link.entry.js +66 -0
- package/dist/esm/z-navigation-tab.entry.js +35 -8
- package/dist/esm/z-navigation-tabs.entry.js +76 -48
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +4 -4
- package/dist/esm/z-pocket_3.entry.js +4 -4
- package/dist/esm/z-popover.entry.js +4 -4
- package/dist/esm/z-section-title.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +3 -3
- package/dist/esm/z-table-cell.entry.js +3 -3
- package/dist/esm/z-table-empty-box.entry.js +2 -2
- package/dist/esm/z-table-header.entry.js +4 -4
- package/dist/esm/z-table-row.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +3 -3
- package/dist/esm/z-toggle-switch.entry.js +2 -2
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/types/beans/index.d.ts +18 -4
- package/dist/types/components/icons/icons.d.ts +4 -0
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +48 -0
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +56 -0
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +68 -0
- package/dist/types/components/z-carousel/index.d.ts +4 -0
- package/dist/types/components/z-date-picker/index.d.ts +20 -0
- package/dist/types/components.d.ts +198 -15
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-2536d492.entry.js → p-0177caf2.entry.js} +1 -1
- package/dist/web-components-library/{p-a9a24ffd.entry.js → p-01a23d8c.entry.js} +1 -1
- package/dist/web-components-library/{p-5d429427.entry.js → p-02145727.entry.js} +1 -1
- package/{www/build/p-98cd95f3.entry.js → dist/web-components-library/p-0b0a358a.entry.js} +1 -1
- package/dist/web-components-library/p-0fc6feaf.entry.js +1 -0
- package/dist/web-components-library/{p-a8ba7c76.entry.js → p-10a2a9fe.entry.js} +1 -1
- package/dist/web-components-library/p-112455b1.js +1 -0
- package/dist/web-components-library/{p-ee229819.entry.js → p-157885b1.entry.js} +1 -1
- package/dist/web-components-library/p-1b34d655.entry.js +1 -0
- package/dist/web-components-library/{p-6b70aaa3.entry.js → p-240561e7.entry.js} +1 -1
- package/dist/web-components-library/{p-3247dee9.js → p-286363e2.js} +1 -1
- package/dist/web-components-library/p-298d324a.entry.js +1 -0
- package/dist/web-components-library/p-2d325b9b.entry.js +1 -0
- package/dist/web-components-library/{p-5651167f.entry.js → p-2de00f19.entry.js} +1 -1
- package/dist/web-components-library/{p-6deeeeff.entry.js → p-30c0f3f2.entry.js} +1 -1
- package/dist/web-components-library/{p-189c9cd3.entry.js → p-35c4d277.entry.js} +1 -1
- package/dist/web-components-library/{p-091b489d.entry.js → p-3bc3f32e.entry.js} +1 -1
- package/dist/web-components-library/{p-800e9669.entry.js → p-4a360730.entry.js} +1 -1
- package/dist/web-components-library/{p-04f7a407.entry.js → p-4c7250a9.entry.js} +1 -1
- package/dist/web-components-library/p-4e270984.entry.js +16 -0
- package/{www/build/p-26410b9b.entry.js → dist/web-components-library/p-4ef4c8ef.entry.js} +1 -1
- package/dist/web-components-library/p-4f64af13.entry.js +1 -0
- package/{www/build/p-82048c15.js → dist/web-components-library/p-571e9db9.js} +1 -1
- package/dist/web-components-library/{p-ead40844.entry.js → p-58091e1c.entry.js} +1 -1
- package/dist/web-components-library/{p-cd0cafe6.entry.js → p-5b2d0ccb.entry.js} +1 -1
- package/dist/web-components-library/{p-7bb69f45.entry.js → p-61ba9cc7.entry.js} +1 -1
- package/dist/web-components-library/{p-2c8e542b.entry.js → p-64b2b415.entry.js} +1 -1
- package/dist/web-components-library/{p-2b551b66.entry.js → p-782d01c1.entry.js} +1 -1
- package/dist/web-components-library/{p-bc168412.entry.js → p-7efeb668.entry.js} +1 -1
- package/{www/build/p-c3bd10ad.entry.js → dist/web-components-library/p-814d6b43.entry.js} +1 -1
- package/dist/web-components-library/{p-3b47835a.entry.js → p-88bc3cf2.entry.js} +1 -1
- package/dist/web-components-library/p-904375ec.entry.js +1 -0
- package/{www/build/p-3ade3fa4.entry.js → dist/web-components-library/p-9777ec0b.entry.js} +1 -1
- package/dist/web-components-library/{p-00265234.entry.js → p-9d279248.entry.js} +1 -1
- package/dist/web-components-library/{p-fae6d22e.entry.js → p-a6c68018.entry.js} +1 -1
- package/dist/web-components-library/{p-e305e1f8.entry.js → p-b260e143.entry.js} +1 -1
- package/dist/web-components-library/{p-94919e28.entry.js → p-c196c340.entry.js} +1 -1
- package/dist/web-components-library/{p-329633be.entry.js → p-c3771cc7.entry.js} +1 -1
- package/dist/web-components-library/{p-f938f1b0.entry.js → p-c5d6450e.entry.js} +1 -1
- package/dist/web-components-library/p-d2da11f4.js +1 -0
- package/dist/web-components-library/{p-26572e05.js → p-d34e101f.js} +1 -1
- package/dist/web-components-library/{p-9207c9ca.entry.js → p-d4440420.entry.js} +1 -1
- package/{www/build/p-33dc73f1.entry.js → dist/web-components-library/p-d502063b.entry.js} +1 -1
- package/dist/web-components-library/{p-1d371408.js → p-e43e61ac.js} +1 -1
- package/dist/web-components-library/{p-e6f63644.entry.js → p-e4dce41a.entry.js} +1 -1
- package/dist/web-components-library/{p-4e7c54ac.entry.js → p-eafa01a1.entry.js} +1 -1
- package/dist/web-components-library/p-ec361ccf.entry.js +1 -0
- package/dist/web-components-library/p-ef22d940.entry.js +1 -0
- package/dist/web-components-library/{p-92f0664e.entry.js → p-feb6ee16.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +2 -1
- package/react/components.d.ts +2 -0
- package/react/components.js +4 -2
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-2536d492.entry.js → p-0177caf2.entry.js} +1 -1
- package/www/build/{p-a9a24ffd.entry.js → p-01a23d8c.entry.js} +1 -1
- package/www/build/{p-5d429427.entry.js → p-02145727.entry.js} +1 -1
- package/{dist/web-components-library/p-98cd95f3.entry.js → www/build/p-0b0a358a.entry.js} +1 -1
- package/www/build/p-0fc6feaf.entry.js +1 -0
- package/www/build/{p-a8ba7c76.entry.js → p-10a2a9fe.entry.js} +1 -1
- package/www/build/p-112455b1.js +1 -0
- package/www/build/{p-ee229819.entry.js → p-157885b1.entry.js} +1 -1
- package/www/build/p-1b34d655.entry.js +1 -0
- package/www/build/{p-6b70aaa3.entry.js → p-240561e7.entry.js} +1 -1
- package/www/build/{p-3247dee9.js → p-286363e2.js} +1 -1
- package/www/build/p-298d324a.entry.js +1 -0
- package/www/build/p-2d325b9b.entry.js +1 -0
- package/www/build/{p-5651167f.entry.js → p-2de00f19.entry.js} +1 -1
- package/www/build/{p-6deeeeff.entry.js → p-30c0f3f2.entry.js} +1 -1
- package/www/build/{p-189c9cd3.entry.js → p-35c4d277.entry.js} +1 -1
- package/www/build/{p-091b489d.entry.js → p-3bc3f32e.entry.js} +1 -1
- package/www/build/{p-800e9669.entry.js → p-4a360730.entry.js} +1 -1
- package/www/build/{p-04f7a407.entry.js → p-4c7250a9.entry.js} +1 -1
- package/www/build/p-4e270984.entry.js +16 -0
- package/{dist/web-components-library/p-26410b9b.entry.js → www/build/p-4ef4c8ef.entry.js} +1 -1
- package/www/build/p-4f64af13.entry.js +1 -0
- package/www/build/p-53add5a8.js +1 -0
- package/{dist/web-components-library/p-82048c15.js → www/build/p-571e9db9.js} +1 -1
- package/www/build/{p-ead40844.entry.js → p-58091e1c.entry.js} +1 -1
- package/www/build/{p-cd0cafe6.entry.js → p-5b2d0ccb.entry.js} +1 -1
- package/www/build/{p-7bb69f45.entry.js → p-61ba9cc7.entry.js} +1 -1
- package/www/build/{p-2c8e542b.entry.js → p-64b2b415.entry.js} +1 -1
- package/www/build/{p-2b551b66.entry.js → p-782d01c1.entry.js} +1 -1
- package/www/build/{p-bc168412.entry.js → p-7efeb668.entry.js} +1 -1
- package/{dist/web-components-library/p-c3bd10ad.entry.js → www/build/p-814d6b43.entry.js} +1 -1
- package/www/build/p-88b56b6e.css +1 -0
- package/www/build/{p-3b47835a.entry.js → p-88bc3cf2.entry.js} +1 -1
- package/www/build/p-904375ec.entry.js +1 -0
- package/{dist/web-components-library/p-3ade3fa4.entry.js → www/build/p-9777ec0b.entry.js} +1 -1
- package/www/build/{p-00265234.entry.js → p-9d279248.entry.js} +1 -1
- package/www/build/{p-fae6d22e.entry.js → p-a6c68018.entry.js} +1 -1
- package/www/build/{p-e305e1f8.entry.js → p-b260e143.entry.js} +1 -1
- package/www/build/{p-94919e28.entry.js → p-c196c340.entry.js} +1 -1
- package/www/build/{p-329633be.entry.js → p-c3771cc7.entry.js} +1 -1
- package/www/build/{p-f938f1b0.entry.js → p-c5d6450e.entry.js} +1 -1
- package/www/build/p-d2da11f4.js +1 -0
- package/www/build/{p-26572e05.js → p-d34e101f.js} +1 -1
- package/www/build/{p-9207c9ca.entry.js → p-d4440420.entry.js} +1 -1
- package/{dist/web-components-library/p-33dc73f1.entry.js → www/build/p-d502063b.entry.js} +1 -1
- package/www/build/{p-1d371408.js → p-e43e61ac.js} +1 -1
- package/www/build/{p-e6f63644.entry.js → p-e4dce41a.entry.js} +1 -1
- package/www/build/{p-4e7c54ac.entry.js → p-eafa01a1.entry.js} +1 -1
- package/www/build/p-ec361ccf.entry.js +1 -0
- package/www/build/p-ef22d940.entry.js +1 -0
- package/www/build/{p-92f0664e.entry.js → p-feb6ee16.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +61 -16
- package/CHANGELOG.md +0 -1486
- package/dist/cjs/z-ghost-loading.cjs.entry.js +0 -19
- package/dist/collection/components/navigation/z-navigation-tab/index.js +0 -151
- package/dist/collection/components/navigation/z-navigation-tabs/index.js +0 -179
- package/dist/esm/z-ghost-loading.entry.js +0 -15
- package/dist/types/components/navigation/z-navigation-tab/index.d.ts +0 -16
- package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +0 -32
- package/dist/web-components-library/p-1242e682.entry.js +0 -1
- package/dist/web-components-library/p-3d99e2b1.entry.js +0 -1
- package/dist/web-components-library/p-5300e675.entry.js +0 -1
- package/dist/web-components-library/p-5789bbe7.entry.js +0 -1
- package/dist/web-components-library/p-5b5d269c.js +0 -1
- package/dist/web-components-library/p-5e41c6c2.entry.js +0 -1
- package/dist/web-components-library/p-99e53bd5.entry.js +0 -1
- package/dist/web-components-library/p-b68038b5.js +0 -1
- package/dist/web-components-library/p-b9d7caa1.entry.js +0 -1
- package/dist/web-components-library/p-e98bb01e.entry.js +0 -1
- package/src-react/index.ts +0 -1
- package/www/build/p-1242e682.entry.js +0 -1
- package/www/build/p-3d99e2b1.entry.js +0 -1
- package/www/build/p-5300e675.entry.js +0 -1
- package/www/build/p-5789bbe7.entry.js +0 -1
- package/www/build/p-5b5d269c.js +0 -1
- package/www/build/p-5e41c6c2.entry.js +0 -1
- package/www/build/p-99e53bd5.entry.js +0 -1
- package/www/build/p-b68038b5.js +0 -1
- package/www/build/p-b9d7caa1.entry.js +0 -1
- package/www/build/p-d96e3b44.js +0 -129
- package/www/build/p-e98bb01e.entry.js +0 -1
- package/www/build/p-fcff1237.css +0 -812
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-84b7063a.js');
|
|
6
|
-
|
|
7
|
-
const stylesCss = ":host{display:inline-block;width:100%;height:100%;background:var(--bg-neutral-100);overflow:hidden;border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{content:' ';display:block;width:100%;height:100%;box-shadow:#e8ebee20 0px 0px 1px;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );animation:progress 1.6s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
|
|
8
|
-
|
|
9
|
-
const ZGhostLoading = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
return (index.h(index.Host, null));
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
ZGhostLoading.style = stylesCss;
|
|
18
|
-
|
|
19
|
-
exports.z_ghost_loading = ZGhostLoading;
|
|
@@ -1,151 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, h, Element, Listen, Event, Watch } from "@stencil/core";
|
|
2
|
-
/**
|
|
3
|
-
* @slot icon - tab icon
|
|
4
|
-
* @slot label - tab label
|
|
5
|
-
*/
|
|
6
|
-
export class ZNavigationTab {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.selected = false;
|
|
9
|
-
this.disabled = false;
|
|
10
|
-
this.orientation = 'horizontal';
|
|
11
|
-
this.size = 'big';
|
|
12
|
-
}
|
|
13
|
-
onFocus() {
|
|
14
|
-
this.host.scrollIntoView({
|
|
15
|
-
behavior: 'smooth',
|
|
16
|
-
block: 'nearest',
|
|
17
|
-
inline: 'nearest',
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
onClick() {
|
|
21
|
-
if (!this.disabled) {
|
|
22
|
-
this.selected = true;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
onSelected() {
|
|
26
|
-
if (this.selected) {
|
|
27
|
-
this.emitSelected.emit();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return (h("button", { disabled: this.disabled, role: "tab" },
|
|
32
|
-
h("slot", { name: "icon" }),
|
|
33
|
-
this.orientation === "horizontal" && h("slot", { name: "label" })));
|
|
34
|
-
}
|
|
35
|
-
static get is() { return "z-navigation-tab"; }
|
|
36
|
-
static get encapsulation() { return "shadow"; }
|
|
37
|
-
static get originalStyleUrls() { return {
|
|
38
|
-
"$": ["styles.css"]
|
|
39
|
-
}; }
|
|
40
|
-
static get styleUrls() { return {
|
|
41
|
-
"$": ["styles.css"]
|
|
42
|
-
}; }
|
|
43
|
-
static get properties() { return {
|
|
44
|
-
"selected": {
|
|
45
|
-
"type": "boolean",
|
|
46
|
-
"mutable": true,
|
|
47
|
-
"complexType": {
|
|
48
|
-
"original": "boolean",
|
|
49
|
-
"resolved": "boolean",
|
|
50
|
-
"references": {}
|
|
51
|
-
},
|
|
52
|
-
"required": false,
|
|
53
|
-
"optional": true,
|
|
54
|
-
"docs": {
|
|
55
|
-
"tags": [],
|
|
56
|
-
"text": ""
|
|
57
|
-
},
|
|
58
|
-
"attribute": "selected",
|
|
59
|
-
"reflect": true,
|
|
60
|
-
"defaultValue": "false"
|
|
61
|
-
},
|
|
62
|
-
"disabled": {
|
|
63
|
-
"type": "boolean",
|
|
64
|
-
"mutable": false,
|
|
65
|
-
"complexType": {
|
|
66
|
-
"original": "boolean",
|
|
67
|
-
"resolved": "boolean",
|
|
68
|
-
"references": {}
|
|
69
|
-
},
|
|
70
|
-
"required": false,
|
|
71
|
-
"optional": true,
|
|
72
|
-
"docs": {
|
|
73
|
-
"tags": [],
|
|
74
|
-
"text": ""
|
|
75
|
-
},
|
|
76
|
-
"attribute": "disabled",
|
|
77
|
-
"reflect": true,
|
|
78
|
-
"defaultValue": "false"
|
|
79
|
-
},
|
|
80
|
-
"orientation": {
|
|
81
|
-
"type": "string",
|
|
82
|
-
"mutable": false,
|
|
83
|
-
"complexType": {
|
|
84
|
-
"original": "string",
|
|
85
|
-
"resolved": "string",
|
|
86
|
-
"references": {}
|
|
87
|
-
},
|
|
88
|
-
"required": false,
|
|
89
|
-
"optional": false,
|
|
90
|
-
"docs": {
|
|
91
|
-
"tags": [],
|
|
92
|
-
"text": ""
|
|
93
|
-
},
|
|
94
|
-
"attribute": "orientation",
|
|
95
|
-
"reflect": true,
|
|
96
|
-
"defaultValue": "'horizontal'"
|
|
97
|
-
},
|
|
98
|
-
"size": {
|
|
99
|
-
"type": "string",
|
|
100
|
-
"mutable": false,
|
|
101
|
-
"complexType": {
|
|
102
|
-
"original": "string",
|
|
103
|
-
"resolved": "string",
|
|
104
|
-
"references": {}
|
|
105
|
-
},
|
|
106
|
-
"required": false,
|
|
107
|
-
"optional": false,
|
|
108
|
-
"docs": {
|
|
109
|
-
"tags": [],
|
|
110
|
-
"text": ""
|
|
111
|
-
},
|
|
112
|
-
"attribute": "size",
|
|
113
|
-
"reflect": true,
|
|
114
|
-
"defaultValue": "'big'"
|
|
115
|
-
}
|
|
116
|
-
}; }
|
|
117
|
-
static get events() { return [{
|
|
118
|
-
"method": "emitSelected",
|
|
119
|
-
"name": "selected",
|
|
120
|
-
"bubbles": true,
|
|
121
|
-
"cancelable": true,
|
|
122
|
-
"composed": true,
|
|
123
|
-
"docs": {
|
|
124
|
-
"tags": [],
|
|
125
|
-
"text": ""
|
|
126
|
-
},
|
|
127
|
-
"complexType": {
|
|
128
|
-
"original": "any",
|
|
129
|
-
"resolved": "any",
|
|
130
|
-
"references": {}
|
|
131
|
-
}
|
|
132
|
-
}]; }
|
|
133
|
-
static get elementRef() { return "host"; }
|
|
134
|
-
static get watchers() { return [{
|
|
135
|
-
"propName": "selected",
|
|
136
|
-
"methodName": "onSelected"
|
|
137
|
-
}]; }
|
|
138
|
-
static get listeners() { return [{
|
|
139
|
-
"name": "focus",
|
|
140
|
-
"method": "onFocus",
|
|
141
|
-
"target": undefined,
|
|
142
|
-
"capture": false,
|
|
143
|
-
"passive": false
|
|
144
|
-
}, {
|
|
145
|
-
"name": "click",
|
|
146
|
-
"method": "onClick",
|
|
147
|
-
"target": undefined,
|
|
148
|
-
"capture": false,
|
|
149
|
-
"passive": false
|
|
150
|
-
}]; }
|
|
151
|
-
}
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, h, Listen, Element, State, Watch, Host } from '@stencil/core';
|
|
2
|
-
import { TabSizeEnum, TabOrientationEnum } from '../../../beans';
|
|
3
|
-
export class ZNavigationTabs {
|
|
4
|
-
constructor() {
|
|
5
|
-
/** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
|
|
6
|
-
this.orientation = TabOrientationEnum.horizontal;
|
|
7
|
-
/** Available sizes: `big` and `small`. Defaults to `big`. */
|
|
8
|
-
this.size = TabSizeEnum.big;
|
|
9
|
-
this.direction = this.orientation == TabOrientationEnum.vertical ? 'Top' : 'Left';
|
|
10
|
-
this.dimension = this.orientation == TabOrientationEnum.vertical ? 'Height' : 'Width';
|
|
11
|
-
}
|
|
12
|
-
/** Set all childrens (tab) size attribute : big (default) or small */
|
|
13
|
-
setChildrenSize() {
|
|
14
|
-
const children = this.host.children;
|
|
15
|
-
for (let i = 0; i < children.length; i++) {
|
|
16
|
-
children[i].setAttribute('size', this.size);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
/** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
|
|
20
|
-
setChildrenOrientation() {
|
|
21
|
-
const children = this.host.children;
|
|
22
|
-
for (let i = 0; i < children.length; i++) {
|
|
23
|
-
children[i].setAttribute('orientation', this.orientation);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
/** When resize check if the navigation buttons are needed */
|
|
27
|
-
checkScrollVisible() {
|
|
28
|
-
if (!this.tabsNav) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
this.canNavigate = this.tabsNav[`scroll${this.dimension}`] > this.tabsNav[`client${this.dimension}`];
|
|
32
|
-
this.checkScrollEnabled();
|
|
33
|
-
}
|
|
34
|
-
/** Check if navigation buttons can be enabled for each orientation */
|
|
35
|
-
checkScrollEnabled() {
|
|
36
|
-
if (!this.tabsNav) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
this.canNavigateNext = this.tabsNav[`scroll${this.direction}`] +
|
|
40
|
-
this.tabsNav[`client${this.dimension}`] < this.tabsNav[`scroll${this.dimension}`];
|
|
41
|
-
this.canNavigatePrev = this.tabsNav[`scroll${this.direction}`] > 0;
|
|
42
|
-
}
|
|
43
|
-
selectedTabHandler(event) {
|
|
44
|
-
this.select(event.target);
|
|
45
|
-
}
|
|
46
|
-
/** Select a tab child and deselect the others */
|
|
47
|
-
select(tab) {
|
|
48
|
-
const children = this.host.children;
|
|
49
|
-
for (let i = 0; i < children.length; i++) {
|
|
50
|
-
const child = children[i];
|
|
51
|
-
if (child.tagName === 'Z-NAVIGATION-TAB') {
|
|
52
|
-
if (child !== tab) {
|
|
53
|
-
child.selected = false;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
/** Scroll the navigation bar (half of its size) backward, based on orientation */
|
|
59
|
-
navigatePrevious() {
|
|
60
|
-
this.tabsNav.scrollBy({
|
|
61
|
-
[this.direction.toLowerCase()]: 0 - (this.tabsNav[`client${this.dimension}`] / 2),
|
|
62
|
-
behavior: 'smooth',
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
/** Scroll the navigation bar (half of its size) forward, based on orientation */
|
|
66
|
-
navigateNext() {
|
|
67
|
-
this.tabsNav.scrollBy({
|
|
68
|
-
[this.direction.toLowerCase()]: this.tabsNav.scrollTop + (this.tabsNav[`client${this.dimension}`] / 2),
|
|
69
|
-
behavior: 'smooth',
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
componentDidLoad() {
|
|
73
|
-
this.setChildrenSize();
|
|
74
|
-
this.setChildrenOrientation();
|
|
75
|
-
this.checkScrollVisible();
|
|
76
|
-
}
|
|
77
|
-
render() {
|
|
78
|
-
return h(Host, { class: {
|
|
79
|
-
'interactive-2': this.size === 'small',
|
|
80
|
-
'interactive-1': this.size !== 'small'
|
|
81
|
-
}, scrollable: this.canNavigate },
|
|
82
|
-
this.canNavigate && h("button", { class: "navigation", onClick: () => this.navigatePrevious(), tabindex: "-1", disabled: !this.canNavigatePrev },
|
|
83
|
-
h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-left' : 'chevron-up', width: 16, height: 16 })),
|
|
84
|
-
h("nav", { role: "tablist", ref: (el) => this.tabsNav = el !== null && el !== void 0 ? el : this.tabsNav, onScroll: this.checkScrollEnabled.bind(this) },
|
|
85
|
-
h("slot", null)),
|
|
86
|
-
this.canNavigate && h("button", { class: "navigation", onClick: () => { this.navigateNext(); }, tabindex: "-1", disabled: !this.canNavigateNext },
|
|
87
|
-
h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-right' : 'chevron-down', width: 16, height: 16 })));
|
|
88
|
-
}
|
|
89
|
-
static get is() { return "z-navigation-tabs"; }
|
|
90
|
-
static get encapsulation() { return "shadow"; }
|
|
91
|
-
static get originalStyleUrls() { return {
|
|
92
|
-
"$": ["styles.css"]
|
|
93
|
-
}; }
|
|
94
|
-
static get styleUrls() { return {
|
|
95
|
-
"$": ["styles.css"]
|
|
96
|
-
}; }
|
|
97
|
-
static get properties() { return {
|
|
98
|
-
"orientation": {
|
|
99
|
-
"type": "string",
|
|
100
|
-
"mutable": false,
|
|
101
|
-
"complexType": {
|
|
102
|
-
"original": "TabOrientationBean",
|
|
103
|
-
"resolved": "TabOrientationEnum.horizontal | TabOrientationEnum.vertical",
|
|
104
|
-
"references": {
|
|
105
|
-
"TabOrientationBean": {
|
|
106
|
-
"location": "import",
|
|
107
|
-
"path": "../../../beans"
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
"required": false,
|
|
112
|
-
"optional": true,
|
|
113
|
-
"docs": {
|
|
114
|
-
"tags": [],
|
|
115
|
-
"text": "Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`."
|
|
116
|
-
},
|
|
117
|
-
"attribute": "orientation",
|
|
118
|
-
"reflect": true,
|
|
119
|
-
"defaultValue": "TabOrientationEnum.horizontal"
|
|
120
|
-
},
|
|
121
|
-
"size": {
|
|
122
|
-
"type": "string",
|
|
123
|
-
"mutable": false,
|
|
124
|
-
"complexType": {
|
|
125
|
-
"original": "TabSizeBean",
|
|
126
|
-
"resolved": "TabSizeEnum.big | TabSizeEnum.small",
|
|
127
|
-
"references": {
|
|
128
|
-
"TabSizeBean": {
|
|
129
|
-
"location": "import",
|
|
130
|
-
"path": "../../../beans"
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
"required": false,
|
|
135
|
-
"optional": true,
|
|
136
|
-
"docs": {
|
|
137
|
-
"tags": [],
|
|
138
|
-
"text": "Available sizes: `big` and `small`. Defaults to `big`."
|
|
139
|
-
},
|
|
140
|
-
"attribute": "size",
|
|
141
|
-
"reflect": true,
|
|
142
|
-
"defaultValue": "TabSizeEnum.big"
|
|
143
|
-
}
|
|
144
|
-
}; }
|
|
145
|
-
static get states() { return {
|
|
146
|
-
"canNavigate": {},
|
|
147
|
-
"canNavigatePrev": {},
|
|
148
|
-
"canNavigateNext": {},
|
|
149
|
-
"direction": {},
|
|
150
|
-
"dimension": {}
|
|
151
|
-
}; }
|
|
152
|
-
static get elementRef() { return "host"; }
|
|
153
|
-
static get watchers() { return [{
|
|
154
|
-
"propName": "size",
|
|
155
|
-
"methodName": "setChildrenSize"
|
|
156
|
-
}, {
|
|
157
|
-
"propName": "orientation",
|
|
158
|
-
"methodName": "setChildrenOrientation"
|
|
159
|
-
}, {
|
|
160
|
-
"propName": "direction",
|
|
161
|
-
"methodName": "checkScrollEnabled"
|
|
162
|
-
}, {
|
|
163
|
-
"propName": "dimension",
|
|
164
|
-
"methodName": "checkScrollEnabled"
|
|
165
|
-
}]; }
|
|
166
|
-
static get listeners() { return [{
|
|
167
|
-
"name": "resize",
|
|
168
|
-
"method": "checkScrollVisible",
|
|
169
|
-
"target": "window",
|
|
170
|
-
"capture": false,
|
|
171
|
-
"passive": true
|
|
172
|
-
}, {
|
|
173
|
-
"name": "selected",
|
|
174
|
-
"method": "selectedTabHandler",
|
|
175
|
-
"target": undefined,
|
|
176
|
-
"capture": false,
|
|
177
|
-
"passive": false
|
|
178
|
-
}]; }
|
|
179
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-90e18641.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host{display:inline-block;width:100%;height:100%;background:var(--bg-neutral-100);overflow:hidden;border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{content:' ';display:block;width:100%;height:100%;box-shadow:#e8ebee20 0px 0px 1px;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );animation:progress 1.6s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
|
|
4
|
-
|
|
5
|
-
const ZGhostLoading = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h(Host, null));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
ZGhostLoading.style = stylesCss;
|
|
14
|
-
|
|
15
|
-
export { ZGhostLoading as z_ghost_loading };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @slot icon - tab icon
|
|
3
|
-
* @slot label - tab label
|
|
4
|
-
*/
|
|
5
|
-
export declare class ZNavigationTab {
|
|
6
|
-
host: HTMLElement;
|
|
7
|
-
selected?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
orientation: string;
|
|
10
|
-
size: string;
|
|
11
|
-
private emitSelected;
|
|
12
|
-
onFocus(): void;
|
|
13
|
-
onClick(): void;
|
|
14
|
-
onSelected(): void;
|
|
15
|
-
render(): any;
|
|
16
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { TabSizeBean, TabOrientationBean } from '../../../beans';
|
|
2
|
-
export declare class ZNavigationTabs {
|
|
3
|
-
host: HTMLElement;
|
|
4
|
-
/** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
|
|
5
|
-
orientation?: TabOrientationBean;
|
|
6
|
-
/** Available sizes: `big` and `small`. Defaults to `big`. */
|
|
7
|
-
size?: TabSizeBean;
|
|
8
|
-
/** State for the navigation */
|
|
9
|
-
canNavigate: boolean;
|
|
10
|
-
canNavigatePrev: boolean;
|
|
11
|
-
canNavigateNext: boolean;
|
|
12
|
-
direction: 'Top' | 'Left';
|
|
13
|
-
dimension: 'Height' | 'Width';
|
|
14
|
-
tabsNav: HTMLElement;
|
|
15
|
-
/** Set all childrens (tab) size attribute : big (default) or small */
|
|
16
|
-
setChildrenSize(): void;
|
|
17
|
-
/** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
|
|
18
|
-
setChildrenOrientation(): void;
|
|
19
|
-
/** When resize check if the navigation buttons are needed */
|
|
20
|
-
checkScrollVisible(): void;
|
|
21
|
-
/** Check if navigation buttons can be enabled for each orientation */
|
|
22
|
-
checkScrollEnabled(): void;
|
|
23
|
-
selectedTabHandler(event: CustomEvent): void;
|
|
24
|
-
/** Select a tab child and deselect the others */
|
|
25
|
-
select(tab: Element): void;
|
|
26
|
-
/** Scroll the navigation bar (half of its size) backward, based on orientation */
|
|
27
|
-
navigatePrevious(): void;
|
|
28
|
-
/** Scroll the navigation bar (half of its size) forward, based on orientation */
|
|
29
|
-
navigateNext(): void;
|
|
30
|
-
componentDidLoad(): void;
|
|
31
|
-
render(): any;
|
|
32
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as o}from"./p-98268a57.js";import{m as s,n as e}from"./p-5b5d269c.js";const r=class{constructor(i){t(this,i),this.orientation=s.horizontal,this.size=e.big,this.direction=this.orientation==s.vertical?"Top":"Left",this.dimension=this.orientation==s.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as a,H as t}from"./p-98268a57.js";import{Z as s}from"./p-5b5d269c.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s,H as r}from"./p-98268a57.js";import{I as c,k as a,j as n}from"./p-5b5d269c.js";import{r as o,b as l,h as p,d as h}from"./p-26572e05.js";import"./p-d69e14fb.js";const u=class{constructor(i){t(this,i),this.removefilter=e(this,"removefilter",7),this.isfixed=!1,this.hasicon=!0,this.issmall=!1,this.handleRemovingFilterClick=this.handleRemovingFilterClick.bind(this)}handleRemovingFilterClick(){this.removefilter.emit({filterid:this.filterid})}renderFixedPillow(t){return i("button",{class:"container "+(this.issmall?"small":"")},this.renderIcon(),this.renderContent(t))}renderDynamicPillow(t){return i("button",{class:"container isactive "+(this.issmall?"small":""),onClick:this.handleRemovingFilterClick},this.renderIcon(),this.renderContent(t))}renderIcon(){return this.hasicon?i("z-icon",{class:"close-icon-container",name:"multiply",height:12,width:12}):null}renderContent(t){return i("span",{class:"text-container"},t)}render(){return this.isfixed?this.renderFixedPillow(this.filtername):this.renderDynamicPillow(this.filtername)}};u.style="button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";const d=class{constructor(i){t(this,i),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.hasmessage=!0,this.labelafter=!0,this.typingtimeout=300,this.multiple=!1,this.hasclearicon=!0,this.isTyping=!1,this.textareaWrapperHover="",this.textareaWrapperFocus="",this.passwordHidden=!0}inputCheckListener(t){const e=t.detail;switch(this.type){case c.radio:e.type===c.radio&&e.name===this.name&&e.id!==this.htmlid&&(this.checked=!1);default:return}}async getValue(){switch(this.type){case c.select:return this.selectElem.getValue();default:return this.value}}async setValue(t){switch(this.type){case c.select:this.selectElem.setValue(t);break;default:"string"==typeof t&&(this.value=t)}}async isChecked(){switch(this.type){case c.checkbox:case c.radio:return this.checked;default:return!1}}emitInputChange(t,e){this.isTyping||this.emitStartTyping();let i={};i=this.getValidity(this.type===c.textarea?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,keycode:e,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,e){this.isTyping=!1,this.stopTyping.emit({value:t,validity:e})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){const t={id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:[`input_${this.status||"default"}`,this.isTyping&&"istyping",!this.isTyping&&this.value&&"filled"].filter(Boolean).join(" "),onInput:t=>this.emitInputChange(t.target.value,t.keyCode)};return this.autocomplete&&(t.autocomplete=this.autocomplete),t}renderInputText(t=c.text){const e=this.getTextAttributes();return(this.icon||t===c.password)&&(e.class+=" hasIcon"),this.hasclearicon&&(e.class+=" hasClearIcon"),i("div",{class:"textWrapper"},this.renderLabel(),i("div",null,i("input",Object.assign({type:t!==c.password||this.passwordHidden?t:c.text},e,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_label`})}renderIcons(){return i("span",{class:{iconsWrapper:!0,disabled:this.disabled}},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===c.password?this.renderShowHidePassword():this.icon?i("z-icon",{class:"inputIcon",name:this.icon}):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly)return i("z-icon",{class:"resetIcon",name:"multiply",onClick:t=>this.emitInputChange("",t.keyCode)})}renderShowHidePassword(){return i("z-icon",{class:"showHidePasswordIcon",name:this.passwordHidden?"view-filled":"view-off-filled",onClick:()=>this.passwordHidden=!this.passwordHidden})}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return i("div",{class:"textWrapper"},this.renderLabel(),i("div",{class:["textareaWrapper",t.class,t.disabled&&"disabled",t.readonly&&"readonly",this.isTyping&&"istyping",this.textareaWrapperFocus,this.textareaWrapperHover].filter(Boolean).join(" ")},i("textarea",Object.assign({},t,{onFocus:()=>this.textareaWrapperFocus="focus",onBlur:()=>this.textareaWrapperFocus="",onMouseOver:()=>this.textareaWrapperHover="hover",onMouseOut:()=>this.textareaWrapperHover="","aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkboxWrapper"},i("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{checkboxLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderRadio(){return i("div",{class:"radioWrapper"},i("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{radioLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderSelect(){return i("z-select",{htmlid:this.htmlid,items:this.items,name:this.name,label:this.label,"aria-label":this.ariaLabel,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,htmltitle:this.htmltitle,status:this.status,hasmessage:this.hasmessage,message:this.message,autocomplete:this.autocomplete,multiple:this.multiple,ref:t=>this.selectElem=t})}render(){switch(this.type){case c.text:case c.password:case c.number:case c.email:return this.renderInputText(this.type);case c.textarea:return this.renderTextarea();case c.checkbox:return this.renderCheckbox();case c.radio:return this.renderRadio();case c.select:return this.renderSelect();default:return this.renderInputText()}}get hostElement(){return s(this)}};d.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textareaWrapper.sc-z-input,ul[role="listbox"].sc-z-input{background:var(--color-input-field01);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--color-surface04);box-sizing:border-box;color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);outline:none}input.sc-z-input:focus:focus-visible,li[role="option"].sc-z-input:focus:focus-visible,.focus.sc-z-input{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input{border-color:var(--color-surface05)}.istyping.sc-z-input,.focus.istyping.sc-z-input,.input_selecting.sc-z-input{border-color:var(--color-primary01);color:var(--color-primary01)}.input_success.sc-z-input,.input_success.sc-z-input:hover,.input_success.hover.sc-z-input{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input,.input_error.sc-z-input:hover,.input_error.hover.sc-z-input{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input,.input_warning.sc-z-input:hover,.input_warning.hover.sc-z-input{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input:disabled,.disabled.sc-z-input,.filled.sc-z-input:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-input-placeholder,.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-input-placeholder,.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::-moz-placeholder{color:var(--color-text05)}.sc-z-input:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input>div.sc-z-input{fill:var(--color-icon02)}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);margin:0;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);box-sizing:border-box}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.sc-z-input,.textWrapper.sc-z-input>div.sc-z-input>input.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1}.textWrapper.sc-z-input .iconsWrapper.sc-z-input{position:absolute;bottom:calc(var(--space-unit) * 1.5);right:calc(var(--space-unit) * 1.5);display:flex;z-index:2}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.resetIcon.sc-z-input,.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.showHidePasswordIcon.sc-z-input{cursor:pointer}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input,.checkboxWrapper.sc-z-input{display:inline-flex;flex-direction:row;align-items:center;font-family:var(--font-family-sans);position:relative;color:var(--color-text01);fill:var(--color-primary01)}.radioWrapper.sc-z-input:hover,.checkboxWrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input>input.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input .radioLabel.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input{display:inline-flex;align-items:center;margin:0;line-height:1;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.radioWrapper.sc-z-input input.sc-z-input:not(:disabled)+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkboxLabel.sc-z-input{cursor:pointer}.radioWrapper.sc-z-input .radioLabel.sc-z-input z-icon.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input z-icon.sc-z-input{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input{flex-direction:row}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input{flex-direction:row-reverse}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radioWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkboxLabel.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input{color:var(--color-disabled02)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input>z-icon.sc-z-input{fill:var(--color-disabled01);cursor:default}';const z=class{constructor(e){t(this,e),this.disabled=!1}render(){return i("label",{htmlFor:this.htmlfor,class:{disabled:this.disabled}},this.value)}};z.style="label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);line-height:1.33;letter-spacing:0.32px;text-transform:uppercase;text-align:left}label.disabled{color:var(--color-disabled02)}";const b=class{constructor(e){t(this,e),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return i(r,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&i("z-icon",{name:this.statusIcons[this.status]}),i("span",{innerHTML:this.message}))}};b.style=":host{display:flex;align-items:start;min-height:calc(var(--space-unit) * 2);margin-top:var(--space-unit);color:var(--color-text05);fill:currentColor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status='success']){color:var(--color-text-success)}:host([status='error']){color:var(--color-text-error)}:host([status='warning']){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:calc(var(--space-unit) / 3) var(--space-unit) 0 0}";const v=class{constructor(i){t(this,i),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.hasmessage=!0,this.autocomplete=!1,this.multiple=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItems=this.itemsList.filter((t=>t.selected))}async getSelectedItems(){return this.selectedItems}async getValue(){return this.getSelectedValues()}async setValue(t){let e=[];"string"==typeof t?e.push(t):e=t,this.selectedItems=this.itemsList.filter((t=>e.includes(t.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValues()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemsToItemsArray(){return this.getInitialItemsArray().map((t=>{const e=this.selectedItems.find((e=>e.id===t.id));return t.selected=!!e,t}))}getSelectedValues(){return this.multiple?this.selectedItems.map((t=>t.id)):!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null}filterItems(t){const e=this.mapSelectedItemsToItemsArray();this.itemsList=(null==t?void 0:t.length)?e.filter((e=>e.name.toUpperCase().includes(t.toUpperCase()))).map((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase()),s=i+t.length,r=e.name.substring(0,i)+e.name.substring(i,s).bold()+e.name.substring(s,e.name.length);return e.name=r,e})):e}hasAutcomplete(){return!0===this.autocomplete||"true"===this.autocomplete||"on"===this.autocomplete}handleInputChange(t){this.searchString=t.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(t,e){t&&t.disabled||(this.itemsList=this.mapSelectedItemsToItemsArray(),this.itemsList=this.itemsList.map((i=>(this.multiple||(i.selected=!1),i.id===(t?t.id:null)&&(i.selected=e),i))),this.selectedItems=this.itemsList.filter((t=>t.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(t,e){if(![a.ARROW_DOWN,a.ARROW_UP].includes(t.keyCode))return;let i;t.preventDefault(),t.stopPropagation(),this.isOpen||this.toggleSelectUl(),t.keyCode===a.ARROW_DOWN?i=e+1===this.itemsList.length?0:e+1:t.keyCode===a.ARROW_UP&&(i=e<=0?this.itemsList.length-1:e-1),this.focusSelectItem(i)}focusSelectItem(t){const e=this.element.querySelector(`#${this.htmlid}_${t}`);e&&e.focus()}toggleSelectUl(t=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),t&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(t){t.composedPath().find((t=>t.classList&&t.classList.contains("resetIcon")))?t.stopPropagation():this.toggleSelectUl()}handleSelectFocus(t){if(t instanceof KeyboardEvent&&t.keyCode===a.ESC)return t.stopPropagation(),this.toggleSelectUl(!0);t instanceof KeyboardEvent&&t.keyCode!==a.TAB&&t.keyCode!==a.ENTER||l(h()).find((t=>"z-input"===t.nodeName.toLowerCase()&&t.id===`${this.htmlid}_input`||this.multiple&&"ul"===t.nodeName.toLowerCase()&&t.id===this.htmlid))||this.toggleSelectUl(t instanceof MouseEvent)}scrollToLetter(t){const e=this.itemsList.find((e=>e.name.charAt(0)===t));e&&this.focusSelectItem(this.itemsList.indexOf(e))}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_input_label`})}renderInput(){return i("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:this.isOpen||this.multiple||!this.selectedItems.length?null:this.selectedItems[0].name.replace(/<[^>]+>/g,""),"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutcomplete(),hasmessage:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutcomplete()&&this.isOpen,status:this.isOpen?n.selecting:this.status,onClick:t=>{this.handleInputClick(t)},onKeyUp:t=>{13!==t.keyCode&&t.preventDefault(),p(t,this.toggleSelectUl)},onKeyDown:t=>this.arrowsSelectNav(t,this.selectedItems.length?this.itemsList.indexOf(this.selectedItems[0]):-1),onInputChange:t=>{this.handleInputChange(t)},onKeyPress:t=>{this.hasAutcomplete()||(t.preventDefault(),this.scrollToLetter(String.fromCharCode(t.keyCode)))}})}renderChips(){if(this.multiple&&this.selectedItems.length)return i("div",{class:"chipsWrapper "+(this.isOpen?"open":"")},this.selectedItems.map((t=>i("z-button-filter",{filterid:t.id,filtername:t.name.replace(/<[^>]+>/g,""),issmall:!0,onRemovefilter:()=>this.selectItem(t,!1)}))))}renderSelectUl(){return i("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},i("div",{class:"ulScrollWrapper",tabindex:"-1"},i("ul",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null,"aria-multiselectable":!!this.multiple,class:`\n ${this.disabled?" disabled":""}\n ${this.readonly?" readonly":""}\n ${!this.isOpen&&this.status?" input_"+this.status:" input_default"}\n ${this.selectedItems.length?" filled":""}\n `},this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((t,e)=>i("li",{role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,class:t.disabled&&"disabled",id:`${this.htmlid}_${e}`,onClick:()=>this.selectItem(t,!0),onKeyUp:e=>p(e,this.selectItem,t,!0),onKeyDown:t=>this.arrowsSelectNav(t,e)},i("span",{innerHTML:t.name})))):this.renderNoSearchResults()}renderNoSearchResults(){return i("li",{class:"noResults"},i("z-icon",{name:"multiply-circle"}),this.noresultslabel)}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}render(){return i("div",{class:"selectWrapper"},this.renderLabel(),this.renderChips(),this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return s(this)}static get watchers(){return{items:["watchItems"]}}};v.style='.sc-z-select-h{display:inline-block;width:inherit}li[role="option"].sc-z-select:focus:focus-visible{border-color:transparent;box-shadow:var(--shadow-focus-primary);outline:none}.selectWrapper.sc-z-select>z-input.sc-z-select{width:100%}.selectWrapper.sc-z-select>div.sc-z-select{position:relative}.selectWrapper.sc-z-select>div.closed.sc-z-select{height:0;overflow:hidden}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select{background:var(--color-surface01);position:absolute;padding:calc(var(--space-unit) * .5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;width:100%;box-sizing:border-box;outline:none}.selectWrapper.sc-z-select .closed.sc-z-select .ulScrollWrapper.sc-z-select{z-index:10}.selectWrapper.sc-z-select .open.sc-z-select .ulScrollWrapper.sc-z-select{z-index:20}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select{position:relative;margin:0;padding:0;list-style:none;border:0;max-height:240px;overflow:auto;outline:none;scrollbar-color:var(--color-primary01) transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select{display:flex;align-items:center;min-height:calc(var(--space-unit) * 5.5);padding:calc(var(--space-unit) * 1.5);box-sizing:border-box;border-bottom:var(--border-size-small) solid var(--gray200);text-align:left;cursor:pointer}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:hover{color:var(--color-hover-primary);background:var(--color-surface02)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:focus:focus-visible{margin:2px}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li[aria-selected=""].sc-z-select{font-weight:var(--font-sb)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.disabled.sc-z-select{color:var(--color-disabled02);cursor:default;pointer-events:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.noResults.sc-z-select{color:var(--color-primary01);fill:currentColor;border:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select .noResults.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select{padding-bottom:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select z-button-filter.sc-z-select{display:inline-block;margin:calc(var(--space-unit) * 0.5)}';export{u as z_button_filter,d as z_input,z as z_input_label,b as z_input_message,v as z_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as a,H as n}from"./p-98268a57.js";const e=class{constructor(a){r(this,a)}render(){return a(n,null)}};e.style=":host{display:inline-block;width:100%;height:100%;background:var(--bg-neutral-100);overflow:hidden;border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{content:' ';display:block;width:100%;height:100%;box-shadow:#e8ebee20 0px 0px 1px;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );animation:progress 1.6s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";export{e as z_ghost_loading}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var t,n,e,o,a,i,s,r,c,l,u,f,d,m,g,h,b,w,p,v,E,x,A,k,y,_,C,R,S,D,O,P,T,z,B,W,K,L,N,U,j;!function(t){t.real="reale",t.virtual="virtuale",t.trial="saggio"}(t||(t={})),function(t){t.border="border",t.shadow="shadow",t.overlay="overlay",t.text="text"}(n||(n={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(e||(e={})),function(t){t.big="big",t.small="small"}(o||(o={})),function(t){t.primary="primary",t.secondary="secondary",t.tertiary="tertiary",t["dark-bg"]="dark-bg"}(a||(a={})),function(t){t.submit="submit",t.reset="reset",t.button="button"}(i||(i={})),function(t){t.big="big",t.small="small",t["x-small"]="x-small"}(s||(s={})),function(t){t.text="text",t.password="password",t.number="number",t.email="email",t.textarea="textarea",t.checkbox="checkbox",t.radio="radio",t.select="select"}(r||(r={})),function(t){t.success="success",t.error="error",t.warning="warning",t.selecting="selecting"}(c||(c={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(u||(u={})),function(t){t.ARROW_DOWN="ArrowDown",t.ARROW_UP="ArrowUp",t.ENTER="Enter",t.ESC="Escape",t.SPACE="Space"}(f||(f={})),function(t){t.dark="dark",t.light="light"}(d||(d={})),function(t){t["after-down"]="after-down",t["after-center"]="after-center",t["after-up"]="after-up",t["below-right"]="below-right",t["below-center"]="below-center",t["below-left"]="below-left",t["before-down"]="before-down",t["before-center"]="before-center",t["before-up"]="before-up",t["above-right"]="above-right",t["above-center"]="above-center",t["above-left"]="above-left"}(m||(m={})),function(t){t.none="none",t.small="small",t.medium="medium"}(g||(g={})),function(t){t["shadow-1"]="shadow-1",t["shadow-2"]="shadow-2",t["shadow-3"]="shadow-3",t["shadow-4"]="shadow-4",t["shadow-6"]="shadow-6",t["shadow-8"]="shadow-8",t["shadow-12"]="shadow-12",t["shadow-16"]="shadow-16",t["shadow-24"]="shadow-24"}(h||(h={})),function(t){t.small="small",t.medium="medium",t.large="large"}(b||(b={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(w||(w={})),function(t){t.asc="asc",t.desc="desc",t.none="none"}(p||(p={})),function(t){t.small="small",t.medium="medium",t.large="large"}(v||(v={})),function(t){t.warning="warning",t.error="error",t.success="success",t.neutral="neutral",t.default="default"}(E||(E={})),function(t){t.small="small",t.medium="medium",t.large="large",t["x-large"]="x-large"}(x||(x={})),function(t){t["x-small"]="x-small",t.small="small",t.medium="medium",t.large="large",t.special="special"}(A||(A={})),function(t){t.accordion="accordion",t.menu="menu"}(k||(k={})),function(t){t.right="right",t.left="left"}(y||(y={})),function(t){t.right="right",t.left="left"}(_||(_={})),function(t){t.none="none",t.header="header",t.element="element"}(C||(C={})),function(t){t.success="success",t.warning="warning",t.error="error"}(R||(R={})),function(t){t.success="success",t.warning="warning",t.error="error"}(S||(S={})),function(t){t.mobile="mobile",t.tablet="tablet",t.desktop="desktop"}(D||(D={})),function(t){t.preview="preview",t.open="open",t.closed="closed"}(O||(O={})),function(t){t.dark="dark",t.light="light",t.accent="accent",t.error="error",t.success="success",t.warning="warning"}(P||(P={})),function(t){t.slideInLeft="slide-in-left",t.slideInRight="slide-in-right",t.slideInDown="slide-in-down",t.slideInUp="slide-in-up",t.slideOutLeft="slide-out-left",t.slideOutRight="slide-out-right",t.slideOutDown="slide-out-down",t.slideOutUp="slide-out-up"}(T||(T={})),function(t){t.topRight="top-right",t.topLeft="top-left",t.topCentre="top-centre",t.bottomRight="bottom-right",t.bottomLeft="bottom-left",t.bottomCentre="bottom-centre"}(z||(z={})),function(t){t.expandable="expandable",t.padding="padding",t.none="none"}(B||(B={})),function(t){t.polite="polite",t.assertive="assertive"}(W||(W={})),function(t){t.left="left",t.right="right"}(K||(K={})),function(t){t.overlay="overlay",t.pushcontent="pushcontent"}(L||(L={})),function(t){t.default="default",t.dragdrop="dragdrop"}(N||(N={})),function(t){t.default="default",t.mini="mini"}(U||(U={})),function(t){t.before="before",t.after="after"}(j||(j={}));export{v as A,i as B,n as C,D,y as E,r as I,f as K,t as L,L as O,m as P,E as S,d as T,W as Z,w as a,a as b,s as c,b as d,K as e,U as f,l as g,N as h,O as i,c as j,u as k,S as l,e as m,o as n,j as o,B as p,T as q,z as r,_ as s,x as t,C as u,k as v,A as w,p as x,g as y,h as z}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}";export{r as z_navigation_tab}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-98268a57.js";import{o,d as r}from"./p-5b5d269c.js";const s=class{constructor(e){t(this,e),this.dividerPosition=o.before,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return[e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.before&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.after&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"})]}get host(){return i(this)}};s.style=':host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';export{s as z_section_title}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function r(r,n,e){return r(e={path:n,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},e.exports),e.exports}export{r as c}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as a,H as r,g as i}from"./p-98268a57.js";import{T as e,a as n,B as s,b as l,c,C as d,d as h,O as v,e as b}from"./p-5b5d269c.js";import{m as u}from"./p-d69e14fb.js";import{c as p}from"./p-3247dee9.js";import{i as f}from"./p-82048c15.js";import"./p-b68038b5.js";const g=class{constructor(a){t(this,a),this.appButtonClick=o(this,"appButtonClick",7),this.theme=e.dark,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return a("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},a("z-icon",{name:"app-switcher",class:this.theme}))}};g.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";const m=class{constructor(o){t(this,o),this.theme=e.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=u}componentWillLoad(){this.isMobile=window.screen.width<=u||window.innerWidth<=u}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((t=>a("z-link",{htmlid:t.id,textcolor:this.theme===e.light?"black":"white",href:t.link,target:t.target,icon:this.isMobile?t.icon:void 0},!this.isMobile&&t.label)))}render(){return a(r,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},a("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},a("div",{id:"left-panel",class:"content-panel"},a("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()),a("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&a("z-app-switcher",{theme:this.theme}),a("div",{id:"divider-container"},a("z-divider",{orientation:n.vertical,color:this.theme===e.light?"gray800":"color-white"})),a("slot",{name:"login"}))))}};m.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)}}";const w=class{constructor(o){t(this,o),this.disabled=!1,this.type=s.button,this.variant=l.primary,this.size=c.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",a("slot",{name:"element"},a("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:p(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&a("z-icon",{name:this.icon,width:16,height:16}),a("slot",null)))}get hostElement(){return i(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 k=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1,this.showshadow=!1}onClick(t){if("action"!==t.target.getAttribute("slot"))return this.clickable?void this.cardClicked.emit():(t.preventDefault(),void t.stopPropagation())}componentWillLoad(){this.hasCoverImage=!!this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}renderContentDiv(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===d.text?this.renderContentDiv():this.variant===d.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==d.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContentDiv()]:this.renderColorCoverCard()}get host(){return i(this)}};k.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";const y=class{constructor(o){t(this,o)}render(){return a("ul",{class:"z-carousel-items-container"},a("slot",null))}};y.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";const x=class{constructor(o){t(this,o),this.size=h.small,this.color="gray200",this.orientation=n.horizontal}render(){return a(r,{class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};x.style=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";const z=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?a("path",{d:f[this.name]}):a("polygon",{points:f[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(f[this.name]))}};z.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 L=class{constructor(a){t(this,a),this.zLinkClick=o(this,"zLinkClick",7),this.target="_self",this.htmltabindex=0,this.isdisabled=!1,this.isactive=!1,this.iswhite=!1,this.textcolor="primary",this.big=!1,this.iconposition="left",this.underline=!1,this.iconSize=18,this.emitZLinkClick=this.emitZLinkClick.bind(this),this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillRender(){this.iswhite&&console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead"),this.big&&console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}emitZLinkClick(t,o){this.emitZLinkInteraction(t,o)}emitZLinkInteraction(t,o){this.zLinkClick.emit({e:t,linkId:o})}componentDidRender(){if(this.icon){const t=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size")),o=this.big?18:Math.round(1.125*t);Number.isNaN(o)||this.iconSize===o||(this.iconSize=o)}}render(){return a(r,{style:this.big?{"--font-size-link":"16px","--font-weight-link":"600"}:{}},a("a",{id:this.htmlid,href:this.href?this.href:null,class:`${this.isdisabled?"disabled":""}\n ${this.isactive?"active":""}\n ${this.textcolor}\n ${this.iswhite?"white":""}\n ${this.underline?"underline":""}`,target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:t=>this.emitZLinkClick(t,this.htmlid)},"right"===this.iconposition&&a("slot",null),this.icon&&a("z-icon",{style:{"--z-icon-width":this.iconSize.toString(),"--z-icon-height":this.iconSize.toString()},name:this.icon,height:this.iconSize,width:this.iconSize}),"left"===this.iconposition&&a("slot",null)))}get hostElement(){return i(this)}};L.style=":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";const C=class{constructor(o){t(this,o)}render(){const t={};return this.width&&(t.width=t["max-width"]=`${this.width}px`),this.height&&(t.height=t["max-height"]=`${this.height}px`),a(r,{style:t,class:{mobile:!!this.mobileLogo}},this.link?a("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},a("img",{alt:this.imageAlt})):a("img",{alt:this.imageAlt}))}};C.style=":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";const E=class{constructor(a){t(this,a),this.canvasOpenStatusChanged=o(this,"canvasOpenStatusChanged",7),this.variant=v.pushcontent,this.open=!1,this.transitiondirection=b.left}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===v.pushcontent&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===v.overlay&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return[a("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},a("div",{class:"canvas-content",tabindex:"0"},a("slot",{name:"canvasContent"}))),a("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1})]}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};E.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0px;z-index:1000;display:none;justify-content:end;height:100%;min-width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;flex-direction:column;z-index:1010;min-width:100%;height:100%;overflow:-moz-scrollbars-none;overflow:hidden;background:var(--color-surface01);transform:translateX(100%)}@keyframes enterRight{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-name:exitRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;height:calc(100% - var(--z-offcanvas--top-space));top:var(--z-offcanvas--top-space);left:0;right:0;bottom:0}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection="right"].sc-z-offcanvas-h{justify-content:start}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enterLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-name:exitLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{flex:1 auto;overflow:auto;overflow-x:hidden;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;height:auto;min-width:max(var(--z-offcanvas--container-width), 375px);min-height:calc(var(--space-unit) * 40);max-width:max(var(--z-offcanvas--container-width), 375px)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{animation-name:grow;animation-duration:0.4s;animation-timing-function:ease-out;width:auto}}';export{g as z_app_switcher,m as z_app_topbar,w as z_button,k as z_card,y as z_carousel,x as z_divider,z as z_icon,L as z_link,C as z_logo,E as z_offcanvas}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as i}from"./p-98268a57.js";import{j as n}from"./p-5b5d269c.js";const s=class{constructor(i){t(this,i),this.otpChange=r(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=Array.apply(null,Array(this.inputNum)),this.otpRef=Array.apply(null,Array(this.inputNum))}render(){return i("div",{class:"otp-container"},i("div",{class:"digits-container"},this.otp.map(((t,r)=>i("input",{class:this.status==n.error?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[r].value="")},onKeyUp:t=>{t.keyCode>47&&r<this.inputNum-1&&this.otpRef[r+1].focus()},onInput:t=>{this.otp[r]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[r]=t})))),i("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{height:72px;width:calc(var(--space-unit) * 5);font-size:32px;font-weight:300;font-family:var(--font-family-sans);text-align:center;caret-color:transparent;box-sizing:border-box;padding:0;color:var(--color-surface05)}input.error{border:1px solid;border-radius:4px;border-color:var(--color-error01);background-color:var(--color-error-inverse)}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}
|
package/src-react/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components';
|