@zanichelli/albe-web-components 13.1.0-rc3 → 13.1.1

package/dist/collection/deprecated/z-navigation-tab-link/index.js

@@ -1,321 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { NavigationTabsOrientation, NavigationTabsSize } from "../../beans";
-import { ICONS } from "../../components/icons/icons";
-/**
- * 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 class ZNavigationTabLink {
-    constructor() {
-        this.ariaControls = undefined;
-        this.tabId = undefined;
-        this.selected = false;
-        this.disabled = false;
-        this.orientation = NavigationTabsOrientation.HORIZONTAL;
-        this.size = NavigationTabsSize.BIG;
-        this.htmlTitle = undefined;
-        this.target = undefined;
-        this.href = undefined;
-        this.icon = undefined;
-        this.label = 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) {
-            return;
-        }
-        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: '77c729dd9c1bfd412d958eb477f2e227ba7fc7a7', role: "tab", id: this.tabId, "aria-selected": this.selected ? "true" : "false", "aria-controls": this.ariaControls }, h("a", { key: '3b70074a8637c2df922e6c5dcfc38f45c14ae770', tabIndex: this.selected ? 0 : -1, onFocus: this.scrollToTab.bind(this), href: this.disabled ? null : this.href, title: this.htmlTitle, target: this.target }, this.icon && this.renderIcon(), this.orientation === "horizontal" && this.label)));
-    }
-    static get is() { return "z-navigation-tab-link"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../navigation-tab.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../navigation-tab.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "ariaControls": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls"
-                        }],
-                    "text": "`aria-controls` attribute of the tab.\nIdentifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\nThe value must be the `id` of the element it controls."
-                },
-                "attribute": "aria-controls",
-                "reflect": false
-            },
-            "tabId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [{
-                            "name": "link",
-                            "text": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"
-                        }, {
-                            "name": "deprecated",
-                            "text": "Use native `id` attribute instead"
-                        }],
-                    "text": "`id` attribute of the tab.\nSet this id to the `aria-labelledby` attribute of the controlled `tabpanel` element."
-                },
-                "attribute": "tab-id",
-                "reflect": false
-            },
-            "selected": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the tab is selected."
-                },
-                "attribute": "selected",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the tab is disabled."
-                },
-                "attribute": "disabled",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "orientation": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "NavigationTabsOrientation",
-                    "resolved": "NavigationTabsOrientation.HORIZONTAL | NavigationTabsOrientation.VERTICAL",
-                    "references": {
-                        "NavigationTabsOrientation": {
-                            "location": "import",
-                            "path": "../../beans",
-                            "id": "src/beans/index.tsx::NavigationTabsOrientation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this."
-                },
-                "attribute": "orientation",
-                "reflect": true,
-                "defaultValue": "NavigationTabsOrientation.HORIZONTAL"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "NavigationTabsSize",
-                    "resolved": "NavigationTabsSize.BIG | NavigationTabsSize.SMALL",
-                    "references": {
-                        "NavigationTabsSize": {
-                            "location": "import",
-                            "path": "../../beans",
-                            "id": "src/beans/index.tsx::NavigationTabsSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Tab size. Do not set this manually: `z-navigation-tabs` will handle this."
-                },
-                "attribute": "size",
-                "reflect": true,
-                "defaultValue": "NavigationTabsSize.BIG"
-            },
-            "htmlTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Html title attribute for the anchor element."
-                },
-                "attribute": "html-title",
-                "reflect": false
-            },
-            "target": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Html `target` attribute for the anchor element."
-                },
-                "attribute": "target",
-                "reflect": false
-            },
-            "href": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Url to set to the anchor element."
-                },
-                "attribute": "href",
-                "reflect": false
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Name of the icon to use.\nThe `filled` version will be automatically used (if found) when the tab is `selected`."
-                },
-                "attribute": "icon",
-                "reflect": false
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Label to show in the tab."
-                },
-                "attribute": "label",
-                "reflect": false
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "selectedEvent",
-                "name": "selected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The tab has been selected."
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "selected",
-                "methodName": "onSelected"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "click",
-                "method": "onClick",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/deprecated/z-navigation-tab-link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/deprecated/z-navigation-tab-link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAC,yBAAyB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AAEnD;;;;;GAKG;AAKH,MAAM,OAAO,kBAAkB;;;;wBAuBR,KAAK;wBAML,KAAK;2BAMZ,yBAAyB,CAAC,UAAU;oBAM3C,kBAAkB,CAAC,GAAG;;;;;;;IAuC7B;;OAEG;IACK,WAAW,CAAC,EAAC,MAAM,EAAE,MAAM,EAAC;QAClC,MAAM,aAAa,GAAG,CACpB,IAAI,CAAC,WAAW,KAAK,yBAAyB,CAAC,UAAU;YACvD,CAAC,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC;YACtC,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,CAChB,CAAC;QAE3B,MAAM,CAAC,cAAc,iBACnB,QAAQ,EAAE,QAAQ,IACf,aAAa,EAChB,CAAC;IACL,CAAC;IAGD,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAGD,UAAU;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED;;;;OAIG;IACK,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,CAAC;YAC7D,IAAI,GAAG,UAAU,CAAC;QACpB,CAAC;QAED,OAAO,cAAQ,IAAI,EAAE,IAAI,GAAW,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,KAAK,mBACC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAChC,IAAI,CAAC,YAAY;YAEhC,0DACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EACtC,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBAElB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC9B,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,CAC9C,CACC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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 an anchor element.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n * @deprecated Use a native `<a>` instead.\n */\n@Component({\n  tag: \"z-navigation-tab-link\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTabLink {\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.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.BIG;\n\n  /**\n   * Html title attribute for the anchor element.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * Html `target` attribute for the anchor element.\n   */\n  @Prop()\n  target: string;\n\n  /**\n   * Url to set to the anchor element.\n   */\n  @Prop()\n  href: string;\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   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: 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      return;\n    }\n\n    this.selected = true;\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(): HTMLZNavigationTabLinkElement {\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        <a\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          href={this.disabled ? null : this.href}\n          title={this.htmlTitle}\n          target={this.target}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === \"horizontal\" && this.label}\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.js

@@ -1,27 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @deprecated
- */
-export class ZTableBody {
-    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' });
-    }
-    static get is() { return "z-table-body"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpD;;GAEG;AAOH,MAAM,OAAO,UAAU;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,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;IAC5G,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.spec.js

@@ -1,21 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZTableBody } from "./index";
-describe("Suite test ZTableBody", () => {
-    it("Test render ZTableBody con slot", async () => {
-        const page = await newSpecPage({
-            components: [ZTableBody],
-            html: `<z-table-body><z-table-row></z-table-row></z-table-body>`,
-        });
-        expect(page.root).toEqualHtml(`<z-table-body role="rowgroup">
-        <z-table-row aria-rowindex="0"></z-table-row>
-      </z-table-body>`);
-    });
-    it("Test render ZTableBody con role rowgroup", async () => {
-        const page = await newSpecPage({
-            components: [ZTableBody],
-            html: `<z-table-body></z-table-body>`,
-        });
-        expect(page.root.getAttribute("role")).toEqual("rowgroup");
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-body/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-body/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0DAA0D;SACjE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAC3B;;sBAEgB,CACjB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableBody} from \"./index\";\n\ndescribe(\"Suite test ZTableBody\", () => {\n  it(\"Test render ZTableBody con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableBody],\n      html: `<z-table-body><z-table-row></z-table-row></z-table-body>`,\n    });\n\n    expect(page.root).toEqualHtml(\n      `<z-table-body role=\"rowgroup\">\n        <z-table-row aria-rowindex=\"0\"></z-table-row>\n      </z-table-body>`\n    );\n  });\n\n  it(\"Test render ZTableBody con role rowgroup\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableBody],\n      html: `<z-table-body></z-table-body>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"rowgroup\");\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-body/styles.css

@@ -1,9 +0,0 @@
-:host {
-  display: table-row-group;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > z-table-row[expanded] + z-table-expanded-row {
-  display: table-row;
-}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.js

@@ -1,85 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { ButtonVariant, ButtonSize } from "../../../beans";
-/**
- * @deprecated
- */
-export class ZTableCell {
-    constructor() {
-        this.showButton = undefined;
-        this.padding = "medium";
-        this.isMenuOpened = false;
-    }
-    handleMenu() {
-        this.isMenuOpened = !this.isMenuOpened;
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "cell");
-    }
-    render() {
-        return (h(Host, { key: 'a55491d43ef04929fdd38073b589d12d5d373ca4' }, this.showButton && (h("div", { class: {
-                "button-container": true,
-                "visible": this.isMenuOpened,
-            } }, h("div", { class: "button-content" }, h("z-button", { icon: "contextual-menu", variant: ButtonVariant.TERTIARY, size: ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), h("div", { class: {
-                "contextual-menu-container": true,
-                "visible": this.isMenuOpened,
-            } }, h("slot", { name: "contextual-menu" }))))), h("slot", { key: 'd8d5dab5bac78f43151d50d22df6cfbefdc81694' })));
-    }
-    static get is() { return "z-table-cell"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "showButton": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[Optional] Show contextual menu button"
-                },
-                "attribute": "show-button",
-                "reflect": false
-            },
-            "padding": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\"",
-                    "resolved": "\"large\" | \"medium\" | \"small\" | \"special\" | \"x-small\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Set padding size of cell, if special 0px padding will be set"
-                },
-                "attribute": "padding",
-                "reflect": true,
-                "defaultValue": "\"medium\""
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isMenuOpened": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=index.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,UAAU;;;uBAS2C,QAAQ;4BAGzD,KAAK;;IAEZ,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;IACzC,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,UAAU,IAAI,CAClB,WACE,KAAK,EAAE;oBACL,kBAAkB,EAAE,IAAI;oBACxB,SAAS,EAAE,IAAI,CAAC,YAAY;iBAC7B;gBAED,WAAK,KAAK,EAAC,gBAAgB;oBACzB,gBACE,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,aAAa,CAAC,QAAQ,EAC/B,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAChC;oBACF,WACE,KAAK,EAAE;4BACL,2BAA2B,EAAE,IAAI;4BACjC,SAAS,EAAE,IAAI,CAAC,YAAY;yBAC7B;wBAED,YAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACF,CACF,CACP;YACD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant, ButtonSize} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-cell\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableCell {\n  @Element() host: HTMLZTableCellElement;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  @State()\n  isMenuOpened = false;\n\n  private handleMenu(): void {\n    this.isMenuOpened = !this.isMenuOpened;\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"cell\");\n  }\n\n  render(): HTMLZTableCellElement {\n    return (\n      <Host>\n        {this.showButton && (\n          <div\n            class={{\n              \"button-container\": true,\n              \"visible\": this.isMenuOpened,\n            }}\n          >\n            <div class=\"button-content\">\n              <z-button\n                icon=\"contextual-menu\"\n                variant={ButtonVariant.TERTIARY}\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.handleMenu()}\n              />\n              <div\n                class={{\n                  \"contextual-menu-container\": true,\n                  \"visible\": this.isMenuOpened,\n                }}\n              >\n                <slot name=\"contextual-menu\" />\n              </div>\n            </div>\n          </div>\n        )}\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.spec.js

@@ -1,50 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ZTableCell } from "./index";
-describe("Suite test ZTableCell", () => {
-    it("Test render ZTableCell con slot", async () => {
-        const page = await newSpecPage({
-            components: [ZTableCell],
-            html: `<z-table-cell><span>Test</span></z-table-cell>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-table-cell padding="medium" role="cell">
-        <mock:shadow-root>
-          <slot></slot>
-        </mock:shadow-root>
-        <span>Test</span>
-      </z-table-cell>
-    `);
-    });
-    it("Test render ZTableCell con button", async () => {
-        const page = await newSpecPage({
-            components: [ZTableCell],
-            html: `<z-table-cell show-button="true"><span>Test</span></z-table-cell>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <z-table-cell padding="medium" role="cell" show-button="true">
-        <mock:shadow-root>
-          <div class="button-container">
-            <div class="button-content">
-              <z-button icon="contextual-menu" size="x-small" variant="tertiary"></z-button>
-              <div class="contextual-menu-container">
-                <slot name="contextual-menu"></slot>
-              </div>
-            </div>
-          </div>
-          <slot></slot>
-        </mock:shadow-root>
-        <span>
-          Test
-        </span>
-      </z-table-cell>
-    `);
-    });
-    it("Test render ZTableCell con role cell", async () => {
-        const page = await newSpecPage({
-            components: [ZTableCell],
-            html: `<z-table-cell></z-table-cell>`,
-        });
-        expect(page.root.getAttribute("role")).toEqual("cell");
-    });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../src/deprecated/z-table-deprecated/z-table-cell/index.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAEnC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;KAO7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,mEAAmE;SAC1E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newSpecPage} from \"@stencil/core/testing\";\n\nimport {ZTableCell} from \"./index\";\n\ndescribe(\"Suite test ZTableCell\", () => {\n  it(\"Test render ZTableCell con slot\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell><span>Test</span></z-table-cell>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-cell padding=\"medium\" role=\"cell\">\n        <mock:shadow-root>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>Test</span>\n      </z-table-cell>\n    `);\n  });\n\n  it(\"Test render ZTableCell con button\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell show-button=\"true\"><span>Test</span></z-table-cell>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <z-table-cell padding=\"medium\" role=\"cell\" show-button=\"true\">\n        <mock:shadow-root>\n          <div class=\"button-container\">\n            <div class=\"button-content\">\n              <z-button icon=\"contextual-menu\" size=\"x-small\" variant=\"tertiary\"></z-button>\n              <div class=\"contextual-menu-container\">\n                <slot name=\"contextual-menu\"></slot>\n              </div>\n            </div>\n          </div>\n          <slot></slot>\n        </mock:shadow-root>\n        <span>\n          Test\n        </span>\n      </z-table-cell>\n    `);\n  });\n\n  it(\"Test render ZTableCell con role cell\", async () => {\n    const page = await newSpecPage({\n      components: [ZTableCell],\n      html: `<z-table-cell></z-table-cell>`,\n    });\n\n    expect(page.root.getAttribute(\"role\")).toEqual(\"cell\");\n  });\n});\n"]}

package/dist/collection/deprecated/z-table-deprecated/z-table-cell/styles.css

@@ -1,58 +0,0 @@
-:host {
-  display: table-cell;
-  border-bottom: var(--border-size-small) solid var(--color-surface03);
-  background-color: var(--color-white);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > .button-container {
-  display: none;
-}
-
-:host:hover > .button-container {
-  display: initial;
-}
-
-.button-container {
-  position: absolute;
-  z-index: 5;
-  top: 8px;
-  right: 8px;
-}
-
-.button-content {
-  position: relative;
-}
-
-.contextual-menu-container {
-  position: absolute;
-  top: calc(100% - var(--space-unit));
-  right: 0;
-  display: none;
-}
-
-.button-container.visible,
-.contextual-menu-container.visible {
-  display: initial;
-}
-
-:host([padding="x-small"]) {
-  padding: calc(var(--space-unit) * 0.5);
-}
-
-:host([padding="small"]) {
-  padding: calc(var(--space-unit));
-}
-
-:host([padding="medium"]) {
-  padding: calc(var(--space-unit) * 2);
-}
-
-:host([padding="large"]) {
-  padding: calc(var(--space-unit) * 2.5);
-}
-
-:host([padding="special"]) {
-  padding: 0;
-}