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

package/dist/components/p-D40tFr4B.js

@@ -1,104 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Cvo0JvVA.js';
-import { O as OffCanvasVariant, T as TransitionDirection } from './p-Ce7XL4AN.js';
-
-const stylesCss = ".sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant=\"pushcontent\"].sc-z-offcanvas-h:not([transitiondirection=\"up\"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection=\"right\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection=\"left\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection=\"right\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection=\"left\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection=\"up\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection=\"up\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection=\"up\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant=\"pushcontent\"].sc-z-offcanvas-h:not([transitiondirection=\"up\"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant=\"pushcontent\"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.canvas-background.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.canvas-background.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}@media (min-width: 768px){[variant=\"pushcontent\"].sc-z-offcanvas-h:not([transitiondirection=\"up\"]){flex:none}.canvas-container.sc-z-offcanvas{width:max(var(--z-offcanvas--container-width, 375px), 375px);min-width:375px}[transitiondirection=\"up\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection=\"right\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection=\"left\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}";
-
-const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.canvasOpenStatusChanged = createEvent(this, "canvasOpenStatusChanged", 7);
-        this.variant = OffCanvasVariant.PUSHCONTENT;
-        this.open = false;
-        this.transitiondirection = TransitionDirection.LEFT;
-        this.skipLoadAnimation = false;
-        this.skipAnimation = false;
-    }
-    /**
-     * Stop the event default behavior and propagation when the offcanvas is closed.
-     */
-    stopEvent(event) {
-        if (this.open) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-    }
-    /**
-     * Hide the body overflow when the offcanvas is open.
-     */
-    handlePageOverflow() {
-        const overflow = this.variant === OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP
-            ? "overflow-y"
-            : "overflow-x";
-        document.body.style[overflow] = this.open ? "hidden" : "";
-    }
-    onOpenChanged() {
-        var _a;
-        this.canvasOpenStatusChanged.emit(this.open);
-        if (!this.open) {
-            // when the offcanvas is closing, wait for the transitionend event to end before handling the body overflow
-            const listenerCallback = () => {
-                this.handlePageOverflow();
-                this.canvasContainer.removeEventListener("transitionend", listenerCallback);
-            };
-            (_a = this.canvasContainer) === null || _a === void 0 ? void 0 : _a.addEventListener("transitionend", listenerCallback);
-        }
-        else {
-            this.handlePageOverflow();
-        }
-    }
-    componentWillLoad() {
-        if (this.open) {
-            this.skipAnimation = true;
-        }
-    }
-    componentDidLoad() {
-        this.handlePageOverflow();
-    }
-    componentDidRender() {
-        this.skipAnimation = false;
-    }
-    connectedCallback() {
-        this.handlePageOverflow();
-    }
-    disconnectedCallback() {
-        this.open = false;
-    }
-    render() {
-        return (h(Host, { key: '299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '2620f2f0ef0741cbe6e5d63f7ed38299fb253852', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '1df851d5c4d1fddb24a62c5e3d92a7181bd36d05', class: "canvas-content z-scrollbar", role: "presentation" }, h("slot", { key: '89303666352d55c9a92a0b4cecc9bea8d42125f7', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '197e3eb34f5981c52a553875157a3a02993f7684', class: "canvas-background", onClick: () => (this.open = false) }))));
-    }
-    static get watchers() { return {
-        "variant": ["handlePageOverflow"],
-        "open": ["onOpenChanged"]
-    }; }
-    static get style() { return stylesCss; }
-}, [6, "z-offcanvas", {
-        "variant": [513],
-        "open": [1540],
-        "transitiondirection": [513],
-        "skipLoadAnimation": [4, "skip-load-animation"],
-        "skipAnimation": [32]
-    }, [[2, "click", "stopEvent"], [2, "focusin", "stopEvent"]], {
-        "variant": ["handlePageOverflow"],
-        "open": ["onOpenChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-offcanvas"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-offcanvas":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZOffcanvas);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZOffcanvas as Z, defineCustomElement as d };
-//# sourceMappingURL=p-D40tFr4B.js.map
-
-//# sourceMappingURL=p-D40tFr4B.js.map

package/dist/components/p-D40tFr4B.js.map

@@ -1 +0,0 @@
-{"file":"p-D40tFr4B.js","mappings":"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","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-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-offcanvas/index.js"],"sourcesContent":[":host {\n  --z-offcanvas--container-width: ;\n  --z-offcanvas--container-height: ;\n  --z-offcanvas--top-space: ;\n\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) {\n  overflow: hidden;\n}\n\n.canvas-container {\n  display: flex;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  background: var(--color-surface01);\n  transition: transform 0.4s ease-out;\n}\n\n:host > * {\n  position: fixed;\n  top: var(--z-offcanvas--top-space, 0);\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n:host([open]) > * {\n  height: calc(100% - var(--z-offcanvas--top-space, 0px));\n}\n\n:host([transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n}\n\n:host([transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n}\n\n:host([open][transitiondirection=\"right\"]) > .canvas-container,\n:host([open][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(0);\n}\n\n:host([transitiondirection=\"up\"]) > .canvas-container {\n  top: auto;\n  bottom: 0;\n  height: var(--z-offcanvas--container-height, 90%);\n  transform: translateY(100%);\n}\n\n:host([transitiondirection=\"up\"], [variant=\"overlay\"]) > .canvas-container {\n  z-index: 1001;\n}\n\n:host([open][transitiondirection=\"up\"]) > .canvas-container {\n  transform: translateY(0);\n}\n\n:host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) > .canvas-container {\n  position: relative;\n  height: 100%;\n}\n\n:host([variant=\"pushcontent\"]:not([open])) {\n  display: none;\n}\n\n:host([skip-animation]) > .canvas-container {\n  transition: none;\n}\n\n.canvas-background {\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.4s ease-out;\n}\n\n:host([open]) > .canvas-background {\n  opacity: 0.7;\n  pointer-events: unset;\n}\n\n.canvas-container > .canvas-content {\n  overflow: hidden auto;\n  flex: 1 auto;\n  padding: 0 calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;\n}\n\n/* Tablet / Desktop */\n@media (min-width: 768px) {\n  :host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) {\n    flex: none; /* Prevent unwanted width changes in flex containers */\n  }\n\n  .canvas-container {\n    width: max(var(--z-offcanvas--container-width, 375px), 375px);\n    min-width: 375px;\n  }\n\n  :host([transitiondirection=\"up\"]) > .canvas-container {\n    width: 100%;\n  }\n\n  :host([transitiondirection=\"right\"]) > .canvas-container {\n    right: auto;\n    left: 0;\n  }\n\n  :host([transitiondirection=\"left\"]) > .canvas-container {\n    right: 0;\n    left: auto;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { OffCanvasVariant, TransitionDirection } from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the offcanvas content.\n * @cssprop --z-offcanvas--top-space - Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`.\n * @cssprop --z-offcanvas--container-width - Width of the offcanvas for `left` and `right` direction. Default: `375px`.\n * @cssprop --z-offcanvas--container-height - Height of the offcanvas for `up` direction. Default: `90%`.\n */\nexport class ZOffcanvas {\n    constructor() {\n        this.variant = OffCanvasVariant.PUSHCONTENT;\n        this.open = false;\n        this.transitiondirection = TransitionDirection.LEFT;\n        this.skipLoadAnimation = false;\n        this.skipAnimation = false;\n    }\n    /**\n     * Stop the event default behavior and propagation when the offcanvas is closed.\n     */\n    stopEvent(event) {\n        if (this.open) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n    }\n    /**\n     * Hide the body overflow when the offcanvas is open.\n     */\n    handlePageOverflow() {\n        const overflow = this.variant === OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP\n            ? \"overflow-y\"\n            : \"overflow-x\";\n        document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n    }\n    onOpenChanged() {\n        var _a;\n        this.canvasOpenStatusChanged.emit(this.open);\n        if (!this.open) {\n            // when the offcanvas is closing, wait for the transitionend event to end before handling the body overflow\n            const listenerCallback = () => {\n                this.handlePageOverflow();\n                this.canvasContainer.removeEventListener(\"transitionend\", listenerCallback);\n            };\n            (_a = this.canvasContainer) === null || _a === void 0 ? void 0 : _a.addEventListener(\"transitionend\", listenerCallback);\n        }\n        else {\n            this.handlePageOverflow();\n        }\n    }\n    componentWillLoad() {\n        if (this.open) {\n            this.skipAnimation = true;\n        }\n    }\n    componentDidLoad() {\n        this.handlePageOverflow();\n    }\n    componentDidRender() {\n        this.skipAnimation = false;\n    }\n    connectedCallback() {\n        this.handlePageOverflow();\n    }\n    disconnectedCallback() {\n        this.open = false;\n    }\n    render() {\n        return (h(Host, { key: '299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271', \"skip-animation\": this.skipAnimation, \"aria-hidden\": !this.open ? \"true\" : null }, h(\"div\", { key: '2620f2f0ef0741cbe6e5d63f7ed38299fb253852', class: \"canvas-container\", role: \"presentation\", ref: (el) => (this.canvasContainer = el) }, h(\"div\", { key: '1df851d5c4d1fddb24a62c5e3d92a7181bd36d05', class: \"canvas-content z-scrollbar\", role: \"presentation\" }, h(\"slot\", { key: '89303666352d55c9a92a0b4cecc9bea8d42125f7', name: \"canvasContent\" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h(\"div\", { key: '197e3eb34f5981c52a553875157a3a02993f7684', class: \"canvas-background\", onClick: () => (this.open = false) }))));\n    }\n    static get is() { return \"z-offcanvas\"; }\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"OffCanvasVariant\",\n                    \"resolved\": \"OffCanvasVariant.OVERLAY | OffCanvasVariant.PUSHCONTENT\",\n                    \"references\": {\n                        \"OffCanvasVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::OffCanvasVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Offcanvas variant.\\n- `overlay`: The offcanvas covers the page content putting an overlay.\\n- `pushcontent`: The offcanvas isn't absolutely positioned and \\\"pushes\\\" the page content.\\n> NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly.\\nAlso, the `pushcontent` variant doesn't have the open/close transition.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"OffCanvasVariant.PUSHCONTENT\"\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\": \"Whether the offcanvas is open. Default: false\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"transitiondirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TransitionDirection\",\n                    \"resolved\": \"TransitionDirection.LEFT | TransitionDirection.RIGHT | TransitionDirection.UP\",\n                    \"references\": {\n                        \"TransitionDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::TransitionDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Open the content transitioning to a specified direction.\\nThe `up` direction always show the `overlay`, also when the variant is `pushcontent`.\"\n                },\n                \"attribute\": \"transitiondirection\",\n                \"reflect\": true,\n                \"defaultValue\": \"TransitionDirection.LEFT\"\n            },\n            \"skipLoadAnimation\": {\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                            \"name\": \"deprecated\",\n                            \"text\": \"This prop is not needed anymore, the component will automatically skip the transition\\nwhen it starts with `open` set to `true`. Only exists for Typescript backward compatibility.\"\n                        }],\n                    \"text\": \"Skip the opening transition when the offcanvas is already open at the first render.\"\n                },\n                \"attribute\": \"skip-load-animation\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"skipAnimation\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"canvasOpenStatusChanged\",\n                \"name\": \"canvasOpenStatusChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted when `open` prop changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePageOverflow\"\n            }, {\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"stopEvent\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"focusin\",\n                \"method\": \"stopEvent\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-D5yGhrkO.js

@@ -1,93 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-Cvo0JvVA.js';
-import { I as InfoRevealPosition, C as ControlSize } from './p-Ce7XL4AN.js';
-import { d as defineCustomElement$1 } from './p-D0k-WF7B.js';
-
-const stylesCss = ":host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size=\"big\"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size=\"small\"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size=\"x-small\"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size=\"small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size=\"x-small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"top_right\"]) .z-info-reveal-panel{top:0}:host([position=\"bottom_left\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{bottom:0}:host([position=\"top_right\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{right:0}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"bottom_left\"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}";
-
-const ZInfoReveal = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.icon = "informationsource";
-        this.position = InfoRevealPosition.BOTTOM_RIGHT;
-        this.label = undefined;
-        this.ariaLabel = "Apri pannello informazioni";
-        this.size = ControlSize.BIG;
-        this.open = false;
-    }
-    /**
-     * Adjust the position of the info panel to prevent exiting the viewport.
-     */
-    adjustPanelPosition() {
-        if (!this.open || !this.panel) {
-            return;
-        }
-        const rect = this.host.getBoundingClientRect();
-        const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"), 10);
-        const pageWidth = document.documentElement.offsetWidth;
-        // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.
-        const availableSpace = Math.round((this.position.includes("left") ? pageWidth - rect.left : rect.right) - gridMargin);
-        this.panel.style.maxWidth = `${availableSpace}px`;
-    }
-    /**
-     * Toggle the open state of the info panel.
-     */
-    togglePanel() {
-        this.open = !this.open;
-    }
-    /**
-     * Close the info panel.
-     */
-    closePanel() {
-        this.open = false;
-    }
-    handleEscapeKey(event) {
-        if (event.key === "Escape" && this.open) {
-            this.closePanel();
-        }
-    }
-    render() {
-        return (h(Host, { key: 'a19485beada104ab116a2eb280d976aa608260aa', open: this.open }, h("button", { key: '504213f62284cc74ed74b651a3a54dcd9715a1f1', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '4fd422856292ae26d66a04188abfb74c5e809141', name: this.icon }), this.label && h("span", { key: '4753636fcf7c98c077a93ac783b22b1057492bb5', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'bdff08efa35c74951b48d909e83d7ccf32079460', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '441569ddd80537294c1d66a1555423c460f7f8c9' }), h("button", { key: '690e9a97f7e77a6de567030062d159184106b725', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '1e110ca5a85731ec582d4696f72e4b010593d9eb', name: "multiply" })))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "position": ["adjustPanelPosition"],
-        "open": ["adjustPanelPosition"]
-    }; }
-    static get style() { return stylesCss; }
-}, [1, "z-info-reveal", {
-        "icon": [1],
-        "position": [513],
-        "label": [1],
-        "ariaLabel": [1, "aria-label"],
-        "size": [513],
-        "open": [32]
-    }, [[9, "resize", "adjustPanelPosition"], [10, "keydown", "handleEscapeKey"]], {
-        "position": ["adjustPanelPosition"],
-        "open": ["adjustPanelPosition"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-info-reveal", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-info-reveal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZInfoReveal);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZInfoReveal as Z, defineCustomElement as d };
-//# sourceMappingURL=p-D5yGhrkO.js.map
-
-//# sourceMappingURL=p-D5yGhrkO.js.map

package/dist/components/p-D5yGhrkO.js.map

@@ -1 +0,0 @@
-{"file":"p-D5yGhrkO.js","mappings":"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","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-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-reveal/index.js"],"sourcesContent":[":host {\n  --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n  --trigger-size: 44px;\n\n  position: relative;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\nbutton {\n  --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-info-reveal-trigger {\n  min-width: var(--trigger-size);\n  height: var(--trigger-size);\n  padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n  font-weight: var(--font-sb);\n  line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n  --trigger-size: 36px;\n\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n  --trigger-size: 32px;\n\n  padding: var(--space-unit);\n  font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n  --z-icon-width: var(--trigger-icon-size);\n  --z-icon-height: var(--trigger-icon-size);\n\n  display: flex;\n  fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: var(--trigger-icon-size-small, 18px);\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: var(--trigger-icon-size-x-small, 16px);\n}\n\n.z-info-reveal-panel {\n  position: absolute;\n  z-index: 19;\n  display: flex;\n  width: var(--z-info-reveal-panel-width);\n  height: fit-content;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 1.5);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n  display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n  top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n  left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n  margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n  fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n  .z-info-reveal-panel {\n    top: auto !important;\n    bottom: auto !important;\n    width: calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;\n    margin-top: calc(var(--trigger-size) * -1);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ControlSize, InfoRevealPosition } from \"../../beans\";\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n * @cssprop --trigger-icon-size - Size of the trigger icon for big size.\n * @cssprop --trigger-icon-size-small - Size of the trigger icon for small size.\n * @cssprop --trigger-icon-size-x-small - Size of the trigger icon for x-small size.\n */\nexport class ZInfoReveal {\n    constructor() {\n        this.icon = \"informationsource\";\n        this.position = InfoRevealPosition.BOTTOM_RIGHT;\n        this.label = undefined;\n        this.ariaLabel = \"Apri pannello informazioni\";\n        this.size = ControlSize.BIG;\n        this.open = false;\n    }\n    /**\n     * Adjust the position of the info panel to prevent exiting the viewport.\n     */\n    adjustPanelPosition() {\n        if (!this.open || !this.panel) {\n            return;\n        }\n        const rect = this.host.getBoundingClientRect();\n        const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n        const pageWidth = document.documentElement.offsetWidth;\n        // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n        const availableSpace = Math.round((this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin);\n        this.panel.style.maxWidth = `${availableSpace}px`;\n    }\n    /**\n     * Toggle the open state of the info panel.\n     */\n    togglePanel() {\n        this.open = !this.open;\n    }\n    /**\n     * Close the info panel.\n     */\n    closePanel() {\n        this.open = false;\n    }\n    handleEscapeKey(event) {\n        if (event.key === \"Escape\" && this.open) {\n            this.closePanel();\n        }\n    }\n    render() {\n        return (h(Host, { key: 'a19485beada104ab116a2eb280d976aa608260aa', open: this.open }, h(\"button\", { key: '504213f62284cc74ed74b651a3a54dcd9715a1f1', class: \"z-info-reveal-trigger\", type: \"button\", onClick: this.togglePanel.bind(this), \"aria-label\": !this.label ? this.ariaLabel : undefined, \"aria-expanded\": this.open ? \"true\" : \"false\", \"aria-controls\": \"z-info-reveal-panel\" }, this.icon && h(\"z-icon\", { key: '4fd422856292ae26d66a04188abfb74c5e809141', name: this.icon }), this.label && h(\"span\", { key: '4753636fcf7c98c077a93ac783b22b1057492bb5', class: \"z-info-reveal-label\" }, this.label)), h(\"div\", { key: 'bdff08efa35c74951b48d909e83d7ccf32079460', class: \"z-info-reveal-panel\", id: \"z-info-reveal-panel\", ref: (el) => (this.panel = el), hidden: !this.open }, h(\"slot\", { key: '441569ddd80537294c1d66a1555423c460f7f8c9' }), h(\"button\", { key: '690e9a97f7e77a6de567030062d159184106b725', class: \"z-info-reveal-close\", type: \"button\", onClick: this.closePanel.bind(this), \"aria-label\": \"Chiudi pannello informazioni\" }, h(\"z-icon\", { key: '1e110ca5a85731ec582d4696f72e4b010593d9eb', name: \"multiply\" })))));\n    }\n    static get is() { return \"z-info-reveal\"; }\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            \"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\": \"Name of the icon for the trigger button\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"informationsource\\\"\"\n            },\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InfoRevealPosition\",\n                    \"resolved\": \"InfoRevealPosition.BOTTOM_LEFT | InfoRevealPosition.BOTTOM_RIGHT | InfoRevealPosition.TOP_LEFT | InfoRevealPosition.TOP_RIGHT\",\n                    \"references\": {\n                        \"InfoRevealPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::InfoRevealPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the z-info-reveal in the page. This helps to correctly place the info panel.\\nThe panel will grow in the opposite direction of the position.\\nFor example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": true,\n                \"defaultValue\": \"InfoRevealPosition.BOTTOM_RIGHT\"\n            },\n            \"label\": {\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\": \"Label of the trigger button.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": 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\": \"Aria label of the trigger button. It will be only used when `label` prop is empty.\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Apri pannello informazioni\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Size of the trigger button\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"ControlSize.BIG\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"open\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"position\",\n                \"methodName\": \"adjustPanelPosition\"\n            }, {\n                \"propName\": \"open\",\n                \"methodName\": \"adjustPanelPosition\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"adjustPanelPosition\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleEscapeKey\",\n                \"target\": \"window\",\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-D8h3305e.js

@@ -1,179 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-Cvo0JvVA.js';
-import { E as ExpandableListButtonAlign, h as ListDividerType, c as DividerSize, i as ExpandableListStyle, f as ListSize, g as ListType, K as KeyboardCode } from './p-Ce7XL4AN.js';
-import { d as defineCustomElement$2 } from './p-Bb4TxQ4Z.js';
-import { d as defineCustomElement$1 } from './p-D0k-WF7B.js';
-
-const stylesCss = ":host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size=\"small\"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size=\"medium\"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size=\"medium\"])>.tree-element-container{padding-top:var(--space-unit);padding-bottom:0}:host([size=\"large\"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size=\"x-large\"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{box-shadow:var(--shadow-focus-primary)}:host([clickable]:not([expandable]))>.container.clicked{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button=\"left\"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button=\"right\"][expandable])>.container>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button=\"left\"][expandable])>.container>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button=\"right\"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}";
-
-const ZListElement = /*@__PURE__*/ proxyCustomElement(class ZListElement extends H {
-    accessibleFocusHandler(e) {
-        if (this.listElementId === e.detail) {
-            const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);
-            toFocus.focus();
-        }
-    }
-    /**
-     * Constructor.
-     */
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.accessibleFocus = createEvent(this, "accessibleFocus", 7);
-        this.ariaDescendantFocus = createEvent(this, "ariaDescendantFocus", 7);
-        this.clickItem = createEvent(this, "clickItem", 7);
-        this.openElementConfig = {
-            accordion: {
-                open: "minus-circled",
-                close: "plus-circled",
-            },
-            menu: {
-                open: "chevron-up",
-                close: "chevron-down",
-            },
-        };
-        this.alignButton = ExpandableListButtonAlign.LEFT;
-        this.clickable = false;
-        this.dividerColor = "color-surface03";
-        this.dividerType = ListDividerType.NONE;
-        this.dividerSize = DividerSize.SMALL;
-        this.expandable = false;
-        this.expandableStyle = ExpandableListStyle.ACCORDION;
-        this.listElementId = undefined;
-        this.size = ListSize.MEDIUM;
-        this.color = "none";
-        this.disabled = false;
-        this.listElementPosition = "0";
-        this.listType = ListType.NONE;
-        this.hasTreeItems = undefined;
-        this.role = "listitem";
-        this.htmlTabindex = 0;
-        this.showInnerContent = false;
-        this.handleClick = this.handleClick.bind(this);
-        this.handleKeyDown = this.handleKeyDown.bind(this);
-    }
-    /**
-     * Handler for click on element. If element is expandable, change state.
-     * @returns void
-     */
-    handleClick() {
-        this.clickItem.emit(this.listElementId);
-        if (!this.expandable) {
-            return;
-        }
-        this.showInnerContent = !this.showInnerContent;
-    }
-    handleKeyDown(event) {
-        const expandByKey = event.code === KeyboardCode.ENTER;
-        switch (event.code) {
-            case KeyboardCode.ARROW_DOWN:
-                event.preventDefault();
-                this.accessibleFocus.emit(this.listElementId + 1);
-                break;
-            case KeyboardCode.ARROW_UP:
-                event.preventDefault();
-                this.accessibleFocus.emit(this.listElementId - 1);
-                break;
-            case KeyboardCode.ENTER:
-                event.preventDefault();
-                this.clickItem.emit(this.listElementId);
-                break;
-        }
-        if (!this.expandable || !expandByKey) {
-            return;
-        }
-        this.showInnerContent = !this.showInnerContent;
-    }
-    /**
-     * Renders button to expand element.
-     * @returns expadable button
-     */
-    renderExpandableButton() {
-        if (!this.expandable) {
-            return null;
-        }
-        return (h("z-icon", { name: this.showInnerContent
-                ? this.openElementConfig[this.expandableStyle].open
-                : this.openElementConfig[this.expandableStyle].close }));
-    }
-    /**
-     * Renders expanded content if element is expandable.
-     * @returns expanded content
-     */
-    renderExpandedContent() {
-        if (!this.expandable) {
-            return null;
-        }
-        return (h("div", { class: {
-                "z-list-element-inner-container": true,
-                "expanded": this.showInnerContent,
-            } }, h("slot", { name: "inner-content" })));
-    }
-    /**
-     * Renders content of the z-list-element
-     * @returns list content
-     */
-    renderContent() {
-        if (this.listType === ListType.NONE) {
-            return h("slot", null);
-        }
-        if (this.listType === ListType.ORDERED) {
-            return (h("div", { class: "z-list-content-container" }, h("div", null, this.listElementPosition, ".\u2003"), h("slot", null)));
-        }
-        if (this.listType === ListType.UNORDERED) {
-            return (h("div", { class: "z-list-content-container" }, h("span", null, "\u2022\u2003"), h("slot", null)));
-        }
-    }
-    render() {
-        return (h(Host, { key: 'e85405b1ec7beb005da77e536f26ddbc336b8e85', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.role }, h("div", { key: '00aa30024263577a239edd5ab76fe655f42ffa5c', class: this.hasTreeItems ? "tree-element-container" : "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '03e62ff1c159abab3d96086e54fb975a37cc06fc', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '64675717abe6bb63de0b3ec39c638fc445639ce3', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
-    }
-    get host() { return this; }
-    static get style() { return stylesCss; }
-}, [1, "z-list-element", {
-        "alignButton": [513, "align-button"],
-        "clickable": [516],
-        "dividerColor": [1, "divider-color"],
-        "dividerType": [1, "divider-type"],
-        "dividerSize": [1, "divider-size"],
-        "expandable": [516],
-        "expandableStyle": [1, "expandable-style"],
-        "listElementId": [514, "list-element-id"],
-        "size": [513],
-        "color": [513],
-        "disabled": [516],
-        "listElementPosition": [513, "list-element-position"],
-        "listType": [513, "list-type"],
-        "hasTreeItems": [4, "has-tree-items"],
-        "role": [513],
-        "htmlTabindex": [2, "html-tabindex"],
-        "showInnerContent": [32]
-    }, [[4, "accessibleFocus", "accessibleFocusHandler"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-list-element", "z-divider", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-list-element":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZListElement);
-            }
-            break;
-        case "z-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZListElement as Z, defineCustomElement as d };
-//# sourceMappingURL=p-D8h3305e.js.map
-
-//# sourceMappingURL=p-D8h3305e.js.map

package/dist/components/p-D8h3305e.js.map

@@ -1 +0,0 @@
-{"file":"p-D8h3305e.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list-element/styles.css?tag=z-list-element&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/list/z-list-element/index.js"],"sourcesContent":[":host {\n  outline: none;\n}\n\n:host > .container {\n  --background-color-list-element: ;\n  --background-hover-color-list-element: ;\n  --background-active-color-list-element: ;\n\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  justify-content: center;\n  background-color: var(--background-color-list-element, var(--color-surface01));\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\n/* z-list-element size */\n\n:host([size=\"small\"]) > .container {\n  min-height: calc(var(--space-unit) * 4);\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"medium\"]) > .container {\n  min-height: calc(var(--space-unit) * 5);\n  padding: var(--space-unit) 0;\n}\n\n:host([size=\"medium\"]) > .tree-element-container {\n  padding-top: var(--space-unit);\n  padding-bottom: 0;\n}\n\n:host([size=\"large\"]) > .container {\n  min-height: calc(var(--space-unit) * 7);\n  padding: calc(var(--space-unit) * 2) 0;\n}\n\n:host([size=\"x-large\"]) > .container {\n  min-height: calc(var(--space-unit) * 9);\n  padding: calc(var(--space-unit) * 3) 0;\n}\n\n/* ----------------- */\n\n:host([expandable]) > .container,\n:host([clickable]) > .container {\n  cursor: pointer;\n}\n\n:host([expandable]:hover) > .container,\n:host([clickable]:hover) > .container {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\n:host([expandable]:focus:focus-visible) > .container,\n:host([clickable]:focus:focus-visible) > .container {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]:not([expandable])) > .container.clicked {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([expandable]:active) > .container,\n:host([clickable]:active) > .container {\n  background-color: var(--background-active-color-list-element, var(--color-background));\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > .container > .z-list-element-inner-container {\n  display: none;\n}\n\n:host > .container > .z-list-element-inner-container.expanded {\n  display: block;\n}\n\n.z-list-content-container {\n  display: flex;\n  align-items: center;\n}\n\n:host .z-tree-list-divider {\n  position: absolute;\n  z-index: 100;\n  left: 0;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { DividerSize, ExpandableListButtonAlign, ExpandableListStyle, KeyboardCode, ListDividerType, ListSize, ListType, } from \"../../../beans\";\nexport class ZListElement {\n    accessibleFocusHandler(e) {\n        if (this.listElementId === e.detail) {\n            const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n            toFocus.focus();\n        }\n    }\n    /**\n     * Constructor.\n     */\n    constructor() {\n        this.openElementConfig = {\n            accordion: {\n                open: \"minus-circled\",\n                close: \"plus-circled\",\n            },\n            menu: {\n                open: \"chevron-up\",\n                close: \"chevron-down\",\n            },\n        };\n        this.alignButton = ExpandableListButtonAlign.LEFT;\n        this.clickable = false;\n        this.dividerColor = \"color-surface03\";\n        this.dividerType = ListDividerType.NONE;\n        this.dividerSize = DividerSize.SMALL;\n        this.expandable = false;\n        this.expandableStyle = ExpandableListStyle.ACCORDION;\n        this.listElementId = undefined;\n        this.size = ListSize.MEDIUM;\n        this.color = \"none\";\n        this.disabled = false;\n        this.listElementPosition = \"0\";\n        this.listType = ListType.NONE;\n        this.hasTreeItems = undefined;\n        this.role = \"listitem\";\n        this.htmlTabindex = 0;\n        this.showInnerContent = false;\n        this.handleClick = this.handleClick.bind(this);\n        this.handleKeyDown = this.handleKeyDown.bind(this);\n    }\n    /**\n     * Handler for click on element. If element is expandable, change state.\n     * @returns void\n     */\n    handleClick() {\n        this.clickItem.emit(this.listElementId);\n        if (!this.expandable) {\n            return;\n        }\n        this.showInnerContent = !this.showInnerContent;\n    }\n    handleKeyDown(event) {\n        const expandByKey = event.code === KeyboardCode.ENTER;\n        switch (event.code) {\n            case KeyboardCode.ARROW_DOWN:\n                event.preventDefault();\n                this.accessibleFocus.emit(this.listElementId + 1);\n                break;\n            case KeyboardCode.ARROW_UP:\n                event.preventDefault();\n                this.accessibleFocus.emit(this.listElementId - 1);\n                break;\n            case KeyboardCode.ENTER:\n                event.preventDefault();\n                this.clickItem.emit(this.listElementId);\n                break;\n            default:\n                break;\n        }\n        if (!this.expandable || !expandByKey) {\n            return;\n        }\n        this.showInnerContent = !this.showInnerContent;\n    }\n    /**\n     * Renders button to expand element.\n     * @returns expadable button\n     */\n    renderExpandableButton() {\n        if (!this.expandable) {\n            return null;\n        }\n        return (h(\"z-icon\", { name: this.showInnerContent\n                ? this.openElementConfig[this.expandableStyle].open\n                : this.openElementConfig[this.expandableStyle].close }));\n    }\n    /**\n     * Renders expanded content if element is expandable.\n     * @returns expanded content\n     */\n    renderExpandedContent() {\n        if (!this.expandable) {\n            return null;\n        }\n        return (h(\"div\", { class: {\n                \"z-list-element-inner-container\": true,\n                \"expanded\": this.showInnerContent,\n            } }, h(\"slot\", { name: \"inner-content\" })));\n    }\n    /**\n     * Renders content of the z-list-element\n     * @returns list content\n     */\n    renderContent() {\n        if (this.listType === ListType.NONE) {\n            return h(\"slot\", null);\n        }\n        if (this.listType === ListType.ORDERED) {\n            return (h(\"div\", { class: \"z-list-content-container\" }, h(\"div\", null, this.listElementPosition, \".\\u2003\"), h(\"slot\", null)));\n        }\n        if (this.listType === ListType.UNORDERED) {\n            return (h(\"div\", { class: \"z-list-content-container\" }, h(\"span\", null, \"\\u2022\\u2003\"), h(\"slot\", null)));\n        }\n    }\n    render() {\n        return (h(Host, { key: 'e85405b1ec7beb005da77e536f26ddbc336b8e85', \"aria-expanded\": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? \"none\" : this.role }, h(\"div\", { key: '00aa30024263577a239edd5ab76fe655f42ffa5c', class: this.hasTreeItems ? \"tree-element-container\" : \"container\", style: { color: `var(--${this.color})` }, tabindex: \"-1\", id: `z-list-element-id-${this.listElementId}`, part: \"list-item-container\" }, h(\"div\", { key: '03e62ff1c159abab3d96086e54fb975a37cc06fc', class: \"z-list-element-container\" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h(\"z-divider\", { key: '64675717abe6bb63de0b3ec39c638fc445639ce3', class: { \"z-tree-list-divider\": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));\n    }\n    static get is() { return \"z-list-element\"; }\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            \"alignButton\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ExpandableListButtonAlign\",\n                    \"resolved\": \"ExpandableListButtonAlign.LEFT | ExpandableListButtonAlign.RIGHT\",\n                    \"references\": {\n                        \"ExpandableListButtonAlign\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ExpandableListButtonAlign\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Align expandable button left or right.\"\n                },\n                \"attribute\": \"align-button\",\n                \"reflect\": true,\n                \"defaultValue\": \"ExpandableListButtonAlign.LEFT\"\n            },\n            \"clickable\": {\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\": \"[optional] Sets element clickable.\"\n                },\n                \"attribute\": \"clickable\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"dividerColor\": {\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\": \"[optional] Sets the divider color.\"\n                },\n                \"attribute\": \"divider-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"color-surface03\\\"\"\n            },\n            \"dividerType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListDividerType\",\n                    \"resolved\": \"ListDividerType.ELEMENT | ListDividerType.HEADER | ListDividerType.NONE\",\n                    \"references\": {\n                        \"ListDividerType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListDividerType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the position where to insert the divider.\"\n                },\n                \"attribute\": \"divider-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"ListDividerType.NONE\"\n            },\n            \"dividerSize\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"DividerSize\",\n                    \"resolved\": \"DividerSize.LARGE | DividerSize.MEDIUM | DividerSize.SMALL\",\n                    \"references\": {\n                        \"DividerSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::DividerSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the divider size.\"\n                },\n                \"attribute\": \"divider-size\",\n                \"reflect\": false,\n                \"defaultValue\": \"DividerSize.SMALL\"\n            },\n            \"expandable\": {\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\": \"[optional] Sets element as expandable.\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"expandableStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ExpandableListStyle\",\n                    \"resolved\": \"ExpandableListStyle.ACCORDION | ExpandableListStyle.MENU\",\n                    \"references\": {\n                        \"ExpandableListStyle\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ExpandableListStyle\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets expandable style to element.\"\n                },\n                \"attribute\": \"expandable-style\",\n                \"reflect\": false,\n                \"defaultValue\": \"ExpandableListStyle.ACCORDION\"\n            },\n            \"listElementId\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] List element id.\"\n                },\n                \"attribute\": \"list-element-id\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListSize\",\n                    \"resolved\": \"ListSize.LARGE | ListSize.MEDIUM | ListSize.NONE | ListSize.SMALL | ListSize.X_LARGE\",\n                    \"references\": {\n                        \"ListSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets size of inside elements.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListSize.MEDIUM\"\n            },\n            \"color\": {\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\": \"[optional] Sets text color of the element.\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"none\\\"\"\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\": \"[optional] Sets disabled style of the element.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"listElementPosition\": {\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\": \"[optional] position of the list element inside the list or the group\"\n                },\n                \"attribute\": \"list-element-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"0\\\"\"\n            },\n            \"listType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListType\",\n                    \"resolved\": \"ListType.NONE | ListType.ORDERED | ListType.UNORDERED\",\n                    \"references\": {\n                        \"ListType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans\",\n                            \"id\": \"src/beans/index.tsx::ListType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] type of the list marker for each element\"\n                },\n                \"attribute\": \"list-type\",\n                \"reflect\": true,\n                \"defaultValue\": \"ListType.NONE\"\n            },\n            \"hasTreeItems\": {\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\": \"[optional] Sets element as tree item.\"\n                },\n                \"attribute\": \"has-tree-items\",\n                \"reflect\": false\n            },\n            \"role\": {\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\": \"Sets element role.\"\n                },\n                \"attribute\": \"role\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"listitem\\\"\"\n            },\n            \"htmlTabindex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number | null\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"set tabindex to Host tag (optional). Defaults to 0.\"\n                },\n                \"attribute\": \"html-tabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"showInnerContent\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"accessibleFocus\",\n                \"name\": \"accessibleFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"remove filter click event, returns filterid\"\n                },\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ariaDescendantFocus\",\n                \"name\": \"ariaDescendantFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"set parent aria-activedescendant on focus event, returns filterid\"\n                },\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"clickItem\",\n                \"name\": \"clickItem\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"remove filter click event, returns filterid\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"accessibleFocus\",\n                \"method\": \"accessibleFocusHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"version":3}

package/dist/components/p-DdBtP_ql.js

@@ -1,67 +0,0 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-Cvo0JvVA.js';
-import { a as handleKeyboardSubmit } from './p-4PNB4w8V.js';
-import { d as defineCustomElement$1 } from './p-D0k-WF7B.js';
-
-const stylesCss = ":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";
-
-const ZMyzListItem = /*@__PURE__*/ proxyCustomElement(class ZMyzListItem extends H {
-    emitZListItemLinkClick(e, linkId) {
-        this.zListItemLinkClick.emit({ e, linkId });
-    }
-    emitZListItemClick(e, listitemid) {
-        this.zListItemClick.emit({ e, listitemid });
-    }
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.zListItemLinkClick = createEvent(this, "zListItemLinkClick", 7);
-        this.zListItemClick = createEvent(this, "zListItemClick", 7);
-        this.text = undefined;
-        this.link = undefined;
-        this.linktarget = "_self";
-        this.icon = undefined;
-        this.listitemid = undefined;
-        this.action = undefined;
-        this.underlined = true;
-        this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
-        this.emitZListItemClick = this.emitZListItemClick.bind(this);
-    }
-    render() {
-        const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '61b1d8587c4425412ab0889c57c5240ed60d9b28', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));
-    }
-    static get style() { return stylesCss; }
-}, [1, "z-myz-list-item", {
-        "text": [1],
-        "link": [1],
-        "linktarget": [1],
-        "icon": [1],
-        "listitemid": [1],
-        "action": [1],
-        "underlined": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-myz-list-item", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-myz-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZMyzListItem);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ZMyzListItem as Z, defineCustomElement as d };
-//# sourceMappingURL=p-DdBtP_ql.js.map
-
-//# sourceMappingURL=p-DdBtP_ql.js.map