@zanichelli/albe-web-components 12.6.1 → 13.0.0

package/dist/components/z-navigation-tab.js

@@ -1,100 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { N as NavigationTabsOrientation, a as NavigationTabsSize } from './index2.js';
-import { I as ICONS } from './icons.js';
-import { d as defineCustomElement$2 } from './index9.js';
-
-const navigationTabCss = "z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:\"\"}z-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"horizontal\"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation=\"horizontal\"] z-icon,z-navigation-tab-link[orientation=\"horizontal\"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*,z-navigation-tab-link[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size=\"small\"]>*,z-navigation-tab-link[size=\"small\"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]>*,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected]>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover>*::after,z-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,z-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation=\"vertical\"]>*,z-navigation-tab-link[orientation=\"vertical\"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover>*::after,z-navigation-tab[orientation=\"vertical\"][selected]>*::after,z-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation=\"vertical\"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}";
-const ZNavigationTabStyle0 = navigationTabCss;
-
-const ZNavigationTab$1 = /*@__PURE__*/ proxyCustomElement(class ZNavigationTab extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.selectedEvent = createEvent(this, "selected", 7);
-        this.ariaControls = undefined;
-        this.tabId = undefined;
-        this.selected = false;
-        this.disabled = false;
-        this.orientation = NavigationTabsOrientation.HORIZONTAL;
-        this.size = NavigationTabsSize.BIG;
-        this.icon = undefined;
-        this.label = undefined;
-        this.htmlTitle = undefined;
-    }
-    /**
-     * Scroll into view to center the tab.
-     */
-    scrollToTab({ target: button }) {
-        const scrollOptions = (this.orientation === NavigationTabsOrientation.HORIZONTAL
-            ? { block: "nearest", inline: "center" }
-            : { block: "center", inline: "nearest" });
-        button.scrollIntoView(Object.assign({ behavior: "smooth" }, scrollOptions));
-    }
-    onClick() {
-        if (!this.disabled) {
-            this.selected = true;
-        }
-    }
-    onSelected() {
-        if (this.selected) {
-            this.selectedEvent.emit();
-        }
-    }
-    /**
-     * Render the icon component using the icon's name passed from prop.
-     * Use the `filled` version when the tab is `selected`.
-     * @returns {HTMLElement}
-     */
-    renderIcon() {
-        let icon = this.icon;
-        const iconFilled = `${icon.replace(/-filled$/, "")}-filled`;
-        if (this.selected && Object.keys(ICONS).includes(iconFilled)) {
-            icon = iconFilled;
-        }
-        return h("z-icon", { name: icon });
-    }
-    render() {
-        return (h(Host, { key: '9f7613292bba051a6fbf38a9da4979d9ad46bce3', role: "tab", id: this.tabId, "aria-selected": this.selected ? "true" : "false", "aria-controls": this.ariaControls }, h("button", { key: '724d57e9b6d12f6f4cf30755ff17e5ae51bdc4a5', tabIndex: this.selected ? 0 : -1, onFocus: this.scrollToTab.bind(this), disabled: this.disabled, title: this.htmlTitle }, this.icon && this.renderIcon(), this.orientation === NavigationTabsOrientation.HORIZONTAL && this.label)));
-    }
-    static get watchers() { return {
-        "selected": ["onSelected"]
-    }; }
-    static get style() { return ZNavigationTabStyle0; }
-}, [0, "z-navigation-tab", {
-        "ariaControls": [1, "aria-controls"],
-        "tabId": [1, "tab-id"],
-        "selected": [1540],
-        "disabled": [516],
-        "orientation": [513],
-        "size": [513],
-        "icon": [1],
-        "label": [1],
-        "htmlTitle": [1, "html-title"]
-    }, [[0, "click", "onClick"]], {
-        "selected": ["onSelected"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-navigation-tab", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-navigation-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZNavigationTab$1);
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZNavigationTab = ZNavigationTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZNavigationTab, defineCustomElement };
-
-//# sourceMappingURL=z-navigation-tab.js.map

package/dist/components/z-navigation-tab.js.map

@@ -1 +0,0 @@
-{"file":"z-navigation-tab.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,0hHAA0hH,CAAC;AACpjH,6BAAe,gBAAgB;;MCYlBA,gBAAc;;;;;;;wBAuBJ,KAAK;wBAML,KAAK;2BAMe,yBAAyB,CAAC,UAAU;oBAMlD,kBAAkB,CAAC,GAAG;;;;;;;;IA+BzC,WAAW,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC;QAClC,MAAM,aAAa,IACjB,IAAI,CAAC,WAAW,KAAK,yBAAyB,CAAC,UAAU;cACrD,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC;cACpC,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,CAChB,CAAC;QAE3B,MAAM,CAAC,cAAc,iBACnB,QAAQ,EAAE,QAAQ,IACf,aAAa,EAChB,CAAC;KACJ;IAGD,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;KACF;IAGD,UAAU;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC3B;KACF;;;;;;IAOO,UAAU;QAChB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC;QAE5D,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YAC5D,IAAI,GAAG,UAAU,CAAC;SACnB;QAED,OAAO,cAAQ,IAAI,EAAE,IAAI,GAAW,CAAC;KACtC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,KAAK,mBACC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,mBAChC,IAAI,CAAC,YAAY,IAEhC,+DACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,SAAS,IAEpB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,EAC9B,IAAI,CAAC,WAAW,KAAK,yBAAyB,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CACjE,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZNavigationTab"],"sources":["src/deprecated/navigation-tab.css?tag=z-navigation-tab","src/deprecated/z-navigation-tab/index.tsx"],"sourcesContent":["z-navigation-tab > button,\nz-navigation-tab-link > a {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tab-link > a {\n  text-decoration: none;\n}\n\nz-navigation-tab *,\nz-navigation-tab-link *,\nz-navigation-tab *::before,\nz-navigation-tab *::after,\nz-navigation-tab-link *::before,\nz-navigation-tab-link *::after {\n  box-sizing: border-box;\n}\n\nz-navigation-tab > *:focus:focus-visible,\nz-navigation-tab-link > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tab:not([disabled]):hover > *,\nz-navigation-tab[selected] > *,\nz-navigation-tab-link:not([disabled]):hover > *,\nz-navigation-tab-link[selected] > * {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tab:not([disabled]):hover > *::after,\nz-navigation-tab[selected] > *::after,\nz-navigation-tab-link:not([disabled]):hover > *::after,\nz-navigation-tab-link[selected] > *::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"][selected] > *::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tab z-icon,\nz-navigation-tab-link z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\nz-navigation-tab[orientation=\"horizontal\"] z-icon,\nz-navigation-tab-link[orientation=\"horizontal\"] z-icon {\n  margin-right: var(--space-unit);\n}\n\nz-navigation-tab:not([disabled]):hover > * {\n  background-color: var(--color-background);\n}\n\nz-navigation-tab[disabled] > *,\nz-navigation-tab-link[disabled] > * {\n  color: var(--gray500);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\n/* Size small (only available for horizontal) */\nz-navigation-tab[size=\"small\"] > *,\nz-navigation-tab-link[size=\"small\"] > * {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"] > *,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"] > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected] > *::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,\nz-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\nz-navigation-tab[orientation=\"vertical\"] > *,\nz-navigation-tab-link[orientation=\"vertical\"] > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"vertical\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"vertical\"][selected] > *::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter, Watch, Host} from \"@stencil/core\";\nimport {NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\nimport {ICONS} from \"../../components/icons/icons\";\n\n/**\n * Single tab component to use inside `z-navigation-tabs`. It renders a button.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n */\n@Component({\n  tag: \"z-navigation-tab\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTab {\n  /**\n   * `aria-controls` attribute of the tab.\n   * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\n   * The value must be the `id` of the element it controls.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls\n   */\n  @Prop()\n  ariaControls?: string;\n\n  /**\n   * `id` attribute of the tab.\n   * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\n   * @deprecated Use native `id` attribute instead\n   */\n  @Prop()\n  tabId?: string;\n\n  /**\n   * Whether the tab is selected.\n   */\n  @Prop({mutable: true, reflect: true})\n  selected?: boolean = false;\n\n  /**\n   * Whether the tab is disabled.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  orientation: NavigationTabsOrientation = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  size: NavigationTabsSize = NavigationTabsSize.BIG;\n\n  /**\n   * Name of the icon to use.\n   * The `filled` version will be automatically used (if found) when the tab is `selected`.\n   * @deprecated Use a native `<button>` instead.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Html `title` attribute for the button.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * The tab has been selected.\n   */\n  @Event({eventName: \"selected\"})\n  private selectedEvent: EventEmitter;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab({target: button}): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    button.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (!this.disabled) {\n      this.selected = true;\n    }\n  }\n\n  @Watch(\"selected\")\n  onSelected(): void {\n    if (this.selected) {\n      this.selectedEvent.emit();\n    }\n  }\n\n  /**\n   * Render the icon component using the icon's name passed from prop.\n   * Use the `filled` version when the tab is `selected`.\n   * @returns {HTMLElement}\n   */\n  private renderIcon(): HTMLZIconElement {\n    let icon = this.icon;\n    const iconFilled = `${icon.replace(/-filled$/, \"\")}-filled`;\n\n    if (this.selected && Object.keys(ICONS).includes(iconFilled)) {\n      icon = iconFilled;\n    }\n\n    return <z-icon name={icon}></z-icon>;\n  }\n\n  render(): HTMLZNavigationTabElement {\n    return (\n      <Host\n        role=\"tab\"\n        id={this.tabId}\n        aria-selected={this.selected ? \"true\" : \"false\"}\n        aria-controls={this.ariaControls}\n      >\n        <button\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          disabled={this.disabled}\n          title={this.htmlTitle}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === NavigationTabsOrientation.HORIZONTAL && this.label}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/z-table-body.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableBody extends Components.ZTableBody, HTMLElement {}
-export const ZTableBody: {
-    prototype: ZTableBody;
-    new (): ZTableBody;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-body.js

@@ -1,40 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = ".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 ZTableBodyStyle0 = stylesCss;
-
-const ZTableBody$1 = /*@__PURE__*/ proxyCustomElement(class ZTableBody extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-        Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
-    }
-    render() {
-        return h("slot", { key: 'd422df9305a81ae9beb6b1a695cf08a944f7b893' });
-    }
-    get host() { return this; }
-    static get style() { return ZTableBodyStyle0; }
-}, [6, "z-table-body"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableBody$1);
-            }
-            break;
-    } });
-}
-
-const ZTableBody = ZTableBody$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableBody, defineCustomElement };
-
-//# sourceMappingURL=z-table-body.js.map

package/dist/components/z-table-body.js.map

@@ -1 +0,0 @@
-{"file":"z-table-body.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4NAA4N,CAAC;AAC/O,yBAAe,SAAS;;MCUXA,YAAU;;;;;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3G;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableBody"],"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"],"version":3}

package/dist/components/z-table-cell.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableCell extends Components.ZTableCell, HTMLElement {}
-export const ZTableCell: {
-    prototype: ZTableCell;
-    new (): ZTableCell;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-cell.js

@@ -1,8 +0,0 @@
-import { Z as ZTableCell$1, d as defineCustomElement$1 } from './index27.js';
-
-const ZTableCell = ZTableCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableCell, defineCustomElement };
-
-//# sourceMappingURL=z-table-cell.js.map

package/dist/components/z-table-cell.js.map

@@ -1 +0,0 @@
-{"file":"z-table-cell.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-table-deprecated.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableDeprecated extends Components.ZTableDeprecated, HTMLElement {}
-export const ZTableDeprecated: {
-    prototype: ZTableDeprecated;
-    new (): ZTableDeprecated;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-deprecated.js

@@ -1,127 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { B as ButtonVariant, d as ButtonSize } from './index2.js';
-import { m as mobileBreakpoint } from './breakpoints.js';
-import { d as defineCustomElement$4 } from './index4.js';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index28.js';
-
-const stylesCss = "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 ZTableDeprecatedStyle0 = stylesCss;
-
-const ZTableDeprecated$1 = /*@__PURE__*/ proxyCustomElement(class ZTableDeprecated extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.callToAction = createEvent(this, "callToAction", 7);
-        this.callToActionTwo = createEvent(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 <= mobileBreakpoint;
-    }
-    handleOrientationChange() {
-        this.isMobile = screen.width <= mobileBreakpoint;
-    }
-    componentWillLoad() {
-        var _a;
-        this.isMobile = window.innerWidth <= mobileBreakpoint;
-        const tableBody = this.host.querySelector('[slot="table-body"]');
-        this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
-        if (!!tableBody && !this.hasTableBody) {
-            tableBody.remove();
-        }
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "table");
-    }
-    renderError(tableClass) {
-        const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
-    }
-    renderEmpty(tableClass) {
-        const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
-        const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
-        if (this.hasTableBody) {
-            return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
-        }
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
-    }
-    render() {
-        const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
-    ${this.columnSticky ? "table-column-sticky" : ""}
-    ${this.headerSticky ? "table-header-sticky" : ""}`;
-        if (this.error) {
-            return this.renderError(tableClass);
-        }
-        if (this.empty) {
-            return this.renderEmpty(tableClass);
-        }
-        return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get host() { return this; }
-    static get style() { return ZTableDeprecatedStyle0; }
-}, [4, "z-table-deprecated", {
-        "lines": [514],
-        "errorMessage": [1, "error-message"],
-        "bordered": [4],
-        "callToActionLabel": [1, "call-to-action-label"],
-        "callToActionTwoLabel": [1, "call-to-action-two-label"],
-        "columnSticky": [4, "column-sticky"],
-        "empty": [4],
-        "error": [4],
-        "errorLink": [1, "error-link"],
-        "headerSticky": [4, "header-sticky"],
-        "message": [1],
-        "subtitle": [1],
-        "hasTableBody": [32],
-        "isMobile": [32]
-    }, [[9, "resize", "handleResize"], [8, "orientationchange", "handleOrientationChange"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-deprecated", "z-button", "z-icon", "z-table-empty-box"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-deprecated":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableDeprecated$1);
-            }
-            break;
-        case "z-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-table-empty-box":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZTableDeprecated = ZTableDeprecated$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableDeprecated, defineCustomElement };
-
-//# sourceMappingURL=z-table-deprecated.js.map

package/dist/components/z-table-deprecated.js.map

@@ -1 +0,0 @@
-{"file":"z-table-deprecated.js","mappings":";;;;;;;AAAA,MAAM,SAAS,GAAG,i1EAAi1E,CAAC;AACp2E,+BAAe,SAAS;;MCuBXA,kBAAgB;;;;;;;4BASH,uEAAuE;wBAI1E,KAAK;;;4BAYD,KAAK;qBAIZ,KAAK;qBAIL,KAAK;;4BAQE,KAAK;uBAIX,oEAAoE;wBAInE,EAAE;;;;IA8BtB,YAAY;QACV,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,IAAI,gBAAgB,CAAC;KACvD;IAGD,uBAAuB;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,gBAAgB,CAAC;KAClD;IAED,iBAAiB;;QACf,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,IAAI,gBAAgB,CAAC;QAEtD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QACjE,IAAI,CAAC,YAAY,GAAG,CAAC,EAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,0CAAE,MAAM,CAAA,CAAC;QAElD,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACrC,SAAS,CAAC,MAAM,EAAE,CAAC;SACpB;KACF;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACzC;IAEO,WAAW,CAAC,UAAU;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,eAAe,IAAI,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC;QAErE,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,UAAU,IACpB,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,EACN,yBACE,WACE,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,EAAC,SAAS,EAAC,IAElB,YAAM,IAAI,EAAC,aAAa,GAAG,EAC3B,WAAK,KAAK,EAAC,MAAM,IACf,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,YAAY,CAAQ,EAChE,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,CACF,CACQ,CACX,EACP;KACH;IAEO,WAAW,CAAC,UAAU;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC;QACrE,MAAM,iBAAiB,GAAG,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,EAAE,EAAE,CAAC;QACxE,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,UAAU,IACpB,YAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,WAAK,KAAK,EAAE,iBAAiB,IAC3B,YAAM,IAAI,EAAC,YAAY,GAAG,EAC1B,yBACE,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAClC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,CAAC,CAAC,IAAI,CAAC,iBAAiB,KACvB,gBACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EACvC,IAAI,EAAE,UAAU,IAEf,IAAI,CAAC,iBAAiB,CACd,CACZ,EACA,CAAC,CAAC,IAAI,CAAC,oBAAoB,KAC1B,gBACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EAC1C,IAAI,EAAE,UAAU,IAEf,IAAI,CAAC,oBAAoB,CACjB,CACZ,CACiB,CAChB,CACF,CACD,EACP;SACH;QAED,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,UAAU,IACpB,YAAM,IAAI,EAAC,cAAc,GAAG,CACxB,EACN,yBACE,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAClC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,CAAC,CAAC,IAAI,CAAC,iBAAiB,KACvB,gBACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EACvC,IAAI,EAAE,UAAU,IAEf,IAAI,CAAC,iBAAiB,CACd,CACZ,EACA,CAAC,CAAC,IAAI,CAAC,oBAAoB,KAC1B,gBACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EAC1C,IAAI,EAAE,UAAU,IAEf,IAAI,CAAC,oBAAoB,CACjB,CACZ,CACiB,CACf,EACP;KACH;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,SAAS,IAAI,CAAC,KAAK,GAAG,aAAa,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,gBAAgB,GAAG,EAAE;MAClG,IAAI,CAAC,YAAY,GAAG,qBAAqB,GAAG,EAAE;MAC9C,IAAI,CAAC,YAAY,GAAG,qBAAqB,GAAG,EAAE,EAAE,CAAC;QAEnD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;SACrC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;SACrC;QAED,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,UAAU,IACpB,eAAQ,CACJ,EACN,YAAM,IAAI,EAAC,eAAe,GAAG,CACxB,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableDeprecated"],"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"],"version":3}

package/dist/components/z-table-empty-box.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableEmptyBox extends Components.ZTableEmptyBox, HTMLElement {}
-export const ZTableEmptyBox: {
-    prototype: ZTableEmptyBox;
-    new (): ZTableEmptyBox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-empty-box.js

@@ -1,8 +0,0 @@
-import { Z as ZTableEmptyBox$1, d as defineCustomElement$1 } from './index28.js';
-
-const ZTableEmptyBox = ZTableEmptyBox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableEmptyBox, defineCustomElement };
-
-//# sourceMappingURL=z-table-empty-box.js.map

package/dist/components/z-table-empty-box.js.map

@@ -1 +0,0 @@
-{"file":"z-table-empty-box.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/z-table-expanded-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableExpandedRow extends Components.ZTableExpandedRow, HTMLElement {}
-export const ZTableExpandedRow: {
-    prototype: ZTableExpandedRow;
-    new (): ZTableExpandedRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-expanded-row.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>div.content-container{margin-bottom:calc(var(--space-unit) / 2);box-shadow:var(--shadow-2)}";
-const ZTableExpandedRowStyle0 = stylesCss;
-
-const ZTableExpandedRow$1 = /*@__PURE__*/ proxyCustomElement(class ZTableExpandedRow extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.colSpan = undefined;
-    }
-    render() {
-        return (h("td", { key: '3f662b4a7d38b2eca3db3a67176991bc4c538edb', colSpan: this.colSpan }, h("div", { key: 'cff535acab16a19f7475b115649c1ca936990c76', class: "content-container" }, h("slot", { key: '742b4fbffd8a5330424432a1145796b71e86bfa8' }))));
-    }
-    static get style() { return ZTableExpandedRowStyle0; }
-}, [1, "z-table-expanded-row", {
-        "colSpan": [2, "col-span"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-expanded-row"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-expanded-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableExpandedRow$1);
-            }
-            break;
-    } });
-}
-
-const ZTableExpandedRow = ZTableExpandedRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableExpandedRow, defineCustomElement };
-
-//# sourceMappingURL=z-table-expanded-row.js.map

package/dist/components/z-table-expanded-row.js.map

@@ -1 +0,0 @@
-{"file":"z-table-expanded-row.js","mappings":";;AAAA,MAAM,SAAS,GAAG,wJAAwJ,CAAC;AAC3K,gCAAe,SAAS;;MCSXA,mBAAiB;;;;;;;IAK5B,MAAM;QACJ,QACE,2DAAI,OAAO,EAAE,IAAI,CAAC,OAAO,IACvB,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,8DAAQ,CACJ,CACH,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableExpandedRow"],"sources":["src/deprecated/z-table-deprecated/z-table-expanded-row/styles.css?tag=z-table-expanded-row&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-expanded-row/index.tsx"],"sourcesContent":[":host {\n  display: none;\n  background-color: var(--gray50);\n}\n\n:host > td > div.content-container {\n  margin-bottom: calc(var(--space-unit) / 2);\n  box-shadow: var(--shadow-2);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-expanded-row\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableExpandedRow {\n  /** Number table column plus 1 for the expand button */\n  @Prop()\n  colSpan: number;\n\n  render(): HTMLTableCellElement {\n    return (\n      <td colSpan={this.colSpan}>\n        <div class=\"content-container\">\n          <slot />\n        </div>\n      </td>\n    );\n  }\n}\n"],"version":3}

package/dist/components/z-table-footer.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableFooter extends Components.ZTableFooter, HTMLElement {}
-export const ZTableFooter: {
-    prototype: ZTableFooter;
-    new (): ZTableFooter;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-footer.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = ".sc-z-table-footer-h{display:table-footer-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
-const ZTableFooterStyle0 = stylesCss;
-
-const ZTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class ZTableFooter extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return h("slot", { key: '2c6376eb19a83b077b07d9127ba5cf5441fb5ba1' });
-    }
-    get host() { return this; }
-    static get style() { return ZTableFooterStyle0; }
-}, [6, "z-table-footer"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableFooter$1);
-            }
-            break;
-    } });
-}
-
-const ZTableFooter = ZTableFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableFooter, defineCustomElement };
-
-//# sourceMappingURL=z-table-footer.js.map

package/dist/components/z-table-footer.js.map

@@ -1 +0,0 @@
-{"file":"z-table-footer.js","mappings":";;AAAA,MAAM,SAAS,GAAG,iHAAiH,CAAC;AACpI,2BAAe,SAAS;;MCUXA,cAAY;;;;;IAGvB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableFooter"],"sources":["src/deprecated/z-table-deprecated/z-table-footer/styles.css?tag=z-table-footer&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-footer/index.tsx"],"sourcesContent":[":host {\n  display: table-footer-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-footer\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableFooter {\n  @Element() host: HTMLZTableFooterElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/components/z-table-head.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableHead extends Components.ZTableHead, HTMLElement {}
-export const ZTableHead: {
-    prototype: ZTableHead;
-    new (): ZTableHead;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/z-table-head.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const stylesCss = ".sc-z-table-head-h{display:table-header-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}";
-const ZTableHeadStyle0 = stylesCss;
-
-const ZTableHead$1 = /*@__PURE__*/ proxyCustomElement(class ZTableHead extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-    }
-    render() {
-        return h("slot", { key: '98012cd26ee60c370c6ccf6bff47ca5c827f30b6' });
-    }
-    get host() { return this; }
-    static get style() { return ZTableHeadStyle0; }
-}, [6, "z-table-head"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-head"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-head":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableHead$1);
-            }
-            break;
-    } });
-}
-
-const ZTableHead = ZTableHead$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableHead, defineCustomElement };
-
-//# sourceMappingURL=z-table-head.js.map

package/dist/components/z-table-head.js.map

@@ -1 +0,0 @@
-{"file":"z-table-head.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+GAA+G,CAAC;AAClI,yBAAe,SAAS;;MCUXA,YAAU;;;;;IAGrB,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;KAC5C;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableHead"],"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"],"version":3}

package/dist/components/z-table-header-row.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface ZTableHeaderRow extends Components.ZTableHeaderRow, HTMLElement {}
-export const ZTableHeaderRow: {
-    prototype: ZTableHeaderRow;
-    new (): ZTableHeaderRow;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;