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

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":"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","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;

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

@@ -1,65 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './index4.js';
-import { d as defineCustomElement$4 } from './index9.js';
-import { d as defineCustomElement$3 } from './index25.js';
-import { d as defineCustomElement$2 } from './index29.js';
-
-const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;box-sizing:border-box;user-select:none}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";
-const ZTableHeaderRowStyle0 = stylesCss;
-
-const ZTableHeaderRow$1 = /*@__PURE__*/ proxyCustomElement(class ZTableHeaderRow extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.expandable = undefined;
-    }
-    renderExpandHeader() {
-        return h("z-table-header", null);
-    }
-    render() {
-        return (h(Host, { key: '640d060798684dee3641fef5c3778e263acfbd8d', role: "row" }, this.expandable && this.renderExpandHeader(), h("slot", { key: '42d15bfd63e021a96c2394d5bc91c185bcee55b8' })));
-    }
-    static get style() { return ZTableHeaderRowStyle0; }
-}, [4, "z-table-header-row", {
-        "expandable": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-header-row", "z-button", "z-icon", "z-popover", "z-table-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-header-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableHeaderRow$1);
-            }
-            break;
-        case "z-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "z-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-table-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZTableHeaderRow = ZTableHeaderRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableHeaderRow, defineCustomElement };
-
-//# sourceMappingURL=z-table-header-row.js.map

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

@@ -1 +0,0 @@
-{"file":"z-table-header-row.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,+NAA+N,CAAC;AAClP,8BAAe,SAAS;;MCSXA,iBAAe;;;;;;IAKlB,kBAAkB;QACxB,OAAO,yBAAiC,CAAC;KAC1C;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,IACb,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC7C,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableHeaderRow"],"sources":["src/deprecated/z-table-deprecated/z-table-header-row/styles.css?tag=z-table-header-row","src/deprecated/z-table-deprecated/z-table-header-row/index.tsx"],"sourcesContent":["z-table-header-row {\n  display: table-row;\n}\n\nz-table-header-row[expandable] > z-table-header:first-child {\n  width: 40px;\n  box-sizing: border-box;\n  user-select: none;\n}\n\nz-table-header-row[expandable] > z-table-header:nth-child(2) {\n  padding-left: 8px;\n}\n","import {Component, Prop, Host, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header-row\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZTableHeaderRow {\n  /** Row expandable flag */\n  @Prop({reflect: true})\n  expandable?: boolean;\n\n  private renderExpandHeader(): HTMLZTableHeaderElement {\n    return <z-table-header></z-table-header>;\n  }\n\n  render(): HTMLZTableHeaderRowElement {\n    return (\n      <Host role=\"row\">\n        {this.expandable && this.renderExpandHeader()}\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

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

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

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

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

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

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

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

@@ -1,79 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Z as ZTableRowExpandedType } from './index2.js';
-import { d as defineCustomElement$4 } from './index4.js';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index27.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$1 = /*@__PURE__*/ proxyCustomElement(class ZTableRow extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.expand = createEvent(this, "expand", 7);
-        this.expandedType = ZTableRowExpandedType.NONE;
-        this.expanded = false;
-    }
-    emitOnExpand() {
-        this.expand.emit({ expanded: this.expanded });
-    }
-    handleExpand() {
-        this.expanded = !this.expanded;
-        this.emitOnExpand();
-    }
-    renderExpandButton() {
-        if (this.expandedType == ZTableRowExpandedType.EXPANDABLE) {
-            return (h("z-table-cell", { style: { borderRight: "none" } }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
-        }
-        return (h("z-table-cell", { style: { borderRight: "none" } }, h("div", { class: "z-icon-placeholder" })));
-    }
-    render() {
-        return (h(Host, { key: '05feb1b745b9f720f4b9b42f9753791410703e4d', role: "row", expanded: this.expanded, onClick: (event) => {
-                const preventExpand = event.target.classList.contains("prevent-expand");
-                const isExpandable = this.expandedType === ZTableRowExpandedType.EXPANDABLE;
-                if (isExpandable && !preventExpand) {
-                    this.handleExpand();
-                }
-            } }, this.expandedType !== ZTableRowExpandedType.NONE && this.renderExpandButton(), h("slot", { key: '6b5dc7930bea80c6f19fb8b3f2253465f1bdba20' })));
-    }
-    static get style() { return ZTableRowStyle0; }
-}, [4, "z-table-row", {
-        "expandedType": [513, "expanded-type"],
-        "expanded": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-row", "z-button", "z-icon", "z-table-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableRow$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-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZTableRow = ZTableRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableRow, defineCustomElement };
-
-//# sourceMappingURL=z-table-row.js.map

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

@@ -1 +0,0 @@
-{"file":"z-table-row.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,01BAA01B,CAAC;AAC72B,wBAAe,SAAS;;MCWXA,WAAS;;;;;4BAGkB,qBAAqB,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,IAAI,qBAAqB,CAAC,UAAU,EAAE;YACzD,QACE,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxC,cAAQ,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAI,CACrD,EACf;SACH;QAED,QACE,oBAAc,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,IACxC,WAAK,KAAK,EAAC,oBAAoB,GAAG,CACrB,EACf;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,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,KAAK,qBAAqB,CAAC,UAAU,CAAC;gBAE5E,IAAI,YAAY,IAAI,CAAC,aAAa,EAAE;oBAClC,IAAI,CAAC,YAAY,EAAE,CAAC;iBACrB;aACF,IAEA,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAC9E,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableRow"],"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}

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

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

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

@@ -1,35 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-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$1 = /*@__PURE__*/ proxyCustomElement(class ZTableStickyFooter extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return h("slot", { key: '7b27e3b2d212955d97029c2d92df46b4bddb3fb1' });
-    }
-    static get style() { return ZTableStickyFooterStyle0; }
-}, [6, "z-table-sticky-footer"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-table-sticky-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-table-sticky-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZTableStickyFooter$1);
-            }
-            break;
-    } });
-}
-
-const ZTableStickyFooter = ZTableStickyFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZTableStickyFooter, defineCustomElement };
-
-//# sourceMappingURL=z-table-sticky-footer.js.map

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

@@ -1 +0,0 @@
-{"file":"z-table-sticky-footer.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,iCAAe,SAAS;;MCWXA,oBAAkB;;;;;IAC7B,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;","names":["ZTableStickyFooter"],"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}