@zanichelli/albe-web-components 19.3.0-RC6 → 19.3.0

package/dist/cjs/utils-BY7xrW7W.js

@@ -1,265 +0,0 @@
-'use strict';
-
-var index = require('./index-wGaSHN1_.js');
-var breakpoints = require('./breakpoints-B7vFm-3T.js');
-
-/**
- * Return boolean value for passed value if a boolean corresponding value is found
- * Return passed value otherwise
- */
-function boolean(value) {
-    switch (value) {
-        case true:
-        case "true":
-        case 1:
-        case "1":
-        case "on":
-        case "yes":
-            return true;
-        case false:
-        case "false":
-        case 0:
-        case "0":
-        case "off":
-        case "no":
-            return false;
-        default:
-            return value;
-    }
-}
-function randomId() {
-    return Math.random().toString(36).replace("0.", "");
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleKeyboardSubmit(ev, callback, ...args) {
-    if (ev.code === index.KeyboardCode.ENTER || ev.code === index.KeyboardCode.SPACE) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleEnterKeydSubmit(ev, callback, ...args) {
-    if (ev.code === index.KeyboardCode.ENTER) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-function getClickedElement(elem = null) {
-    if (!elem) {
-        elem = document.activeElement;
-    }
-    if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-        elem = elem.shadowRoot.activeElement;
-        return getClickedElement(elem);
-    }
-    return elem;
-}
-function getElementTree(elem, tree = []) {
-    tree.push(elem);
-    if (elem.parentElement) {
-        elem = elem.parentElement;
-        return getElementTree(elem, tree);
-    }
-    else if (elem.parentNode && elem.parentNode.host) {
-        elem = elem.parentNode.host;
-        return getElementTree(elem, tree);
-    }
-    return tree;
-}
-/**
- * Get the current device type based on the window width.
- * @returns {Device} - The current device type
- */
-function getDevice() {
-    switch (true) {
-        case window.innerWidth <= breakpoints.Breakpoints.MOBILE:
-            return index.Device.MOBILE;
-        case window.innerWidth <= breakpoints.Breakpoints.TABLET:
-            return index.Device.TABLET;
-        case window.innerWidth <= breakpoints.Breakpoints.DESKTOP:
-            return index.Device.DESKTOP;
-        default:
-            return index.Device.DESKTOP_WIDE;
-    }
-}
-function convertJson(data) {
-    try {
-        return JSON.parse(data);
-    }
-    catch (_a) {
-        return false;
-    }
-}
-function colorFromId(id) {
-    const prefix = "avatar-C"; // prefix for color vars name
-    const colorsCount = 19; // available colors
-    const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);
-    let color = Math.ceil(colorsCount * (seed % 1));
-    // if result of mc is 0
-    // es.: 3895229
-    if (color === 0) {
-        color = 1;
-    }
-    return `${prefix}${color.toString().padStart(2, "0")}`;
-}
-/**
- * Check if an element contains another element, checking both light and shadow DOM recursively.
- * This function also checks slot assignments, so it correctly handles nested slots across components.
- * @param ancestor Ancestor element
- * @param descendant Descendant element
- */
-function containsElement(ancestor, descendant) {
-    var _a;
-    if (ancestor.contains(descendant) || ((_a = ancestor.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(descendant))) {
-        return true;
-    }
-    const checkRecursive = (node) => {
-        if (node === descendant) {
-            return true;
-        }
-        const shadowRoot = node.shadowRoot;
-        if (!shadowRoot) {
-            // Check light DOM children only
-            return Array.from(node.childNodes).some(checkRecursive);
-        }
-        if (shadowRoot.contains(descendant)) {
-            return true;
-        }
-        // Check slot assigned nodes
-        const hasDescendantInAssignedNodes = Array.from(shadowRoot.querySelectorAll("slot")).some((slot) => slot
-            .assignedNodes({ flatten: true })
-            .some((assigned) => { var _a, _b; return ((_b = (_a = assigned).contains) === null || _b === void 0 ? void 0 : _b.call(_a, descendant)) || checkRecursive(assigned); }));
-        if (hasDescendantInAssignedNodes) {
-            return true;
-        }
-        // Check shadow and light DOM children
-        return Array.from(shadowRoot.children).some(checkRecursive) || Array.from(node.childNodes).some(checkRecursive);
-    };
-    return checkRecursive(ancestor);
-}
-/** Get the parent of passed element, accounting for shadow DOM.
- * @param element The element whose parent is to be found.
- */
-function getParentElement(element) {
-    // If the element is slotted, the direct rendered parent is the target slot in shadow DOM.
-    if (element.assignedSlot) {
-        return element.assignedSlot;
-    }
-    // If the element is in a shadow root, the parent is the shadow host.
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode.host;
-    }
-    // Otherwise fall back to standard light DOM parent.
-    return element.parentElement;
-}
-/**
- * Check if the `element` is visible within the `container` or in the viewport.
- * @param element The element to check.
- * @param container The container to check against, which must be the nearest scrollable ancestor.
- */
-function isElementVisibleInContainer(element, container) {
-    const elemRect = element.getBoundingClientRect();
-    const documentWidth = element.ownerDocument.documentElement.clientWidth;
-    const documentHeight = element.ownerDocument.documentElement.clientHeight;
-    // Check if element is visible in viewport
-    const isVisibleInViewport = elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;
-    // If container is the document element, only check viewport visibility
-    if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {
-        return isVisibleInViewport;
-    }
-    // For other containers, check both container and viewport visibility
-    const containerRect = container.getBoundingClientRect();
-    const isVisibleInContainer = elemRect.bottom > containerRect.top &&
-        elemRect.top < containerRect.bottom &&
-        elemRect.right > containerRect.left &&
-        elemRect.left < containerRect.right;
-    return isVisibleInContainer && isVisibleInViewport;
-}
-/**
- * Find the nearest containing block ancestor of an element.
- * The containing block is determined based on the element's `position` value:
- * - `static`, `sticky` or `relative`: nearest block container or root
- * - `absolute`: nearest ancestor with `position` != `static`
- * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).
- * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block
- * @param element The element for which to find the containing block
- * @returns The containing block element if any, or the `documentElement`
- */
-function findContainingBlockAncestor(element) {
-    let parent = getParentElement(element);
-    const elementPosition = window.getComputedStyle(element).position;
-    while (parent && parent !== element.ownerDocument.documentElement) {
-        const parentStyle = window.getComputedStyle(parent);
-        switch (elementPosition) {
-            case "fixed": {
-                const affectingProperties = [
-                    "filter",
-                    "transform",
-                    "translate",
-                    "perspective",
-                    "scale",
-                    "rotate",
-                    "backdrop-filter",
-                ];
-                if (affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== "none") ||
-                    affectingProperties.some((property) => parentStyle.getPropertyValue("will-change").includes(property))) {
-                    return parent;
-                }
-                break;
-            }
-            case "absolute":
-                if (parentStyle.position !== "static") {
-                    return parent;
-                }
-                break;
-            // Handle position: static, relative, sticky (they all look for the nearest block container or root)
-            case "relative":
-            case "sticky":
-            case "static": {
-                const display = window.getComputedStyle(parent).display;
-                // Block containers: block, flex, grid, table, flow-root
-                if (display === "block" ||
-                    display === "flex" ||
-                    display === "grid" ||
-                    display === "table" ||
-                    display === "flow-root" ||
-                    display === "inline-block" ||
-                    display === "inline-flex" ||
-                    display === "inline-grid") {
-                    return parent;
-                }
-                break;
-            }
-        }
-        parent = getParentElement(parent);
-    }
-    return element.ownerDocument.documentElement;
-}
-/** Convert HTML to plain text */
-const getPlainText = (html) => {
-    const doc = new DOMParser().parseFromString(html, "text/html");
-    return doc.body.textContent || "";
-};
-/** Convert string to hex */
-const encodeString = (string) => string
-    .split("")
-    .map((c) => c.charCodeAt(0).toString(16))
-    .join("");
-
-exports.boolean = boolean;
-exports.colorFromId = colorFromId;
-exports.containsElement = containsElement;
-exports.convertJson = convertJson;
-exports.encodeString = encodeString;
-exports.findContainingBlockAncestor = findContainingBlockAncestor;
-exports.getClickedElement = getClickedElement;
-exports.getDevice = getDevice;
-exports.getElementTree = getElementTree;
-exports.getParentElement = getParentElement;
-exports.getPlainText = getPlainText;
-exports.handleEnterKeydSubmit = handleEnterKeydSubmit;
-exports.handleKeyboardSubmit = handleKeyboardSubmit;
-exports.isElementVisibleInContainer = isElementVisibleInContainer;
-exports.randomId = randomId;

package/dist/collection/components/css-components/z-table/styles.css

@@ -1,61 +0,0 @@
-z-table,
-table.z-table {
-  background-color: var(--color-surface01);
-
-  --z-table--cells-padding: calc(var(--space-unit) * 2);
-}
-
-table.z-table {
-  border-collapse: collapse;
-}
-
-z-thead,
-table.z-table thead {
-  background-color: var(--color-background);
-
-  --z-table--cells-bottom-border-size: var(--border-size-medium);
-}
-
-z-tfoot,
-table.z-table tfoot {
-  border-top: var(--border-size-medium) solid var(--color-surface03);
-  border-bottom: var(--border-size-medium) solid var(--color-surface03);
-}
-
-z-tfoot z-tr,
-table.z-table tfoot tr {
-  border-bottom: calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important;
-}
-
-z-tr,
-table.z-table tr {
-  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);
-}
-
-z-td,
-z-th,
-table.z-table td,
-table.z-table th {
-  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));
-  text-align: left;
-}
-
-z-th:not(:first-child),
-z-td:not(:first-child),
-table.z-table th:not(:first-child),
-table.z-table td:not(:first-child) {
-  border-left: var(--z-table--cell-left-border, none);
-}
-
-z-table[bordered],
-table.z-table.z-table-bordered {
-  --z-table--cell-left-border: 1px solid var(--color-surface03);
-}
-
-table.z-table-hover tr:hover > td,
-table.z-table-hover tr:hover > th {
-  background-color: var(--color-surface02);
-  box-shadow:
-    inset 0 var(--border-size-small) 0 var(--color-surface04),
-    inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);
-}

package/dist/esm/utils-BEzZQwOB.js

@@ -1,249 +0,0 @@
-import { g as KeyboardCode, p as Device } from './index-BKCj6NR2.js';
-import { B as Breakpoints } from './breakpoints-Q-tWjk7P.js';
-
-/**
- * Return boolean value for passed value if a boolean corresponding value is found
- * Return passed value otherwise
- */
-function boolean(value) {
-    switch (value) {
-        case true:
-        case "true":
-        case 1:
-        case "1":
-        case "on":
-        case "yes":
-            return true;
-        case false:
-        case "false":
-        case 0:
-        case "0":
-        case "off":
-        case "no":
-            return false;
-        default:
-            return value;
-    }
-}
-function randomId() {
-    return Math.random().toString(36).replace("0.", "");
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleKeyboardSubmit(ev, callback, ...args) {
-    if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function handleEnterKeydSubmit(ev, callback, ...args) {
-    if (ev.code === KeyboardCode.ENTER) {
-        ev.preventDefault();
-        callback(...args);
-    }
-}
-function getClickedElement(elem = null) {
-    if (!elem) {
-        elem = document.activeElement;
-    }
-    if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {
-        elem = elem.shadowRoot.activeElement;
-        return getClickedElement(elem);
-    }
-    return elem;
-}
-function getElementTree(elem, tree = []) {
-    tree.push(elem);
-    if (elem.parentElement) {
-        elem = elem.parentElement;
-        return getElementTree(elem, tree);
-    }
-    else if (elem.parentNode && elem.parentNode.host) {
-        elem = elem.parentNode.host;
-        return getElementTree(elem, tree);
-    }
-    return tree;
-}
-/**
- * Get the current device type based on the window width.
- * @returns {Device} - The current device type
- */
-function getDevice() {
-    switch (true) {
-        case window.innerWidth <= Breakpoints.MOBILE:
-            return Device.MOBILE;
-        case window.innerWidth <= Breakpoints.TABLET:
-            return Device.TABLET;
-        case window.innerWidth <= Breakpoints.DESKTOP:
-            return Device.DESKTOP;
-        default:
-            return Device.DESKTOP_WIDE;
-    }
-}
-function convertJson(data) {
-    try {
-        return JSON.parse(data);
-    }
-    catch (_a) {
-        return false;
-    }
-}
-function colorFromId(id) {
-    const prefix = "avatar-C"; // prefix for color vars name
-    const colorsCount = 19; // available colors
-    const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);
-    let color = Math.ceil(colorsCount * (seed % 1));
-    // if result of mc is 0
-    // es.: 3895229
-    if (color === 0) {
-        color = 1;
-    }
-    return `${prefix}${color.toString().padStart(2, "0")}`;
-}
-/**
- * Check if an element contains another element, checking both light and shadow DOM recursively.
- * This function also checks slot assignments, so it correctly handles nested slots across components.
- * @param ancestor Ancestor element
- * @param descendant Descendant element
- */
-function containsElement(ancestor, descendant) {
-    var _a;
-    if (ancestor.contains(descendant) || ((_a = ancestor.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(descendant))) {
-        return true;
-    }
-    const checkRecursive = (node) => {
-        if (node === descendant) {
-            return true;
-        }
-        const shadowRoot = node.shadowRoot;
-        if (!shadowRoot) {
-            // Check light DOM children only
-            return Array.from(node.childNodes).some(checkRecursive);
-        }
-        if (shadowRoot.contains(descendant)) {
-            return true;
-        }
-        // Check slot assigned nodes
-        const hasDescendantInAssignedNodes = Array.from(shadowRoot.querySelectorAll("slot")).some((slot) => slot
-            .assignedNodes({ flatten: true })
-            .some((assigned) => { var _a, _b; return ((_b = (_a = assigned).contains) === null || _b === void 0 ? void 0 : _b.call(_a, descendant)) || checkRecursive(assigned); }));
-        if (hasDescendantInAssignedNodes) {
-            return true;
-        }
-        // Check shadow and light DOM children
-        return Array.from(shadowRoot.children).some(checkRecursive) || Array.from(node.childNodes).some(checkRecursive);
-    };
-    return checkRecursive(ancestor);
-}
-/** Get the parent of passed element, accounting for shadow DOM.
- * @param element The element whose parent is to be found.
- */
-function getParentElement(element) {
-    // If the element is slotted, the direct rendered parent is the target slot in shadow DOM.
-    if (element.assignedSlot) {
-        return element.assignedSlot;
-    }
-    // If the element is in a shadow root, the parent is the shadow host.
-    if (element.parentNode instanceof ShadowRoot) {
-        return element.parentNode.host;
-    }
-    // Otherwise fall back to standard light DOM parent.
-    return element.parentElement;
-}
-/**
- * Check if the `element` is visible within the `container` or in the viewport.
- * @param element The element to check.
- * @param container The container to check against, which must be the nearest scrollable ancestor.
- */
-function isElementVisibleInContainer(element, container) {
-    const elemRect = element.getBoundingClientRect();
-    const documentWidth = element.ownerDocument.documentElement.clientWidth;
-    const documentHeight = element.ownerDocument.documentElement.clientHeight;
-    // Check if element is visible in viewport
-    const isVisibleInViewport = elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;
-    // If container is the document element, only check viewport visibility
-    if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {
-        return isVisibleInViewport;
-    }
-    // For other containers, check both container and viewport visibility
-    const containerRect = container.getBoundingClientRect();
-    const isVisibleInContainer = elemRect.bottom > containerRect.top &&
-        elemRect.top < containerRect.bottom &&
-        elemRect.right > containerRect.left &&
-        elemRect.left < containerRect.right;
-    return isVisibleInContainer && isVisibleInViewport;
-}
-/**
- * Find the nearest containing block ancestor of an element.
- * The containing block is determined based on the element's `position` value:
- * - `static`, `sticky` or `relative`: nearest block container or root
- * - `absolute`: nearest ancestor with `position` != `static`
- * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).
- * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.
- *
- * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block
- * @param element The element for which to find the containing block
- * @returns The containing block element if any, or the `documentElement`
- */
-function findContainingBlockAncestor(element) {
-    let parent = getParentElement(element);
-    const elementPosition = window.getComputedStyle(element).position;
-    while (parent && parent !== element.ownerDocument.documentElement) {
-        const parentStyle = window.getComputedStyle(parent);
-        switch (elementPosition) {
-            case "fixed": {
-                const affectingProperties = [
-                    "filter",
-                    "transform",
-                    "translate",
-                    "perspective",
-                    "scale",
-                    "rotate",
-                    "backdrop-filter",
-                ];
-                if (affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== "none") ||
-                    affectingProperties.some((property) => parentStyle.getPropertyValue("will-change").includes(property))) {
-                    return parent;
-                }
-                break;
-            }
-            case "absolute":
-                if (parentStyle.position !== "static") {
-                    return parent;
-                }
-                break;
-            // Handle position: static, relative, sticky (they all look for the nearest block container or root)
-            case "relative":
-            case "sticky":
-            case "static": {
-                const display = window.getComputedStyle(parent).display;
-                // Block containers: block, flex, grid, table, flow-root
-                if (display === "block" ||
-                    display === "flex" ||
-                    display === "grid" ||
-                    display === "table" ||
-                    display === "flow-root" ||
-                    display === "inline-block" ||
-                    display === "inline-flex" ||
-                    display === "inline-grid") {
-                    return parent;
-                }
-                break;
-            }
-        }
-        parent = getParentElement(parent);
-    }
-    return element.ownerDocument.documentElement;
-}
-/** Convert HTML to plain text */
-const getPlainText = (html) => {
-    const doc = new DOMParser().parseFromString(html, "text/html");
-    return doc.body.textContent || "";
-};
-/** Convert string to hex */
-const encodeString = (string) => string
-    .split("")
-    .map((c) => c.charCodeAt(0).toString(16))
-    .join("");
-
-export { containsElement as a, getPlainText as b, colorFromId as c, boolean as d, encodeString as e, getClickedElement as f, getDevice as g, handleKeyboardSubmit as h, getElementTree as i, convertJson as j, getParentElement as k, findContainingBlockAncestor as l, isElementVisibleInContainer as m, handleEnterKeydSubmit as n, randomId as r };

package/dist/web-components-library/p-053470ec.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a,H as s}from"./p-fIt9Ytc6.js";import{A as i}from"./p-BKCj6NR2.js";const e=class{constructor(a){var s,e;t(this,a),this.size=i.MEDIUM,this.textColor="color-white",this.backgroundColor="gray700",0===(null===(s=this.text)||void 0===s?void 0:s.length)&&0===(null===(e=this.image)||void 0===e?void 0:e.length)&&console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===i.SMALL?"5":this.size===i.MEDIUM?"4":this.size===i.LARGE?"2":void 0}render(){return a(s,{key:"3543824c05f276cddcc91263350962015dc2beb8",class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&a("span",{key:"4a143ab81b55fae15ab40e3847c6c911c861f13b"},this.text.substring(0,2)),this.image&&a("img",{key:"2e37f8abd25c574371fe1a0f7d08af028fc1b342",src:this.image,onError:()=>this.image=""}))}};e.style=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}

package/dist/web-components-library/p-071d2a57.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as a,H as n,d as o}from"./p-fIt9Ytc6.js";import{I as s}from"./p-BKCj6NR2.js";const e=class{constructor(a){t(this,a),this.pageChanged=i(this,"pageChanged",7),this.navArrows=!0,this.skip=0,this.edges=!1,this.currentPage=1,this._visiblePages=this.visiblePages,this.isMobile=!1,this.goToPageValue=null}setPagesContainerWidth(){if(!this._visiblePages||this.split)return void this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");const t=window.getComputedStyle(this.host).getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width",`calc(${t} * ${this._visiblePages})`)}setVisiblePages(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)}onPageChanged(){this.pageChanged.emit(this.currentPage),this.scrollToPage()}onSplitChanged(){this.split&&(this.edges=!1)}onResize(){this.setMobile()}setMobile(){this.isMobile=window.matchMedia("screen and (max-width: 767px)").matches}getPagesChunks(){const t=Array.from({length:this.totalPages},((t,i)=>i+1)),i=[],a=Math.ceil(t.length/this._visiblePages);for(let n=0;n<a;n++)i.push(t.slice(n*this._visiblePages,(n+1)*this._visiblePages));return i}scrollToPage(){var t,i;const a=this.host.querySelector(".pages-container"),n=this.host.querySelector(`[data-page="${this.currentPage}"]`),o=this.host.querySelector(".navigation-button");if(!n||!a)return;const s=a.getBoundingClientRect().width,e=n.getBoundingClientRect().width,r=null!==(i=null===(t=null==o?void 0:o.getBoundingClientRect())||void 0===t?void 0:t.width)&&void 0!==i?i:0;a.scrollLeft=this.currentPage*e-r-s/2}selectPage(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)}renderPage(t){return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:`Vai alla pagina ${t}`,"data-page":t,"data-current":this.currentPage===t,onClick:()=>this.selectPage(t)},t)}renderEllipsisButton(t){return a("button",{class:"ellipsis-button",type:"button",title:`Vai alla pagina ${t}`,onClick:()=>this.selectPage(t)},"…")}renderPages(){const t=this.getPagesChunks();if(!(t.length<=0))return t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))}renderSplitPages(){return this.totalPages<=2*this.split+5?Array.from({length:this.totalPages},((t,i)=>this.renderPage(i+1))):this.currentPage<=2*this.split+2?[...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(i+1))),this.renderEllipsisButton(2*this.split+4),this.renderPage(this.totalPages)]:this.currentPage>2*this.split+2&&this.currentPage<this.totalPages-2*this.split-1?[this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1),...Array.from({length:2*this.split+1},((t,i)=>this.renderPage(this.currentPage-this.split+i))),this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)]:[this.renderPage(1),this.renderEllipsisButton(this.totalPages-2*this.split-3),...Array.from({length:2*this.split+3},((t,i)=>this.renderPage(this.totalPages-2*this.split-2+i)))]}renderBackButton(){return a("button",{class:"navigation-button",type:"button","aria-label":"Vai alla pagina precedente",title:"Vai alla pagina precedente",disabled:1===this.currentPage,onClick:()=>this.selectPage(this.currentPage-1)},a("z-icon",{name:"chevron-left"}))}renderForwardButton(){return a("button",{class:"navigation-button",type:"button","aria-label":"Vai alla prossima pagina",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.currentPage+1)},a("z-icon",{name:"chevron-right"}))}renderMobile(){const t=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},t.length>0&&t.map((t=>a("div",{class:"pages-chunk"},t.map((t=>this.renderPage(t))))))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:t=>{t.preventDefault(),this.selectPage(this.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,onInput:t=>{this.goToPageValue=t.target.value},placeholder:this.currentPage.toString(),hasclearicon:!1}),a("span",null,`/${this.totalPages}`)),this.renderForwardButton())]}componentDidLoad(){this.setVisiblePages()}componentDidRender(){this.split&&(this.edges=!1),this.setPagesContainerWidth(),this.setMobile(),this.scrollToPage()}render(){return this.isMobile?a(n,null,this.renderMobile()):a(n,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:1===this.currentPage,onClick:()=>this.selectPage(1)},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina "+(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:()=>this.selectPage(this.currentPage-this.skip)},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.currentPage+this.skip}`,disabled:this.currentPage>this.totalPages-this.skip,onClick:()=>this.selectPage(this.currentPage+this.skip)},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:`Vai alla pagina ${this.totalPages}`,disabled:this.currentPage===this.totalPages,onClick:()=>this.selectPage(this.totalPages)},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"z-label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:!1,placeholder:"2",hasclearicon:!1,onInput:t=>{this.goToPageValue=t.target.value},onKeyDown:t=>"Enter"===t.key&&this.selectPage(this.goToPageValue)}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:()=>this.selectPage(this.goToPageValue)},"vai"))))}get host(){return o(this)}static get watchers(){return{_visiblePages:[{setPagesContainerWidth:0}],visiblePages:[{setVisiblePages:0}],currentPage:[{onPageChanged:0}],split:[{onSplitChanged:0}]}}};e.style="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;--z-pagination-background-color:var(--color-background);--z-pagination-background-color-hover:var(--color-surface01);display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--z-pagination-background-color);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,     color 0.15s ease-out,     border-bottom-color 0.15s ease-out,     font-size 0.15s ease-in-out,     font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--z-pagination-background-color-hover)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";export{e as z_pagination}

package/dist/web-components-library/p-0e9e73ed.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as r,d as a}from"./p-fIt9Ytc6.js";import"./p-a0675e97.entry.js";import"./p-2f79d3fd.entry.js";import"./p-acd32089.entry.js";import"./p-4170d86b.entry.js";import"./p-B0bOjMSb.js";import"./p-BKCj6NR2.js";import"./p-Q-tWjk7P.js";import"./p-b64dd64c.entry.js";import"./p-bb319405.entry.js";const o=class{constructor(e){t(this,e),this.bordered=!1,this.expandable=!1}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()})),this.expandableMutationObserver.observe(this.host,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["expandable"],attributeOldValue:!1})}disconnectedCallback(){var t;null===(t=this.expandableMutationObserver)||void 0===t||t.disconnect()}render(){return e(r,{key:"e6312c6e3bc53f74407f70eca34f9d0ede44b40d",expandable:this.expandable},e("div",{key:"e1009eab29f0b6a02533ee7b542095f6cd83e1a0",class:"table",role:"table"},e("slot",{key:"6f3dbd3fdf96dec314a441c046333c1ab9f67cc1"})))}get host(){return a(this)}};o.style=":host{position:relative;display:block;overflow:auto;min-width:max-content;max-width:100%;box-sizing:border-box;padding:var(--space-unit)}:host([expandable]){--z-table--expand-button-size:40px}z-table,table.z-table{background-color:var(--color-surface01);--z-table--cells-padding:calc(var(--space-unit) * 2)}table.z-table{border-collapse:collapse}z-thead,table.z-table thead{background-color:var(--color-background);--z-table--cells-bottom-border-size:var(--border-size-medium)}z-tfoot,table.z-table tfoot{border-top:var(--border-size-medium) solid var(--color-surface03);border-bottom:var(--border-size-medium) solid var(--color-surface03)}z-tfoot z-tr,table.z-table tfoot tr{border-bottom:calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important}z-tr,table.z-table tr{border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}z-td,z-th,table.z-table td,table.z-table th{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));text-align:left}z-th:not(:first-child),z-td:not(:first-child),table.z-table th:not(:first-child),table.z-table td:not(:first-child){border-left:var(--z-table--cell-left-border, none)}z-table[bordered],table.z-table.z-table-bordered{--z-table--cell-left-border:1px solid var(--color-surface03)}table.z-table-hover tr:hover>td,table.z-table-hover tr:hover>th{background-color:var(--color-surface02);box-shadow:inset 0 var(--border-size-small) 0 var(--color-surface04),     inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04)}";export{o as z_table}

package/dist/web-components-library/p-1397ebb2.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,d as r}from"./p-fIt9Ytc6.js";import{Y as o}from"./p-BKCj6NR2.js";import{B as a}from"./p-Q-tWjk7P.js";import{r as s}from"./p-B0bOjMSb.js";const n=class{constructor(i){t(this,i),this.ribbonClick=e(this,"ribbonClick",7),this.isbnLabel="",this.isMobile=!1,this.hasResources=!1,this.showResources=!1}emitRibbonClick(){this.ribbonClick.emit()}componentWillLoad(){this.id=`id-${s()}`;const t=window.matchMedia(`(max-width: ${a.MOBILE}px)`);this.isMobile=t.matches,t.onchange=t=>this.isMobile=t.matches}componentDidLoad(){this.handleResources()}handleResources(){var t;this.variant===o.EXPANDED&&this.isMobile&&(this.hasResources=(null===(t=this.hostElement.querySelectorAll("[slot=resources]"))||void 0===t?void 0:t.length)>0)}toggleResources(){this.showResources=!this.showResources}renderCard(){switch(this.variant){case o.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case o.COMPACT:return this.renderCompactCard();case o.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},i("div",{class:"top"},i("div",{class:"info"},i("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),i("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),i("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&i("div",{class:{footer:!0,open:this.showResources,close:!this.showResources}},!this.showResources&&this.renderShowResources(),this.renderResourcesSlot(),this.showResources&&this.renderShowResources()))}renderSearchCard(){return i("div",{class:"wrapper-container"},i("div",{class:"wrapper"},i("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),i("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCompactCard(){return i("div",{class:"wrapper"},this.renderCover(),i("div",{class:"content"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),this.renderFooterCtaSlot())}renderCover(){return i("div",{class:"cover"},this.ribbon&&this.variant!==o.COMPACT&&this.renderRibbon(),i("div",{class:"img-wrapper"},i("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"})))}renderRibbon(){const t=[this.ribbonIcon&&i("z-icon",{name:this.ribbonIcon,width:16,height:16,fill:"color-inverse-icon"}),i("span",null,this.ribbon)];return this.ribbonInteractive?i("button",{class:"ribbon interactive",onClick:()=>this.emitRibbonClick()},t):i("div",{class:"ribbon"},t)}renderOperaTitle(){return i("div",{class:"title",innerHTML:this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`:this.operaTitle})}renderVolumeTitle(){return this.volumeTitle?i("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?i("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?i("div",{class:"isbn"},i("span",{class:"code","aria-description":`ISBN ${this.isbnLabel}`},this.isbn),this.isbnLabel?i("span",{class:"label"}," ",this.isbnLabel):null):null}renderShowResources(){return i("button",{class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources()},this.showResources?"Chiudi":"Vedi tutto",i("z-icon",{name:this.showResources?"chevron-up":"chevron-down"}))}renderTagsSlot(){return i("div",{class:"tags"},i("slot",{name:"tags"}))}renderHeaderCtaSlot(){return i("slot",{name:"header-cta"})}renderResourcesSlot(){return i("div",{id:`resources-${this.id}`,class:"resources"},i("slot",{name:"resources",onSlotchange:()=>this.handleResources()}))}renderFooterCtaSlot(){return i("div",{class:"action-container"},i("slot",{name:"footer-cta"}))}render(){return i("article",{key:"d603afa99fc5bdc0b6cb9ad1b22a309c4962c486",class:{[this.variant]:!0,borderless:!!this.borderless}},this.renderCard())}get hostElement(){return r(this)}};n.style=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon.interactive:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:""}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article ::slotted([slot="header-cta"]:focus){box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-text-link-blue);cursor:pointer;fill:var(--color-text-link-blue);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}';export{n as z_book_card_deprecated}

package/dist/web-components-library/p-13d3c53c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as l,d as n}from"./p-fIt9Ytc6.js";import{g as s}from"./p-BKCj6NR2.js";const a=class{constructor(i){e(this,i),this.treeItemClicked=t(this,"treeItemClicked",7),this.items=[],this.parsedItems=[]}watchItems(){this.parsedItems="string"==typeof this.items?JSON.parse(this.items):this.items}componentWillLoad(){this.watchItems()}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}getFocusableElements(){return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'))}getAncestor(e,t){let i=e;for(let e=0;e<t;e++)if(i=null==i?void 0:i.parentElement,!i)return;return i}handleArrowNav(e){if(e.code===s.TAB)return void e.preventDefault();const t=this.getFocusableElements(),i=t.indexOf(e.target);if(-1!==i){if(e.code===s.ARROW_DOWN||e.code===s.ARROW_UP){e.preventDefault();const l=i+(e.code===s.ARROW_DOWN?1:-1);if(l<0||l>=t.length)return;t[l].focus()}if(e.code===s.ARROW_LEFT){e.preventDefault();const l=this.getAncestor(t[i],4);if(!l||!l.children[0]||"a"!==l.children[0].tagName.toLowerCase()&&null===l.getAttribute("tabindex"))return;l.children[0].focus()}if(e.code===s.ARROW_RIGHT){e.preventDefault();const t=e.target.closest("z-list-element");if(!t)return;const i=t.querySelector("z-list");if(!i)return;const l=i.querySelector('a[tabindex="0"]');if(!l)return;l.focus()}}}renderTreeList(e,t,l=1){var n,a;this.htmlTag=e.url?"a":"span";const o=i("z-list-element",{id:t,class:e.icon?"":"no-icon-elm",clickable:Boolean(e.url),hasTreeItems:!0,role:"none","aria-hidden":void 0},i(this.htmlTag,{class:{"list-element":!0,"z-link":Boolean(e.url),"link-clickable":Boolean(e.url)},tabIndex:e.url?0:-1,onClick:()=>this.handleClick(e),onKeyUp:t=>{t.code!==s.ENTER&&t.code!==s.SPACE||this.handleClick(e)},onKeyDown:e=>this.handleArrowNav(e),role:e.url?"treeitem":void 0,"aria-hidden":e.url?void 0:"true","aria-expanded":(null===(n=e.children)||void 0===n?void 0:n.length)>0&&!0,"aria-level":l,"aria-label":e.name,href:e.url},i("span",{class:"item ellipsis"},e.icon&&i("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),i("span",{class:{"item-label":!0,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),(null===(a=e.children)||void 0===a?void 0:a.length)>0&&i("z-list",{role:"group"},i("div",{class:"children-node"},e.children.map(((e,t)=>this.renderTreeList(e,`${t}`,l+1))))));return o}render(){const e=this.parsedItems.some((e=>!!e.url));return i(l,{key:"68d06fd53ad0f4bce01853b95aef0f7482f3304a",class:"tree-list",role:e?"navigation":"none","aria-hidden":e?void 0:"true","aria-labelledby":this.htmlAriaLabelledby},i("div",{key:"6b8010ae9caf73ec0a43b09f5d9610247110d1a6",tabIndex:-1,role:e?"tree":"none","aria-hidden":e?void 0:"true","aria-label":this.htmlSectionTitle},this.parsedItems.map(((e,t)=>this.renderTreeList(e,`${t}`)))))}get host(){return n(this)}static get watchers(){return{items:[{watchItems:0}]}}};a.style=':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)}}';export{a as z_tree_list}