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

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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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}

package/dist/components/z-tag.js

@@ -1,4 +1,4 @@
-import { Z as ZTag$1, d as defineCustomElement$1 } from './index27.js';
+import { Z as ZTag$1, d as defineCustomElement$1 } from './index30.js';
 
 const ZTag = ZTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-visually-hidden.js

@@ -10,7 +10,7 @@ const ZVisuallyHidden$1 = /*@__PURE__*/ proxyCustomElement(class ZVisuallyHidden
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '9fb05af5cc8c977fc5041b5a5b75d5813caefd82' });
+        return h("slot", { key: '9ce7d87881fa96e717bc1556d5242cbfe68d0739' });
     }
     static get style() { return ZVisuallyHiddenStyle0; }
 }, [1, "z-visually-hidden"]);