@zanichelli/albe-web-components 13.0.0 → 13.1.0-rc2

package/dist/types/deprecated/z-navigation-tab/index.d.ts

@@ -0,0 +1,69 @@
+import { NavigationTabsOrientation, NavigationTabsSize } from "../../beans";
+/**
+ * Single tab component to use inside `z-navigation-tabs`. It renders a button.
+ * This component uses the `tab` role:
+ * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role
+ */
+export declare class ZNavigationTab {
+    /**
+     * `aria-controls` attribute of the tab.
+     * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.
+     * The value must be the `id` of the element it controls.
+     * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls
+     */
+    ariaControls?: string;
+    /**
+     * `id` attribute of the tab.
+     * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.
+     * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby
+     * @deprecated Use native `id` attribute instead
+     */
+    tabId?: string;
+    /**
+     * Whether the tab is selected.
+     */
+    selected?: boolean;
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
+     */
+    orientation: NavigationTabsOrientation;
+    /**
+     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
+     */
+    size: NavigationTabsSize;
+    /**
+     * Name of the icon to use.
+     * The `filled` version will be automatically used (if found) when the tab is `selected`.
+     * @deprecated Use a native `<button>` instead.
+     */
+    icon: string;
+    /**
+     * Label to show in the tab.
+     */
+    label: string;
+    /**
+     * Html `title` attribute for the button.
+     */
+    htmlTitle: string;
+    /**
+     * The tab has been selected.
+     */
+    private selectedEvent;
+    /**
+     * Scroll into view to center the tab.
+     */
+    private scrollToTab;
+    onClick(): void;
+    onSelected(): void;
+    /**
+     * Render the icon component using the icon's name passed from prop.
+     * Use the `filled` version when the tab is `selected`.
+     * @returns {HTMLElement}
+     */
+    private renderIcon;
+    render(): HTMLZNavigationTabElement;
+}

package/dist/types/deprecated/z-navigation-tab-link/index.d.ts

@@ -0,0 +1,77 @@
+import { NavigationTabsOrientation, NavigationTabsSize } from "../../beans";
+/**
+ * Single tab component to use inside `z-navigation-tabs`. It renders an anchor element.
+ * This component uses the `tab` role:
+ * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role
+ * @deprecated Use a native `<a>` instead.
+ */
+export declare class ZNavigationTabLink {
+    /**
+     * `aria-controls` attribute of the tab.
+     * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.
+     * The value must be the `id` of the element it controls.
+     * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls
+     */
+    ariaControls?: string;
+    /**
+     * `id` attribute of the tab.
+     * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.
+     * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby
+     * @deprecated Use native `id` attribute instead
+     */
+    tabId?: string;
+    /**
+     * Whether the tab is selected.
+     */
+    selected?: boolean;
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.
+     */
+    orientation: NavigationTabsOrientation;
+    /**
+     * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.
+     */
+    size: NavigationTabsSize;
+    /**
+     * Html title attribute for the anchor element.
+     */
+    htmlTitle: string;
+    /**
+     * Html `target` attribute for the anchor element.
+     */
+    target: string;
+    /**
+     * Url to set to the anchor element.
+     */
+    href: string;
+    /**
+     * Name of the icon to use.
+     * The `filled` version will be automatically used (if found) when the tab is `selected`.
+     */
+    icon: string;
+    /**
+     * Label to show in the tab.
+     */
+    label: string;
+    /**
+     * The tab has been selected.
+     */
+    private selectedEvent;
+    /**
+     * Scroll into view to center the tab.
+     */
+    private scrollToTab;
+    onClick(): void;
+    onSelected(): void;
+    /**
+     * Render the icon component using the icon's name passed from prop.
+     * Use the `filled` version when the tab is `selected`.
+     * @returns {HTMLElement}
+     */
+    private renderIcon;
+    render(): HTMLZNavigationTabLinkElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-body/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableBody {
+    host: HTMLZTableBodyElement;
+    componentWillRender(): void;
+    render(): HTMLSlotElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-cell/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableCell {
+    host: HTMLZTableCellElement;
+    /** [Optional] Show contextual menu button */
+    showButton?: boolean;
+    /** Set padding size of cell, if special 0px padding will be set */
+    padding: "x-small" | "small" | "medium" | "large" | "special";
+    isMenuOpened: boolean;
+    private handleMenu;
+    componentWillRender(): void;
+    render(): HTMLZTableCellElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-deprecated/index.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import "../z-table-body/index";
+import "../z-table-cell/index";
+import "../z-table-empty-box/index";
+import "../z-table-expanded-row/index";
+import "../z-table-footer/index";
+import "../z-table-head/index";
+import "../z-table-header/index";
+import "../z-table-header-row/index";
+import "../z-table-row/index";
+import "../z-table-sticky-footer/index";
+/**
+ * @slot - table elements
+ * @slot sticky-footer - set the content of the sticky footer
+ * @deprecated
+ */
+export declare class ZTableDeprecated {
+    host: HTMLZTableDeprecatedElement;
+    /** Number of lines of element */
+    lines?: number;
+    /** Error message */
+    errorMessage?: string;
+    /** Sets table with border */
+    bordered?: boolean;
+    /** Sets call to action label */
+    callToActionLabel?: string;
+    /** Sets call to action label */
+    callToActionTwoLabel?: string;
+    /** Sets first column sticky */
+    columnSticky?: boolean;
+    /** Sets empty table */
+    empty?: boolean;
+    /** Set error status */
+    error?: boolean;
+    /** Set error status */
+    errorLink?: string;
+    /** Sets header sticky */
+    headerSticky?: boolean;
+    /** Set message */
+    message?: string;
+    /** Set subtitle */
+    subtitle?: string;
+    /** Set if has table content, useful when empty conte to who first column */
+    hasTableBody: boolean;
+    /** Handle mobile */
+    isMobile: boolean;
+    /** remove call to action event */
+    /** remove call to action event */
+    callToAction: EventEmitter;
+    /** remove call to action event */
+    callToActionTwo: EventEmitter;
+    handleResize(): void;
+    handleOrientationChange(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    private renderError;
+    private renderEmpty;
+    render(): HTMLZTableDeprecatedElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-empty-box/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableEmptyBox {
+    hostElement: HTMLZTableEmptyBoxElement;
+    /** Sets main title message*/
+    message?: string;
+    /** Sets message */
+    subtitle?: string;
+    /** Checks if cta1 or cta2 slots exist */
+    private hasCta1Slot;
+    private hasCta2Slot;
+    componentWillLoad(): void;
+    render(): HTMLZTableEmptyBoxElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-expanded-row/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableExpandedRow {
+    /** Number table column plus 1 for the expand button */
+    colSpan: number;
+    render(): HTMLTableCellElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-footer/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableFooter {
+    host: HTMLZTableFooterElement;
+    componentWillRender(): void;
+    render(): HTMLSlotElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-head/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableHead {
+    host: HTMLZTableHeadElement;
+    componentWillRender(): void;
+    render(): HTMLSlotElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-header/index.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @deprecated
+ */
+export declare class ZTableHeader {
+    host: HTMLZTableHeaderElement;
+    /** Column ID */
+    columnId: string;
+    /** Set padding size of cell, if special 0px padding will be set */
+    padding: "x-small" | "small" | "medium" | "large" | "special";
+    /** [Optional] Make the header sortable */
+    sortable?: boolean;
+    /** [Optional] Show contextual menu button */
+    showButton?: boolean;
+    /** [Optional] Default sort order */
+    defaultSortDirection?: "asc" | "desc" | "none";
+    /** Sort direction */
+    sortDirection: "asc" | "desc" | "none";
+    private popover?;
+    private triggerButton?;
+    constructor();
+    /** [Optional] callback for sorting */
+    sort: EventEmitter;
+    private emitOnSort;
+    private handleSort;
+    private handleMenuClick;
+    handleOutsideClick(e: MouseEvent): void;
+    handleClickHeaders(e: MouseEvent): void;
+    componentWillRender(): void;
+    render(): HTMLZTableHeaderElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-header-row/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @deprecated
+ */
+export declare class ZTableHeaderRow {
+    /** Row expandable flag */
+    expandable?: boolean;
+    private renderExpandHeader;
+    render(): HTMLZTableHeaderRowElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-row/index.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZTableRowExpandedType } from "../../../beans";
+/**
+ * @deprecated
+ */
+export declare class ZTableRow {
+    /** Table row expanded type */
+    expandedType: ZTableRowExpandedType;
+    expanded: boolean;
+    /** Row has been expanded */
+    expand: EventEmitter;
+    private emitOnExpand;
+    private handleExpand;
+    private renderExpandButton;
+    render(): HTMLZTableRowElement;
+}

package/dist/types/deprecated/z-table-deprecated/z-table-sticky-footer/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @deprecated
+ * @slot - table sticky footer content
+ */
+export declare class ZTableStickyFooter {
+    render(): HTMLSlotElement;
+}

package/dist/web-components-library/p-011a7536.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,g as o}from"./p-10bb4f4b.js";const e=".sc-z-table-head-h{display:table-header-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";const s=e;const a=class{constructor(r){t(this,r)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return r("slot",{key:"98012cd26ee60c370c6ccf6bff47ca5c827f30b6"})}get host(){return o(this)}};a.style=s;export{a as Z};
+//# sourceMappingURL=p-011a7536.js.map

package/dist/web-components-library/p-011a7536.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableHeadStyle0","ZTableHead","componentWillRender","this","host","setAttribute","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-head/styles.css?tag=z-table-head&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-head/index.tsx"],"sourcesContent":[":host {\n  display: table-header-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-head\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableHead {\n  @Element() host: HTMLZTableHeadElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,gHAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAGrB,mBAAAC,GACEC,KAAKC,KAAKC,aAAa,OAAQ,W,CAGjC,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/{www/build/p-04755b76.entry.js → dist/web-components-library/p-10c29fb4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as o}from"./p-10bb4f4b.js";import{L as i}from"./p-025f494e.js";const s='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';const n=s;const a=class{constructor(t){e(this,t);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}handleToggle(){this.isOpen=!this.isOpen;if(this.isOpen){const e=this.getFirstListItem();if(e){requestAnimationFrame((()=>{e.focus()}))}}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){if(this.opened){this.isOpen=true}}elementsEllipsis(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"5dd8a1450395437b275fb926b09da03549915574",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},t("footer",{key:"7b7e36ef2959885e4a560982cb7e08ac04818780",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"1c40adf2f5d502c07c9376b63a8698d4667db396",class:"toggle"},t("slot",{key:"bd6af616f75d683d7be56058acc8b73b3bf93df6",name:"toggle"})),this.titolo&&t("p",{class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"65e8bf56114cffbd456848ee1f8d1114e6e5080a",class:{content:true,"custom-content":this.customContent}},t("div",{key:"66e9bc72b76b51fd62b480fdcd79fb1275fa6025"},t("p",{key:"3ed9294e4344921197fab0e6514060c44fbb1e1b",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"59377aadd8b9390fe356ef2b43c19deba9215ef8",title:this.getTitleAuthors()},t("span",{key:"ee5c8a2ae408e4e5188dc446155c9aeb718166d4","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"e18fb80f72dcc4167f9f3a9b01125bee192d93c4",class:"year-isbn"},t("span",{key:"2bd10075dbcad13130986d76b0a1876b83c38a3e",class:"isbn"},t("span",{key:"0db0267195bbac8406e70f4476b5f47063fe94b5"},t("span",{key:"2353a8330af27b7cb67b581867684fd8038aa482","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"bcd81eae284110276be84b0493386f50280714bb",class:`slot-handler ${this.isOpen?"visible":"hidden"}`},t("slot",{key:"74920df025462ca9464bbe269036a5c72a1b239e",name:"list"})))),this.customContent&&t("slot",{name:"content"}))}get host(){return o(this)}};a.style=n;export{a as z_myz_card_footer};
-//# sourceMappingURL=p-04755b76.entry.js.map
+import{r as e,h as t,g as o}from"./p-10bb4f4b.js";import{L as i}from"./p-025f494e.js";const s='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';const a=s;const n=class{constructor(t){e(this,t);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}handleToggle(){this.isOpen=!this.isOpen;if(this.isOpen){const e=this.getFirstListItem();if(e){requestAnimationFrame((()=>{e.focus()}))}}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){if(this.opened){this.isOpen=true}}elementsEllipsis(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return t("div",{key:"3f351c6ae37e9756acb54ba18a33141902b36f66",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},t("footer",{key:"a7813aa007cc2a85dbb2b14cfc26fc174e49929d",class:this.retrieveClass(),onTransitionEnd:e=>this.footerTransitionHandler(e)},t("span",{key:"ab1b726546099b8f5ac53294e9ecfefb8501cf8a",class:"toggle"},t("slot",{key:"acda20d4eb36305f614d74aa930131f8f4ecd270",name:"toggle"})),this.titolo&&t("p",{class:{"custom-content":this.customContent}},this.titolo),t("div",{key:"0f090b00007fa5b7f5fe6b7d9553e83449d0a11a",class:{content:true,"custom-content":this.customContent}},t("div",{key:"4f9c2e93e4e73f38dd9012b8a7e12be58ed506f7"},t("p",{key:"342ce9c1c2a3b0d8eb0a585b84933441bccc044b",class:"authors",ref:e=>this.ellipsisAuthors=e},t("span",{key:"0c7fbe530be3eae718701f62bcfc190cfe1c3cbe",title:this.getTitleAuthors()},t("span",{key:"c6f1cd41b9353bbb39eb2a0f3a92664c05cb45d9","aria-description":"Autori",class:"bold"},this.autori))),t("p",{key:"8f5930ae90e38554151c10e5996014103f6fae6a",class:"year-isbn"},t("span",{key:"18ebc65de360d4fdbc09a31f1e35fb07af7930d0",class:"isbn"},t("span",{key:"25b8d2bf3bd332132b28f16b72ad81ee870a0202"},t("span",{key:"7ba427f38f89b31f0228c09419281188d9f0e6a9","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),t("div",{key:"1b553a8af97ebf9035a3411dbefc34db332ae3bb",class:`slot-handler ${this.isOpen?"visible":"hidden"}`},t("slot",{key:"e38a67048f019687d6b0a40b84ccdf0075adf98a",name:"list"})))),this.customContent&&t("slot",{name:"content"}))}get host(){return o(this)}};n.style=a;export{n as z_myz_card_footer};
+//# sourceMappingURL=p-10c29fb4.entry.js.map

package/dist/web-components-library/p-1ff016c2.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,a as s,g as n}from"./p-10bb4f4b.js";import{w as a,p as r,D as o}from"./p-025f494e.js";import{g as l}from"./p-955da62e.js";import"./p-2c886e8b.js";const c=':host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2)}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container .body-1{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin:calc(var(--space-unit) * 2.5) 0 calc(var(--space-unit) * 4);font-size:calc(var(--space-unit) * 3);font-weight:var(--font-sb)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>.heading-4-sb{display:inline-block;margin:calc(var(--space-unit) * 3) 0;font-size:calc(var(--space-unit) * 2);font-weight:var(--font-sb)}:host([type="dragdrop"])>.container>.files-container>.heading-4-sb{margin-top:0;margin-bottom:calc(var(--space-unit) * 3)}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}:host([type="dragdrop"])>.container>.files-container>z-divider{margin:calc(var(--space-unit) * 3) 0}:host .error-message{font-size:14px;font-weight:400;letter-spacing:0.16%;line-height:20px;text-align:left}:host .error-message>.file-name{font-weight:600}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}:host .modal-wrapper{padding:calc(var(--space-unit) * 3)}}@media only screen and (min-width: 1152px){:host .modal-wrapper{padding:calc(var(--space-unit) * 4)}}';const d=c;const h=class{constructor(e){t(this,e);this.fileInput=i(this,"fileInput",7);this.inputAttributes={type:"file",id:"file-elem",multiple:true};this.type=a.DEFAULT;this.buttonVariant=undefined;this.acceptedFormat=undefined;this.fileMaxSize=undefined;this.mainTitle=undefined;this.description=undefined;this.files=[];this.uploadBtnLabel="allega";this.dragAndDropLabel="Rilascia i file in questa area per allegarli.";this.hasFileSection=true;this.invalidFiles=undefined}removeFileListener(t){this.removeFiles(t.detail)}fileDroppedListener(t){this.input.files=t.detail;this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility();this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map}fileInputHandler(){if(this.input.files.length){this.invalidFiles=this.checkFiles(Array.from(this.input.files))}}async getFiles(){return this.files}async removeFile(t){await this.removeFiles(t)}async removeFiles(t){const i=this.files;const e=i.find((i=>i.name===t));if(e){const t=i.indexOf(e);if(t>=0){i.splice(t,1);this.files=[...i]}}}getType(){if(l()!==r.DESKTOP&&l()!==r.DESKTOP_WIDE){return a.DEFAULT}return this.type}handleAccessibility(){const t=this.el.querySelector("z-file:last-child z-chip button");if(this.files.length>0&&t){t.focus()}else{this.getType()===a.DEFAULT?this.button.querySelector("button").focus():this.uploadLink.focus()}}checkFiles(t){const i=new Map;const e=`supera il limite di ${this.fileMaxSize}MB`;const s=" ha un formato non supportato";t.forEach((t=>{const n=t.size/1024/1024;const a=this.acceptedFormat.split(",").some((i=>t.name.toLowerCase().endsWith(i.trim())));const r=n<=this.fileMaxSize;if(r&&a){if(!this.files.find((i=>i.name===t.name))){this.files.push(t);this.fileInput.emit(t);this.input.value=""}return}i.set(t.name,[]);if(!r){i.get(t.name).push(e)}if(!a){i.get(t.name).push(s)}}));return i}renderTitle(){return e("span",{id:"title"},this.mainTitle)}renderDescription(t){return e("span",{class:t},this.description)}renderAllowedFileExtensions(){let t="";let i="";if(this.acceptedFormat){const i=this.acceptedFormat.split(", ").map((t=>t.substring(1).toUpperCase())).join(", ");t=` nei formati ${i}`}if(this.fileMaxSize){i=` per un massimo di ${this.fileMaxSize}MB di peso`}const s=`Puoi allegare file${t}${i}.`;return e("span",{class:"body-3"},t||i?s:null)}renderFileSection(){if(!this.hasFileSection){return}return e("section",{class:`files-container ${!this.files.length?"hidden":""}`},e("span",{class:"heading-4-sb"},"File appena caricati"),e("div",{class:"files-wrapper"},e("slot",{name:"files"})),e("z-divider",{size:o.MEDIUM}))}renderInput(){return e("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:t=>this.input=t}))}renderUploadButton(){return[this.renderInput(),e("z-button",{onClick:()=>this.input.click(),onKeyPress:t=>{if(t.code=="Space"||t.code=="Enter"){t.preventDefault();this.input.click()}},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:t=>this.button=t},this.uploadBtnLabel)]}renderUploadLink(){return[this.renderInput(),e("span",{class:"body-1 upload-link-text"},"Trascina o"," ",e("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:t=>{if(t.code=="Space"||t.code=="Enter"){t.preventDefault();this.input.click()}},ref:t=>this.uploadLink=t},"carica")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),e("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},e("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(t,i){var s,n;const a=i[0]&&i[1]?" e ":"";return e("span",{class:"error-message"},"Il file ",e("span",{class:"file-name"},t)," ",(s=i[1])!==null&&s!==void 0?s:"",a,(n=i[0])!==null&&n!==void 0?n:"",".")}handleErrorModalContent(){return e("div",{slot:"modalContent"},e("div",{class:"modal-wrapper"},e("div",{class:"files"},Array.from(this.invalidFiles).map((([t,i])=>e("span",{class:"body-3"},this.formatErrorString(t,i)))))))}render(){return e(s,{key:"993674bad95a4e06fab44fab89194ca219e4faac"},e("div",{key:"77ea47b582116ffbbccc66fe24d8a152150c20ff",tabIndex:0,class:`container ${this.getType()}`},this.mainTitle&&this.renderTitle(),this.getType()==a.DEFAULT?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&e("z-modal",{modalid:`file-upload-${this.type}-error-modal`,tabIndex:0,ref:t=>this.errorModal=t,modaltitle:"Errore di caricamento",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent()))}get el(){return n(this)}};h.style=d;export{h as z_file_upload};
+//# sourceMappingURL=p-1ff016c2.entry.js.map

package/dist/web-components-library/p-1ff016c2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZFileUploadStyle0","ZFileUpload","this","inputAttributes","type","id","multiple","ZFileUploadType","DEFAULT","removeFileListener","e","removeFiles","detail","fileDroppedListener","input","files","fileInputHandler","componentDidUpdate","handleAccessibility","invalidFiles","size","errorModal","focus","componentWillLoad","Map","length","checkFiles","Array","from","getFiles","removeFile","fileName","file","find","name","index","indexOf","splice","getType","getDevice","Device","DESKTOP","DESKTOP_WIDE","lastFile","el","querySelector","button","uploadLink","errors","sizeErrorString","fileMaxSize","formatErrorString","forEach","fileSize","fileFormatOk","acceptedFormat","split","some","ext","toLowerCase","endsWith","trim","fileSizeOk","f","push","fileInput","emit","value","set","get","renderTitle","h","mainTitle","renderDescription","cssClass","class","description","renderAllowedFileExtensions","fileFormatString","fileWeightString","fileFormat","map","string","substring","toUpperCase","join","finalString","renderFileSection","hasFileSection","DividerSize","MEDIUM","renderInput","Object","assign","onChange","accept","ref","val","renderUploadButton","onClick","click","onKeyPress","code","preventDefault","variant","buttonVariant","icon","uploadBtnLabel","renderUploadLink","tabIndex","renderDefaultMode","renderDragDropMode","dragAndDropLabel","key","bothErrors","_a","_b","handleErrorModalContent","slot","render","Host","modalid","modaltitle","onModalClose","onModalBackgroundClick"],"sources":["src/components/file-upload/z-file-upload/styles.css?tag=z-file-upload&encapsulation=shadow","src/components/file-upload/z-file-upload/index.tsx"],"sourcesContent":[":host {\n  color: var(--color-text01);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .container {\n  display: flex;\n  flex-direction: column;\n}\n\n:host .modal-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host .modal-wrapper > .files-wrapper {\n  display: flex;\n  flex-direction: column;\n  margin: calc(var(--space-unit) * 4);\n  gap: var(--space-unit);\n}\n\n:host .text-container {\n  display: flex;\n  flex-direction: column;\n  margin: auto;\n}\n\n:host .text-container .body-1 {\n  text-align: center;\n}\n\n:host .text-container .upload-link {\n  color: var(--color-link-primary);\n  cursor: pointer;\n}\n\n:host .text-container .upload-link-text {\n  margin-bottom: var(--space-unit);\n}\n\ninput#file-elem {\n  display: none;\n}\n\n#title {\n  display: inline-block;\n  margin: calc(var(--space-unit) * 2.5) 0 calc(var(--space-unit) * 4);\n  font-size: calc(var(--space-unit) * 3);\n  font-weight: var(--font-sb);\n}\n\n:host > .container > z-button {\n  display: inline-block;\n  margin-top: calc(var(--space-unit) * 3);\n}\n\n:host > .container > .files-container.hidden {\n  display: none;\n}\n\n:host > .container > .files-container > .heading-4-sb {\n  display: inline-block;\n  margin: calc(var(--space-unit) * 3) 0;\n  font-size: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n}\n\n:host([type=\"dragdrop\"]) > .container > .files-container > .heading-4-sb {\n  margin-top: 0;\n  margin-bottom: calc(var(--space-unit) * 3);\n}\n\n:host > .container > .files-container > .files-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: calc(var(--space-unit) * 2);\n  row-gap: calc(var(--space-unit) * 2);\n}\n\n:host > .container > .files-container > z-divider {\n  margin-top: calc(var(--space-unit) * 3);\n  margin-bottom: 0;\n}\n\n:host([type=\"dragdrop\"]) > .container > .files-container > z-divider {\n  margin: calc(var(--space-unit) * 3) 0;\n}\n\n:host .error-message {\n  font-size: 14px;\n  font-weight: 400;\n  letter-spacing: 0.16%;\n  line-height: 20px;\n  text-align: left;\n}\n\n:host .error-message > .file-name {\n  font-weight: 600;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > .container > z-button {\n    align-self: flex-start;\n  }\n\n  :host .modal-wrapper {\n    padding: calc(var(--space-unit) * 3);\n  }\n}\n\n@media only screen and (min-width: 1152px) {\n  :host .modal-wrapper {\n    padding: calc(var(--space-unit) * 4);\n  }\n}\n","import {Component, Prop, h, EventEmitter, Event, State, Listen, Element, Host, Method} from \"@stencil/core\";\nimport {ButtonVariant, Device, DividerSize, ZFileUploadType} from \"../../../beans\";\nimport {getDevice} from \"../../../utils/utils\";\n\n@Component({\n  tag: \"z-file-upload\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZFileUpload {\n  /** Prop indicating the file upload type - can be default or dragdrop */\n  @Prop({reflect: true})\n  type: ZFileUploadType = ZFileUploadType.DEFAULT;\n\n  /** Prop indicating the button variant*/\n  @Prop()\n  buttonVariant?: ButtonVariant;\n\n  /** Prop indicating the accepted file type: ex \".pdf, .doc, .jpg\" */\n  @Prop()\n  acceptedFormat?: string;\n\n  /** Max file dimension in Megabyte */\n  @Prop()\n  fileMaxSize?: number;\n\n  /** Title */\n  @Prop()\n  mainTitle?: string;\n\n  /** Description */\n  @Prop()\n  description?: string;\n\n  /** Files added by the user */\n  @State()\n  files: File[] = [];\n\n  /** upoload button label */\n  @Prop()\n  uploadBtnLabel?: string = \"allega\";\n\n  /** drag & drop button label */\n  @Prop()\n  dragAndDropLabel?: string = \"Rilascia i file in questa area per allegarli.\";\n\n  /** uploaded files history rendering */\n  @Prop()\n  hasFileSection?: boolean = true;\n\n  /** List of files not allowed to be uploaded */\n  @State()\n  invalidFiles: Map<string, string[]>;\n\n  @Element() el: HTMLZFileUploadElement;\n\n  private input: HTMLInputElement;\n\n  private button: HTMLZButtonElement;\n\n  private errorModal: HTMLZModalElement;\n\n  private uploadLink: HTMLSpanElement;\n\n  private inputAttributes = {\n    type: \"file\",\n    id: \"file-elem\",\n    multiple: true,\n  };\n\n  /** Listen removeFile event sent from z-file component */\n  @Listen(\"removeFile\")\n  removeFileListener(e: CustomEvent): void {\n    this.removeFiles(e.detail);\n  }\n\n  /** Listen fileDropped event sent from z-dragdrop-area component */\n  @Listen(\"fileDropped\")\n  fileDroppedListener(e: CustomEvent): void {\n    this.input.files = e.detail;\n    this.fileInputHandler();\n  }\n\n  componentDidUpdate(): void {\n    this.handleAccessibility();\n    this.invalidFiles.size && this.errorModal.focus();\n  }\n\n  componentWillLoad(): void {\n    this.invalidFiles = new Map<string, string[]>();\n  }\n\n  /** Emitted when user select one or more files */\n  @Event()\n  fileInput: EventEmitter;\n\n  private fileInputHandler(): void {\n    if (this.input.files.length) {\n      this.invalidFiles = this.checkFiles(Array.from(this.input.files));\n    }\n  }\n\n  /** get array of uploaded files */\n  @Method()\n  async getFiles(): Promise<File[]> {\n    return this.files;\n  }\n\n  /** remove file from the array */\n  @Method()\n  async removeFile(fileName: string): Promise<void> {\n    await this.removeFiles(fileName);\n  }\n\n  private async removeFiles(fileName: string): Promise<void> {\n    const files = this.files;\n    const file = files.find((file) => file.name === fileName);\n    if (file) {\n      const index = files.indexOf(file);\n      if (index >= 0) {\n        files.splice(index, 1);\n        this.files = [...files];\n      }\n    }\n  }\n\n  private getType(): ZFileUploadType {\n    if (getDevice() !== Device.DESKTOP && getDevice() !== Device.DESKTOP_WIDE) {\n      return ZFileUploadType.DEFAULT;\n    }\n\n    return this.type;\n  }\n\n  private handleAccessibility(): void {\n    const lastFile = this.el.querySelector(\"z-file:last-child z-chip button\");\n    if (this.files.length > 0 && lastFile) {\n      (lastFile as HTMLElement).focus();\n    } else {\n      this.getType() === ZFileUploadType.DEFAULT\n        ? this.button.querySelector(\"button\").focus()\n        : this.uploadLink.focus();\n    }\n  }\n\n  private checkFiles(files: File[]): Map<string, string[]> {\n    const errors = new Map<string, string[]>();\n    const sizeErrorString = `supera il limite di ${this.fileMaxSize}MB`;\n    const formatErrorString = \" ha un formato non supportato\";\n    files.forEach((file: File) => {\n      const fileSize = file.size / 1024 / 1024;\n      const fileFormatOk = this.acceptedFormat\n        .split(\",\")\n        .some((ext: string) => file.name.toLowerCase().endsWith(ext.trim()));\n      const fileSizeOk = fileSize <= this.fileMaxSize;\n      if (fileSizeOk && fileFormatOk) {\n        if (!this.files.find((f) => f.name === file.name)) {\n          this.files.push(file);\n          this.fileInput.emit(file);\n          this.input.value = \"\";\n        }\n\n        return;\n      }\n      errors.set(file.name, []);\n      if (!fileSizeOk) {\n        errors.get(file.name).push(sizeErrorString);\n      }\n      if (!fileFormatOk) {\n        errors.get(file.name).push(formatErrorString);\n      }\n    });\n\n    return errors;\n  }\n\n  private renderTitle(): HTMLElement {\n    return <span id=\"title\">{this.mainTitle}</span>;\n  }\n\n  private renderDescription(cssClass): HTMLElement {\n    return <span class={cssClass}>{this.description}</span>;\n  }\n\n  private renderAllowedFileExtensions(): HTMLElement {\n    let fileFormatString = \"\";\n    let fileWeightString = \"\";\n\n    if (this.acceptedFormat) {\n      const fileFormat = this.acceptedFormat\n        .split(\", \")\n        .map((string) => string.substring(1).toUpperCase())\n        .join(\", \");\n      fileFormatString = ` nei formati ${fileFormat}`;\n    }\n\n    if (this.fileMaxSize) {\n      fileWeightString = ` per un massimo di ${this.fileMaxSize}MB di peso`;\n    }\n\n    const finalString = `Puoi allegare file${fileFormatString}${fileWeightString}.`;\n\n    return <span class=\"body-3\">{fileFormatString || fileWeightString ? finalString : null}</span>;\n  }\n\n  private renderFileSection(): HTMLElement {\n    if (!this.hasFileSection) {\n      return;\n    }\n\n    return (\n      <section class={`files-container ${!this.files.length ? \"hidden\" : \"\"}`}>\n        <span class=\"heading-4-sb\">File appena caricati</span>\n        <div class=\"files-wrapper\">\n          <slot name=\"files\" />\n        </div>\n        <z-divider size={DividerSize.MEDIUM} />\n      </section>\n    );\n  }\n\n  private renderInput(): HTMLInputElement {\n    return (\n      <input\n        {...this.inputAttributes}\n        onChange={() => this.fileInputHandler()}\n        accept={this.acceptedFormat}\n        ref={(val) => (this.input = val)}\n      />\n    );\n  }\n\n  private renderUploadButton(): unknown[] {\n    return [\n      this.renderInput(),\n      <z-button\n        onClick={() => this.input.click()}\n        onKeyPress={(e) => {\n          if (e.code == \"Space\" || e.code == \"Enter\") {\n            e.preventDefault();\n            this.input.click();\n          }\n        }}\n        id=\"fileSelect\"\n        variant={this.buttonVariant}\n        icon=\"upload\"\n        ref={(val) => (this.button = val)}\n      >\n        {this.uploadBtnLabel}\n      </z-button>,\n    ];\n  }\n\n  private renderUploadLink(): unknown[] {\n    return [\n      this.renderInput(),\n      <span class=\"body-1 upload-link-text\">\n        Trascina o{\" \"}\n        <span\n          tabIndex={0}\n          class=\"body-1-sb upload-link\"\n          onClick={() => this.input.click()}\n          onKeyPress={(e) => {\n            if (e.code == \"Space\" || e.code == \"Enter\") {\n              e.preventDefault();\n              this.input.click();\n            }\n          }}\n          ref={(val) => (this.uploadLink = val)}\n        >\n          carica\n        </span>{\" \"}\n        dal tuo computer\n      </span>,\n    ];\n  }\n\n  private renderDefaultMode(): unknown[] {\n    return [\n      this.renderDescription(\"body-3-sb\"),\n      this.renderAllowedFileExtensions(),\n      this.renderFileSection(),\n      this.renderUploadButton(),\n    ];\n  }\n\n  private renderDragDropMode(): unknown[] {\n    return [\n      this.renderFileSection(),\n      <z-dragdrop-area drag-and-drop-label={this.dragAndDropLabel}>\n        <div class=\"text-container\">\n          {this.renderDescription(\"body-1\")}\n          {this.renderUploadLink()}\n          {this.renderAllowedFileExtensions()}\n        </div>\n      </z-dragdrop-area>,\n    ];\n  }\n\n  private formatErrorString(key, value): string {\n    const bothErrors = value[0] && value[1] ? \" e \" : \"\";\n\n    return (\n      <span class=\"error-message\">\n        Il file <span class=\"file-name\">{key}</span> {value[1] ?? \"\"}\n        {bothErrors}\n        {value[0] ?? \"\"}.\n      </span>\n    );\n  }\n\n  private handleErrorModalContent(): HTMLDivElement {\n    return (\n      <div slot=\"modalContent\">\n        <div class=\"modal-wrapper\">\n          <div class=\"files\">\n            {Array.from(this.invalidFiles).map(([key, value]) => {\n              return <span class=\"body-3\">{this.formatErrorString(key, value)}</span>;\n            })}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZFileUploadElement {\n    return (\n      <Host>\n        <div\n          tabIndex={0}\n          class={`container ${this.getType()}`}\n        >\n          {this.mainTitle && this.renderTitle()}\n          {this.getType() == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()}\n        </div>\n        {!!this.invalidFiles.size && (\n          <z-modal\n            modalid={`file-upload-${this.type}-error-modal`}\n            tabIndex={0}\n            ref={(val) => (this.errorModal = val)}\n            modaltitle=\"Errore di caricamento\"\n            onModalClose={() => (this.invalidFiles = new Map<string, string[]>())}\n            onModalBackgroundClick={() => (this.invalidFiles = new Map<string, string[]>())}\n          >\n            {this.handleErrorModalContent()}\n          </z-modal>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/web-components-library/{p-942e5126.entry.js → p-210fbe0f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a}from"./p-10bb4f4b.js";import{B as i,d as s}from"./p-025f494e.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const n=o;const r=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"75b18feaa0c930cafb3eeadfbd3a815acf629ad3"},a("z-myz-card",{key:"069f6f457a1245042e32e1d79101f76d40a065bc"},a("z-myz-card-header",{key:"7143e0aa8db6f3130778bb34c84f84074950a8ec",titolo:this.name}),a("div",{key:"9562c13fbd46a054f9a8a2a307803a62a3973462",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"2887ee676e44064eaaa5ec96981b1d6f2ec75553",class:"front"},a("z-myz-card-body",{key:"46a2ae89fb4aa4ff0283f6bd8315da9572bf9e12"},a("z-myz-card-cover",{key:"15ae6368e0adee0b691acae69456ca57151f22e5",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"c8c0a403c084f72c934fb4c9c4a171bec8cf7cdd",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"5923095048d52d5c2ac78b4074e4e876468e06b0",class:"back"},a("slot",{key:"4e934ba81c365e10e411fd758edfad1593642bb0",name:"info"}))),a("slot",{key:"211875e202f745c2e4d44c90858c3edc878e762b"})))}};r.style=n;export{r as z_myz_card_dictionary};
-//# sourceMappingURL=p-942e5126.entry.js.map
+import{r as t,c as e,h as a}from"./p-10bb4f4b.js";import{B as i,d as s}from"./p-025f494e.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const d=o;const n=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"27902c8b5de865c26c56ba38e245b9bad6edbd18"},a("z-myz-card",{key:"fc8095edfa2a7d59331977975e24af5fb6e35930"},a("z-myz-card-header",{key:"66dd4738696aa8417d36de2bcd4e8b6957a5f5e2",titolo:this.name}),a("div",{key:"5f825ad42844b2e895f17516e7b090d3c5ce8a6c",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"f86a2a9e7378ba99b4eacf5c106f1a0dce5f4f96",class:"front"},a("z-myz-card-body",{key:"ca603d9fde5d8eef714dce707d6d7107d3211e4d"},a("z-myz-card-cover",{key:"63381a0912ced7fd24ad16865417c4e1da993e77",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"0cdfdcd7c39064180d4ec16bd5c0beb4b82c6e8c",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"ca62bad1d808d9f5fec3b620fa558c0a6ecea908",class:"back"},a("slot",{key:"068e582536a203fbf6bbd56eeef4ede786b89d1c",name:"info"}))),a("slot",{key:"97fb9bea58f45f42d81ff5344f34a9acaba32639"})))}};n.style=d;export{n as z_myz_card_dictionary};
+//# sourceMappingURL=p-210fbe0f.entry.js.map

package/dist/web-components-library/p-2731d501.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as a,a as i,g as r}from"./p-10bb4f4b.js";import{B as s,d as l}from"./p-025f494e.js";import{m as o}from"./p-2c886e8b.js";import"./p-356aac96.js";import"./p-4bc82510.js";import"./p-5e585fe9.js";import"./p-6790a3c1.js";import"./p-ca5975a3.js";import"./p-011a7536.js";import"./p-820c2503.js";import"./p-55d22af2.js";import"./p-cc46f0ce.js";import"./p-6087739d.js";import"./p-955da62e.js";const d="z-table-deprecated{display:block;width:100%;background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow-x:auto}z-table-deprecated>div.table{display:table;width:100%;border-collapse:separate}z-table-deprecated>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table-deprecated>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--color-surface03)}z-table-deprecated>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table-deprecated>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table-deprecated>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-deprecated>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table-deprecated>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;z-index:1;left:0;box-shadow:1px 0 4px -1px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;z-index:2;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--color-surface03)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--color-surface03)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;width:100%;flex-direction:row}.error-content{display:flex;padding:calc(var(--space-unit) * 3);font-family:var(--font-family-sans)}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table-deprecated>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";const n=d;const c=class{constructor(a){e(this,a);this.callToAction=t(this,"callToAction",7);this.callToActionTwo=t(this,"callToActionTwo",7);this.lines=undefined;this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";this.bordered=false;this.callToActionLabel=undefined;this.callToActionTwoLabel=undefined;this.columnSticky=false;this.empty=false;this.error=false;this.errorLink=undefined;this.headerSticky=false;this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare";this.subtitle="";this.hasTableBody=undefined;this.isMobile=undefined}handleResize(){this.isMobile=window.innerWidth<=o}handleOrientationChange(){this.isMobile=screen.width<=o}componentWillLoad(){var e;this.isMobile=window.innerWidth<=o;const t=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!((e=t===null||t===void 0?void 0:t.children)===null||e===void 0?void 0:e.length);if(!!t&&!this.hasTableBody){t.remove()}}componentWillRender(){this.host.setAttribute("role","table")}renderError(e){const t=this.lines?`calc(40px * ${this.lines})`:"auto";return a(i,null,a("div",{class:e},a("slot",{name:"table-header"})),a("z-table-error",null,a("div",{class:"error-content",style:{minHeight:t}},a("slot",{name:"error-image"}),a("div",{class:"text"},a("span",{class:"body-3-sb error-message"},this.errorMessage),a("slot",{name:"error-action"})))))}renderEmpty(e){const t=this.isMobile?l.SMALL:l.BIG;const r=`${this.hasTableBody?"table-content":""}`;if(this.hasTableBody){return a(i,null,a("div",{class:e},a("slot",{name:"table-header"}),a("div",{class:r},a("slot",{name:"table-body"}),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:s.TERTIARY,onClick:()=>this.callToAction.emit(),size:t},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:s.TERTIARY,onClick:()=>this.callToActionTwo.emit(),size:t},this.callToActionTwoLabel)))))}return a(i,null,a("div",{class:e},a("slot",{name:"table-header"})),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:s.TERTIARY,onClick:()=>this.callToAction.emit(),size:t},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:s.TERTIARY,onClick:()=>this.callToActionTwo.emit(),size:t},this.callToActionTwoLabel)))}render(){const e=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n    ${this.columnSticky?"table-column-sticky":""}\n    ${this.headerSticky?"table-header-sticky":""}`;if(this.error){return this.renderError(e)}if(this.empty){return this.renderEmpty(e)}return a(i,null,a("div",{class:e},a("slot",null)),a("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return r(this)}};c.style=n;export{c as z_table_deprecated};
+//# sourceMappingURL=p-2731d501.entry.js.map

package/dist/web-components-library/p-2731d501.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableDeprecatedStyle0","ZTableDeprecated","handleResize","this","isMobile","window","innerWidth","mobileBreakpoint","handleOrientationChange","screen","width","componentWillLoad","tableBody","host","querySelector","hasTableBody","_a","children","length","remove","componentWillRender","setAttribute","renderError","tableClass","minHeight","lines","h","Host","class","name","style","errorMessage","renderEmpty","buttonSize","ButtonSize","SMALL","BIG","tableContentClass","bordered","message","subtitle","callToActionLabel","slot","variant","ButtonVariant","TERTIARY","onClick","callToAction","emit","size","callToActionTwoLabel","callToActionTwo","render","empty","columnSticky","headerSticky","error"],"sources":["src/deprecated/z-table-deprecated/z-table-deprecated/styles.css?tag=z-table-deprecated","src/deprecated/z-table-deprecated/z-table-deprecated/index.tsx"],"sourcesContent":["z-table-deprecated {\n  display: block;\n  width: 100%;\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  overflow-x: auto;\n}\n\nz-table-deprecated > div.table {\n  display: table;\n  width: 100%;\n  border-collapse: separate;\n}\n\nz-table-deprecated > div.table-bordered > z-table-body > z-table-row > z-table-cell:not(:last-child),\nz-table-deprecated > div.table-bordered > z-table-head > z-table-header-row > z-table-header:not(:last-child) {\n  border-right: var(--border-size-small) solid var(--color-surface03);\n}\n\n/** Remove border right to first cell if row is expandable */\nz-table-deprecated > div > z-table-body > z-table-row[expandable] > z-table-cell:first-child,\nz-table-deprecated > div > z-table-head > z-table-header-row[expandable] > z-table-header:first-child {\n  border-right: none;\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] > z-table-cell {\n  background-color: var(--gray50);\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] + z-table-expanded-row {\n  border-bottom: 1px solid var(--gray200);\n}\n\nz-table-deprecated > div.table-column-sticky > z-table-body > z-table-row > z-table-cell:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  position: sticky;\n  z-index: 1;\n  left: 0;\n  box-shadow: 1px 0 4px -1px rgb(66 69 72 / 40%);\n}\n\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header {\n  position: sticky;\n  z-index: 2; /* L'ombra delle celle sticky non va sopra all'header fisso. */\n  top: 0;\n  box-shadow: 0 2px 3px -3px rgb(66 69 72 / 40%);\n}\n\n/**\n * La cella in alto a sinistra rimane sempre sopra alle cell durante lo scroll.\n */\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  z-index: 5;\n}\n\nz-table-body {\n  width: auto;\n  background-color: var(--color-white);\n}\n\nz-table-empty-box {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\nz-table-empty-box.bordered {\n  border-left: var(--border-size-small) solid var(--color-surface03);\n}\n\n.error-message {\n  margin-top: calc(var(--space-unit) * 2);\n}\n\n.table-content {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n}\n\n.error-content {\n  display: flex;\n  padding: calc(var(--space-unit) * 3);\n  font-family: var(--font-family-sans);\n}\n\n.error-content > img {\n  width: 244px;\n  height: 188px;\n  margin-right: calc(var(--space-unit) * 3);\n}\n\n/* Mobile */\n@media only screen and (max-width: 768px) {\n  z-table-deprecated > div.table-empty {\n    display: none;\n  }\n\n  .error-content {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .error-content > img {\n    width: auto;\n    height: auto;\n  }\n\n  .text {\n    padding: calc(var(--space-unit) * 3) 0;\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../beans\";\nimport {mobileBreakpoint} from \"../../../constants/breakpoints\";\nimport \"../z-table-body/index\";\nimport \"../z-table-cell/index\";\nimport \"../z-table-empty-box/index\";\nimport \"../z-table-expanded-row/index\";\nimport \"../z-table-footer/index\";\nimport \"../z-table-head/index\";\nimport \"../z-table-header/index\";\nimport \"../z-table-header-row/index\";\nimport \"../z-table-row/index\";\nimport \"../z-table-sticky-footer/index\";\n\n/**\n * @slot - table elements\n * @slot sticky-footer - set the content of the sticky footer\n * @deprecated\n */\n@Component({\n  assetsDirs: [\"assets\"],\n  styleUrl: \"styles.css\",\n  tag: \"z-table-deprecated\",\n})\nexport class ZTableDeprecated {\n  @Element() host: HTMLZTableDeprecatedElement;\n\n  /** Number of lines of element */\n  @Prop({reflect: true})\n  lines?: number;\n\n  /** Error message */\n  @Prop()\n  errorMessage?: string = \"Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto\";\n\n  /** Sets table with border */\n  @Prop()\n  bordered?: boolean = false;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionLabel?: string;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionTwoLabel?: string;\n\n  /** Sets first column sticky */\n  @Prop()\n  columnSticky?: boolean = false;\n\n  /** Sets empty table */\n  @Prop()\n  empty?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  error?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  errorLink?: string;\n\n  /** Sets header sticky */\n  @Prop()\n  headerSticky?: boolean = false;\n\n  /** Set message */\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare\";\n\n  /** Set subtitle */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Set if has table content, useful when empty conte to who first column */\n  @State()\n  hasTableBody: boolean;\n\n  /** Handle mobile */\n  @State()\n  isMobile: boolean;\n  /** remove call to action event */\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToAction\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToAction: EventEmitter;\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToActionTwo\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToActionTwo: EventEmitter;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n  }\n\n  @Listen(\"orientationchange\", {target: \"window\"})\n  handleOrientationChange(): void {\n    this.isMobile = screen.width <= mobileBreakpoint;\n  }\n\n  componentWillLoad(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n\n    const tableBody = this.host.querySelector('[slot=\"table-body\"]');\n    this.hasTableBody = !!tableBody?.children?.length;\n\n    if (!!tableBody && !this.hasTableBody) {\n      tableBody.remove();\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"table\");\n  }\n\n  private renderError(tableClass): HTMLZTableDeprecatedElement {\n    const minHeight = this.lines ? `calc(40px * ${this.lines})` : \"auto\";\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-error>\n          <div\n            class=\"error-content\"\n            style={{minHeight}}\n          >\n            <slot name=\"error-image\" />\n            <div class=\"text\">\n              <span class=\"body-3-sb error-message\">{this.errorMessage}</span>\n              <slot name=\"error-action\" />\n            </div>\n          </div>\n        </z-table-error>\n      </Host>\n    );\n  }\n\n  private renderEmpty(tableClass): HTMLZTableDeprecatedElement {\n    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;\n    const tableContentClass = `${this.hasTableBody ? \"table-content\" : \"\"}`;\n    if (this.hasTableBody) {\n      return (\n        <Host>\n          <div class={tableClass}>\n            <slot name=\"table-header\" />\n            <div class={tableContentClass}>\n              <slot name=\"table-body\" />\n              <z-table-empty-box\n                class={this.bordered && \"bordered\"}\n                message={this.message}\n                subtitle={this.subtitle}\n              >\n                {!!this.callToActionLabel && (\n                  <z-button\n                    slot=\"cta1\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToAction.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionLabel}\n                  </z-button>\n                )}\n                {!!this.callToActionTwoLabel && (\n                  <z-button\n                    slot=\"cta2\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToActionTwo.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionTwoLabel}\n                  </z-button>\n                )}\n              </z-table-empty-box>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-empty-box\n          class={this.bordered && \"bordered\"}\n          message={this.message}\n          subtitle={this.subtitle}\n        >\n          {!!this.callToActionLabel && (\n            <z-button\n              slot=\"cta1\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToAction.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionLabel}\n            </z-button>\n          )}\n          {!!this.callToActionTwoLabel && (\n            <z-button\n              slot=\"cta2\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToActionTwo.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionTwoLabel}\n            </z-button>\n          )}\n        </z-table-empty-box>\n      </Host>\n    );\n  }\n\n  render(): HTMLZTableDeprecatedElement {\n    const tableClass = `table ${this.empty ? \"table-empty\" : \"\"} ${this.bordered ? \"table-bordered\" : \"\"}\n    ${this.columnSticky ? \"table-column-sticky\" : \"\"}\n    ${this.headerSticky ? \"table-header-sticky\" : \"\"}`;\n\n    if (this.error) {\n      return this.renderError(tableClass);\n    }\n    if (this.empty) {\n      return this.renderEmpty(tableClass);\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot />\n        </div>\n        <slot name=\"sticky-footer\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/web-components-library/p-28c6bb97.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_table_sticky_footer}from"./p-6087739d.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-28c6bb97.entry.js.map

package/dist/web-components-library/p-28c6bb97.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/{p-6edd5dbe.entry.js → p-2f72475d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e}from"./p-10bb4f4b.js";import{f as n}from"./p-025f494e.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const s=r;const o=class{constructor(e){t(this,e);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return e("div",{key:"52fb020b2ebcd1d55b61a700c42b9292e23e88d7",class:"otp-container"},e("div",{key:"fd1c71d7029342f745a0adee68b79b5440c01927",class:"digits-container"},this.otp.map(((t,i)=>e("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),e("z-input-message",{key:"2eb46b8273e78ce177f352d50441493e5ac260e8",message:this.message,status:this.status}))}};o.style=s;export{o as z_otp};
-//# sourceMappingURL=p-6edd5dbe.entry.js.map
+import{r as t,c as i,h as e}from"./p-10bb4f4b.js";import{f as n}from"./p-025f494e.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const a=r;const s=class{constructor(e){t(this,e);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return e("div",{key:"ed4894a5e991ebb5e870ab0a1f54c75217721c5c",class:"otp-container"},e("div",{key:"1bef4aae264fb80813a5b7b71412eb638c17736d",class:"digits-container"},this.otp.map(((t,i)=>e("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),e("z-input-message",{key:"6b40b61f792ad0f1789a44d27b51657e2f446a8b",message:this.message,status:this.status}))}};s.style=a;export{s as z_otp};
+//# sourceMappingURL=p-2f72475d.entry.js.map

package/dist/web-components-library/p-3441cb4e.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_table_head}from"./p-011a7536.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-3441cb4e.entry.js.map

package/dist/web-components-library/p-3441cb4e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/p-356aac96.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,g as a}from"./p-10bb4f4b.js";const r=".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const e=r;const s=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup");Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",{key:"d422df9305a81ae9beb6b1a695cf08a944f7b893"})}get host(){return a(this)}};s.style=e;export{s as Z};
+//# sourceMappingURL=p-356aac96.js.map

package/dist/web-components-library/p-356aac96.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableBodyStyle0","ZTableBody","componentWillRender","this","host","setAttribute","Array","from","children","forEach","child","index","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-body/styles.css?tag=z-table-body&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"sourcesContent":[":host {\n  display: table-row-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-body\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableBody {\n  @Element() host: HTMLZTableBodyElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n\n    Array.from(this.host.children).forEach((child, index) => child.setAttribute(\"aria-rowindex\", `${index}`));\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6NAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAGrB,mBAAAC,GACEC,KAAKC,KAAKC,aAAa,OAAQ,YAE/BC,MAAMC,KAAKJ,KAAKC,KAAKI,UAAUC,SAAQ,CAACC,EAAOC,IAAUD,EAAML,aAAa,gBAAiB,GAAGM,M,CAGlG,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/dist/web-components-library/{p-24ab494d.entry.js → p-378b2bbf.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as n,g as o}from"./p-10bb4f4b.js";import{d as s,a as e}from"./p-955da62e.js";import{T as c}from"./p-025f494e.js";import"./p-2c886e8b.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const a=r;const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=s(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"08004b426a63113ef27d0cac85716b5433a2a292",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-white":this.variant===c.DARK,"z-link-black":this.variant!==c.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=a;export{l as z_skip_to_content};
-//# sourceMappingURL=p-24ab494d.entry.js.map
+import{r as t,h as i,a as n,g as o}from"./p-10bb4f4b.js";import{d as s,a as e}from"./p-955da62e.js";import{T as c}from"./p-025f494e.js";import"./p-2c886e8b.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const a=r;const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=s(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"148da854d3c5a83e5c103b3efcc5358f86278936",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-white":this.variant===c.DARK,"z-link-black":this.variant!==c.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=a;export{l as z_skip_to_content};
+//# sourceMappingURL=p-378b2bbf.entry.js.map