@zanichelli/albe-web-components 19.2.1 → 19.2.3-RC1

package/dist/components/z-toolbar.js

@@ -1,165 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as KeyboardCode } from './index2.js';
-
-const stylesCss = ":host,*{box-sizing:border-box}:host{display:flex;width:fit-content;align-items:center;padding:0;border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:calc(var(--border-radius) + var(--border-size-small));box-shadow:var(--shadow-4);gap:calc(var(--space-unit) / 2)}::slotted(z-divider){height:calc(var(--space-unit) * 4.5) !important}@media (max-width: 767px){:host{--z-toolbar-columns:6;position:relative;display:grid;max-width:100%;background:repeating-linear-gradient(\n        to bottom,\n        transparent 0,\n        transparent calc(var(--space-unit) * 5.5),\n        var(--color-surface03) calc(var(--space-unit) * 5.5),\n        var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)\n      )\n      center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);gap:var(--border-size-small) calc(var(--space-unit) / 2);grid-template-columns:repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto))}::slotted(z-divider){display:none !important}}";
-const ZToolbarStyle0 = stylesCss;
-
-const ZToolbar$1 = /*@__PURE__*/ proxyCustomElement(class ZToolbar extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /** List of focusable tool elements. */
-        this.toolItems = [];
-        this.htmlAriaLabel = undefined;
-        this.currentFocusIndex = 0;
-    }
-    componentDidLoad() {
-        this.collectToolItems();
-        this.updateTabIndexes();
-        // set css variable `--z-toolbar-columns` based on the number of tools in the toolbar, so that the background pattern can adapt to the number of rows
-        let mobileColumnCount = parseInt(getComputedStyle(this.hostElement).getPropertyValue("--z-toolbar-columns") || "6");
-        mobileColumnCount = this.toolItems.length <= mobileColumnCount ? this.toolItems.length : mobileColumnCount;
-        this.hostElement.style.setProperty("--z-toolbar-columns", mobileColumnCount.toString());
-    }
-    /** Collect first level children `z-tool` elements in the toolbar (not nested ones). */
-    collectToolItems() {
-        this.toolItems = Array.from(this.hostElement.querySelectorAll("z-tool:not(:scope z-tool z-tool)"));
-    }
-    /**
-     * Update the `tabindex` of all children tools based on the current focus index,
-     * so that only the currently focusable tool is in the tab order (tabindex="0") and all others are not focusable via keyboard (tabindex="-1").
-     */
-    updateTabIndexes() {
-        this.toolItems.forEach((tool, index) => {
-            tool.setTabIndex(index === this.currentFocusIndex ? 0 : -1);
-        });
-    }
-    focusToolAt(index, fallback = "next") {
-        const tool = this.toolItems[index];
-        if (!tool) {
-            return;
-        }
-        this.currentFocusIndex = index;
-        if (!tool.disabled) {
-            tool.setFocus();
-            this.updateTabIndexes();
-            return;
-        }
-        if (fallback === "next") {
-            this.focusNextTool();
-        }
-        else {
-            this.focusPreviousTool();
-        }
-    }
-    focusNextTool() {
-        const nextIndex = (this.currentFocusIndex + 1) % this.toolItems.length;
-        this.focusToolAt(nextIndex);
-    }
-    focusPreviousTool() {
-        const prevIndex = (this.currentFocusIndex - 1 + this.toolItems.length) % this.toolItems.length;
-        this.focusToolAt(prevIndex, "previous");
-    }
-    /**
-     * Listen for custom "toggleSubmenu" events from child tools and close sibling submenus when one is opened,
-     * to prevent multiple submenus from being open at the same time.
-     */
-    closeSiblingSubmenusOnOpen(event) {
-        if (event.detail !== true) {
-            return;
-        }
-        const targetTool = event.target.closest("z-tool");
-        if (!targetTool || !this.toolItems.includes(targetTool)) {
-            return;
-        }
-        this.toolItems.forEach((tool) => {
-            if (tool !== targetTool && tool.open) {
-                tool.open = false;
-            }
-        });
-    }
-    /**
-     * Listen for custom "toggleTooltip" events from child tools and close sibling tooltips when one is opened,
-     * to prevent multiple tooltips from being open at the same time.
-     */
-    closeSiblingTooltipsOnOpen(event) {
-        if (event.detail !== true) {
-            return;
-        }
-        const targetTool = event.target;
-        if (!this.toolItems.includes(targetTool)) {
-            return;
-        }
-        this.toolItems.forEach((tool) => {
-            if (tool !== targetTool) {
-                tool.closeTooltip();
-            }
-        });
-    }
-    handleKeyDown(event) {
-        const target = event.target;
-        const toolElement = target.closest("z-tool");
-        if (!toolElement || !this.toolItems.includes(toolElement)) {
-            return;
-        }
-        const focusedIndex = this.toolItems.indexOf(toolElement);
-        if (focusedIndex !== -1) {
-            this.currentFocusIndex = focusedIndex;
-        }
-        switch (event.key) {
-            case KeyboardCode.ARROW_RIGHT:
-                event.preventDefault();
-                this.focusNextTool();
-                break;
-            case KeyboardCode.ARROW_LEFT:
-                event.preventDefault();
-                this.focusPreviousTool();
-                break;
-        }
-    }
-    /**
-     * When focus enters the toolbar, update the current focus index to match the focused tool,
-     * so that roving tabindex is in sync with actual focus.
-     */
-    handleFocusIn(event) {
-        const target = event.target;
-        const toolElement = target.closest("z-tool");
-        const index = this.toolItems.indexOf(toolElement);
-        if (index !== -1 && index !== this.currentFocusIndex) {
-            this.currentFocusIndex = index;
-            this.updateTabIndexes();
-        }
-    }
-    render() {
-        return (h(Host, { key: 'dc26c2f0e3a48566e671476dce7241e326cacac8', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'ff7b8ae41331be87db8f71ff0cbaf4882a7d684d', onSlotchange: () => {
-                this.collectToolItems();
-                this.updateTabIndexes();
-            } })));
-    }
-    get hostElement() { return this; }
-    static get style() { return ZToolbarStyle0; }
-}, [1, "z-toolbar", {
-        "htmlAriaLabel": [1, "html-aria-label"],
-        "currentFocusIndex": [32]
-    }, [[0, "toggleSubmenu", "closeSiblingSubmenusOnOpen"], [0, "toggleTooltip", "closeSiblingTooltipsOnOpen"], [0, "keydown", "handleKeyDown"], [0, "focusin", "handleFocusIn"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-toolbar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-toolbar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZToolbar$1);
-            }
-            break;
-    } });
-}
-
-const ZToolbar = ZToolbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZToolbar, defineCustomElement };
-
-//# sourceMappingURL=z-toolbar.js.map
+import{proxyCustomElement as t,HTMLElement as o,h as e,Host as s,transformTag as i}from"@stencil/core/internal/client";import{g as r}from"./index2.js";const a=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.currentFocusIndex=0,this.toolItems=[]}componentDidLoad(){this.collectToolItems(),this.updateTabIndexes();let t=parseInt(getComputedStyle(this.hostElement).getPropertyValue("--z-toolbar-columns")||"6");t=this.toolItems.length<=t?this.toolItems.length:t,this.hostElement.style.setProperty("--z-toolbar-columns",""+t)}collectToolItems(){this.toolItems=Array.from(this.hostElement.querySelectorAll("z-tool:not(:scope z-tool z-tool)"))}updateTabIndexes(){this.toolItems.forEach(((t,o)=>{t.setTabIndex(o===this.currentFocusIndex?0:-1)}))}focusToolAt(t,o="next"){const e=this.toolItems[t];if(e){if(this.currentFocusIndex=t,!e.disabled)return e.setFocus(),void this.updateTabIndexes();"next"===o?this.focusNextTool():this.focusPreviousTool()}}focusNextTool(){this.focusToolAt((this.currentFocusIndex+1)%this.toolItems.length)}focusPreviousTool(){this.focusToolAt((this.currentFocusIndex-1+this.toolItems.length)%this.toolItems.length,"previous")}closeSiblingSubmenusOnOpen(t){if(!0!==t.detail)return;const o=t.target.closest("z-tool");o&&this.toolItems.includes(o)&&this.toolItems.forEach((t=>{t!==o&&t.open&&(t.open=!1)}))}closeSiblingTooltipsOnOpen(t){if(!0!==t.detail)return;const o=t.target;this.toolItems.includes(o)&&this.toolItems.forEach((t=>{t!==o&&t.closeTooltip()}))}handleKeyDown(t){const o=t.target.closest("z-tool");if(!o||!this.toolItems.includes(o))return;const e=this.toolItems.indexOf(o);switch(-1!==e&&(this.currentFocusIndex=e),t.key){case r.ARROW_RIGHT:t.preventDefault(),this.focusNextTool();break;case r.ARROW_LEFT:t.preventDefault(),this.focusPreviousTool()}}handleFocusIn(t){const o=t.target.closest("z-tool"),e=this.toolItems.indexOf(o);-1!==e&&e!==this.currentFocusIndex&&(this.currentFocusIndex=e,this.updateTabIndexes())}render(){return e(s,{key:"3d5cb3fe384ef699b96ef64dbe86e6fd1d3d3e83",role:"toolbar","aria-label":this.htmlAriaLabel},e("slot",{key:"6f5103c87e99b23a0f3c22f0112c24e14b9fccfa",onSlotchange:()=>{this.collectToolItems(),this.updateTabIndexes()}}))}get hostElement(){return this}static get style(){return":host,*{box-sizing:border-box}:host{display:flex;width:fit-content;align-items:center;padding:0;border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:calc(var(--border-radius) + var(--border-size-small));box-shadow:var(--shadow-4);gap:calc(var(--space-unit) / 2)}::slotted(z-divider){height:calc(var(--space-unit) * 4.5) !important}@media (max-width: 767px){:host{--z-toolbar-columns:6;position:relative;display:grid;max-width:100%;background:repeating-linear-gradient(         to bottom,         transparent 0,         transparent calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5),         var(--color-surface03) calc(var(--space-unit) * 5.5 + 1px)       )       center / calc(100% - var(--space-unit)) 100% no-repeat var(--color-surface01);gap:var(--border-size-small) calc(var(--space-unit) / 2);grid-template-columns:repeat(var(--z-toolbar-columns, auto-fill), minmax(44px, auto))}::slotted(z-divider){display:none !important}}"}},[257,"z-toolbar",{htmlAriaLabel:[1,"html-aria-label"],currentFocusIndex:[32]},[[0,"toggleSubmenu","closeSiblingSubmenusOnOpen"],[0,"toggleTooltip","closeSiblingTooltipsOnOpen"],[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"]]]),n=a,l=function(){"undefined"!=typeof customElements&&["z-toolbar"].forEach((t=>{"z-toolbar"===t&&(customElements.get(i(t))||customElements.define(i(t),a))}))};export{n as ZToolbar,l as defineCustomElement}

package/dist/components/z-tooltip.js

@@ -1,8 +1 @@
-import { Z as ZTooltip$1, d as defineCustomElement$1 } from './index27.js';
-
-const ZTooltip = ZTooltip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTooltip, defineCustomElement };
-
-//# sourceMappingURL=z-tooltip.js.map
+import{Z as o,d as s}from"./index27.js";const r=o,t=s;export{r as ZTooltip,t as defineCustomElement}

package/dist/components/z-tr.js

@@ -1,101 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { r as randomId } from './utils.js';
-import './index2.js';
-import { d as defineCustomElement$2 } from './index10.js';
-import './index24.js';
-
-const stylesCss = ":host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{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)}:host(:hover) ::slotted(z-td),:host(:hover) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.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 z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),\n    var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}";
-const ZTrStyle0 = stylesCss;
-
-const ZTr$1 = /*@__PURE__*/ proxyCustomElement(class ZTr extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expand = 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-${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 });
-    }
-    onKeyDown(event) {
-        if (!this.expandable) {
-            return;
-        }
-        const active = document.activeElement;
-        if (active !== this.host) {
-            return;
-        }
-        if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            this.expanded = !this.expanded;
-            this.expand.emit({ expanded: this.expanded });
-        }
-    }
-    componentWillLoad() {
-        this.updateColumns();
-    }
-    render() {
-        return (h(Host, { key: 'c1edcb26241c7528d544f61ab75d2920b545e62d', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '8bb2db80cfdd9dd4065466a97381dfacd4ef5395', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '1ab915207f73524dc1dbffe3d79190ee4c177c62', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '419b53264646264a73687faa3ee007531e0c3ac9', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '048a03b706c82e5dfb2f55001b24864bf5bad97c', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'c44fd9d9808651d63d9eb5f25fe8a0c31faadfe8', onSlotchange: this.updateColumns.bind(this) })));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "expandable": ["updateColumns"]
-    }; }
-    static get style() { return ZTrStyle0; }
-}, [1, "z-tr", {
-        "expandable": [516],
-        "expanded": [32],
-        "expandableContentId": [32]
-    }, [[0, "colspanchange", "updateColumns"]], {
-        "expandable": ["updateColumns"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-tr", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-tr":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTr$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZTr = ZTr$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTr, defineCustomElement };
-
-//# sourceMappingURL=z-tr.js.map
+import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as n,Host as a,transformTag as r}from"@stencil/core/internal/client";import{r as s}from"./utils.js";import"./index2.js";import{d as i}from"./index3.js";import"./index17.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expand=o(this,"expand",7),this.expandable=!1,this.expanded=!1}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));this.expandable&&t.pop();const e=t.map((t=>t.colspan||1)).reduce(((t,e)=>t+e),0);if(this.host.style.setProperty("--columns",""+e),this.expandable){const e=t.pop();e.id=e.id||"z-tr-expandable-content-"+s(),this.expandableContentId=e.id}}onRowClick(t){const e=t.target.closest(".prevent-expand");this.expandable&&!e&&(this.expanded=!this.expanded,this.expand.emit({expanded:this.expanded}))}onKeyDown(t){this.expandable&&document.activeElement===this.host&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.expanded=!this.expanded,this.expand.emit({expanded:this.expanded})))}componentWillLoad(){this.updateColumns()}render(){return n(a,{key:"22e2a75bc63f96ec1f293ecfd818f16e0aa9eb96",role:"row",tabIndex:0,expanded:this.expanded,onClick:this.onRowClick.bind(this),onKeyDown:this.onKeyDown.bind(this)},n("div",{key:"7d71cd5da22b1e921a53831316fa1cf0a90b4178",class:"z-tr--focus-overlay","aria-hidden":"true"}),n("div",{key:"707e10ebfe2df07fd6f151af992d7289d76ab43c",class:"z-tr--expand-button-container"},this.expandable&&n("button",{key:"375fe42258137e52520556487cccb2bcf2378833",tabIndex:-1,"aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},n("z-icon",{key:"5e478114e1ba9d7982995acefa52f8ffc1b51831",name:this.expanded?"minus-circled":"plus-circled"}))),n("slot",{key:"56f1c4bad517ee41792f500bd56408a42da440bb",onSlotchange:this.updateColumns.bind(this)}))}get host(){return this}static get watchers(){return{expandable:[{updateColumns:0}]}}static get style(){return":host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{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)}:host(:hover) ::slotted(z-td),:host(:hover) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.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 z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),     var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}"}},[257,"z-tr",{expandable:[516],expanded:[32],expandableContentId:[32]},[[0,"colspanchange","updateColumns"]],{expandable:[{updateColumns:0}]}]),l=d,c=function(){"undefined"!=typeof customElements&&["z-tr","z-icon"].forEach((t=>{switch(t){case"z-tr":customElements.get(r(t))||customElements.define(r(t),d);break;case"z-icon":customElements.get(r(t))||i()}}))};export{l as ZTr,c as defineCustomElement}

package/dist/components/z-tree-list.js

@@ -1,162 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as KeyboardCode } from './index2.js';
-import { d as defineCustomElement$5 } from './index7.js';
-import { d as defineCustomElement$4 } from './index10.js';
-import { d as defineCustomElement$3 } from './index14.js';
-import { d as defineCustomElement$2 } from './index15.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 ZTreeListStyle0 = stylesCss;
-
-const ZTreeList$1 = /*@__PURE__*/ proxyCustomElement(class ZTreeList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.treeItemClicked = 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 === KeyboardCode.TAB) {
-            event.preventDefault();
-            return;
-        }
-        const focusableElements = this.getFocusableElements();
-        const currentIndex = focusableElements.indexOf(event.target);
-        if (currentIndex === -1) {
-            return;
-        }
-        if (event.code === KeyboardCode.ARROW_DOWN || event.code === KeyboardCode.ARROW_UP) {
-            event.preventDefault();
-            const nextIndex = currentIndex + (event.code === KeyboardCode.ARROW_DOWN ? 1 : -1);
-            if (nextIndex < 0 || nextIndex >= focusableElements.length) {
-                return;
-            }
-            focusableElements[nextIndex].focus();
-        }
-        if (event.code === 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 === 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 = (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: {
-                "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 === KeyboardCode.ENTER || event.code === 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 }, 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: {
-                "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 && (h("z-list", { role: "group" }, 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 (h(Host, { key: '2dec1105883f67ec44180943079ad9bc3386102a', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: 'bbe5bf141b17412719b230c4848a5aa2385a8adc', 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 this; }
-    static get watchers() { return {
-        "items": ["watchItems"]
-    }; }
-    static get style() { return ZTreeListStyle0; }
-}, [1, "z-tree-list", {
-        "items": [1],
-        "htmlAriaLabelledby": [513, "html-aria-labelledby"],
-        "htmlSectionTitle": [513, "html-section-title"]
-    }, undefined, {
-        "items": ["watchItems"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-tree-list", "z-divider", "z-icon", "z-list", "z-list-element"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-tree-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTreeList$1);
-            }
-            break;
-        case "z-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "z-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-list-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZTreeList = ZTreeList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTreeList, defineCustomElement };
-
-//# sourceMappingURL=z-tree-list.js.map
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as s,transformTag as n}from"@stencil/core/internal/client";import{g as r}from"./index2.js";import{d as o}from"./index6.js";import{d as a}from"./index3.js";import{d}from"./index9.js";import{d as c}from"./index10.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.treeItemClicked=i(this,"treeItemClicked",7),this.items=[],this.parsedItems=[]}watchItems(){this.parsedItems="string"==typeof this.items?JSON.parse(this.items):this.items}componentWillLoad(){this.watchItems()}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}getFocusableElements(){return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'))}getAncestor(e,t){let i=e;for(let e=0;e<t;e++)if(i=null==i?void 0:i.parentElement,!i)return;return i}handleArrowNav(e){if(e.code===r.TAB)return void e.preventDefault();const t=this.getFocusableElements(),i=t.indexOf(e.target);if(-1!==i){if(e.code===r.ARROW_DOWN||e.code===r.ARROW_UP){e.preventDefault();const l=i+(e.code===r.ARROW_DOWN?1:-1);if(l<0||l>=t.length)return;t[l].focus()}if(e.code===r.ARROW_LEFT){e.preventDefault();const l=this.getAncestor(t[i],4);if(!l||!l.children[0]||"a"!==l.children[0].tagName.toLowerCase()&&null===l.getAttribute("tabindex"))return;l.children[0].focus()}if(e.code===r.ARROW_RIGHT){e.preventDefault();const t=e.target.closest("z-list-element");if(!t)return;const i=t.querySelector("z-list");if(!i)return;const l=i.querySelector('a[tabindex="0"]');if(!l)return;l.focus()}}}renderTreeList(e,t,i=1){var s,n;this.htmlTag=e.url?"a":"span";const o=l("z-list-element",{id:t,class:e.icon?"":"no-icon-elm",clickable:!!e.url,hasTreeItems:!0,role:"none","aria-hidden":void 0},l(this.htmlTag,{class:{"list-element":!0,"z-link":!!e.url,"link-clickable":!!e.url},tabIndex:e.url?0:-1,onClick:()=>this.handleClick(e),onKeyUp:t=>{t.code!==r.ENTER&&t.code!==r.SPACE||this.handleClick(e)},onKeyDown:e=>this.handleArrowNav(e),role:e.url?"treeitem":void 0,"aria-hidden":e.url?void 0:"true","aria-expanded":(null===(s=e.children)||void 0===s?void 0:s.length)>0&&!0,"aria-level":i,"aria-label":e.name,href:e.url},l("span",{class:"item ellipsis"},e.icon&&l("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),l("span",{class:{"item-label":!0,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),(null===(n=e.children)||void 0===n?void 0:n.length)>0&&l("z-list",{role:"group"},l("div",{class:"children-node"},e.children.map(((e,t)=>this.renderTreeList(e,""+t,i+1))))));return o}render(){const e=this.parsedItems.some((e=>!!e.url));return l(s,{key:"ca5b846e86140efd7a98028001e646349cc5683a",class:"tree-list",role:e?"navigation":"none","aria-hidden":e?void 0:"true","aria-labelledby":this.htmlAriaLabelledby},l("div",{key:"eac955c253173abb6e5f0992d356311dc52f9ee6",tabIndex:-1,role:e?"tree":"none","aria-hidden":e?void 0:"true","aria-label":this.htmlSectionTitle},this.parsedItems.map(((e,t)=>this.renderTreeList(e,""+t)))))}get host(){return this}static get watchers(){return{items:[{watchItems:0}]}}static get style(){return':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)}}'}},[1,"z-tree-list",{items:[1],htmlAriaLabelledby:[513,"html-aria-labelledby"],htmlSectionTitle:[513,"html-section-title"]},void 0,{items:[{watchItems:0}]}]),h=m,f=function(){"undefined"!=typeof customElements&&["z-tree-list","z-divider","z-icon","z-list","z-list-element"].forEach((e=>{switch(e){case"z-tree-list":customElements.get(n(e))||customElements.define(n(e),m);break;case"z-divider":customElements.get(n(e))||o();break;case"z-icon":customElements.get(n(e))||a();break;case"z-list":customElements.get(n(e))||d();break;case"z-list-element":customElements.get(n(e))||c()}}))};export{h as ZTreeList,f as defineCustomElement}

package/dist/components/z-visually-hidden.js

@@ -1,36 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-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 ZVisuallyHiddenStyle0 = stylesCss;
-
-const ZVisuallyHidden$1 = /*@__PURE__*/ proxyCustomElement(class ZVisuallyHidden extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return h("slot", { key: 'b76451842cf32ab957ee81e9b689e94e35256524' });
-    }
-    static get style() { return ZVisuallyHiddenStyle0; }
-}, [1, "z-visually-hidden"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-visually-hidden":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZVisuallyHidden$1);
-            }
-            break;
-    } });
-}
-
-const ZVisuallyHidden = ZVisuallyHidden$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZVisuallyHidden, defineCustomElement };
-
-//# sourceMappingURL=z-visually-hidden.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("slot",{key:"7ddc72b3dc926a0205188bf75d5e42c15f913771"})}static get style(){return":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}"}},[257,"z-visually-hidden"]),o=s,d=function(){"undefined"!=typeof customElements&&["z-visually-hidden"].forEach((e=>{"z-visually-hidden"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{o as ZVisuallyHidden,d as defineCustomElement}

package/dist/esm/_commonjsHelpers-B85MJLTf.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs as g };

package/dist/esm/{breakpoints-d148bfde.js → breakpoints-Q-tWjk7P.js}

@@ -7,5 +7,3 @@ var Breakpoints;
 })(Breakpoints || (Breakpoints = {}));
 
 export { Breakpoints as B };
-
-//# sourceMappingURL=breakpoints-d148bfde.js.map

package/dist/esm/{iconset-d7823b13.js → iconset-BanpkIXZ.js}

@@ -993,9 +993,10 @@ const LEGACY_ICONS = {
     "white-diamond-filled": FILLED_ICONS["diamond-white-filled"],
     "workplace-zanichelli-filled": FILLED_ICONS["workspace-zanichelli-filled"],
 };
-const ICONS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, STROKE_ICONS), FILLED_ICONS), BUTTON_ICONS), LEGACY_ICONS), { 
+const ICONS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, STROKE_ICONS), FILLED_ICONS), BUTTON_ICONS), LEGACY_ICONS), {
     // Temporary override of the burger menu icon with text with the one without text
-    "burger-menu": STROKE_ICONS["burger-menu-mobile"], "burger-menu-filled": FILLED_ICONS["burger-menu-mobile-filled"] });
+    "burger-menu": STROKE_ICONS["burger-menu-mobile"], "burger-menu-filled": FILLED_ICONS["burger-menu-mobile-filled"]
+});
 /** List of icons that have a color indicator. */
 const COLOR_INDICATOR_ICONS = [
     "bg-color",
@@ -1009,5 +1010,3 @@ const COLOR_INDICATOR_ICONS = [
 ];
 
 export { COLOR_INDICATOR_ICONS as C, ICONS as I };
-
-//# sourceMappingURL=iconset-d7823b13.js.map

package/dist/esm/{index-106473a8.js → index-BKCj6NR2.js}

@@ -403,5 +403,3 @@ const ColorPickerPalette = {
 };
 
 export { IconPosition as $, AvatarSize as A, ButtonVariant as B, CardVariant as C, DividerSize as D, ExpandableListStyle as E, ZDatePickerPosition as F, ZRangePickerMode as G, InfoRevealPosition as H, InputType as I, CoverHeroVariant as J, KeyboardKeyCode as K, LicenseType as L, CoverHeroContentPosition as M, NavigationTabsOrientation as N, OffCanvasVariant as O, PopoverPosition as P, CarouselArrowsPosition as Q, CarouselProgressMode as R, SortDirection as S, ThemeVariant as T, BreadcrumbPathStyle as U, BreadcrumbHomepageVariant as V, VisibilityCondition as W, BookCardVariant as X, BookCardDeprecatedVariant as Y, ZTableRowExpandedType as Z, AccordionVariant as _, NavigationTabsSize as a, ColorPickerPalette as a0, NavigationTabsKeyboardEvents as b, ButtonType as c, ButtonSize as d, ControlSize as e, InputStatus as f, KeyboardCode as g, DividerOrientation as h, ListSize as i, ExpandableListButtonAlign as j, LabelPosition as k, ListDividerType as l, ListType as m, NotificationType as n, AlertType as o, Device as p, ToastNotification as q, ToastNotificationTransition as r, ToastNotificationPosition as s, ZAriaAlertMode as t, TransitionDirection as u, ZFileUploadType as v, ZChipType as w, ZSectionTitleDividerPosition as x, ZDatePickerMode as y, ZDatePickerModeValue as z };
-
-//# sourceMappingURL=index-106473a8.js.map