@zanichelli/albe-web-components 5.5.5 → 5.6.0

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Listen, Prop, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import classNames from "classnames";
 import { ButtonSizeEnum, ButtonVariantEnum, PopoverPositions, Size, SortDirectionEnum, } from "../../../beans";
 import { getElementTree } from "../../../utils/utils";
@@ -63,176 +63,178 @@ export class ZTableHeader {
   render() {
     return (h(Host, { class: classNames({
         sortable: this.sortable,
-      }), onClick: () => this.handleSort() },
-      h("div", { class: 'container' },
-        h("slot", null),
-        this.sortable && this.sortDirection !== SortDirectionEnum.none && (h("z-icon", { name: this.sortDirection === SortDirectionEnum.asc
-            ? "arrow-up"
-            : "arrow-down", class: "arrow" }))),
-      this.showButton && (h("div", { class: 'popover-container' },
-        h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenuClick() }),
-        h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPositions.bottom, center: true, bindTo: this.triggerButton },
-          h("div", null,
-            h("slot", { name: "contextual-menu" })))))));
+      }), onClick: () => this.handleSort() }, h("div", { class: 'container' }, h("slot", null), this.sortable && this.sortDirection !== SortDirectionEnum.none && (h("z-icon", { name: this.sortDirection === SortDirectionEnum.asc
+        ? "arrow-up"
+        : "arrow-down", class: "arrow" }))), this.showButton && (h("div", { class: 'popover-container' }, h("z-button", { ref: (el) => (this.triggerButton = el), class: "contextual-popover-button", icon: "contextual-menu", variant: ButtonVariantEnum["tertiary"], size: ButtonSizeEnum["x-small"], onClick: () => this.handleMenuClick() }), h("z-popover", { ref: (el) => (this.popover = el), position: PopoverPositions.bottom, center: true, bindTo: this.triggerButton }, h("div", null, h("slot", { name: "contextual-menu" })))))));
   }
   static get is() { return "z-table-header"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "columnId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Column ID"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "columnId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Column ID"
+        },
+        "attribute": "column-id",
+        "reflect": false
       },
-      "attribute": "column-id",
-      "reflect": false
-    },
-    "padding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Size",
-        "resolved": "Size.large | Size.medium | Size.small | Size.special | typeof Size[\"x-small\"]",
-        "references": {
-          "Size": {
-            "location": "import",
-            "path": "../../../beans"
+      "padding": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Size",
+          "resolved": "(typeof Size)[\"x-small\"] | Size.large | Size.medium | Size.small | Size.special",
+          "references": {
+            "Size": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set padding size of cell, if special 0px padding will be set"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set padding size of cell, if special 0px padding will be set"
+        },
+        "attribute": "padding",
+        "reflect": true,
+        "defaultValue": "Size.medium"
       },
-      "attribute": "padding",
-      "reflect": true,
-      "defaultValue": "Size.medium"
-    },
-    "sortable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "sortable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "[Optional] Make the header sortable"
+        },
+        "attribute": "sortable",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "[Optional] Make the header sortable"
+      "showButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "[Optional] Show contextual menu button"
+        },
+        "attribute": "show-button",
+        "reflect": false
       },
-      "attribute": "sortable",
-      "reflect": false
-    },
-    "showButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "[Optional] Show contextual menu button"
-      },
-      "attribute": "show-button",
-      "reflect": false
-    },
-    "defaultSortDirection": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SortDirection",
-        "resolved": "SortDirectionEnum.asc | SortDirectionEnum.desc | SortDirectionEnum.none",
-        "references": {
-          "SortDirection": {
-            "location": "import",
-            "path": "../../../beans"
+      "defaultSortDirection": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SortDirection",
+          "resolved": "SortDirectionEnum.asc | SortDirectionEnum.desc | SortDirectionEnum.none",
+          "references": {
+            "SortDirection": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "[Optional] Default sort order"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "[Optional] Default sort order"
+        },
+        "attribute": "default-sort-direction",
+        "reflect": false,
+        "defaultValue": "SortDirectionEnum.asc"
       },
-      "attribute": "default-sort-direction",
-      "reflect": false,
-      "defaultValue": "SortDirectionEnum.asc"
-    },
-    "sortDirection": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "SortDirection",
-        "resolved": "SortDirectionEnum.asc | SortDirectionEnum.desc | SortDirectionEnum.none",
-        "references": {
-          "SortDirection": {
-            "location": "import",
-            "path": "../../../beans"
+      "sortDirection": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "SortDirection",
+          "resolved": "SortDirectionEnum.asc | SortDirectionEnum.desc | SortDirectionEnum.none",
+          "references": {
+            "SortDirection": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sort-direction",
-      "reflect": false,
-      "defaultValue": "SortDirectionEnum.none"
-    }
-  }; }
-  static get events() { return [{
-      "method": "sort",
-      "name": "sort",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "[Optional] callback for sorting"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sort-direction",
+        "reflect": false,
+        "defaultValue": "SortDirectionEnum.none"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "sort",
+        "name": "sort",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "[Optional] callback for sorting"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleOutsideClick",
-      "target": "body",
-      "capture": true,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "handleClickHeaders",
-      "target": "body",
-      "capture": true,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleOutsideClick",
+        "target": "body",
+        "capture": true,
+        "passive": false
+      }, {
+        "name": "click",
+        "method": "handleClickHeaders",
+        "target": "body",
+        "capture": true,
+        "passive": false
+      }];
+  }
 }

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

@@ -1,37 +1,41 @@
-import { Component, Prop, Host, h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class ZTableHeaderRow {
   _renderExpandHeader() {
     return h("z-table-header", null);
   }
   render() {
-    return (h(Host, { role: "row" },
-      this.expandable && this._renderExpandHeader(),
-      h("slot", null)));
+    return (h(Host, { role: "row" }, this.expandable && this._renderExpandHeader(), h("slot", null)));
   }
   static get is() { return "z-table-header-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "expandable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expandable",
-      "reflect": true
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expandable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "expandable",
+        "reflect": true
+      }
+    };
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Prop, State, Host, h, Event, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { ZTableRowExpandedType } from "../../../beans";
 export class ZTableRow {
   constructor() {
@@ -14,11 +14,9 @@ export class ZTableRow {
   }
   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("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })));
     }
-    return (h("z-table-cell", { style: { borderRight: "none" } },
-      h("div", { class: "z-icon-placeholder" })));
+    return (h("z-table-cell", { style: { borderRight: "none" } }, h("div", { class: "z-icon-placeholder" })));
   }
   render() {
     return (h(Host, { role: "row", expanded: this.expanded, onClick: (event) => {
@@ -27,60 +25,68 @@ export class ZTableRow {
         if (isExpandable && !contextualMenuClick) {
           this.handleExpand();
         }
-      } },
-      this.expandedType !== ZTableRowExpandedType.none &&
-        this.renderExpandButton(),
-      h("slot", null)));
+      } }, this.expandedType !== ZTableRowExpandedType.none &&
+      this.renderExpandButton(), h("slot", null)));
   }
   static get is() { return "z-table-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "expandedType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ZTableRowExpandedType",
-        "resolved": "ZTableRowExpandedType.expandable | ZTableRowExpandedType.none | ZTableRowExpandedType.padding",
-        "references": {
-          "ZTableRowExpandedType": {
-            "location": "import",
-            "path": "../../../beans"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "expandedType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ZTableRowExpandedType",
+          "resolved": "ZTableRowExpandedType.expandable | ZTableRowExpandedType.none | ZTableRowExpandedType.padding",
+          "references": {
+            "ZTableRowExpandedType": {
+              "location": "import",
+              "path": "../../../beans"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expanded-type",
-      "reflect": true,
-      "defaultValue": "ZTableRowExpandedType.none"
-    }
-  }; }
-  static get states() { return {
-    "expanded": {}
-  }; }
-  static get events() { return [{
-      "method": "expand",
-      "name": "expand",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "expanded-type",
+        "reflect": true,
+        "defaultValue": "ZTableRowExpandedType.none"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "expanded": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "expand",
+        "name": "expand",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot - table sticky footer content
  */
@@ -8,10 +8,14 @@ export class ZTableStickyFooter {
   }
   static get is() { return "z-table-sticky-footer"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
 }