npm - @zanichelli/zanichelli-it-frontend-kit - Versions diffs - 0.0.1-rc.8 → 0.1.1 - Mend

@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.8 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1217) hide show

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

@@ -1,29 +0,0 @@
-'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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,61 +0,0 @@
-'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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,116 +0,0 @@
-'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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,20 +0,0 @@
-'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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1 +0,0 @@

- {"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/components/p--G52XiFB.js DELETED Viewed

@@ -1,57 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-Cvo0JvVA.js';
-import { a as ZChipType } from './p-Ce7XL4AN.js';
-import { d as defineCustomElement$1 } from './p-D0k-WF7B.js';
-const stylesCss = ".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;line-height:28px}.sc-z-chip-h>.z-chip-interactive.sc-z-chip{font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip:first-child{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) .interactive-icon.sc-z-chip:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip z-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not([disabled]):active:hover .interactive-icon.sc-z-chip{color:var(--color-primary01);fill:var(--color-primary01-icon)}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}}";
-const ZChip = /*@__PURE__*/ proxyCustomElement(class ZChip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.interactiveIconClick = createEvent(this, "interactiveIconClick", 7);
-        this.icon = undefined;
-        this.type = ZChipType.DEFAULT;
-        this.interactiveIcon = undefined;
-        this.disabled = false;
-        this.ariaLabel = "";
-    }
-    render() {
-        return (h("div", { key: '0c1d69ed8078ff340f797d27d2b74798471c001b', class: {
-                "z-chip-container": true,
-                "z-chip-interactive": !!this.interactiveIcon,
-                [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h("slot", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h("button", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: "interactive-icon", name: this.interactiveIcon })))));
-    }
-    get el() { return this; }
-    static get style() { return stylesCss; }
-}, [6, "z-chip", {
-        "icon": [1],
-        "type": [513],
-        "interactiveIcon": [513, "interactive-icon"],
-        "disabled": [516],
-        "ariaLabel": [1, "aria-label"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-chip", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZChip);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-export { ZChip as Z, defineCustomElement as d };
-//# sourceMappingURL=p--G52XiFB.js.map
-//# sourceMappingURL=p--G52XiFB.js.map

package/dist/components/p--G52XiFB.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"p--G52XiFB.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,+jFAA+jF;;MCEpkF,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;AACd,IAAA,WAAA,GAAA;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,eAAe,GAAG,SAAS;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;AACtB;IACD,MAAM,GAAA;QACF,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AACnE,gBAAA,kBAAkB,EAAE,IAAI;AACxB,gBAAA,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe;AAC5C,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;aACpB,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,IAAI,CAAC,eAAe,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-chip/styles.css?tag=z-chip&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-chip/index.js"],"sourcesContent":[":host > .z-chip-container {\n display: inline-flex;\n min-height: 28px;\n align-items: center;\n padding: 0 calc(var(--space-unit) * 1.5);\n border: var(--border-size-small) solid var(--color-surface03);\n background-color: var(--color-surface01);\n border-radius: 14px;\n color: var(--color-default-text);\n fill: var(--color-default-icon);\n font-family: var(--font-family-sans);\n font-size: 14px;\n line-height: 28px;\n}\n\n:host > .z-chip-interactive {\n font-weight: var(--font-sb);\n}\n\n:host > .z-chip-container > button {\n padding: 0;\n border: none;\n margin-left: var(--space-unit);\n background-color: transparent;\n cursor: pointer;\n}\n\n:host > .z-chip-container > z-icon:first-child {\n margin-right: calc(var(--space-unit) / 2);\n}\n\n:host > .z-chip-container .interactive-icon {\n fill: var(--color-primary01-icon);\n}\n\n:host > .z-chip-container:not([aria-disabled]) .interactive-icon:hover {\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary);\n}\n\n:host > .z-chip-container[aria-disabled],\n:host > .z-chip-container[aria-disabled] z-icon {\n color: var(--color-disabled03);\n cursor: auto;\n fill: var(--color-disabled03);\n}\n\n:host > .z-chip-container[aria-disabled] {\n border: var(--border-size-small) solid var(--color-disabled01);\n}\n\n:host > .z-chip-container > button:focus:focus-visible {\n border-radius: 100%;\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n:host > button:not([disabled]):active:hover .interactive-icon {\n color: var(--color-primary01);\n fill: var(--color-primary01-icon);\n}\n\n:host > .z-chip-container > z-icon,\n:host > .z-chip-container .interactive-icon {\n --z-icon-width: 22px;\n --z-icon-height: 22px;\n}\n\n/* :host type */\n:host > .z-chip-container.default {\n min-height: 44px;\n border-radius: 22px;\n line-height: 44px;\n}\n\n:host > .z-chip-container.medium {\n min-height: 40px;\n border-radius: 22px;\n line-height: 40px;\n}\n\n:host > .z-chip-container.small {\n min-height: 36px;\n border-radius: 22px;\n line-height: 36px;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host > .z-chip-container {\n font-size: 12px;\n }\n\n /* :host type */\n :host > .z-chip-container.default {\n min-height: 32px;\n border-radius: 16px;\n line-height: 32px;\n }\n\n :host > .z-chip-container.medium {\n min-height: 28px;\n border-radius: 16px;\n line-height: 28px;\n }\n\n :host > .z-chip-container.small {\n min-height: 24px;\n border-radius: 16px;\n line-height: 24px;\n }\n\n :host > .z-chip-container > z-icon,\n :host > .z-chip-container .interactive-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n }\n}\n","import { h } from \"@stencil/core\";\nimport { ZChipType } from \"../../beans\";\nexport class ZChip {\n constructor() {\n this.icon = undefined;\n this.type = ZChipType.DEFAULT;\n this.interactiveIcon = undefined;\n this.disabled = false;\n this.ariaLabel = \"\";\n }\n render() {\n return (h(\"div\", { key: '0c1d69ed8078ff340f797d27d2b74798471c001b', class: {\n \"z-chip-container\": true,\n \"z-chip-interactive\": !!this.interactiveIcon,\n [this.type]: true,\n }, \"aria-disabled\": this.disabled }, this.icon && h(\"z-icon\", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h(\"slot\", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h(\"button\", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: \"button\", onClick: () => this.interactiveIconClick.emit(), \"aria-label\": this.ariaLabel, disabled: this.disabled }, h(\"z-icon\", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: \"interactive-icon\", name: this.interactiveIcon })))));\n }\n static get is() { return \"z-chip\"; }\n static get encapsulation() { return \"scoped\"; }\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 \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Non interactive icon\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ZChipType\",\n \"resolved\": \"ZChipType.DEFAULT | ZChipType.MEDIUM | ZChipType.SMALL\",\n \"references\": {\n \"ZChipType\": {\n \"location\": \"import\",\n \"path\": \"../../beans\",\n \"id\": \"src/beans/index.tsx::ZChipType\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"z-chip size type, can be default, medium or small\"\n },\n \"attribute\": \"type\",\n \"reflect\": true,\n \"defaultValue\": \"ZChipType.DEFAULT\"\n },\n \"interactiveIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"z-chip interactive icon\"\n },\n \"attribute\": \"interactive-icon\",\n \"reflect\": true\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"set z-chip as disabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"ariaLabel\": {\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\": \"z-chip aria-label string\"\n },\n \"attribute\": \"aria-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"interactiveIconClick\",\n \"name\": \"interactiveIconClick\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"click on interactive icon\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}