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

package/dist/esm/z-tr.entry.js

@@ -1,59 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cam6wBSi.js';
-import { r as randomId } from './utils-GdAsGfFX.js';
-import './z-td.entry.js';
-import './z-th.entry.js';
-import './index-B2-dCTD2.js';
-import './breakpoints-Q-tWjk7P.js';
-
-const stylesCss = ":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";
-
-const ZTr = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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 });
-    }
-    componentWillLoad() {
-        this.updateColumns();
-    }
-    render() {
-        return (h(Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: '474efb8147efb3045b2d671081674330209674ae', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "expandable": ["updateColumns"]
-    }; }
-};
-ZTr.style = stylesCss;
-
-export { ZTr as z_tr };
-//# sourceMappingURL=z-tr.entry.js.map
-
-//# sourceMappingURL=z-tr.entry.js.map

package/dist/esm/z-tr.entry.js.map

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

package/dist/esm/z-tree-list.entry.js

@@ -1,114 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cam6wBSi.js';
-import { K as KeyboardCode } from './index-B2-dCTD2.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:\"\"}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:\"\";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}";
-
-const ZTreeList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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: '860eebd2ba1f46fb493bc07eb245596a9dc8be99', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '6a5876f627d499e9c04464383463f97d5caa1272', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "items": ["watchItems"]
-    }; }
-};
-ZTreeList.style = stylesCss;
-
-export { ZTreeList as z_tree_list };
-//# sourceMappingURL=z-tree-list.entry.js.map
-
-//# sourceMappingURL=z-tree-list.entry.js.map

package/dist/esm/z-tree-list.entry.js.map

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

package/dist/esm/z-visually-hidden.entry.js

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

package/dist/esm/z-visually-hidden.entry.js.map

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

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/book-card/z-book-card/styles.css

@@ -1,202 +0,0 @@
-:host {
-  --z-book-card-portrait-cover-height: 378px;
-  --z-book-card-title-lines: 2;
-  --z-book-card-title-word-break: initial;
-  --z-book-card-subtitle-lines: 1;
-  --z-book-card-subtitle-word-break: break-all;
-  --z-book-card-authors-lines: 1;
-  --z-book-card-authors-word-break: break-all;
-
-  display: flex;
-  width: 304px;
-  box-sizing: border-box;
-  flex-direction: column;
-  border: solid var(--border-size-medium) var(--color-surface03);
-  background-color: var(--color-surface01);
-  border-radius: var(--border-radius);
-  color: var(--color-default-text);
-  font-family: var(--font-family-sans);
-}
-
-:host .main-content {
-  display: flex;
-  height: 100%;
-  box-sizing: border-box;
-  flex-direction: column;
-  padding: var(--space-unit);
-  gap: var(--space-unit);
-}
-
-:host .main-content .cover {
-  position: relative;
-  display: flex;
-  overflow: hidden;
-  height: var(--z-book-card-portrait-cover-height);
-  background: var(--color-white);
-  border-radius: var(--border-radius);
-}
-
-:host .main-content .cover img {
-  max-width: 100%;
-  max-height: 100%;
-  align-self: end;
-}
-
-::slotted([slot="coverOverlay"]) {
-  position: absolute;
-  bottom: 0;
-  overflow: hidden;
-  width: 100%;
-  box-sizing: border-box;
-  padding: var(--space-unit);
-  background-color: var(--avatar-C19);
-  color: var(--color-white);
-}
-
-:host .main-content .cover ::slotted([slot="coverOverlay"]) {
-  min-height: 80px;
-  max-height: 336px;
-}
-
-:host .main-content .card-info {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: var(--space-unit);
-}
-
-:host .main-content .card-info .top {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--space-unit) * 2);
-}
-
-:host .main-content .card-info .top ::slotted([slot="tags"]) {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-unit);
-}
-
-:host .main-content .card-info .top ::slotted([slot="data"]) {
-  display: flex;
-  justify-content: space-between;
-}
-
-:host .main-content .card-info .top .ellipsis {
-  display: -webkit-box;
-  overflow: hidden;
-  height: 1.4rem;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  line-height: 1.4rem;
-  text-overflow: ellipsis;
-  word-break: break-all;
-}
-
-:host .main-content .card-info .top .ellipsis.opera-title {
-  height: calc(1.5 * var(--z-book-card-title-lines)) rem;
-  -webkit-line-clamp: var(--z-book-card-title-lines);
-  line-clamp: var(--z-book-card-title-lines);
-  line-height: 1.5rem;
-  word-break: var(--z-book-card-title-word-break);
-}
-
-:host .main-content .card-info .top .ellipsis.volume-title {
-  height: calc(1.4 * var(--z-book-card-subtitle-lines)) rem;
-  -webkit-line-clamp: var(--z-book-card-subtitle-lines);
-  line-clamp: var(--z-book-card-subtitle-lines);
-  line-height: 1.4rem;
-  word-break: var(--z-book-card-subtitle-word-break);
-}
-
-:host .main-content .card-info .top .ellipsis.authors {
-  height: calc(1.4 * var(--z-book-card-authors-lines)) rem;
-  -webkit-line-clamp: var(--z-book-card-authors-lines);
-  line-clamp: var(--z-book-card-authors-lines);
-  line-height: 1.4rem;
-  word-break: var(--z-book-card-authors-word-break);
-}
-
-:host .main-content .card-info .top .opera-title * {
-  all: unset;
-}
-
-:host .main-content .cta-wrapper {
-  display: flex;
-  justify-content: space-between;
-  gap: calc(var(--space-unit) / 2);
-}
-
-:host .main-content .card-info .top .link-chip-wrapper {
-  display: flex;
-  justify-content: space-between;
-}
-
-:host .main-content .card-info .bottom .ebook {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--space-unit);
-  background-color: var(--color-primary02);
-  border-radius: var(--border-radius);
-  gap: var(--space-unit);
-}
-
-:host .main-content .card-info .bottom .ebook .app-name {
-  display: flex;
-  align-items: center;
-  padding: calc(var(--space-unit) / 2) 0;
-  font-family: var(--font-family-serif);
-  gap: calc(var(--space-unit) / 2);
-}
-
-:host .main-content .card-info .bottom .ebook .app-name .ebook-logo {
-  width: 1.5rem;
-  height: 1.5rem;
-  content: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
-}
-
-:host([variant="landscape"]) {
-  width: 635px;
-  min-height: max(332px, 20.75rem);
-  padding: 0;
-}
-
-:host([variant="landscape"]) .main-content {
-  min-height: max(332px, 20.75rem);
-  box-sizing: border-box;
-  flex-direction: row;
-  padding: calc(var(--space-unit) * 2);
-  gap: calc(var(--space-unit) * 2);
-}
-
-:host([variant="landscape"]) .main-content .cover {
-  display: flex;
-  overflow: hidden;
-  width: 221px;
-  height: 300px;
-  margin: 0;
-}
-
-:host([variant="landscape"]) .main-content .cover ::slotted([slot="coverOverlay"]) {
-  min-height: 80px;
-  max-height: 256px;
-}
-
-:host([variant="landscape"]) .main-content .card-info {
-  gap: calc(var(--space-unit) / 2);
-}
-
-:host([variant="landscape"]) .main-content .card-info .top {
-  gap: calc(var(--space-unit) / 2);
-}
-
-@media (max-width: 767px) {
-  :host([variant="portrait"]) {
-    width: 100%;
-    max-width: 400px;
-  }
-}

package/dist/node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/book-card/z-book-card-app/styles.css

@@ -1,74 +0,0 @@
-:host {
-  display: block;
-  width: inherit;
-  min-width: 300px;
-  height: inherit;
-  min-height: 32px;
-  background-color: var(--color-surface01);
-}
-
-:host > div {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))
-    var(--z-book-card-app-padding-x, var(--space-unit));
-  gap: calc(var(--space-unit) * 2);
-}
-
-:host > div .app {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  gap: var(--space-unit);
-}
-
-:host > div .app.z-link {
-  color: inherit;
-  text-decoration: none;
-}
-
-:host > div .app.z-link:focus {
-  text-decoration: none;
-}
-
-:host > div .app img {
-  width: 1.5rem;
-  height: 1.5rem;
-  min-height: 32px;
-}
-
-:host > div .app .name {
-  display: -webkit-box;
-  overflow: hidden;
-  height: 1.4rem;
-  -webkit-box-orient: vertical;
-  font-family: var(--font-family-serif);
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  text-overflow: ellipsis;
-  word-break: break-all;
-}
-
-:host > div .app .name .laz {
-  color: var(--red500);
-}
-
-:host > div z-info-reveal {
-  --z-info-reveal-panel-width: 250px;
-  --trigger-icon-size-x-small: 1rem;
-
-  font-family: var(--font-family-sans);
-
-  --color-surface05: var(--color-surface01);
-  --color-text-inverse: var(--color-default-text);
-  --color-inverse-icon: var(--color-primary01);
-}
-
-:host z-icon {
-  --z-icon-width: 1rem;
-  --z-icon-height: 1rem;
-}