@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/cjs/index-7a1c32d4.js

@@ -1,30 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-
-const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--color-surface01)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has-2-cta.sc-z-table-empty-box{flex-direction:row}}";
-const ZTableEmptyBoxStyle0 = stylesCss;
-
-const ZTableEmptyBox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-        this.subtitle = "";
-    }
-    componentWillLoad() {
-        this.hasCta1Slot = !!this.hostElement.querySelector('[slot="cta1"]');
-        this.hasCta2Slot = !!this.hostElement.querySelector('[slot="cta2"]');
-    }
-    render() {
-        return (index.h(index.Host, { key: '15246acb9b5e2df169b353883dd30b4dc9f9b298' }, index.h("span", { key: '78ecd045b2fd73998a446baadfabc9e5ec3d03d1', class: "body-3-sb" }, this.message), index.h("br", { key: 'b41c15173e3985b96884767fc52d5d4a2816bec8' }), !!this.subtitle && index.h("span", { class: "body-4" }, this.subtitle), (!!this.hasCta1Slot || !!this.hasCta2Slot) && (index.h("div", { class: {
-                "cta": true,
-                "has-2-cta": !!this.hasCta1Slot && !!this.hasCta2Slot,
-            } }, index.h("slot", { name: "cta1" }), index.h("slot", { name: "cta2" })))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-ZTableEmptyBox.style = ZTableEmptyBoxStyle0;
-
-exports.ZTableEmptyBox = ZTableEmptyBox;
-
-//# sourceMappingURL=index-7a1c32d4.js.map

package/dist/cjs/index-7a1c32d4.js.map

@@ -1 +0,0 @@
-{"file":"index-7a1c32d4.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,ywBAAywB,CAAC;AAC5xB,6BAAe,SAAS;;MCUX,cAAc;;;uBAKN,qEAAqE;wBAIpE,EAAE;;IAOtB,iBAAiB;QACf,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACrE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;KACtE;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,mEAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAQ,EAC7CA,kEAAM,EACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAIA,kBAAM,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,QAAQ,CAAQ,EAC9D,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,MACxCA,iBACE,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW;aACtD,IAEDA,kBAAM,IAAI,EAAC,MAAM,GAAQ,EACzBA,kBAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACP,CACI,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/deprecated/z-table-deprecated/z-table-empty-box/styles.css?tag=z-table-empty-box&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-empty-box/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: calc(var(--space-unit)) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);\n  background-color: var(--color-surface01);\n}\n\n::slotted(*) {\n  margin-top: var(--space-unit);\n}\n\n.cta {\n  display: flex;\n  flex-direction: row;\n  margin-top: calc(var(--space-unit) / 2);\n}\n\n.cta.has-2-cta {\n  flex-direction: column;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 7) calc(var(--space-unit) * 3)\n      calc(var(--space-unit) * 7);\n  }\n\n  ::slotted(*) {\n    margin-right: calc(var(--space-unit) * 2);\n  }\n\n  .cta {\n    margin-top: var(--space-unit);\n  }\n\n  .cta.has-2-cta {\n    flex-direction: row;\n  }\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-empty-box\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableEmptyBox {\n  @Element() hostElement: HTMLZTableEmptyBoxElement;\n\n  /** Sets main title message*/\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare.\";\n\n  /** Sets message */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Checks if cta1 or cta2 slots exist */\n  private hasCta1Slot: boolean;\n\n  private hasCta2Slot: boolean;\n\n  componentWillLoad(): void {\n    this.hasCta1Slot = !!this.hostElement.querySelector('[slot=\"cta1\"]');\n    this.hasCta2Slot = !!this.hostElement.querySelector('[slot=\"cta2\"]');\n  }\n\n  render(): HTMLZTableEmptyBoxElement {\n    return (\n      <Host>\n        <span class=\"body-3-sb\">{this.message}</span>\n        <br />\n        {!!this.subtitle && <span class=\"body-4\">{this.subtitle}</span>}\n        {(!!this.hasCta1Slot || !!this.hasCta2Slot) && (\n          <div\n            class={{\n              \"cta\": true,\n              \"has-2-cta\": !!this.hasCta1Slot && !!this.hasCta2Slot,\n            }}\n          >\n            <slot name=\"cta1\"></slot>\n            <slot name=\"cta2\"></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/index-7f3e61f0.js

@@ -1,82 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-const utils = require('./utils-d0b10736.js');
-
-const stylesCss = ":host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--font-family-sans);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}: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}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}";
-const ZTableHeaderStyle0 = stylesCss;
-
-const ZTableHeader = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sort = index.createEvent(this, "sort", 7);
-        this.columnId = undefined;
-        this.padding = "medium";
-        this.sortable = undefined;
-        this.showButton = undefined;
-        this.defaultSortDirection = "asc";
-        this.sortDirection = "none";
-        this.emitOnSort = this.emitOnSort.bind(this);
-    }
-    emitOnSort() {
-        this.sort.emit({
-            columnId: this.columnId,
-            sortDirection: this.sortDirection,
-        });
-    }
-    handleSort() {
-        if (!this.sortable) {
-            return;
-        }
-        this.sortDirection = (() => {
-            switch (this.sortDirection) {
-                case "asc":
-                    return "desc";
-                case "desc":
-                    return "asc";
-                case "none":
-                    return this.defaultSortDirection;
-                default:
-                    return "none";
-            }
-        })();
-        this.emitOnSort();
-    }
-    handleMenuClick() {
-        this.popover.open = !this.popover.open;
-    }
-    handleOutsideClick(e) {
-        const tree = utils.getElementTree(e.target);
-        const parent = tree.find((elem) => elem.nodeName.toLowerCase() === "z-popover");
-        if (!parent && this.popover) {
-            this.popover.open = false;
-        }
-    }
-    handleClickHeaders(e) {
-        const target = e.target;
-        const parent = utils.getElementTree(target).find((elem) => elem.nodeName.toLowerCase() === "z-table-header");
-        if (!this.sortable || !parent) {
-            return;
-        }
-        const parentColumnId = parent.attributes.getNamedItem("column-id").value;
-        const isSortable = target.parentNode.sortable || target.sortable;
-        if (parentColumnId !== this.columnId && isSortable) {
-            this.sortDirection = "none";
-        }
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "columnheader");
-    }
-    render() {
-        return (index.h(index.Host, { key: 'c67ac7a04f00b5252e3c988a46b80843dc911d2e', class: {
-                sortable: this.sortable,
-            }, onClick: () => this.handleSort() }, index.h("div", { key: 'f569e12c8d7ae2bc30884f11bf1b2636cf66e8d9', class: "container" }, index.h("slot", { key: 'c524c4ec78be5a6aded8bd4e92018fe16147561f' }), this.sortable && this.sortDirection !== "none" && (index.h("z-icon", { name: this.sortDirection === "asc" ? "arrow-up" : "arrow-down", class: "arrow" }))), this.showButton && (index.h("div", { class: "popover-container" }, index.h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenuClick() }), index.h("z-popover", { ref: (el) => (this.popover = el), position: index$1.PopoverPosition.BOTTOM, center: true, bindTo: this.triggerButton }, index.h("div", null, index.h("slot", { name: "contextual-menu" })))))));
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableHeader.style = ZTableHeaderStyle0;
-
-exports.ZTableHeader = ZTableHeader;
-
-//# sourceMappingURL=index-7f3e61f0.js.map

package/dist/cjs/index-7f3e61f0.js.map

@@ -1 +0,0 @@
-{"file":"index-7f3e61f0.js","mappings":"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","names":["getElementTree","h","Host","ButtonVariant","ButtonSize","PopoverPosition"],"sources":["src/deprecated/z-table-deprecated/z-table-header/styles.css?tag=z-table-header&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-header/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: table-cell;\n  border-bottom: var(--border-size-medium) solid var(--gray200);\n  background-color: var(--gray50);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n  text-align: start;\n}\n\n.container {\n  display: flex;\n  align-items: flex-end;\n}\n\n:host(.sortable) {\n  cursor: pointer;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n\n/*\nSorting arrow\n*/\n.arrow {\n  padding-left: var(--space-unit);\n  opacity: 1;\n}\n\n/*\nContextual menu\n*/\n.popover-container {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  display: none;\n}\n\n.popover-container z-popover {\n  --z-popover-theme--surface: var(--gray200);\n\n  position: relative;\n  z-index: 1;\n}\n\n.popover-container.visible {\n  display: block;\n}\n\n:host(:hover) .popover-container {\n  display: block;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant, PopoverPosition} from \"../../../beans\";\nimport {getElementTree} from \"../../../utils/utils\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableHeader {\n  @Element() host: HTMLZTableHeaderElement;\n\n  /** Column ID */\n  @Prop()\n  columnId: string;\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  /** [Optional] Make the header sortable */\n  @Prop()\n  sortable?: boolean;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** [Optional] Default sort order */\n  @Prop()\n  defaultSortDirection?: \"asc\" | \"desc\" | \"none\" = \"asc\";\n\n  /** Sort direction */\n  @Prop({mutable: true})\n  sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\n\n  private popover?: HTMLZPopoverElement;\n\n  private triggerButton?: HTMLZButtonElement;\n\n  constructor() {\n    this.emitOnSort = this.emitOnSort.bind(this);\n  }\n\n  /** [Optional] callback for sorting */\n  @Event()\n  sort: EventEmitter;\n\n  private emitOnSort(): void {\n    this.sort.emit({\n      columnId: this.columnId,\n      sortDirection: this.sortDirection,\n    });\n  }\n\n  private handleSort(): void {\n    if (!this.sortable) {\n      return;\n    }\n\n    this.sortDirection = (() => {\n      switch (this.sortDirection) {\n        case \"asc\":\n          return \"desc\";\n        case \"desc\":\n          return \"asc\";\n        case \"none\":\n          return this.defaultSortDirection;\n        default:\n          return \"none\";\n      }\n    })();\n\n    this.emitOnSort();\n  }\n\n  private handleMenuClick(): void {\n    this.popover.open = !this.popover.open;\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const tree = getElementTree(e.target as Element);\n    const parent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-popover\");\n\n    if (!parent && this.popover) {\n      this.popover.open = false;\n    }\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClickHeaders(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    const parent = getElementTree(target).find((elem: Element) => elem.nodeName.toLowerCase() === \"z-table-header\");\n\n    if (!this.sortable || !parent) {\n      return;\n    }\n\n    const parentColumnId = parent.attributes.getNamedItem(\"column-id\").value;\n    const isSortable =\n      (target.parentNode as HTMLZTableHeaderElement).sortable || (target as HTMLZTableHeaderElement).sortable;\n\n    if (parentColumnId !== this.columnId && isSortable) {\n      this.sortDirection = \"none\";\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"columnheader\");\n  }\n\n  render(): HTMLZTableHeaderElement {\n    return (\n      <Host\n        class={{\n          sortable: this.sortable,\n        }}\n        onClick={() => this.handleSort()}\n      >\n        <div class=\"container\">\n          <slot />\n          {this.sortable && this.sortDirection !== \"none\" && (\n            <z-icon\n              name={this.sortDirection === \"asc\" ? \"arrow-up\" : \"arrow-down\"}\n              class=\"arrow\"\n            />\n          )}\n        </div>\n\n        {this.showButton && (\n          <div class=\"popover-container\">\n            <z-button\n              ref={(el) => (this.triggerButton = el as HTMLZButtonElement)}\n              class=\"contextual-popover-button\"\n              icon=\"contextual-menu\"\n              variant={ButtonVariant.TERTIARY}\n              size={ButtonSize.X_SMALL}\n              onClick={() => this.handleMenuClick()}\n            ></z-button>\n\n            <z-popover\n              ref={(el) => (this.popover = el as HTMLZPopoverElement)}\n              position={PopoverPosition.BOTTOM}\n              center={true}\n              bindTo={this.triggerButton as HTMLElement}\n            >\n              <div>\n                <slot name=\"contextual-menu\" />\n              </div>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/index-866774f0.js

@@ -1,21 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-
-const stylesCss = ":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";
-const ZTfootStyle0 = stylesCss;
-
-const ZTfoot = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sticky = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: '1ebaa2ba1dca561a52963708d05c8e3e5f0940ac', role: "rowgroup" }, index.h("slot", { key: '06826f87e1ffdcf4b54cbf3b13d779dcb77f8c9a' })));
-    }
-};
-ZTfoot.style = ZTfootStyle0;
-
-exports.ZTfoot = ZTfoot;
-
-//# sourceMappingURL=index-866774f0.js.map

package/dist/cjs/index-866774f0.js.map

@@ -1 +0,0 @@
-{"file":"index-866774f0.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,kOAAkO,CAAC;AACrP,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n  tag: \"z-tfoot\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTfoot {\n  /**\n   * If true, the footer will be stuck to the bottom of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): void {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/index-96c2bc8f.js

@@ -1,25 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-
-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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "rowgroup");
-        Array.from(this.host.children).forEach((child, index) => child.setAttribute("aria-rowindex", `${index}`));
-    }
-    render() {
-        return index.h("slot", { key: 'd422df9305a81ae9beb6b1a695cf08a944f7b893' });
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableBody.style = ZTableBodyStyle0;
-
-exports.ZTableBody = ZTableBody;
-
-//# sourceMappingURL=index-96c2bc8f.js.map

package/dist/cjs/index-96c2bc8f.js.map

@@ -1 +0,0 @@
-{"file":"index-96c2bc8f.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,4NAA4N,CAAC;AAC/O,yBAAe,SAAS;;MCUX,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,KAAK,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3G;IAED,MAAM;QACJ,OAAOA,oEAAQ,CAAC;KACjB;;;;;;;","names":["h"],"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/cjs/index-a30259f3.js

@@ -1,37 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-
-const stylesCss = ":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}";
-const ZTableCellStyle0 = stylesCss;
-
-const ZTableCell = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.showButton = undefined;
-        this.padding = "medium";
-        this.isMenuOpened = false;
-    }
-    handleMenu() {
-        this.isMenuOpened = !this.isMenuOpened;
-    }
-    componentWillRender() {
-        this.host.setAttribute("role", "cell");
-    }
-    render() {
-        return (index.h(index.Host, { key: 'a55491d43ef04929fdd38073b589d12d5d373ca4' }, this.showButton && (index.h("div", { class: {
-                "button-container": true,
-                "visible": this.isMenuOpened,
-            } }, index.h("div", { class: "button-content" }, index.h("z-button", { icon: "contextual-menu", variant: index$1.ButtonVariant.TERTIARY, size: index$1.ButtonSize.X_SMALL, onClick: () => this.handleMenu() }), index.h("div", { class: {
-                "contextual-menu-container": true,
-                "visible": this.isMenuOpened,
-            } }, index.h("slot", { name: "contextual-menu" }))))), index.h("slot", { key: 'd8d5dab5bac78f43151d50d22df6cfbefdc81694' })));
-    }
-    get host() { return index.getElement(this); }
-};
-ZTableCell.style = ZTableCellStyle0;
-
-exports.ZTableCell = ZTableCell;
-
-//# sourceMappingURL=index-a30259f3.js.map

package/dist/cjs/index-a30259f3.js.map

@@ -1 +0,0 @@
-{"file":"index-a30259f3.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,+0BAA+0B,CAAC;AACl2B,yBAAe,SAAS;;MCUX,UAAU;;;;uBAS2C,QAAQ;4BAGzD,KAAK;;IAEZ,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACxC;IAED,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACxC;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACF,IAAI,CAAC,UAAU,KACdD,iBACE,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAEDA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,sBACE,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAEE,qBAAa,CAAC,QAAQ,EAC/B,IAAI,EAAEC,kBAAU,CAAC,OAAO,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAChC,EACFH,iBACE,KAAK,EAAE;gBACL,2BAA2B,EAAE,IAAI;gBACjC,SAAS,EAAE,IAAI,CAAC,YAAY;aAC7B,IAEDA,kBAAM,IAAI,EAAC,iBAAiB,GAAG,CAC3B,CACF,CACF,CACP,EACDA,oEAAQ,CACH,EACP;KACH;;;;;;;","names":["h","Host","ButtonVariant","ButtonSize"],"sources":["src/deprecated/z-table-deprecated/z-table-cell/styles.css?tag=z-table-cell&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-cell/index.tsx"],"sourcesContent":[":host {\n  display: table-cell;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > .button-container {\n  display: none;\n}\n\n:host:hover > .button-container {\n  display: initial;\n}\n\n.button-container {\n  position: absolute;\n  z-index: 5;\n  top: 8px;\n  right: 8px;\n}\n\n.button-content {\n  position: relative;\n}\n\n.contextual-menu-container {\n  position: absolute;\n  top: calc(100% - var(--space-unit));\n  right: 0;\n  display: none;\n}\n\n.button-container.visible,\n.contextual-menu-container.visible {\n  display: initial;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n","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"],"version":3}

package/dist/cjs/index-a7aedd7c.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-
-const stylesCss = ".sc-z-table-sticky-footer-h{position:sticky;left:0;display:block;padding:calc(var(--space-unit) * 2);border-width:var(--border-size-small) 0 var(--border-size-medium);border-style:solid;border-color:var(--color-surface03);background-color:var(--color-surface01);font-weight:var(--font-rg)}";
-const ZTableStickyFooterStyle0 = stylesCss;
-
-const ZTableStickyFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return index.h("slot", { key: '7b27e3b2d212955d97029c2d92df46b4bddb3fb1' });
-    }
-};
-ZTableStickyFooter.style = ZTableStickyFooterStyle0;
-
-exports.ZTableStickyFooter = ZTableStickyFooter;
-
-//# sourceMappingURL=index-a7aedd7c.js.map

package/dist/cjs/index-a7aedd7c.js.map

@@ -1 +0,0 @@
-{"file":"index-a7aedd7c.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,iCAAe,SAAS;;MCWX,kBAAkB;;;;IAC7B,MAAM;QACJ,OAAOA,oEAAQ,CAAC;KACjB;;;;;;","names":["h"],"sources":["src/deprecated/z-table-deprecated/z-table-sticky-footer/styles.css?tag=z-table-sticky-footer&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-sticky-footer/index.tsx"],"sourcesContent":[":host {\n  position: sticky;\n  left: 0;\n  display: block;\n  padding: calc(var(--space-unit) * 2);\n  border-width: var(--border-size-small) 0 var(--border-size-medium);\n  border-style: solid;\n  border-color: var(--color-surface03);\n  background-color: var(--color-surface01);\n  font-weight: var(--font-rg);\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n * @slot - table sticky footer content\n */\n@Component({\n  tag: \"z-table-sticky-footer\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableStickyFooter {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/cjs/index-bb02ef1e.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-
-const stylesCss = ":host{display:block;box-sizing:border-box}";
-const ZTbodyStyle0 = stylesCss;
-
-const ZTbody = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: 'f60a683407e08dc44c3e60699142dbe15714af8f', role: "rowgroup" }, index.h("slot", { key: 'cce2e55d056641c4bbe3c043e51525303d75562b' })));
-    }
-};
-ZTbody.style = ZTbodyStyle0;
-
-exports.ZTbody = ZTbody;
-
-//# sourceMappingURL=index-bb02ef1e.js.map

package/dist/cjs/index-bb02ef1e.js.map

@@ -1 +0,0 @@
-{"file":"index-bb02ef1e.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAC/D,qBAAe,SAAS;;MCUX,MAAM;;;;IACjB,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,UAAU,IACnBD,oEAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/index-d669dfd0.js

@@ -1,43 +0,0 @@
-'use strict';
-
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-
-const stylesCss = "z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type=\"expandable\"]:hover{cursor:pointer}z-table-row[expanded-type=\"expandable\"]>z-table-cell:first-child,z-table-row[expanded-type=\"padding\"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;box-sizing:border-box;padding-right:0;padding-left:16px;fill:var(--gray800);text-align:center;user-select:none}.z-icon-placeholder{width:24px;padding-right:0}z-table-row[expanded-type=\"expandable\"]>z-table-cell:nth-child(2),z-table-row[expanded-type=\"padding\"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--color-hover-primary)}z-table-row[expanded]>z-table-cell{border-bottom:none;background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}";
-const ZTableRowStyle0 = stylesCss;
-
-const ZTableRow = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.expand = index.createEvent(this, "expand", 7);
-        this.expandedType = index$1.ZTableRowExpandedType.NONE;
-        this.expanded = false;
-    }
-    emitOnExpand() {
-        this.expand.emit({ expanded: this.expanded });
-    }
-    handleExpand() {
-        this.expanded = !this.expanded;
-        this.emitOnExpand();
-    }
-    renderExpandButton() {
-        if (this.expandedType == index$1.ZTableRowExpandedType.EXPANDABLE) {
-            return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
-        }
-        return (index.h("z-table-cell", { style: { borderRight: "none" } }, index.h("div", { class: "z-icon-placeholder" })));
-    }
-    render() {
-        return (index.h(index.Host, { key: '05feb1b745b9f720f4b9b42f9753791410703e4d', role: "row", expanded: this.expanded, onClick: (event) => {
-                const preventExpand = event.target.classList.contains("prevent-expand");
-                const isExpandable = this.expandedType === index$1.ZTableRowExpandedType.EXPANDABLE;
-                if (isExpandable && !preventExpand) {
-                    this.handleExpand();
-                }
-            } }, this.expandedType !== index$1.ZTableRowExpandedType.NONE && this.renderExpandButton(), index.h("slot", { key: '6b5dc7930bea80c6f19fb8b3f2253465f1bdba20' })));
-    }
-};
-ZTableRow.style = ZTableRowStyle0;
-
-exports.ZTableRow = ZTableRow;
-
-//# sourceMappingURL=index-d669dfd0.js.map

package/dist/cjs/index-d669dfd0.js.map

@@ -1 +0,0 @@
-{"file":"index-d669dfd0.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,01BAA01B,CAAC;AAC72B,wBAAe,SAAS;;MCWX,SAAS;;;;4BAGkBA,6BAAqB,CAAC,IAAI;wBAGrD,KAAK;;IAMR,YAAY;QAClB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,CAAC,CAAC;KAC7C;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE/B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,YAAY,IAAIA,6BAAqB,CAAC,UAAU,EAAE;YACzD,QACEC,0BAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxCA,oBAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAI,CACrD,EACf;SACH;QAED,QACEA,0BAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxCA,iBAAK,KAAK,EAAC,oBAAoB,GAAG,CACrB,EACf;KACH;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,KAAK;gBACb,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBACxE,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,KAAKF,6BAAqB,CAAC,UAAU,CAAC;gBAE5E,IAAI,YAAY,IAAI,CAAC,aAAa,EAAE;oBAClC,IAAI,CAAC,YAAY,EAAE,CAAC;iBACrB;aACF,IAEA,IAAI,CAAC,YAAY,KAAKA,6BAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC9EC,oEAAQ,CACH,EACP;KACH;;;;;;","names":["ZTableRowExpandedType","h","Host"],"sources":["src/deprecated/z-table-deprecated/z-table-row/styles.css?tag=z-table-row","src/deprecated/z-table-deprecated/z-table-row/index.tsx"],"sourcesContent":["z-table-row {\n  display: table-row;\n  font-family: var(--font-family-sans);\n}\n\nz-table-row[expanded-type=\"expandable\"]:hover {\n  cursor: pointer;\n}\n\nz-table-row[expanded-type=\"expandable\"] > z-table-cell:first-child,\nz-table-row[expanded-type=\"padding\"] > z-table-cell:first-child {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  width: 24px;\n  box-sizing: border-box;\n  padding-right: 0;\n  padding-left: 16px;\n  fill: var(--gray800);\n  text-align: center;\n  user-select: none;\n}\n\n.z-icon-placeholder {\n  width: 24px;\n  padding-right: 0;\n}\n\nz-table-row[expanded-type=\"expandable\"] > z-table-cell:nth-child(2),\nz-table-row[expanded-type=\"padding\"] > z-table-cell:nth-child(2) {\n  padding-left: 8px;\n}\n\nz-table-row[expanded-type]:hover > z-table-cell:first-child {\n  fill: var(--color-hover-primary);\n}\n\nz-table-row[expanded] > z-table-cell {\n  border-bottom: none;\n  background-color: var(--gray50);\n}\n\nz-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Prop, State, Host, h, Event, EventEmitter} from \"@stencil/core\";\nimport {ZTableRowExpandedType} from \"../../../beans\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-row\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: false,\n})\nexport class ZTableRow {\n  /** Table row expanded type */\n  @Prop({reflect: true})\n  expandedType: ZTableRowExpandedType = ZTableRowExpandedType.NONE;\n\n  @State()\n  expanded = false;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  private emitOnExpand(): void {\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  private handleExpand(): void {\n    this.expanded = !this.expanded;\n\n    this.emitOnExpand();\n  }\n\n  private renderExpandButton(): HTMLZTableCellElement {\n    if (this.expandedType == ZTableRowExpandedType.EXPANDABLE) {\n      return (\n        <z-table-cell style={{borderRight: \"none\"}}>\n          <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"} />\n        </z-table-cell>\n      );\n    }\n\n    return (\n      <z-table-cell style={{borderRight: \"none\"}}>\n        <div class=\"z-icon-placeholder\" />\n      </z-table-cell>\n    );\n  }\n\n  render(): HTMLZTableRowElement {\n    return (\n      <Host\n        role=\"row\"\n        expanded={this.expanded}\n        onClick={(event) => {\n          const preventExpand = event.target.classList.contains(\"prevent-expand\");\n          const isExpandable = this.expandedType === ZTableRowExpandedType.EXPANDABLE;\n\n          if (isExpandable && !preventExpand) {\n            this.handleExpand();\n          }\n        }}\n      >\n        {this.expandedType !== ZTableRowExpandedType.NONE && this.renderExpandButton()}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}