@zanichelli/albe-web-components 19.2.6-RC2 → 19.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/cjs/{iconset-Bcbz2MS1.js → iconset-oiCBBbd2.js} +15 -3
- package/dist/cjs/index-D_S5lGcb.js +4 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-app-header_12.cjs.entry.js +127 -199
- package/dist/cjs/z-combobox.cjs.entry.js +5 -3
- 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-sections.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card_4.cjs.entry.js +4 -4
- package/dist/cjs/z-myz-list-item.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-list.cjs.entry.js +1 -1
- package/dist/cjs/z-otp.cjs.entry.js +2 -2
- package/dist/cjs/z-pagination.cjs.entry.js +2 -2
- package/dist/cjs/z-skip-to-content.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/z-stepper.cjs.entry.js +1 -1
- package/dist/cjs/z-td.cjs.entry.js +3 -3
- package/dist/cjs/z-th.cjs.entry.js +5 -3
- 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-button.cjs.entry.js +2 -2
- package/dist/cjs/z-toggle-switch.cjs.entry.js +3 -3
- package/dist/cjs/z-tool.cjs.entry.js +2 -2
- package/dist/cjs/z-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/css-components/z-scrollbar/styles.css +40 -0
- package/dist/collection/components/table/cells/{z-td/styles.css → z-table-cells.css} +0 -1
- package/dist/collection/components/table/cells/z-td/index.js +3 -3
- package/dist/collection/components/table/cells/z-th/index.js +3 -3
- package/dist/collection/components/table/cells/z-th/styles.css +0 -72
- package/dist/collection/components/z-combobox/index.js +3 -3
- package/dist/collection/components/z-combobox/styles.css +0 -12
- package/dist/collection/components/z-input/index.js +3 -3
- package/dist/collection/components/z-input/styles-checkbox-radio.css +130 -0
- package/dist/collection/components/z-input/styles-general.css +166 -0
- package/dist/collection/components/z-input/styles-text.css +87 -0
- package/dist/collection/components/z-input/styles-textarea.css +19 -0
- package/dist/collection/components/z-pagination/index.js +2 -2
- package/dist/collection/components/z-searchbar/index.js +111 -193
- package/dist/collection/components/z-searchbar/index.stories.js +3 -16
- package/dist/collection/components/z-searchbar/styles.css +87 -201
- package/dist/collection/components/z-skip-to-content/index.js +1 -1
- package/dist/collection/components/z-stepper/index.js +1 -1
- package/dist/collection/components/z-stepper-item/index.js +1 -1
- package/dist/collection/components/z-toast-notification/index.js +3 -3
- package/dist/collection/components/z-toast-notification-list/index.js +1 -1
- package/dist/collection/components/z-toggle-button/index.js +2 -2
- package/dist/collection/components/z-toggle-switch/index.js +3 -3
- package/dist/collection/components/z-tool/index.js +3 -3
- package/dist/collection/components/z-toolbar/index.js +1 -1
- package/dist/collection/components/z-tooltip/index.js +1 -1
- package/dist/collection/constants/iconset.js +15 -3
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +1 -1
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +1 -1
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-alert/index.js +1 -1
- package/dist/collection/snowflakes/myz/z-otp/index.js +2 -2
- package/dist/components/iconset.js +1 -1
- package/dist/components/index13.js +1 -1
- package/dist/components/index22.js +1 -1
- package/dist/components/index23.js +1 -1
- package/dist/components/index24.js +1 -1
- package/dist/components/index25.js +1 -1
- package/dist/components/index26.js +1 -1
- package/dist/components/index27.js +1 -1
- package/dist/components/index4.js +1 -1
- package/dist/components/index7.js +1 -1
- package/dist/components/z-combobox.js +1 -1
- package/dist/components/z-myz-card-alert.js +1 -1
- package/dist/components/z-myz-card-dictionary.js +1 -1
- package/dist/components/z-myz-card-footer-sections.js +1 -1
- package/dist/components/z-myz-card-footer.js +1 -1
- package/dist/components/z-myz-card-icon.js +1 -1
- package/dist/components/z-myz-card-info.js +1 -1
- package/dist/components/z-myz-card-list.js +1 -1
- package/dist/components/z-myz-list.js +1 -1
- package/dist/components/z-otp.js +1 -1
- package/dist/components/z-pagination.js +1 -1
- package/dist/components/z-skip-to-content.js +1 -1
- package/dist/components/z-stepper-item.js +1 -1
- package/dist/components/z-stepper.js +1 -1
- package/dist/components/z-td.js +1 -1
- package/dist/components/z-th.js +1 -1
- package/dist/components/z-toast-notification-list.js +1 -1
- package/dist/components/z-toast-notification.js +1 -1
- package/dist/components/z-toggle-button.js +1 -1
- package/dist/components/z-toggle-switch.js +1 -1
- package/dist/components/z-tool.js +1 -1
- package/dist/components/z-toolbar.js +1 -1
- package/dist/esm/{iconset-BanpkIXZ.js → iconset-CjHS9zeM.js} +15 -3
- package/dist/esm/index-DPdXlnVe.js +4 -4
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-0PByxJyN.js → utils-DYd3kO0P.js} +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-alert.entry.js +1 -1
- package/dist/esm/z-app-header_12.entry.js +129 -201
- package/dist/esm/z-book-card-deprecated.entry.js +1 -1
- package/dist/esm/z-breadcrumb.entry.js +1 -1
- package/dist/esm/z-color-picker.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +6 -4
- package/dist/esm/z-menu.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-sections.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +1 -1
- package/dist/esm/z-myz-card-icon.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card-list.entry.js +1 -1
- package/dist/esm/z-myz-card_4.entry.js +4 -4
- package/dist/esm/z-myz-list-item.entry.js +2 -2
- package/dist/esm/z-myz-list.entry.js +1 -1
- package/dist/esm/z-otp.entry.js +2 -2
- package/dist/esm/z-pagination.entry.js +2 -2
- package/dist/esm/z-popover.entry.js +1 -1
- package/dist/esm/z-select.entry.js +1 -1
- package/dist/esm/z-skip-to-content.entry.js +2 -2
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-stepper-item.entry.js +1 -1
- package/dist/esm/z-stepper.entry.js +1 -1
- package/dist/esm/z-table.entry.js +1 -1
- package/dist/esm/z-td.entry.js +3 -3
- package/dist/esm/z-th.entry.js +5 -3
- 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-button.entry.js +2 -2
- package/dist/esm/z-toggle-switch.entry.js +4 -4
- package/dist/esm/z-tool.entry.js +3 -3
- package/dist/esm/z-toolbar.entry.js +1 -1
- package/dist/esm/z-tooltip.entry.js +1 -1
- package/dist/esm/z-tr.entry.js +1 -1
- package/dist/types/components/z-searchbar/index.d.ts +24 -28
- package/dist/types/components.d.ts +14 -14
- package/dist/types/constants/iconset.d.ts +30 -6
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/p-087956fa.entry.js +1 -0
- package/dist/web-components-library/{p-5fa910e4.entry.js → p-13e7f751.entry.js} +1 -1
- package/dist/web-components-library/{p-2ce3ac48.entry.js → p-14b804f9.entry.js} +1 -1
- package/dist/web-components-library/{p-45866f64.entry.js → p-1580db58.entry.js} +1 -1
- package/{www/build/p-eed4e897.entry.js → dist/web-components-library/p-1d023220.entry.js} +1 -1
- package/dist/web-components-library/{p-de0b7109.entry.js → p-299f0f85.entry.js} +1 -1
- package/dist/web-components-library/{p-d11d39f5.entry.js → p-2c036e17.entry.js} +1 -1
- package/dist/web-components-library/{p-5b9cacd7.entry.js → p-2df6d169.entry.js} +1 -1
- package/dist/web-components-library/{p-550ee6c3.entry.js → p-37e84b71.entry.js} +1 -1
- package/dist/web-components-library/{p-6fb8a984.entry.js → p-3ea03d34.entry.js} +1 -1
- package/dist/web-components-library/p-41584e90.entry.js +1 -0
- package/dist/web-components-library/p-53670be4.entry.js +1 -0
- package/dist/web-components-library/{p-7d9477ed.entry.js → p-583b8152.entry.js} +1 -1
- package/dist/web-components-library/{p-538a1bd2.entry.js → p-5d20fc3d.entry.js} +1 -1
- package/dist/web-components-library/{p-364b0ca4.entry.js → p-658f022d.entry.js} +1 -1
- package/dist/web-components-library/{p-f94c360f.entry.js → p-788eaac7.entry.js} +1 -1
- package/dist/web-components-library/{p-a40ae683.entry.js → p-8261c869.entry.js} +1 -1
- package/{www/build/p-4ae7df7f.entry.js → dist/web-components-library/p-83da1031.entry.js} +1 -1
- package/{www/build/p-c6920758.entry.js → dist/web-components-library/p-85cac60d.entry.js} +1 -1
- package/dist/web-components-library/{p-c6ae9241.entry.js → p-88a3ba7c.entry.js} +1 -1
- package/dist/web-components-library/{p-e2d94c86.entry.js → p-8a8df4f4.entry.js} +1 -1
- package/dist/web-components-library/{p-ab50e989.entry.js → p-8b026993.entry.js} +1 -1
- package/dist/web-components-library/{p-8fd25c59.entry.js → p-9d15ecdf.entry.js} +1 -1
- package/dist/web-components-library/{p-D4yqZKyM.js → p-CPsEG702.js} +1 -1
- package/dist/web-components-library/p-CjHS9zeM.js +1 -0
- package/dist/web-components-library/{p-f5bbcaa6.entry.js → p-a4f673f8.entry.js} +1 -1
- package/dist/web-components-library/{p-2d6a4515.entry.js → p-b6223d7e.entry.js} +1 -1
- package/dist/web-components-library/{p-7835fdda.entry.js → p-b9343431.entry.js} +1 -1
- package/dist/web-components-library/{p-c539ae57.entry.js → p-c42ddd93.entry.js} +1 -1
- package/{www/build/p-eadf2552.entry.js → dist/web-components-library/p-c4e7bd16.entry.js} +1 -1
- package/dist/web-components-library/{p-3f996a63.entry.js → p-c944a943.entry.js} +1 -1
- package/dist/web-components-library/{p-19f5fdd3.entry.js → p-cd33f4b1.entry.js} +1 -1
- package/dist/web-components-library/p-d10e6b1a.entry.js +1 -0
- package/dist/web-components-library/p-dc5ab2cc.entry.js +1 -0
- package/dist/web-components-library/p-e48497f0.entry.js +1 -0
- package/dist/web-components-library/{p-19d3a16b.entry.js → p-eddc2d19.entry.js} +1 -1
- package/dist/web-components-library/{p-91503030.entry.js → p-ef5018bb.entry.js} +1 -1
- package/dist/web-components-library/{p-7a9d19b8.entry.js → p-f7e46ef2.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +2 -3
- package/www/build/index.esm.js +1 -1
- package/www/build/p-087956fa.entry.js +1 -0
- package/www/build/{p-5fa910e4.entry.js → p-13e7f751.entry.js} +1 -1
- package/www/build/{p-2ce3ac48.entry.js → p-14b804f9.entry.js} +1 -1
- package/www/build/{p-45866f64.entry.js → p-1580db58.entry.js} +1 -1
- package/{dist/web-components-library/p-eed4e897.entry.js → www/build/p-1d023220.entry.js} +1 -1
- package/www/build/{p-38f551b0.js → p-23143b48.js} +1 -1
- package/www/build/{p-de0b7109.entry.js → p-299f0f85.entry.js} +1 -1
- package/www/build/{p-d11d39f5.entry.js → p-2c036e17.entry.js} +1 -1
- package/www/build/{p-5b9cacd7.entry.js → p-2df6d169.entry.js} +1 -1
- package/www/build/{p-550ee6c3.entry.js → p-37e84b71.entry.js} +1 -1
- package/www/build/{p-6fb8a984.entry.js → p-3ea03d34.entry.js} +1 -1
- package/www/build/p-41584e90.entry.js +1 -0
- package/www/build/p-53670be4.entry.js +1 -0
- package/www/build/{p-7d9477ed.entry.js → p-583b8152.entry.js} +1 -1
- package/www/build/{p-538a1bd2.entry.js → p-5d20fc3d.entry.js} +1 -1
- package/www/build/{p-364b0ca4.entry.js → p-658f022d.entry.js} +1 -1
- package/www/build/{p-f94c360f.entry.js → p-788eaac7.entry.js} +1 -1
- package/www/build/{p-a40ae683.entry.js → p-8261c869.entry.js} +1 -1
- package/{dist/web-components-library/p-4ae7df7f.entry.js → www/build/p-83da1031.entry.js} +1 -1
- package/{dist/web-components-library/p-c6920758.entry.js → www/build/p-85cac60d.entry.js} +1 -1
- package/www/build/{p-c6ae9241.entry.js → p-88a3ba7c.entry.js} +1 -1
- package/www/build/{p-e2d94c86.entry.js → p-8a8df4f4.entry.js} +1 -1
- package/www/build/{p-ab50e989.entry.js → p-8b026993.entry.js} +1 -1
- package/www/build/{p-8fd25c59.entry.js → p-9d15ecdf.entry.js} +1 -1
- package/www/build/{p-D4yqZKyM.js → p-CPsEG702.js} +1 -1
- package/www/build/p-CjHS9zeM.js +1 -0
- package/www/build/{p-f5bbcaa6.entry.js → p-a4f673f8.entry.js} +1 -1
- package/www/build/{p-2d6a4515.entry.js → p-b6223d7e.entry.js} +1 -1
- package/www/build/{p-7835fdda.entry.js → p-b9343431.entry.js} +1 -1
- package/www/build/{p-c539ae57.entry.js → p-c42ddd93.entry.js} +1 -1
- package/{dist/web-components-library/p-eadf2552.entry.js → www/build/p-c4e7bd16.entry.js} +1 -1
- package/www/build/{p-3f996a63.entry.js → p-c944a943.entry.js} +1 -1
- package/www/build/{p-19f5fdd3.entry.js → p-cd33f4b1.entry.js} +1 -1
- package/www/build/p-d10e6b1a.entry.js +1 -0
- package/www/build/p-dc5ab2cc.entry.js +1 -0
- package/www/build/p-e48497f0.entry.js +1 -0
- package/www/build/{p-19d3a16b.entry.js → p-eddc2d19.entry.js} +1 -1
- package/www/build/{p-91503030.entry.js → p-ef5018bb.entry.js} +1 -1
- package/www/build/{p-7a9d19b8.entry.js → p-f7e46ef2.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/collection/components/z-input/styles.css +0 -406
- package/dist/web-components-library/p-2b7ceab2.entry.js +0 -1
- package/dist/web-components-library/p-BanpkIXZ.js +0 -1
- package/dist/web-components-library/p-a9d90b04.entry.js +0 -1
- package/dist/web-components-library/p-a9f848ef.entry.js +0 -1
- package/dist/web-components-library/p-ae69bb7d.entry.js +0 -1
- package/dist/web-components-library/p-f3436721.entry.js +0 -1
- package/dist/web-components-library/p-fc15a666.entry.js +0 -1
- package/www/build/p-2b7ceab2.entry.js +0 -1
- package/www/build/p-BanpkIXZ.js +0 -1
- package/www/build/p-a9d90b04.entry.js +0 -1
- package/www/build/p-a9f848ef.entry.js +0 -1
- package/www/build/p-ae69bb7d.entry.js +0 -1
- package/www/build/p-f3436721.entry.js +0 -1
- package/www/build/p-fc15a666.entry.js +0 -1
|
@@ -5,7 +5,9 @@ var index$1 = require('./index-wGaSHN1_.js');
|
|
|
5
5
|
var utils = require('./utils-Ctc6JP2n.js');
|
|
6
6
|
require('./breakpoints-B7vFm-3T.js');
|
|
7
7
|
|
|
8
|
-
const stylesCss = () => `.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}
|
|
8
|
+
const stylesCss$1 = () => `.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}`;
|
|
9
|
+
|
|
10
|
+
const stylesCss = () => `:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}`;
|
|
9
11
|
|
|
10
12
|
const ZCombobox = class {
|
|
11
13
|
watchItems() {
|
|
@@ -302,7 +304,7 @@ const ZCombobox = class {
|
|
|
302
304
|
return (index.h("z-list-element", { class: "check-all-wrapper", role: "presentation", htmlTabindex: -1, dividerType: index$1.ListDividerType.ELEMENT, dividerColor: "gray800", size: this.getControlToListSize(), disabled: !!isDisabled }, index.h("span", { class: "option-wrap", role: "presentation", onClick: () => this.checkOption(optionId) }, index.h("z-icon", { name: allChecked ? "checkbox-checked" : "checkbox", class: this.focusedItemId === optionId ? "focused" : "" }), index.h("span", { id: optionId, role: isDisabled ? "presentation" : "option", "aria-selected": allChecked ? "true" : "false" }, allChecked ? this.uncheckalltext : this.checkalltext))));
|
|
303
305
|
}
|
|
304
306
|
render() {
|
|
305
|
-
return (index.h("div", { key: '
|
|
307
|
+
return (index.h("div", { key: '23cd031ec2894308960df94374713e9395521a56', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
|
|
306
308
|
}
|
|
307
309
|
get element() { return index.getElement(this); }
|
|
308
310
|
static get watchers() { return {
|
|
@@ -314,6 +316,6 @@ const ZCombobox = class {
|
|
|
314
316
|
}]
|
|
315
317
|
}; }
|
|
316
318
|
};
|
|
317
|
-
ZCombobox.style = stylesCss();
|
|
319
|
+
ZCombobox.style = stylesCss$1() + stylesCss();
|
|
318
320
|
|
|
319
321
|
exports.z_combobox = ZCombobox;
|
|
@@ -49,7 +49,7 @@ const ZMyzCardAlert = class {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (index.h("div", { key: '
|
|
52
|
+
return (index.h("div", { key: '4ca682b49ae42f644338b19e8e49e2f292c47d23', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: 'afcae73ad5db966ad66569171879d7f9c66bddbd', type: this.getAlertType() }, index.h("div", { key: '8f4afab9559bb5f792796c8ea1907148811890a9', class: "relative-container" }, index.h("z-icon", { key: '8070aad90c809d35822898c444fd5f81c1ac9146', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: 'eb0ea9fe673d279a5eead6568331a31eb91302e2', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: 'daae97d1758c457bb1f8c2143ac2c6efe999a7f9', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
|
|
53
53
|
this.handleActionButtonClick(e);
|
|
54
54
|
}, onKeyPress: (e) => {
|
|
55
55
|
this.handleSpaceKeyPress(e);
|
|
@@ -26,7 +26,7 @@ const ZMyzCardDictionary = class {
|
|
|
26
26
|
this.cardFlipped.emit(showBack);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("div", { key: '
|
|
29
|
+
return (index.h("div", { key: 'fe6d9d8cc73aa0135e2874d0bee4b996cf83dc64' }, index.h("z-myz-card", { key: 'eee9c5a48f74a1bb5fb36ed0952a84260c37b79e' }, index.h("z-myz-card-header", { key: '0665c976a9a81efcc14f531585aeb01e29526896', titolo: this.name }), index.h("div", { key: 'c7ab52b273bdda1f32e016f0117844507159699e', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: 'c7b2b5cc7253ba6c73033afc1dfa375ed281fae2', class: "front" }, index.h("z-myz-card-body", { key: '954bc5ad14a460c65ab58a85b1e6f6d9568a76ab' }, index.h("z-myz-card-cover", { key: 'ce0762910761111896f04d2a8071910b556d9471', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: '385a8b63d361e250c2c3331e9e5222a2cd708ffe', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '115dfdbc6c12edbab647c0f8e1e16b197a0066fd', class: "back" }, index.h("slot", { key: '947dbf7463e16a9e1664df2390ec714a77d3b46a', name: "info" }))), index.h("slot", { key: 'bd851dc63c9a852237063f48b0c558363f1dd3f6' }))));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
ZMyzCardDictionary.style = stylesCss();
|
|
@@ -9,7 +9,7 @@ const ZMyzCardFooterSections = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: 'e03532734334f374789a31da73f15e32ee8c1679' }, index.h("footer", { key: '36bbfc8363d00503545aa9a1dd4de0e8b036c0e2' }, index.h("div", { key: '159b35a78ec38d541d6016fa4724effa00a66dd6', class: "top" }, index.h("slot", { key: '25c311436a817abf5d0d961a6e2f699fcea6f331', name: "top" })), index.h("div", { key: '248485fc69ef0c7c76ca086a86a5971ae3e3876f', class: "bottom" }, index.h("slot", { key: 'fe1b0f89936780d822328e13ce94564838f3c0d7', name: "bottom" })))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
ZMyzCardFooterSections.style = stylesCss();
|
|
@@ -58,7 +58,7 @@ const ZMyzCardFooter = class {
|
|
|
58
58
|
return this.host.querySelector("[slot=list] > li a");
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
return (index.h("div", { key: '
|
|
61
|
+
return (index.h("div", { key: '0836e7e0d6c360721019bc7674466345e3eaab74', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: '0771eca0b6c8267a612f95800fc807096efd19eb', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: 'e9ca8f43d386ae14914d192a428698ecd9ee1082', class: "toggle" }, index.h("slot", { key: '4ffe0ee9635d343821a20d572217fd7f971a781f', name: "toggle" })), this.titolo && index.h("p", { key: '352cff28af1654d0676dcf0c184f42a5158bbbbe', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: 'a76925042afd579c30fc82faf96146718dd497c9', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: 'a3f2391f91e996b06d00a725a1b010f0df352551' }, index.h("p", { key: '4dfcf2de83492dd502eb69cc2525769c04430744', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: 'b0f06c214c88f38e477a0aacc824441160bf38fb', title: this.getTitleAuthors() }, index.h("span", { key: '6343877f00355d614d4a263d3615b5d6222ba795', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: 'b1f88556f9e2493e9070e71c72cc760f2f52738d', class: "year-isbn" }, index.h("span", { key: 'a934207b2ae734db3deca9d5a2544d86cb011117', class: "isbn" }, index.h("span", { key: '4a2d0fa9a603e63aa3443934d58f5df9350fbdf3' }, index.h("span", { key: '2668d24fe56de6eb660fc56a540347070ade4d92', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: '6310cdec45297752f3035d975c3073acce3e2076', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: 'f949fe923fa112d79c6cf4fa7490dd03e7f9c772', name: "list" })))), this.customContent && index.h("slot", { key: 'b0479a7f0e890c03dfbdced57aa6162d38981eb9', name: "content" })));
|
|
62
62
|
}
|
|
63
63
|
get host() { return index.getElement(this); }
|
|
64
64
|
};
|
|
@@ -13,7 +13,7 @@ const ZMyzCardIcon = class {
|
|
|
13
13
|
this.ariaLabel = "";
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h("button", { key: '
|
|
16
|
+
return (index.h("button", { key: '07cb991da26a22d55fb6cca776a5ef0208d53311', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: '6f71110aba5937ec76b6916cb4fdec52856af097' }, index.h("z-icon", { key: 'b01cbee366497b8b3d27f997e884f8be5a14e6fb', name: this.icon, width: 16, height: 16 }))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
ZMyzCardIcon.style = stylesCss();
|
|
@@ -119,7 +119,7 @@ const ZMyzCardInfo = class {
|
|
|
119
119
|
return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
|
|
120
120
|
}
|
|
121
121
|
render() {
|
|
122
|
-
return (index.h("div", { key: '
|
|
122
|
+
return (index.h("div", { key: '2cf85a75758a40cfb8b3c9df21fecc74cbb04f58' }, this.renderCloseIcon(), index.h("div", { key: 'af5eb9bd6a0cc66c03731683794faf2b60686e40', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: '39225945aeaa95be7f2b30eb4a23c04f5a6246f2', class: "cta-wrapper" }, index.h("slot", { key: 'b1c650e3a43ee7d78530eaa52638cd3c4cf02a7f' }))));
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
125
|
ZMyzCardInfo.style = stylesCss();
|
|
@@ -28,7 +28,7 @@ const ZMyzCardList = class {
|
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return index.h("ul", { key: '
|
|
31
|
+
return index.h("ul", { key: '7ed6a040b79c3ea63fc94c941dcf31b8d220aea5' }, this.renderList(JSON.parse(this.listdata)));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
ZMyzCardList.style = stylesCss();
|
|
@@ -36,7 +36,7 @@ const ZMyzCardComponent = class {
|
|
|
36
36
|
return elemClasses;
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h("div", { key: '
|
|
39
|
+
return (index.h("div", { key: 'b67a08f3b64765de8616a71391a1b6ca8c12b6a9', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: '9b5002efd87f6f829578802ebd4dfcf57a69e02f' })));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
ZMyzCardComponent.style = stylesCss$3();
|
|
@@ -48,7 +48,7 @@ const ZMyzCardBody = class {
|
|
|
48
48
|
index.registerInstance(this, hostRef);
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (index.h("div", { key: '
|
|
51
|
+
return (index.h("div", { key: '95ef1a2e8d5babdef3f5d89b532b6916cd1e2e4c' }, index.h("slot", { key: '96616fcb612f3ae7f1db129d50e5dbd0497870a9', name: "alert" }), index.h("slot", { key: '327613cfcfe1a9f96e66531629d0591b90717569', name: "cover" })));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
ZMyzCardBody.style = stylesCss$2();
|
|
@@ -63,7 +63,7 @@ const ZMyzCardCover = class {
|
|
|
63
63
|
this.img = this.defaultimg;
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
return (index.h("img", { key: '
|
|
66
|
+
return (index.h("img", { key: '13e827933bb784fbe1e00c690048e2e9c3699313', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
69
|
ZMyzCardCover.style = stylesCss$1();
|
|
@@ -95,7 +95,7 @@ const ZMyzCardHeader = class {
|
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
97
|
render() {
|
|
98
|
-
return (index.h("header", { key: '
|
|
98
|
+
return (index.h("header", { key: '671c26a2953f4ca84e9c0bc3b84e8f6cf3d442f7', class: this.retrieveClass() }, index.h("slot", { key: 'd59992fbe354f2c6c4934613ed8597e3673fa49b', name: "aria-heading" }), index.h("span", { key: 'b58bfc5c6ab9993c33b4e8fcfde411a537c5d0f3', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: '3928815f962ffd84793775a964a2303a901eed06', name: "icon" })));
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
101
|
ZMyzCardHeader.style = stylesCss();
|
|
@@ -27,7 +27,7 @@ const ZMyzListItem = class {
|
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
29
|
const linkId = this.listitemid ? `link_${this.listitemid}` : "";
|
|
30
|
-
return (index.h("li", { key: '
|
|
30
|
+
return (index.h("li", { key: '09e6ff232f05fda0714becf9e1197c174f4d8a70', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: '5af77b520ee760061280a3e1bc7f0a14a935abe4', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: '5d850a4a1e5b5390c8d24529df96c65eda11f8e9', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: '9d581e10a76a3affba423defd8d468d6485d347a' }))));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
ZMyzListItem.style = stylesCss();
|
|
@@ -21,7 +21,7 @@ const ZMyzList = class {
|
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
23
|
const lastElem = this.list ? this.list.length - 1 : -1;
|
|
24
|
-
return (index.h("ul", { key: '
|
|
24
|
+
return (index.h("ul", { key: '8864b8d3a72f6feb8dd470c865bcbf20b922f31c' }, this.list &&
|
|
25
25
|
this.list.map((bean, i) => (index.h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
|
|
26
26
|
}
|
|
27
27
|
static get watchers() { return {
|
|
@@ -20,7 +20,7 @@ const ZOtp = class {
|
|
|
20
20
|
this.otpRef = [...Array(this.inputNum)];
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (index.h("div", { key: '
|
|
23
|
+
return (index.h("div", { key: '25929eacee727c90dbf664fa11638bb5cdb5823a', class: "otp-container" }, index.h("div", { key: '16d6b64ba2649781fcb359ddefd08d0553c9fcb5', class: "digits-container" }, this.otp.map((_val, i) => (index.h("input", { class: this.status == index$1.InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
|
|
24
24
|
if (e.keyCode > 47) {
|
|
25
25
|
this.otpRef[i].value = "";
|
|
26
26
|
}
|
|
@@ -33,7 +33,7 @@ const ZOtp = class {
|
|
|
33
33
|
}, onInput: (e) => {
|
|
34
34
|
this.otp[i] = e.target.value;
|
|
35
35
|
this.emitInputChange(this.otp.join(""));
|
|
36
|
-
}, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), index.h("z-input-message", { key: '
|
|
36
|
+
}, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), index.h("z-input-message", { key: '201125a3e3f5b0a3b53b170d4f0153188715c7db', message: this.message, status: this.status })));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
ZOtp.style = stylesCss();
|
|
@@ -180,10 +180,10 @@ const ZPagination = class {
|
|
|
180
180
|
];
|
|
181
181
|
}
|
|
182
182
|
renderBackButton() {
|
|
183
|
-
return (index.h("button", { class: "navigation-button", type: "button", title: "Vai alla pagina precedente", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, index.h("z-icon", { name: "chevron-left" })));
|
|
183
|
+
return (index.h("button", { class: "navigation-button", type: "button", "aria-label": "Vai alla pagina precedente", title: "Vai alla pagina precedente", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, index.h("z-icon", { name: "chevron-left" })));
|
|
184
184
|
}
|
|
185
185
|
renderForwardButton() {
|
|
186
|
-
return (index.h("button", { class: "navigation-button", type: "button", title: "Vai alla prossima pagina", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, index.h("z-icon", { name: "chevron-right" })));
|
|
186
|
+
return (index.h("button", { class: "navigation-button", type: "button", "aria-label": "Vai alla prossima pagina", title: "Vai alla prossima pagina", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, index.h("z-icon", { name: "chevron-right" })));
|
|
187
187
|
}
|
|
188
188
|
renderMobile() {
|
|
189
189
|
const pagesChunks = this.getPagesChunks();
|
|
@@ -49,7 +49,7 @@ const ZSkipToContent = class {
|
|
|
49
49
|
this.visible = false;
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (index.h(index.Host, { key: '
|
|
52
|
+
return (index.h(index.Host, { key: 'b0c2efcd257373ca8473d2f8135dc5c5d69e6d8f', class: {
|
|
53
53
|
[this.variant]: true,
|
|
54
54
|
"skip-to-content-visible": this.visible,
|
|
55
55
|
} }, this.links.map((link, i) => {
|
|
@@ -16,7 +16,7 @@ const ZStepperItem = class {
|
|
|
16
16
|
return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: '0cb2bcffcfb910b70307e5a7b04492e7203887f9', role: "listitem" }, index.h("button", Object.assign({ key: '01af9b8559a9fb830cb4ff5e9b5af414c518e720', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: '94ef13762bc9ce63b8bfdb98c39a720a2037efa7', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '2bb267586d494bf4dcecdcfe3efd11586a3457b3' }, index.h("slot", { key: 'f8b3457eeb4addc3188c09e3b6fdd4817064158b' })))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
ZStepperItem.style = stylesCss();
|
|
@@ -9,7 +9,7 @@ const ZStepper = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: '31e5a5533c2aa92a12e0799f0fe576eb0e22d75e', role: "navigation" }, index.h("slot", { key: '7851acea6ba207cec933a7565542c5793104ece2' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
ZStepper.style = stylesCss();
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-D_S5lGcb.js');
|
|
4
4
|
var index$1 = require('./index-wGaSHN1_.js');
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const zTableCellsCss = () => `:host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}`;
|
|
7
7
|
|
|
8
8
|
const ZTd = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -45,7 +45,7 @@ const ZTd = class {
|
|
|
45
45
|
this.updateColspan();
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
return (index.h(index.Host, { key: '3de2b08ae7ba78632945b3c7a18c39cbc91dd03f', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: '0c281b227221cbd01d76ee8e5909d2ea77071f9a', class: "cell--content" }, index.h("slot", { key: 'fb6a90291b513310d4f48ea3a26c5dfe197d6434' }), this.showMenu && (index.h("div", { key: 'dd2c301848ea64effee47f2c5e690eab30259d19', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: 'b010e8ef6fcd68289f1e5599216c416dcf866788', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: '055d4c47c314f74939b4de3ec60ad43d20beaad2', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '2d097873fe805093434e9b932c0e36082f5a15a5', name: "contextual-menu" })))))));
|
|
49
49
|
}
|
|
50
50
|
get host() { return index.getElement(this); }
|
|
51
51
|
static get watchers() { return {
|
|
@@ -54,6 +54,6 @@ const ZTd = class {
|
|
|
54
54
|
}]
|
|
55
55
|
}; }
|
|
56
56
|
};
|
|
57
|
-
ZTd.style =
|
|
57
|
+
ZTd.style = zTableCellsCss();
|
|
58
58
|
|
|
59
59
|
exports.z_td = ZTd;
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
var index = require('./index-D_S5lGcb.js');
|
|
4
4
|
var index$1 = require('./index-wGaSHN1_.js');
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const zTableCellsCss = () => `:host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}`;
|
|
7
|
+
|
|
8
|
+
const stylesCss = () => `:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.z-th--sort-button:focus,.z-th--sort-button:focus-visible{box-shadow:var(--shadow-focus-primary);opacity:1;outline:none;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}`;
|
|
7
9
|
|
|
8
10
|
const ZTh = class {
|
|
9
11
|
constructor(hostRef) {
|
|
@@ -72,7 +74,7 @@ const ZTh = class {
|
|
|
72
74
|
this.updateColspan();
|
|
73
75
|
}
|
|
74
76
|
render() {
|
|
75
|
-
return (index.h(index.Host, { key: '
|
|
77
|
+
return (index.h(index.Host, { key: 'deec9e49e024f48b68fe8f54ebb141dcc2b19ec1', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '65fefbfef58a64f3287a2f1b5defd301392bba2b', class: "cell--content" }, index.h("slot", { key: 'a88011856bacb3b2e0875ed46b8b1468660e5b31' }), this.showSorting && (index.h("button", { key: '46f462137de04bb88eda2e14767660fc4629f087', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: 'bcfe38f7ff932f2074dad3ab11b5df5867292654', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '90ccc4ecc6f49f8d41a45c9979fabebfd8bcad01', class: "cell--menu-container" }, index.h("z-button", { key: '58b57db3a7129b6a811eca6f014a7b2c02050a41', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: '927004bdbc077e358c00b765d58b64a70f95c83d', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '3b5dbcb8631fa4383366ff718c7e9a080b7ca3be', name: "contextual-menu" })))))));
|
|
76
78
|
}
|
|
77
79
|
get host() { return index.getElement(this); }
|
|
78
80
|
static get watchers() { return {
|
|
@@ -81,6 +83,6 @@ const ZTh = class {
|
|
|
81
83
|
}]
|
|
82
84
|
}; }
|
|
83
85
|
};
|
|
84
|
-
ZTh.style = stylesCss();
|
|
86
|
+
ZTh.style = zTableCellsCss() + stylesCss();
|
|
85
87
|
|
|
86
88
|
exports.z_th = ZTh;
|
|
@@ -45,7 +45,7 @@ const ZToastNotificationList = class {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return index.h("slot", { key: '
|
|
48
|
+
return index.h("slot", { key: '8219e6e96e73aee72df4e2d8d2e0e9155e8f7a2e', name: "toasts" });
|
|
49
49
|
}
|
|
50
50
|
get hostElement() { return index.getElement(this); }
|
|
51
51
|
static get watchers() { return {
|
|
@@ -4139,19 +4139,19 @@ const ZToastNotification = class {
|
|
|
4139
4139
|
}
|
|
4140
4140
|
}
|
|
4141
4141
|
render() {
|
|
4142
|
-
return (index.h(index.Host, { key: '
|
|
4142
|
+
return (index.h(index.Host, { key: '6d582aa79426417081842e17e0ccb61fffec81a0', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
|
|
4143
4143
|
if (this.autoclose && e.animationName.includes("slidein")) {
|
|
4144
4144
|
this.startClosingTimeout(this.autoclose);
|
|
4145
4145
|
}
|
|
4146
4146
|
if (e.animationName.includes("slideout")) {
|
|
4147
4147
|
this.hostElement.parentNode.removeChild(this.hostElement);
|
|
4148
4148
|
}
|
|
4149
|
-
} }, index.h("div", { key: '
|
|
4149
|
+
} }, index.h("div", { key: '3b509ad43470b3bd5ceec401d28ce887a7f1de10', class: "toast-notification-container" }, index.h("div", { key: '7caaa8f330f15214c827eb89666ea2fdbbde3920', class: "toast-notification-content" }, index.h("div", { key: '49ad47ccf665b0bbcdbf94430cc2dab1e05219ab', class: "toast-notification-text" }, this.heading && index.h("span", { key: 'c2ea1e161d8c6bbefc9cff2ff27eadc713f5c133', class: "title" }, this.heading), index.h("span", { key: 'f93072a79ae141440445746ad654de84b50d2441', class: "message" }, index.h("slot", { key: '09d8108c415599d93b67925496fd52416fac4907', name: "message" }, this.message && index.h("span", { key: '011e00ae54cee5a33059cef9760576781c63f737', innerHTML: purify.sanitize(this.message) })))), index.h("div", { key: '67bde6f049f31a6b4e7d84c720b036f974bedba7', class: "button-container", hidden: !this.hasSlottedButton }, index.h("slot", { key: 'c92a7087e89012ee690c8e41577ccee412be112f', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (index.h("button", { key: '41198c2a426c339046948b8969d3002aee7607c3', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
|
|
4150
4150
|
if (e.code == index$1.KeyboardCode.SPACE || e.code == index$1.KeyboardCode.ENTER) {
|
|
4151
4151
|
e.preventDefault();
|
|
4152
4152
|
this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
|
|
4153
4153
|
}
|
|
4154
|
-
} }, index.h("z-icon", { key: '
|
|
4154
|
+
} }, index.h("z-icon", { key: '3316d0e9e999039cd99eb96faa37c81219e5617b', name: "multiply-circled" }))))));
|
|
4155
4155
|
}
|
|
4156
4156
|
get hostElement() { return index.getElement(this); }
|
|
4157
4157
|
static get watchers() { return {
|
|
@@ -23,10 +23,10 @@ const ZToggleButton = class {
|
|
|
23
23
|
this.toggleClick.emit(this.opened);
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (index.h("button", { key: '
|
|
26
|
+
return (index.h("button", { key: '3448d665412b78c55f77951e408df8abaa158803', tabindex: this.avoidclick ? "-1" : "0", class: {
|
|
27
27
|
"isopen": this.opened,
|
|
28
28
|
"avoid-clicks": this.avoidclick,
|
|
29
|
-
}, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, index.h("z-icon", { key: '
|
|
29
|
+
}, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, index.h("z-icon", { key: '4514f07522fc6ecfced03793a5bc58e7c8f185e8', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
ZToggleButton.style = stylesCss();
|
|
@@ -34,14 +34,14 @@ const ZToggleSwitch = class {
|
|
|
34
34
|
this.emitToggleClick();
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (index.h(index.Host, { key: '
|
|
37
|
+
return (index.h(index.Host, { key: 'd31f156ba646f113f8f2509afdaee3e79fdb33f7' }, index.h("input", { key: '48a3963dd555c00867816af0169ed677dc4ccc68', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), index.h("label", { key: '3872377775f759727b62288794555cd84e60b12c', htmlFor: this.htmlid, class: {
|
|
38
38
|
[this.labelPosition]: true,
|
|
39
39
|
disabled: this.disabled,
|
|
40
|
-
} }, index.h("span", { key: '
|
|
40
|
+
} }, index.h("span", { key: 'b46cb8e359cdb11e696a116661659c9872d49a1e' }, index.h("slot", { key: '42fc26c0ced09c5fdda062735fe543b8cb57a658' })), index.h("span", { key: 'b55f0fbd2ff23f01c1ac0b845c6af5571d81c13f', class: {
|
|
41
41
|
container: true,
|
|
42
42
|
disabled: this.disabled,
|
|
43
43
|
checked: this.checked,
|
|
44
|
-
} }, index.h("span", { key: '
|
|
44
|
+
} }, index.h("span", { key: '87bc69be905d84458fec5384f756348a94e446fe', class: "circle" }, this.checked && (index.h("z-icon", { key: '4464b2bf8aa91a7c0c5c9e2bff26e84ff7c34be2', width: 12, height: 12, name: "checkmark" })))))));
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
ZToggleSwitch.style = stylesCss();
|
|
@@ -189,10 +189,10 @@ const ZTool = class {
|
|
|
189
189
|
(_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
|
|
190
190
|
}
|
|
191
191
|
render() {
|
|
192
|
-
return (index.h(index.Host, { key: '
|
|
192
|
+
return (index.h(index.Host, { key: 'f5da5cd309607dc94dd12a28596b2ea02d28ba4c', class: { "z-tool-tooltip-open": this.tooltipOpen } }, index.h("button", { key: 'be63d078b5035ba1f08c480c8c08f365b3115191', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, index.h("z-icon", { key: 'a08b5432871a1522374633050a835bb18001a6d6', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (index.h("z-tooltip", { key: '9e0fa11a43662f333404543e315b097aa96ab08c', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? index$1.PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, index.h("span", { key: 'bfc2be83824830ed05b70f423e9f044015624f49', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (index.h("z-popover", { key: '717697756e5333f066f96c96695cd9741b006e93', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
|
|
193
193
|
/* disable auto-close to prevent unwanted close behaviors on mobile,
|
|
194
194
|
when the bound element is the main toolbar */
|
|
195
|
-
closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: '
|
|
195
|
+
closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: 'd151d02e38fb7a0941012ec969b6cea647721846' })))));
|
|
196
196
|
}
|
|
197
197
|
get hostElement() { return index.getElement(this); }
|
|
198
198
|
static get watchers() { return {
|
|
@@ -131,7 +131,7 @@ const ZToolbar = class {
|
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return (index.h(index.Host, { key: '
|
|
134
|
+
return (index.h(index.Host, { key: '9f77e33a2a5e3566137ca23c4a41526b58b46515', role: "toolbar", "aria-label": this.htmlAriaLabel }, index.h("slot", { key: 'a62af35ef54781baee92f865a969a8642ce58703', onSlotchange: () => {
|
|
135
135
|
this.collectToolItems();
|
|
136
136
|
this.updateTabIndexes();
|
|
137
137
|
} })));
|
|
@@ -28,7 +28,7 @@ const ZTooltip = class {
|
|
|
28
28
|
this.open = this.popoverEl.open;
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (index.h("z-popover", { key: '
|
|
31
|
+
return (index.h("z-popover", { key: '0cc1e8ea0e6896f5031309a5984c09df4b095d8b', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, index.h("slot", { key: 'a0548343b099fe7986066d821a455f1092428b38' })));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
ZTooltip.style = stylesCss();
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/* Webkit Scrollbar */
|
|
2
|
+
.z-scrollbar::-webkit-scrollbar {
|
|
3
|
+
width: 6px;
|
|
4
|
+
background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.z-scrollbar::-webkit-scrollbar-thumb {
|
|
8
|
+
background-color: var(--color-primary01);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.z-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
12
|
+
background-color: var(--color-hover-primary);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:host([theme="dark"]) .z-scrollbar,
|
|
16
|
+
.z-scrollbar--dark {
|
|
17
|
+
--z-scrollbar-track-gradient: linear-gradient(
|
|
18
|
+
to right,
|
|
19
|
+
transparent 0 1px,
|
|
20
|
+
var(--gray600) 1px 5px,
|
|
21
|
+
transparent 5px 6px
|
|
22
|
+
);
|
|
23
|
+
--z-scrollbar-track-color: var(--gray600);
|
|
24
|
+
--z-scrollbar-thumb-color: var(--color-primary03);
|
|
25
|
+
--z-scrollbar-thumb-hover-color: var(--color-hover-primary);
|
|
26
|
+
--z-scrollbar-corner-color: transparent;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* Firefox scrollbar */
|
|
30
|
+
@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {
|
|
31
|
+
.z-scrollbar {
|
|
32
|
+
scrollbar-color: var(--color-primary01) transparent;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
:host([theme="dark"]) .z-scrollbar,
|
|
36
|
+
.z-scrollbar--dark {
|
|
37
|
+
scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))
|
|
38
|
+
var(--z-scrollbar-track-color, var(--gray600));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -42,18 +42,18 @@ export class ZTd {
|
|
|
42
42
|
this.updateColspan();
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '3de2b08ae7ba78632945b3c7a18c39cbc91dd03f', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '0c281b227221cbd01d76ee8e5909d2ea77071f9a', class: "cell--content" }, h("slot", { key: 'fb6a90291b513310d4f48ea3a26c5dfe197d6434' }), this.showMenu && (h("div", { key: 'dd2c301848ea64effee47f2c5e690eab30259d19', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'b010e8ef6fcd68289f1e5599216c416dcf866788', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '055d4c47c314f74939b4de3ec60ad43d20beaad2', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '2d097873fe805093434e9b932c0e36082f5a15a5', name: "contextual-menu" })))))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "z-td"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|
|
49
49
|
static get originalStyleUrls() {
|
|
50
50
|
return {
|
|
51
|
-
"$": ["
|
|
51
|
+
"$": ["../z-table-cells.css"]
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
static get styleUrls() {
|
|
55
55
|
return {
|
|
56
|
-
"$": ["
|
|
56
|
+
"$": ["../z-table-cells.css"]
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
59
|
static get properties() {
|
|
@@ -70,18 +70,18 @@ export class ZTh {
|
|
|
70
70
|
this.updateColspan();
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: 'deec9e49e024f48b68fe8f54ebb141dcc2b19ec1', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '65fefbfef58a64f3287a2f1b5defd301392bba2b', class: "cell--content" }, h("slot", { key: 'a88011856bacb3b2e0875ed46b8b1468660e5b31' }), this.showSorting && (h("button", { key: '46f462137de04bb88eda2e14767660fc4629f087', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: 'bcfe38f7ff932f2074dad3ab11b5df5867292654', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '90ccc4ecc6f49f8d41a45c9979fabebfd8bcad01', class: "cell--menu-container" }, h("z-button", { key: '58b57db3a7129b6a811eca6f014a7b2c02050a41', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '927004bdbc077e358c00b765d58b64a70f95c83d', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '3b5dbcb8631fa4383366ff718c7e9a080b7ca3be', name: "contextual-menu" })))))));
|
|
74
74
|
}
|
|
75
75
|
static get is() { return "z-th"; }
|
|
76
76
|
static get encapsulation() { return "shadow"; }
|
|
77
77
|
static get originalStyleUrls() {
|
|
78
78
|
return {
|
|
79
|
-
"$": ["styles.css"]
|
|
79
|
+
"$": ["../z-table-cells.css", "styles.css"]
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
static get styleUrls() {
|
|
83
83
|
return {
|
|
84
|
-
"$": ["styles.css"]
|
|
84
|
+
"$": ["../z-table-cells.css", "styles.css"]
|
|
85
85
|
};
|
|
86
86
|
}
|
|
87
87
|
static get properties() {
|