npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.0 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

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.

Files changed (1219) hide show

package/dist/cjs/z-tooltip.cjs.entry.js ADDED Viewed

@@ -0,0 +1,29 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
+const ZTooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.position = index$1.PopoverPosition.AUTO;
+        this.dark = false;
+        this.open = false;
+        this.bindTo = undefined;
+        this.closable = true;
+    }
+    onPopoverOpenChange() {
+        this.open = this.popoverEl.open;
+    }
+    render() {
+        return (index.h("z-popover", { key: 'a978e9df607830aec7c30ef3d83c5f8529772722', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, index.h("slot", { key: '0c6adc98da3941ed5f19902dc52ad8188215c340' })));
+    }
+};
+ZTooltip.style = stylesCss;
+exports.z_tooltip = ZTooltip;
+//# sourceMappingURL=z-tooltip.entry.cjs.js.map
+//# sourceMappingURL=z-tooltip.cjs.entry.js.map

package/dist/cjs/z-tooltip.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-tooltip.entry.cjs.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2gBAA2gB;;MCUhhB,QAAQ,GAAA,MAAA;AACjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAGA,uBAAe,CAAC,IAAI;AACpC,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACvB;IACD,mBAAmB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI;;IAEnC,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","names":["PopoverPosition","h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tooltip/index.js"],"sourcesContent":[":host {\n --z-tooltip-theme--surface: var(--color-surface01);\n --z-tooltip-theme--text: var(--color-default-text);\n --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n}\n\n:host([dark]) z-popover {\n --z-popover-theme--surface: var(--color-surface05);\n --z-popover-theme--text: var(--color-text-inverse);\n}\n\nz-popover {\n --z-popover-padding: var(--space-unit);\n --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n --z-popover-theme--text: var(--z-tooltip-theme--text);\n --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n","import { h } from \"@stencil/core\";\nimport { PopoverPosition } from \"../../beans\";\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\nexport class ZTooltip {\n constructor() {\n this.position = PopoverPosition.AUTO;\n this.dark = false;\n this.open = false;\n this.bindTo = undefined;\n this.closable = true;\n }\n onPopoverOpenChange() {\n this.open = this.popoverEl.open;\n }\n render() {\n return (h(\"z-popover\", { key: 'a978e9df607830aec7c30ef3d83c5f8529772722', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h(\"slot\", { key: '0c6adc98da3941ed5f19902dc52ad8188215c340' })));\n }\n static get is() { return \"z-tooltip\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"position\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"PopoverPosition\",\n \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n \"references\": {\n \"PopoverPosition\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::PopoverPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Tooltip position.\"\n },\n \"attribute\": \"position\",\n \"reflect\": true,\n \"defaultValue\": \"PopoverPosition.AUTO\"\n },\n \"dark\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enable tooltip dark mode.\"\n },\n \"attribute\": \"dark\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The open state of the tooltip.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"bindTo\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | HTMLElement\",\n \"resolved\": \"HTMLElement | string\",\n \"references\": {\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The selector or the element bound with the tooltip.\"\n },\n \"attribute\": \"bind-to\",\n \"reflect\": false\n },\n \"closable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Reflects `closable` prop of the popover.\\n\\\"If true, the popover can be closed by clicking outside of it or pressing the escape key.\\nOtherwise, it will be closed only programmatically (by setting `open` to `false`).\\\"\"\n },\n \"attribute\": \"closable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get listeners() {\n return [{\n \"name\": \"openChange\",\n \"method\": \"onPopoverOpenChange\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-tooltip.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-tooltip.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-tooltip/index.js"],"sourcesContent":[":host {\n --z-tooltip-theme--surface: var(--color-surface01);\n --z-tooltip-theme--text: var(--color-default-text);\n --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n}\n\n:host([dark]) z-popover {\n --z-popover-theme--surface: var(--color-surface05);\n --z-popover-theme--text: var(--color-text-inverse);\n}\n\nz-popover {\n --z-popover-padding: var(--space-unit);\n --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n --z-popover-theme--text: var(--z-tooltip-theme--text);\n --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n","import { h } from \"@stencil/core\";\nimport { PopoverPosition } from \"../../beans\";\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\nexport class ZTooltip {\n constructor() {\n this.position = PopoverPosition.AUTO;\n this.dark = false;\n this.open = false;\n this.bindTo = undefined;\n this.closable = true;\n }\n onPopoverOpenChange() {\n this.open = this.popoverEl.open;\n }\n render() {\n return (h(\"z-popover\", { key: 'a978e9df607830aec7c30ef3d83c5f8529772722', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h(\"slot\", { key: '0c6adc98da3941ed5f19902dc52ad8188215c340' })));\n }\n static get is() { return \"z-tooltip\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"position\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"PopoverPosition\",\n \"resolved\": \"PopoverPosition.AUTO | PopoverPosition.BOTTOM | PopoverPosition.BOTTOM_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.LEFT | PopoverPosition.LEFT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.RIGHT | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.RIGHT_TOP | PopoverPosition.TOP | PopoverPosition.TOP_LEFT | PopoverPosition.TOP_RIGHT\",\n \"references\": {\n \"PopoverPosition\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::PopoverPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Tooltip position.\"\n },\n \"attribute\": \"position\",\n \"reflect\": true,\n \"defaultValue\": \"PopoverPosition.AUTO\"\n },\n \"dark\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Enable tooltip dark mode.\"\n },\n \"attribute\": \"dark\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The open state of the tooltip.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"bindTo\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | HTMLElement\",\n \"resolved\": \"HTMLElement | string\",\n \"references\": {\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The selector or the element bound with the tooltip.\"\n },\n \"attribute\": \"bind-to\",\n \"reflect\": false\n },\n \"closable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Reflects `closable` prop of the popover.\\n\\\"If true, the popover can be closed by clicking outside of it or pressing the escape key.\\nOtherwise, it will be closed only programmatically (by setting `open` to `false`).\\\"\"\n },\n \"attribute\": \"closable\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get listeners() {\n return [{\n \"name\": \"openChange\",\n \"method\": \"onPopoverOpenChange\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["PopoverPosition","h"],"mappings":";;;;;AAAA,MAAM,SAAS,GAAG,2gBAA2gB;;MCUhhB,QAAQ,GAAA,MAAA;AACjB,IAAA,WAAA,CAAA,OAAA,EAAA;;AACI,QAAA,IAAI,CAAC,QAAQ,GAAGA,uBAAe,CAAC,IAAI;AACpC,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACvB;IACD,mBAAmB,GAAA;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI;;IAEnC,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-tr.cjs.entry.js ADDED Viewed

@@ -0,0 +1,61 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var utils = require('./utils-KpWnWsPi.js');
+require('./z-td.entry.cjs.js');
+require('./z-th.entry.cjs.js');
+require('./index-GMHChntS.js');
+require('./breakpoints-B7vFm-3T.js');
+const stylesCss = ":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";
+const ZTr = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.expand = index.createEvent(this, "expand", 7);
+        this.expandable = false;
+        this.expanded = false;
+        this.expandableContentId = undefined;
+    }
+    updateColumns() {
+        const cells = Array.from(this.host.querySelectorAll("z-td, z-th"));
+        if (this.expandable) {
+            cells.pop();
+        }
+        const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);
+        this.host.style.setProperty("--columns", `${columns}`);
+        if (this.expandable) {
+            const expandableContent = cells.pop();
+            expandableContent.id = expandableContent.id || `z-tr-expandable-content-${utils.randomId()}`;
+            this.expandableContentId = expandableContent.id;
+        }
+    }
+    /**
+     * Handle click on row.
+     * Skip expansion if the click is on a element with `prevent-expand` css class.
+     */
+    onRowClick(event) {
+        const preventExpand = event.target.closest(".prevent-expand");
+        if (!this.expandable || preventExpand) {
+            return;
+        }
+        this.expanded = !this.expanded;
+        this.expand.emit({ expanded: this.expanded });
+    }
+    componentWillLoad() {
+        this.updateColumns();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, index.h("div", { key: '474efb8147efb3045b2d671081674330209674ae', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, index.h("z-icon", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "expandable": ["updateColumns"]
+    }; }
+};
+ZTr.style = stylesCss;
+exports.z_tr = ZTr;
+//# sourceMappingURL=z-tr.entry.cjs.js.map
+//# sourceMappingURL=z-tr.cjs.entry.js.map

package/dist/cjs/z-tr.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-tr.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,ojDAAojD;;MCUzjD,GAAG,GAAA,MAAA;AACZ,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;AACvC;IACD,aAAa,GAAA;AACT,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAClE,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,KAAK,CAAC,GAAG,EAAE;;AAEf,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACjF,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACtD,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE;YACrC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,CAA2B,wBAAA,EAAAA,cAAQ,EAAE,CAAA,CAAE;AACtF,YAAA,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,EAAE;;;AAGvD;;;AAGG;AACH,IAAA,UAAU,CAAC,KAAK,EAAA;QACZ,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE;YACnC;;AAEJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;;IAEjD,iBAAiB,GAAA;QACb,IAAI,CAAC,aAAa,EAAE;;IAExB,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,IAAI,CAAC,UAAU,KAAKA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,EAAE,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;","names":["randomId","h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/index.js"],"sourcesContent":[":host {\n /* number of columns of the row. will be set in component's ts code */\n --columns: 1;\n\n display: grid;\n box-sizing: border-box;\n grid-auto-flow: column;\n grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n --show-expandable-button: visible;\n\n cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n border-left: 0;\n grid-column: 1 / span calc(var(--columns) + 1);\n grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n display: none;\n}\n\n:host([expanded]) {\n margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n background-color: var(--color-background);\n}\n\n.z-tr--expand-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: auto;\n appearance: none;\n background: transparent;\n cursor: pointer;\n visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { randomId } from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\nexport class ZTr {\n constructor() {\n this.expandable = false;\n this.expanded = false;\n this.expandableContentId = undefined;\n }\n updateColumns() {\n const cells = Array.from(this.host.querySelectorAll(\"z-td, z-th\"));\n if (this.expandable) {\n cells.pop();\n }\n const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n this.host.style.setProperty(\"--columns\", `${columns}`);\n if (this.expandable) {\n const expandableContent = cells.pop();\n expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n this.expandableContentId = expandableContent.id;\n }\n }\n /**\n * Handle click on row.\n * Skip expansion if the click is on a element with `prevent-expand` css class.\n */\n onRowClick(event) {\n const preventExpand = event.target.closest(\".prevent-expand\");\n if (!this.expandable || preventExpand) {\n return;\n }\n this.expanded = !this.expanded;\n this.expand.emit({ expanded: this.expanded });\n }\n componentWillLoad() {\n this.updateColumns();\n }\n render() {\n return (h(Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: \"row\", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h(\"div\", { key: '474efb8147efb3045b2d671081674330209674ae', class: \"z-tr--expand-button-container\" }, this.expandable && (h(\"button\", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', \"aria-expanded\": this.expanded ? \"true\" : \"false\", \"aria-label\": this.expanded ? \"Comprimi riga\" : \"Espandi riga\", \"aria-controls\": this.expandableContentId, type: \"button\" }, h(\"z-icon\", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? \"minus-circled\" : \"plus-circled\" })))), h(\"slot\", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));\n }\n static get is() { return \"z-tr\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"expandable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Whether the row is expandable.\\nUse a `z-td` as the last cell of the row for the additional content.\\nIt will show a button to expand/collapse the row.\\nThe last cell will be hidden until the button or row is clicked.\\n\\nIf some element inside the expandable row contains the `prevent-expand` css class,\\nthe row will not expand by clicking that element.\"\n },\n \"attribute\": \"expandable\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"expanded\": {},\n \"expandableContentId\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"expand\",\n \"name\": \"expand\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Row has been expanded\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"expandable\",\n \"methodName\": \"updateColumns\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"colspanchange\",\n \"method\": \"updateColumns\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-tr.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-tr.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tr/index.js"],"sourcesContent":[":host {\n /* number of columns of the row. will be set in component's ts code */\n --columns: 1;\n\n display: grid;\n box-sizing: border-box;\n grid-auto-flow: column;\n grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n --show-expandable-button: visible;\n\n cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n border-left: 0;\n grid-column: 1 / span calc(var(--columns) + 1);\n grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n display: none;\n}\n\n:host([expanded]) {\n margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n background-color: var(--color-background);\n}\n\n.z-tr--expand-button-container {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n margin: auto;\n appearance: none;\n background: transparent;\n cursor: pointer;\n visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { randomId } from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\nexport class ZTr {\n constructor() {\n this.expandable = false;\n this.expanded = false;\n this.expandableContentId = undefined;\n }\n updateColumns() {\n const cells = Array.from(this.host.querySelectorAll(\"z-td, z-th\"));\n if (this.expandable) {\n cells.pop();\n }\n const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n this.host.style.setProperty(\"--columns\", `${columns}`);\n if (this.expandable) {\n const expandableContent = cells.pop();\n expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n this.expandableContentId = expandableContent.id;\n }\n }\n /**\n * Handle click on row.\n * Skip expansion if the click is on a element with `prevent-expand` css class.\n */\n onRowClick(event) {\n const preventExpand = event.target.closest(\".prevent-expand\");\n if (!this.expandable || preventExpand) {\n return;\n }\n this.expanded = !this.expanded;\n this.expand.emit({ expanded: this.expanded });\n }\n componentWillLoad() {\n this.updateColumns();\n }\n render() {\n return (h(Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: \"row\", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h(\"div\", { key: '474efb8147efb3045b2d671081674330209674ae', class: \"z-tr--expand-button-container\" }, this.expandable && (h(\"button\", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', \"aria-expanded\": this.expanded ? \"true\" : \"false\", \"aria-label\": this.expanded ? \"Comprimi riga\" : \"Espandi riga\", \"aria-controls\": this.expandableContentId, type: \"button\" }, h(\"z-icon\", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? \"minus-circled\" : \"plus-circled\" })))), h(\"slot\", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));\n }\n static get is() { return \"z-tr\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"expandable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Whether the row is expandable.\\nUse a `z-td` as the last cell of the row for the additional content.\\nIt will show a button to expand/collapse the row.\\nThe last cell will be hidden until the button or row is clicked.\\n\\nIf some element inside the expandable row contains the `prevent-expand` css class,\\nthe row will not expand by clicking that element.\"\n },\n \"attribute\": \"expandable\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"expanded\": {},\n \"expandableContentId\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"expand\",\n \"name\": \"expand\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Row has been expanded\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"expandable\",\n \"methodName\": \"updateColumns\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"colspanchange\",\n \"method\": \"updateColumns\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["randomId","h","Host"],"mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,ojDAAojD;;MCUzjD,GAAG,GAAA,MAAA;AACZ,IAAA,WAAA,CAAA,OAAA,EAAA;;;AACI,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,mBAAmB,GAAG,SAAS;AACvC;IACD,aAAa,GAAA;AACT,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAClE,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,KAAK,CAAC,GAAG,EAAE;;AAEf,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACjF,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,CAAA,EAAG,OAAO,CAAA,CAAE,CAAC;AACtD,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE;YACrC,iBAAiB,CAAC,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,CAA2B,wBAAA,EAAAA,cAAQ,EAAE,CAAA,CAAE;AACtF,YAAA,IAAI,CAAC,mBAAmB,GAAG,iBAAiB,CAAC,EAAE;;;AAGvD;;;AAGG;AACH,IAAA,UAAU,CAAC,KAAK,EAAA;QACZ,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAC7D,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE;YACnC;;AAEJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;;IAEjD,iBAAiB,GAAA;QACb,IAAI,CAAC,aAAa,EAAE;;IAExB,MAAM,GAAA;AACF,QAAA,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAED,OAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,+BAA+B,EAAE,EAAE,IAAI,CAAC,UAAU,KAAKA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,EAAE,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAEA,OAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,YAAY,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/z-tree-list.cjs.entry.js ADDED Viewed

@@ -0,0 +1,116 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var index$1 = require('./index-GMHChntS.js');
+const stylesCss = ":host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:\"\"}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:\"\";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}";
+const ZTreeList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.treeItemClicked = index.createEvent(this, "treeItemClicked", 7);
+        this.parsedItems = [];
+        this.items = [];
+        this.htmlAriaLabelledby = undefined;
+        this.htmlSectionTitle = undefined;
+    }
+    watchItems() {
+        this.parsedItems = typeof this.items === "string" ? JSON.parse(this.items) : this.items;
+    }
+    componentWillLoad() {
+        this.watchItems();
+    }
+    handleClick(item) {
+        this.treeItemClicked.emit({ id: item.id, name: item.name, url: item.url });
+    }
+    getFocusableElements() {
+        return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'));
+    }
+    getAncestor(element, levels) {
+        let ancestor = element;
+        for (let i = 0; i < levels; i++) {
+            ancestor = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement;
+            if (!ancestor) {
+                return;
+            }
+        }
+        return ancestor;
+    }
+    handleArrowNav(event) {
+        if (event.code === index$1.KeyboardCode.TAB) {
+            event.preventDefault();
+            return;
+        }
+        const focusableElements = this.getFocusableElements();
+        const currentIndex = focusableElements.indexOf(event.target);
+        if (currentIndex === -1) {
+            return;
+        }
+        if (event.code === index$1.KeyboardCode.ARROW_DOWN || event.code === index$1.KeyboardCode.ARROW_UP) {
+            event.preventDefault();
+            const nextIndex = currentIndex + (event.code === index$1.KeyboardCode.ARROW_DOWN ? 1 : -1);
+            if (nextIndex < 0 || nextIndex >= focusableElements.length) {
+                return;
+            }
+            focusableElements[nextIndex].focus();
+        }
+        if (event.code === index$1.KeyboardCode.ARROW_LEFT) {
+            event.preventDefault();
+            const ancestor = this.getAncestor(focusableElements[currentIndex], 4);
+            if (!ancestor ||
+                !ancestor.children[0] ||
+                (ancestor.children[0].tagName.toLowerCase() !== "a" && ancestor.getAttribute("tabindex") === null)) {
+                return;
+            }
+            ancestor.children[0].focus();
+        }
+        if (event.code === index$1.KeyboardCode.ARROW_RIGHT) {
+            event.preventDefault();
+            const parentElm = event.target.closest("z-list-element");
+            if (!parentElm) {
+                return;
+            }
+            const childrenContainer = parentElm.querySelector("z-list");
+            if (!childrenContainer) {
+                return;
+            }
+            const firstChild = childrenContainer.querySelector('a[tabindex="0"]');
+            if (!firstChild) {
+                return;
+            }
+            firstChild.focus();
+        }
+    }
+    renderTreeList(item, key, level = 1) {
+        var _a, _b;
+        this.htmlTag = item.url ? "a" : "span";
+        const treeListContent = (index.h("z-list-element", { id: key, class: !item.icon ? "no-icon-elm" : "", clickable: Boolean(item.url), hasTreeItems: true, role: "none", "aria-hidden": undefined }, index.h(this.htmlTag, { class: {
+                "list-element": true,
+                "z-link": Boolean(item.url),
+                "link-clickable": Boolean(item.url),
+            }, tabIndex: item.url ? 0 : -1, onClick: () => this.handleClick(item), onKeyUp: (event) => {
+                if (event.code === index$1.KeyboardCode.ENTER || event.code === index$1.KeyboardCode.SPACE) {
+                    this.handleClick(item);
+                }
+            }, onKeyDown: (event) => this.handleArrowNav(event), role: item.url ? "treeitem" : undefined, "aria-hidden": item.url ? undefined : "true", "aria-expanded": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && true, "aria-level": level, "aria-label": item.name, href: item.url }, index.h("span", { class: "item ellipsis" }, item.icon && (index.h("z-icon", { width: 16, height: 16, fill: item.url ? "color-primary01" : "color-default-icon", class: "item-icon", name: item.icon })), index.h("span", { class: {
+                "item-label": true,
+                "no-icon-label": !item.icon,
+                "bold-item": item.bold,
+            }, title: item.name }, item.name))), ((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("z-list", { role: "group" }, index.h("div", { class: "children-node" }, item.children.map((child, key) => this.renderTreeList(child, `${key}`, level + 1)))))));
+        return treeListContent;
+    }
+    render() {
+        const hasClickableItems = this.parsedItems.some((item) => !!item.url);
+        return (index.h(index.Host, { key: '860eebd2ba1f46fb493bc07eb245596a9dc8be99', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, index.h("div", { key: '6a5876f627d499e9c04464383463f97d5caa1272', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+    }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "items": ["watchItems"]
+    }; }
+};
+ZTreeList.style = stylesCss;
+exports.z_tree_list = ZTreeList;
+//# sourceMappingURL=z-tree-list.entry.cjs.js.map
+//# sourceMappingURL=z-tree-list.cjs.entry.js.map

package/dist/cjs/z-tree-list.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-tree-list.entry.cjs.js","mappings":"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","names":["KeyboardCode","h","Host"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-tree-list/styles.css?tag=z-tree-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-tree-list/index.js"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n}\n\nz-list-element {\n position: relative;\n display: block;\n padding-top: var(--space-unit);\n}\n\nz-list-element::before,\nz-list-element::after {\n position: absolute;\n z-index: 100;\n top: 0.125rem;\n left: -0.5rem;\n content: \"\";\n}\n\nz-list z-list-element::before {\n width: var(--space-unit);\n height: calc(var(--space-unit) * 2);\n border-bottom: var(--border-size-small) solid var(--color-disabled01-icon);\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n}\n\nz-list z-list-element::after {\n width: var(--space-unit);\n height: 100%;\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n}\n\nz-list z-list-element:last-child::after,\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n display: none;\n}\n\nz-list > div.children-node {\n padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n z-index: 100;\n display: flex;\n justify-content: space-between;\n padding: 0;\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n text-decoration: none;\n}\n\nz-list-element > .list-element.link-clickable {\n color: var(--color-primary01);\n}\n\nz-list-element > .list-element.link-clickable:hover {\n text-decoration: underline;\n}\n\nz-list-element > .list-element .item.ellipsis {\n overflow: hidden;\n}\n\nz-list-element .list-element::after {\n position: absolute;\n top: 0;\n right: -0.0625rem;\n display: block;\n width: 100%;\n height: calc(var(--space-unit) * 5);\n content: \"\";\n transform: translateX(-100%);\n}\n\n.item-label {\n overflow: hidden;\n flex-grow: 1;\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n letter-spacing: 0.0032rem;\n line-height: 1.25rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.item-label.bold-item {\n font-weight: var(--font-sb);\n}\n\n.item.ellipsis {\n display: flex;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.children-node > z-list-element {\n padding: 0;\n padding-top: 0.125;\n padding-left: calc(var(--space-unit) * 1.25);\n}\n\n.item-icon {\n margin-right: var(--space-unit);\n}\n\n.no-icon-label {\n padding-left: var(--space-unit);\n}\n\n.children-node > z-list-element.no-icon-elm {\n padding-left: 0;\n}\n\nz-list-element > .list-element:focus:focus-visible {\n position: relative;\n z-index: 200;\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n@media (max-width: 767px) {\n z-list-element::before,\n z-list-element::after {\n top: 0.1875rem;\n }\n\n z-list z-list-element::before {\n height: calc(var(--space-unit) * 2.5);\n }\n\n .children-node > z-list-element {\n padding-top: var(--space-unit);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../../beans\";\nexport class ZTreeList {\n constructor() {\n this.parsedItems = [];\n this.items = [];\n this.htmlAriaLabelledby = undefined;\n this.htmlSectionTitle = undefined;\n }\n watchItems() {\n this.parsedItems = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n componentWillLoad() {\n this.watchItems();\n }\n handleClick(item) {\n this.treeItemClicked.emit({ id: item.id, name: item.name, url: item.url });\n }\n getFocusableElements() {\n return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex=\"0\"]'));\n }\n getAncestor(element, levels) {\n let ancestor = element;\n for (let i = 0; i < levels; i++) {\n ancestor = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement;\n if (!ancestor) {\n return;\n }\n }\n return ancestor;\n }\n handleArrowNav(event) {\n if (event.code === KeyboardCode.TAB) {\n event.preventDefault();\n return;\n }\n const focusableElements = this.getFocusableElements();\n const currentIndex = focusableElements.indexOf(event.target);\n if (currentIndex === -1) {\n return;\n }\n if (event.code === KeyboardCode.ARROW_DOWN || event.code === KeyboardCode.ARROW_UP) {\n event.preventDefault();\n const nextIndex = currentIndex + (event.code === KeyboardCode.ARROW_DOWN ? 1 : -1);\n if (nextIndex < 0 || nextIndex >= focusableElements.length) {\n return;\n }\n focusableElements[nextIndex].focus();\n }\n if (event.code === KeyboardCode.ARROW_LEFT) {\n event.preventDefault();\n const ancestor = this.getAncestor(focusableElements[currentIndex], 4);\n if (!ancestor ||\n !ancestor.children[0] ||\n (ancestor.children[0].tagName.toLowerCase() !== \"a\" && ancestor.getAttribute(\"tabindex\") === null)) {\n return;\n }\n ancestor.children[0].focus();\n }\n if (event.code === KeyboardCode.ARROW_RIGHT) {\n event.preventDefault();\n const parentElm = event.target.closest(\"z-list-element\");\n if (!parentElm) {\n return;\n }\n const childrenContainer = parentElm.querySelector(\"z-list\");\n if (!childrenContainer) {\n return;\n }\n const firstChild = childrenContainer.querySelector('a[tabindex=\"0\"]');\n if (!firstChild) {\n return;\n }\n firstChild.focus();\n }\n }\n renderTreeList(item, key, level = 1) {\n var _a, _b;\n this.htmlTag = item.url ? \"a\" : \"span\";\n const treeListContent = (h(\"z-list-element\", { id: key, class: !item.icon ? \"no-icon-elm\" : \"\", clickable: Boolean(item.url), hasTreeItems: true, role: \"none\", \"aria-hidden\": undefined }, h(this.htmlTag, { class: {\n \"list-element\": true,\n \"z-link\": Boolean(item.url),\n \"link-clickable\": Boolean(item.url),\n }, tabIndex: item.url ? 0 : -1, onClick: () => this.handleClick(item), onKeyUp: (event) => {\n if (event.code === KeyboardCode.ENTER || event.code === KeyboardCode.SPACE) {\n this.handleClick(item);\n }\n }, onKeyDown: (event) => this.handleArrowNav(event), role: item.url ? \"treeitem\" : undefined, \"aria-hidden\": item.url ? undefined : \"true\", \"aria-expanded\": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && true, \"aria-level\": level, \"aria-label\": item.name, href: item.url }, h(\"span\", { class: \"item ellipsis\" }, item.icon && (h(\"z-icon\", { width: 16, height: 16, fill: item.url ? \"color-primary01\" : \"color-default-icon\", class: \"item-icon\", name: item.icon })), h(\"span\", { class: {\n \"item-label\": true,\n \"no-icon-label\": !item.icon,\n \"bold-item\": item.bold,\n }, title: item.name }, item.name))), ((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h(\"z-list\", { role: \"group\" }, h(\"div\", { class: \"children-node\" }, item.children.map((child, key) => this.renderTreeList(child, `${key}`, level + 1)))))));\n return treeListContent;\n }\n render() {\n const hasClickableItems = this.parsedItems.some((item) => !!item.url);\n return (h(Host, { key: '860eebd2ba1f46fb493bc07eb245596a9dc8be99', class: \"tree-list\", role: hasClickableItems ? \"navigation\" : \"none\", \"aria-hidden\": hasClickableItems ? undefined : \"true\", \"aria-labelledby\": this.htmlAriaLabelledby }, h(\"div\", { key: '6a5876f627d499e9c04464383463f97d5caa1272', tabIndex: -1, role: hasClickableItems ? \"tree\" : \"none\", \"aria-hidden\": hasClickableItems ? undefined : \"true\", \"aria-label\": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));\n }\n static get is() { return \"z-tree-list\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"items\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeListItem[] | string\",\n \"resolved\": \"TreeListItem[] | string\",\n \"references\": {\n \"TreeListItem\": {\n \"location\": \"import\",\n \"path\": \"../../../beans\",\n \"id\": \"src/beans/index.tsx::TreeListItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Items to render, if they have the url property they will be rendered as clickable links\"\n },\n \"attribute\": \"items\",\n \"reflect\": false,\n \"defaultValue\": \"[]\"\n },\n \"htmlAriaLabelledby\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Used for aria-labelledby attribute, sets name in \\\"navigation\\\"\"\n },\n \"attribute\": \"html-aria-labelledby\",\n \"reflect\": true\n },\n \"htmlSectionTitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Used for aria-label attribute, sets name in \\\"tree\\\"\"\n },\n \"attribute\": \"html-section-title\",\n \"reflect\": true\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"treeItemClicked\",\n \"name\": \"treeItemClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on item click, it return the id, name and url of the clicked item\"\n },\n \"complexType\": {\n \"original\": \"{id: string; name: string; url: string}\",\n \"resolved\": \"{ id: string; name: string; url: string; }\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"items\",\n \"methodName\": \"watchItems\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-tree-list.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-tree-list.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-tree-list/styles.css?tag=z-tree-list&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-tree-list/index.js"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n}\n\nz-list-element {\n position: relative;\n display: block;\n padding-top: var(--space-unit);\n}\n\nz-list-element::before,\nz-list-element::after {\n position: absolute;\n z-index: 100;\n top: 0.125rem;\n left: -0.5rem;\n content: \"\";\n}\n\nz-list z-list-element::before {\n width: var(--space-unit);\n height: calc(var(--space-unit) * 2);\n border-bottom: var(--border-size-small) solid var(--color-disabled01-icon);\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n}\n\nz-list z-list-element::after {\n width: var(--space-unit);\n height: 100%;\n border-left: var(--border-size-small) solid var(--color-disabled01-icon);\n}\n\nz-list z-list-element:last-child::after,\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n display: none;\n}\n\nz-list > div.children-node {\n padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n z-index: 100;\n display: flex;\n justify-content: space-between;\n padding: 0;\n color: var(--color-default-text);\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n text-decoration: none;\n}\n\nz-list-element > .list-element.link-clickable {\n color: var(--color-primary01);\n}\n\nz-list-element > .list-element.link-clickable:hover {\n text-decoration: underline;\n}\n\nz-list-element > .list-element .item.ellipsis {\n overflow: hidden;\n}\n\nz-list-element .list-element::after {\n position: absolute;\n top: 0;\n right: -0.0625rem;\n display: block;\n width: 100%;\n height: calc(var(--space-unit) * 5);\n content: \"\";\n transform: translateX(-100%);\n}\n\n.item-label {\n overflow: hidden;\n flex-grow: 1;\n font-size: var(--font-size-2);\n font-style: normal;\n font-weight: var(--font-rg);\n letter-spacing: 0.0032rem;\n line-height: 1.25rem;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.item-label.bold-item {\n font-weight: var(--font-sb);\n}\n\n.item.ellipsis {\n display: flex;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.children-node > z-list-element {\n padding: 0;\n padding-top: 0.125;\n padding-left: calc(var(--space-unit) * 1.25);\n}\n\n.item-icon {\n margin-right: var(--space-unit);\n}\n\n.no-icon-label {\n padding-left: var(--space-unit);\n}\n\n.children-node > z-list-element.no-icon-elm {\n padding-left: 0;\n}\n\nz-list-element > .list-element:focus:focus-visible {\n position: relative;\n z-index: 200;\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n@media (max-width: 767px) {\n z-list-element::before,\n z-list-element::after {\n top: 0.1875rem;\n }\n\n z-list z-list-element::before {\n height: calc(var(--space-unit) * 2.5);\n }\n\n .children-node > z-list-element {\n padding-top: var(--space-unit);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../../beans\";\nexport class ZTreeList {\n constructor() {\n this.parsedItems = [];\n this.items = [];\n this.htmlAriaLabelledby = undefined;\n this.htmlSectionTitle = undefined;\n }\n watchItems() {\n this.parsedItems = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n componentWillLoad() {\n this.watchItems();\n }\n handleClick(item) {\n this.treeItemClicked.emit({ id: item.id, name: item.name, url: item.url });\n }\n getFocusableElements() {\n return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex=\"0\"]'));\n }\n getAncestor(element, levels) {\n let ancestor = element;\n for (let i = 0; i < levels; i++) {\n ancestor = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement;\n if (!ancestor) {\n return;\n }\n }\n return ancestor;\n }\n handleArrowNav(event) {\n if (event.code === KeyboardCode.TAB) {\n event.preventDefault();\n return;\n }\n const focusableElements = this.getFocusableElements();\n const currentIndex = focusableElements.indexOf(event.target);\n if (currentIndex === -1) {\n return;\n }\n if (event.code === KeyboardCode.ARROW_DOWN || event.code === KeyboardCode.ARROW_UP) {\n event.preventDefault();\n const nextIndex = currentIndex + (event.code === KeyboardCode.ARROW_DOWN ? 1 : -1);\n if (nextIndex < 0 || nextIndex >= focusableElements.length) {\n return;\n }\n focusableElements[nextIndex].focus();\n }\n if (event.code === KeyboardCode.ARROW_LEFT) {\n event.preventDefault();\n const ancestor = this.getAncestor(focusableElements[currentIndex], 4);\n if (!ancestor ||\n !ancestor.children[0] ||\n (ancestor.children[0].tagName.toLowerCase() !== \"a\" && ancestor.getAttribute(\"tabindex\") === null)) {\n return;\n }\n ancestor.children[0].focus();\n }\n if (event.code === KeyboardCode.ARROW_RIGHT) {\n event.preventDefault();\n const parentElm = event.target.closest(\"z-list-element\");\n if (!parentElm) {\n return;\n }\n const childrenContainer = parentElm.querySelector(\"z-list\");\n if (!childrenContainer) {\n return;\n }\n const firstChild = childrenContainer.querySelector('a[tabindex=\"0\"]');\n if (!firstChild) {\n return;\n }\n firstChild.focus();\n }\n }\n renderTreeList(item, key, level = 1) {\n var _a, _b;\n this.htmlTag = item.url ? \"a\" : \"span\";\n const treeListContent = (h(\"z-list-element\", { id: key, class: !item.icon ? \"no-icon-elm\" : \"\", clickable: Boolean(item.url), hasTreeItems: true, role: \"none\", \"aria-hidden\": undefined }, h(this.htmlTag, { class: {\n \"list-element\": true,\n \"z-link\": Boolean(item.url),\n \"link-clickable\": Boolean(item.url),\n }, tabIndex: item.url ? 0 : -1, onClick: () => this.handleClick(item), onKeyUp: (event) => {\n if (event.code === KeyboardCode.ENTER || event.code === KeyboardCode.SPACE) {\n this.handleClick(item);\n }\n }, onKeyDown: (event) => this.handleArrowNav(event), role: item.url ? \"treeitem\" : undefined, \"aria-hidden\": item.url ? undefined : \"true\", \"aria-expanded\": ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 && true, \"aria-level\": level, \"aria-label\": item.name, href: item.url }, h(\"span\", { class: \"item ellipsis\" }, item.icon && (h(\"z-icon\", { width: 16, height: 16, fill: item.url ? \"color-primary01\" : \"color-default-icon\", class: \"item-icon\", name: item.icon })), h(\"span\", { class: {\n \"item-label\": true,\n \"no-icon-label\": !item.icon,\n \"bold-item\": item.bold,\n }, title: item.name }, item.name))), ((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h(\"z-list\", { role: \"group\" }, h(\"div\", { class: \"children-node\" }, item.children.map((child, key) => this.renderTreeList(child, `${key}`, level + 1)))))));\n return treeListContent;\n }\n render() {\n const hasClickableItems = this.parsedItems.some((item) => !!item.url);\n return (h(Host, { key: '860eebd2ba1f46fb493bc07eb245596a9dc8be99', class: \"tree-list\", role: hasClickableItems ? \"navigation\" : \"none\", \"aria-hidden\": hasClickableItems ? undefined : \"true\", \"aria-labelledby\": this.htmlAriaLabelledby }, h(\"div\", { key: '6a5876f627d499e9c04464383463f97d5caa1272', tabIndex: -1, role: hasClickableItems ? \"tree\" : \"none\", \"aria-hidden\": hasClickableItems ? undefined : \"true\", \"aria-label\": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));\n }\n static get is() { return \"z-tree-list\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get properties() {\n return {\n \"items\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeListItem[] | string\",\n \"resolved\": \"TreeListItem[] | string\",\n \"references\": {\n \"TreeListItem\": {\n \"location\": \"import\",\n \"path\": \"../../../beans\",\n \"id\": \"src/beans/index.tsx::TreeListItem\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Items to render, if they have the url property they will be rendered as clickable links\"\n },\n \"attribute\": \"items\",\n \"reflect\": false,\n \"defaultValue\": \"[]\"\n },\n \"htmlAriaLabelledby\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Used for aria-labelledby attribute, sets name in \\\"navigation\\\"\"\n },\n \"attribute\": \"html-aria-labelledby\",\n \"reflect\": true\n },\n \"htmlSectionTitle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Used for aria-label attribute, sets name in \\\"tree\\\"\"\n },\n \"attribute\": \"html-section-title\",\n \"reflect\": true\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"treeItemClicked\",\n \"name\": \"treeItemClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted on item click, it return the id, name and url of the clicked item\"\n },\n \"complexType\": {\n \"original\": \"{id: string; name: string; url: string}\",\n \"resolved\": \"{ id: string; name: string; url: string; }\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"host\"; }\n static get watchers() {\n return [{\n \"propName\": \"items\",\n \"methodName\": \"watchItems\"\n }];\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["KeyboardCode","h","Host"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/cjs/z-visually-hidden.cjs.entry.js ADDED Viewed

@@ -0,0 +1,20 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
+const ZVisuallyHidden = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return index.h("slot", { key: '3d75845d1ec7fa620b82b32f68fe73368d800e61' });
+    }
+};
+ZVisuallyHidden.style = stylesCss;
+exports.z_visually_hidden = ZVisuallyHidden;
+//# sourceMappingURL=z-visually-hidden.entry.cjs.js.map
+//# sourceMappingURL=z-visually-hidden.cjs.entry.js.map

package/dist/cjs/z-visually-hidden.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"z-visually-hidden.entry.cjs.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,kKAAkK;;MCCvK,eAAe,GAAA,MAAA;;;;IACxB,MAAM,GAAA;QACF,OAAOA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC;;;;;;;","names":["h"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-visually-hidden/styles.css?tag=z-visually-hidden&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-visually-hidden/index.js"],"sourcesContent":[":host {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: 0 -1px -1px 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n}\n","import { h } from \"@stencil/core\";\nexport class ZVisuallyHidden {\n render() {\n return h(\"slot\", { key: '3d75845d1ec7fa620b82b32f68fe73368d800e61' });\n }\n static get is() { return \"z-visually-hidden\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/cjs/z-visually-hidden.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"z-visually-hidden.entry.cjs.js","sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-visually-hidden/styles.css?tag=z-visually-hidden&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-visually-hidden/index.js"],"sourcesContent":[":host {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: 0 -1px -1px 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n}\n","import { h } from \"@stencil/core\";\nexport class ZVisuallyHidden {\n render() {\n return h(\"slot\", { key: '3d75845d1ec7fa620b82b32f68fe73368d800e61' });\n }\n static get is() { return \"z-visually-hidden\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"styles.css\"]\n };\n }\n}\n//# sourceMappingURL=index.js.map\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,kKAAkK;;MCCvK,eAAe,GAAA,MAAA;;;;IACxB,MAAM,GAAA;QACF,OAAOA,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/cjs/zanichelli-it-frontend-kit.cjs.js ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+var index = require('./index-B_IQfJ7S.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.31.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('zanichelli-it-frontend-kit.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy(JSON.parse("[[\"z-app-header.cjs\",[[1,\"z-app-header\",{\"stuck\":[516],\"enableOffcanvas\":[1540,\"enable-offcanvas\"],\"enableSearch\":[516,\"enable-search\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchString\":[1025,\"search-string\"],\"searchPageUrl\":[1,\"search-page-url\"],\"enableZLogo\":[516,\"enable-z-logo\"],\"drawerOpen\":[1028,\"drawer-open\"],\"_stuck\":[32],\"menuLength\":[32],\"isMobile\":[32],\"isTablet\":[32]},[[5,\"focusin\",\"manageMenus\"],[5,\"click\",\"manageMenus\"],[1,\"keydown\",\"handleKeydown\"]],{\"_stuck\":[\"onStuck\"],\"drawerOpen\":[\"setMenuFloatingMode\"],\"stuck\":[\"onStuckChange\"]}]]],[\"z-app-header-deprecated.cjs\",[[1,\"z-app-header-deprecated\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"enableSearch\":[516,\"enable-search\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchString\":[1025,\"search-string\"],\"searchPageUrl\":[1,\"search-page-url\"],\"_stuck\":[32],\"currentViewport\":[32],\"menuLength\":[32]},[[9,\"resize\",\"evaluateViewport\"]],{\"_stuck\":[\"onStuck\"],\"drawerOpen\":[\"setMenuFloatingMode\"],\"stuck\":[\"onStuckMode\"]}]]],[\"z-select.cjs\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"autocomplete\":[4],\"noresultslabel\":[1],\"hasGroupItems\":[4,\"has-group-items\"],\"hasTreeItems\":[4,\"has-tree-items\"],\"isfixed\":[4],\"resetItem\":[1,\"reset-item\"],\"size\":[1],\"isOpen\":[32],\"selectedItem\":[32],\"focusedItemId\":[32],\"searchString\":[32],\"flattenedList\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]},[[0,\"ariaDescendantFocus\",\"getFocusedItemHandler\"]],{\"items\":[\"watchItems\"]}]]],[\"z-breadcrumb.cjs\",[[1,\"z-breadcrumb\",{\"pathStyle\":[513,\"path-style\"],\"homepageVariant\":[1,\"homepage-variant\"],\"maxNodesToShow\":[2,\"max-nodes-to-show\"],\"preventFollowUrl\":[4,\"prevent-follow-url\"],\"overflowMenuItemRows\":[2,\"overflow-menu-item-rows\"],\"truncateChar\":[2,\"truncate-char\"],\"viewPortWidth\":[32],\"hasOverflow\":[32],\"popoverEllipsisOpen\":[32]},[[9,\"resize\",\"handleResize\"]],{\"maxNodesToShow\":[\"handlePropChange\"],\"viewPortWidth\":[\"handleResizeUp\"]}]]],[\"z-combobox.cjs\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"disabled\":[516],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"hasgroupitems\":[4],\"size\":[1],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32],\"focusedItemId\":[32],\"checkboxes\":[32]},null,{\"items\":[\"watchItems\"],\"searchValue\":[\"watchSearchValue\"],\"checkboxes\":[\"watchCheckboxes\"]}]]],[\"z-myz-card-dictionary.cjs\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-file-upload.cjs\",[[6,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"uploadBtnLabel\":[1,\"upload-btn-label\"],\"dragAndDropLabel\":[1,\"drag-and-drop-label\"],\"allowedFilesMessage\":[1,\"allowed-files-message\"],\"uploadClickableMessage\":[1,\"upload-clickable-message\"],\"uploadMessage\":[1,\"upload-message\"],\"errorModalTitle\":[1,\"error-modal-title\"],\"errorModalMessage\":[1,\"error-modal-message\"],\"uploadedFilesLabel\":[1,\"uploaded-files-label\"],\"hasFileSection\":[4,\"has-file-section\"],\"inputName\":[1,\"input-name\"],\"showErrors\":[4,\"show-errors\"],\"_type\":[32],\"files\":[32],\"invalidFiles\":[32],\"input\":[32],\"getFiles\":[64],\"removeFile\":[64]},[[0,\"removeFile\",\"onFileRemoved\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-pagination.cjs\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]],{\"_visiblePages\":[\"setPagesContainerWidth\"],\"visiblePages\":[\"setVisiblePages\"],\"currentPage\":[\"onPageChanged\"],\"split\":[\"onSplitChanged\"]}]]],[\"z-tree-list.cjs\",[[1,\"z-tree-list\",{\"items\":[1],\"htmlAriaLabelledby\":[513,\"html-aria-labelledby\"],\"htmlSectionTitle\":[513,\"html-section-title\"]},null,{\"items\":[\"watchItems\"]}]]],[\"z-carousel.cjs\",[[1,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[516],\"arrowsPosition\":[513,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"fixedArrows\":[516,\"fixed-arrows\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"infinite\":[4],\"current\":[32],\"items\":[32],\"highlightedIndicator\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},null,{\"current\":[\"onIndexChange\"],\"single\":[\"onSingleModeChange\"],\"infinite\":[\"onInfiniteModeChange\"]}]]],[\"z-date-picker.cjs\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"name\":[1],\"value\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[2,\"keydown\",\"handleKeyDown\"]],{\"mode\":[\"setupPickers\"]}]]],[\"z-file.cjs\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker.cjs\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"firstPickerReadOnly\":[4,\"first-picker-read-only\"],\"lastPickerReadOnly\":[4,\"last-picker-read-only\"],\"firstPickerPlaceholder\":[1,\"first-picker-placeholder\"],\"lastPickerPlaceholder\":[1,\"last-picker-placeholder\"],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]],{\"firstPickerReadOnly\":[\"setupFirstPickersReadOnly\"],\"lastPickerReadOnly\":[\"setupLastPickersReadOnly\"],\"mode\":[\"setupPickers\"]}]]],[\"z-td.cjs\",[[1,\"z-td\",{\"colspan\":[2],\"sticky\":[516],\"showMenu\":[513,\"show-menu\"],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"z-th.cjs\",[[1,\"z-th\",{\"colspan\":[2],\"showMenu\":[513,\"show-menu\"],\"showSorting\":[513,\"show-sorting\"],\"sticky\":[516],\"sortDirection\":[1025,\"sort-direction\"],\"sorted\":[1540],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"z-anchor-navigation.cjs\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"autoCurrent\":[4,\"auto-current\"],\"collapsedLabel\":[1,\"collapsed-label\"],\"collapsed\":[32]}]]],[\"z-book-card.cjs\",[[1,\"z-book-card\",{\"variant\":[513],\"cover\":[1],\"operaTitle\":[1,\"opera-title\"],\"volumeTitle\":[1,\"volume-title\"],\"authors\":[1],\"isbn\":[1],\"isbnLabel\":[1,\"isbn-label\"],\"year\":[1],\"ebookUrl\":[1,\"ebook-url\"],\"fallbackCover\":[1,\"fallback-cover\"],\"titleHtmlTag\":[1,\"title-html-tag\"]}]]],[\"z-book-card-app.cjs\",[[1,\"z-book-card-app\",{\"logo\":[1],\"name\":[1],\"link\":[1],\"laz\":[4],\"info\":[1]}]]],[\"z-myz-card-alert.cjs\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info.cjs\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-myz-list.cjs\",[[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]},null,{\"inputrawdata\":[\"oninputrawdataChange\"]}]]],[\"z-otp.cjs\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-accordion.cjs\",[[1,\"z-accordion\",{\"label\":[1],\"icon\":[1],\"size\":[513],\"isDisabled\":[516,\"is-disabled\"],\"open\":[1540],\"highlight\":[516],\"variant\":[513],\"shadow\":[516]},null,{\"isDisabled\":[\"onDisabledChange\"]}]]],[\"z-book-card-deprecated.cjs\",[[1,\"z-book-card-deprecated\",{\"variant\":[1],\"cover\":[1],\"operaTitle\":[1,\"opera-title\"],\"volumeTitle\":[1,\"volume-title\"],\"authors\":[1],\"isbn\":[1],\"isbnLabel\":[1,\"isbn-label\"],\"ribbon\":[1],\"ribbonIcon\":[1,\"ribbon-icon\"],\"ribbonInteractive\":[4,\"ribbon-interactive\"],\"borderless\":[4],\"fallbackCover\":[1,\"fallback-cover\"],\"operaTitleTag\":[1,\"opera-title-tag\"],\"isMobile\":[32],\"hasResources\":[32],\"showResources\":[32]}]]],[\"z-button-sort.cjs\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card.cjs\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"showShadow\":[516,\"show-shadow\"],\"clickable\":[516],\"hasCoverImage\":[32]}]]],[\"z-info-box.cjs\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-menu.cjs\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"htmlTabindex\":[2,\"html-tabindex\"],\"hasHeader\":[32],\"hasContent\":[32],\"setFocus\":[64],\"focusLastItem\":[64]},[[4,\"click\",\"onItemClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"onOpenChanged\"],\"htmlTabindex\":[\"setLabelA11yAttrs\"]}]]],[\"z-menu-deprecated.cjs\",[[1,\"z-menu-deprecated\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]],{\"open\":[\"onOpenChanged\"]}]]],[\"z-menu-section.cjs\",[[1,\"z-menu-section\",{\"active\":[516],\"htmlTabindex\":[2,\"html-tabindex\"],\"open\":[1028],\"hasItems\":[32],\"items\":[32],\"focusLastItem\":[64],\"setFocus\":[64]},[[0,\"keydown\",\"onItemsKeydown\"]],{\"open\":[\"onOpenChange\"],\"htmlTabindex\":[\"onTabindexChange\"]}]]],[\"z-menu-section-deprecated.cjs\",[[1,\"z-menu-section-deprecated\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon.cjs\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tabs.cjs\",[[4,\"z-navigation-tabs\",{\"ariaLabel\":[1,\"aria-label\"],\"orientation\":[513],\"size\":[513],\"selectedTab\":[1026,\"selected-tab\"],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[0,\"click\",\"handleTabClick\"],[0,\"focusin\",\"onTabFocusIn\"],[0,\"keydown\",\"navigateThroughTabs\"],[0,\"focusout\",\"onTabFocusOut\"]],{\"canNavigate\":[\"checkScrollEnabled\"],\"selectedTab\":[\"onTabSelected\"]}]]],[\"z-notification.cjs\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-panel-elem.cjs\",[[6,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descrSlotName\":[1,\"descr-slot-name\"]}]]],[\"z-section-title.cjs\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow.cjs\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]},null,{\"data\":[\"watchData\"]}]]],[\"z-stepper-item.cjs\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"checked\":[4],\"disabled\":[4]}]]],[\"z-toast-notification.cjs\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32]},null,{\"isdraggable\":[\"watchPropIsdraggable\"],\"autoclose\":[\"watchPropAutoclose\"],\"pauseonfocusloss\":[\"watchPropPauseonfocusloss\"]}]]],[\"z-toggle-button.cjs\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-toggle-switch.cjs\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-tooltip.cjs\",[[1,\"z-tooltip\",{\"position\":[513],\"dark\":[516],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"closable\":[4]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"z-tr.cjs\",[[1,\"z-tr\",{\"expandable\":[516],\"expanded\":[32],\"expandableContentId\":[32]},[[0,\"colspanchange\",\"updateColumns\"]],{\"expandable\":[\"updateColumns\"]}]]],[\"z-aria-alert.cjs\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar.cjs\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-cover-hero.cjs\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"],\"preserveAspectRatio\":[516,\"preserve-aspect-ratio\"]},[[2,\"load\",\"onImgLoad\"]]]]],[\"z-myz-card-footer.cjs\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"customContent\":[4,\"custom-content\"],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections.cjs\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list.cjs\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-skip-to-content.cjs\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-stepper.cjs\",[[1,\"z-stepper\"]]],[\"z-table.cjs\",[[1,\"z-table\",{\"bordered\":[516],\"expandable\":[32]}]]],[\"z-tbody.cjs\",[[1,\"z-tbody\"]]],[\"z-tfoot.cjs\",[[1,\"z-tfoot\",{\"sticky\":[516]}]]],[\"z-thead.cjs\",[[1,\"z-thead\",{\"sticky\":[516]}]]],[\"z-toast-notification-list.cjs\",[[1,\"z-toast-notification-list\",{\"position\":[513],\"newestontop\":[4]},null,{\"newestontop\":[\"watchPropNewestontop\"]}]]],[\"z-visually-hidden.cjs\",[[1,\"z-visually-hidden\"]]],[\"z-button_5.cjs\",[[1,\"zanit-menubar\",{\"data\":[1],\"current\":[1],\"searchQuery\":[1,\"search-query\"],\"items\":[32],\"openMenu\":[32],\"openNavbar\":[32],\"showSearchbar\":[32],\"_searchQuery\":[32],\"isMobile\":[32]},[[5,\"pointerdown\",\"handleOutsideClick\"],[1,\"keydown\",\"handleKeydown\"],[1,\"focusout\",\"handleFocusout\"]],{\"data\":[\"parseData\"],\"items\":[\"onItemsChange\"],\"showSearchbar\":[\"onShowSearchbar\"]}],[1,\"zanit-mobile-menubar\",{\"current\":[1],\"items\":[16],\"searchQuery\":[1,\"search-query\"],\"parentItem\":[32],\"menuItems\":[32],\"menuType\":[32],\"open\":[32],\"_searchQuery\":[32]},[[5,\"pointerdown\",\"handleOutsideClick\"],[1,\"keydown\",\"handleKeydown\"],[1,\"focusout\",\"handleFocusout\"]],{\"items\":[\"onItemsChange\"]}],[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}],[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"role\":[1],\"htmlrole\":[1],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}],[1,\"z-icon\",{\"name\":[1],\"height\":[8],\"width\":[8],\"iconid\":[1],\"fill\":[1]}]]],[\"z-chip.cjs\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-info-reveal.cjs\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"size\":[513],\"open\":[32]},[[9,\"resize\",\"adjustPanelPosition\"],[10,\"keydown\",\"handleEscapeKey\"]],{\"position\":[\"adjustPanelPosition\"],\"open\":[\"adjustPanelPosition\"]}]]],[\"z-myz-list-item.cjs\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-alert.cjs\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-ghost-loading.cjs\",[[1,\"z-ghost-loading\"]]],[\"z-dragdrop-area_2.cjs\",[[1,\"z-dragdrop-area\",{\"dragAndDropLabel\":[1,\"drag-and-drop-label\"],\"dragging\":[32]}],[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"],\"alertdialog\":[4],\"closable\":[4],\"scrollInside\":[4,\"scroll-inside\"],\"lockPageScroll\":[4,\"lock-page-scroll\"],\"open\":[64],\"close\":[64]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"z-myz-card_4.cjs\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-divider_2.cjs\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"hasTreeItems\":[4,\"has-tree-items\"],\"role\":[513],\"htmlTabindex\":[2,\"html-tabindex\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-list_3.cjs\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"],\"listType\":[513,\"list-type\"],\"hasTreeItems\":[4,\"has-tree-items\"]}],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"],\"role\":[513]}]]],[\"z-input_2.cjs\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaActivedescendant\":[1,\"aria-activedescendant\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"role\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"minlength\":[2],\"max\":[2],\"maxlength\":[2],\"step\":[2],\"pattern\":[1],\"size\":[513],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513],\"disabled\":[516],\"statusRole\":[32]},null,{\"message\":[\"onMessageChange\"],\"status\":[\"onMessageChange\"]}]]],[\"z-offcanvas_2.cjs\",[[1,\"z-searchbar\",{\"htmlid\":[513],\"preventSubmit\":[4,\"prevent-submit\"],\"value\":[1],\"placeholder\":[1],\"autocomplete\":[4],\"autocompleteMinChars\":[2,\"autocomplete-min-chars\"],\"resultsCount\":[2,\"results-count\"],\"searchHelperLabel\":[1,\"search-helper-label\"],\"resultsItems\":[1,\"results-items\"],\"sortResultsItems\":[4,\"sort-results-items\"],\"showSearchButton\":[4,\"show-search-button\"],\"searchButtonIconOnly\":[4,\"search-button-icon-only\"],\"size\":[1],\"variant\":[1],\"searchString\":[32],\"currResultsCount\":[32],\"showResults\":[32],\"isMobile\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleOutsideClick\"]],{\"resultsItems\":[\"watchItems\"],\"resultsCount\":[\"watchResultsCount\"],\"value\":[\"watchValue\"],\"searchString\":[\"watchSearchString\"],\"showResults\":[\"watchShowResults\"]}],[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513],\"skipLoadAnimation\":[4,\"skip-load-animation\"],\"skipAnimation\":[32]},[[2,\"click\",\"stopEvent\"],[2,\"focusin\",\"stopEvent\"]],{\"variant\":[\"handlePageOverflow\"],\"open\":[\"onOpenChanged\"]}]]],[\"z-popover.cjs\",[[1,\"z-popover\",{\"position\":[513],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"showArrow\":[516,\"show-arrow\"],\"center\":[516],\"closable\":[4],\"currentPosition\":[32]},[[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]],{\"position\":[\"validatePosition\"],\"open\":[\"onOpen\"]}]]]]"), options);
+});
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=zanichelli-it-frontend-kit.cjs.js.map
+//# sourceMappingURL=zanichelli-it-frontend-kit.cjs.js.map

package/dist/cjs/zanichelli-it-frontend-kit.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"zanichelli-it-frontend-kit.cjs.js","sources":["node_modules/.pnpm/@stencil+core@4.31.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.31.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,mRAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}