@zanichelli/albe-web-components 19.2.2 → 19.2.3-RC1

package/dist/collection/components/table/cells/z-td/index.js

@@ -6,10 +6,23 @@ import { ButtonVariant, ControlSize, PopoverPosition } from "../../../../beans";
  */
 export class ZTd {
     constructor() {
-        this.colspan = undefined;
+        /**
+         * Whether the cell should stick.
+         */
         this.sticky = false;
+        /**
+         * Enables the contextual menu.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the menu button.
+         */
         this.showMenu = null;
+        /**
+         * Set the popover position, the default is "auto".
+         */
         this.popoverPosition = PopoverPosition.AUTO;
+        /**
+         * Store the open state of the menu.
+         */
         this.isMenuOpen = false;
     }
     updateColspan() {
@@ -29,7 +42,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '293116a05abf815d72c5febe88387a672bc44a32', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '2edc2b6dcc67342e33dbb9dd7115ecc851c3fc73', class: "cell--content" }, h("slot", { key: 'a5bb48ca5dc5e37ce0b152c02c697cc421b60989' }), this.showMenu && (h("div", { key: 'e72f327a63b7b76e99b50b1ca8d9a971bd731ce3', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'cf6c1dc39f04221e9a96e405ad44e2e089e5787e', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '149e73ef108f4c4e02c254a047dd1f500049015a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '115d26fe844d42fd2de0cbf2e241be44ae35e46d', name: "contextual-menu" })))))));
+        return (h(Host, { key: '65102becbf97d8f480c9e9c140965963e1b829a3', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'a91b370f73c8684038a75db6483ec88dd8b3f4d6', class: "cell--content" }, h("slot", { key: '2a9451f11c23f2dae4047b360d8af92606ce3e76' }), this.showMenu && (h("div", { key: '0a4f91d75fce51604253ada3775f06ec9c230ce0', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'fe6623726d645f2796ff88246bd887b2e5ec9396', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '1ce2729d0209e5218515c52f4425c3f02b05c1bd', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'b060d20d5e15380360f8bab9d502f85eb70a7995', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }
@@ -59,8 +72,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Number of columns that the cell should span."
                 },
-                "attribute": "colspan",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "colspan"
             },
             "sticky": {
                 "type": "boolean",
@@ -76,8 +91,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Whether the cell should stick."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "showMenu": {
@@ -90,7 +107,8 @@ export class ZTd {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -100,8 +118,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Enables the contextual menu.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the menu button."
                 },
-                "attribute": "show-menu",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-menu",
                 "defaultValue": "null"
             },
             "popoverPosition": {
@@ -114,7 +134,8 @@ export class ZTd {
                         "PopoverPosition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition"
+                            "id": "src/beans/index.tsx::PopoverPosition",
+                            "referenceLocation": "PopoverPosition"
                         }
                     }
                 },
@@ -124,8 +145,10 @@ export class ZTd {
                     "tags": [],
                     "text": "Set the popover position, the default is \"auto\"."
                 },
-                "attribute": "popover-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "popover-position",
                 "defaultValue": "PopoverPosition.AUTO"
             }
         };
@@ -161,4 +184,3 @@ export class ZTd {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/table/cells/z-th/index.js

@@ -7,13 +7,33 @@ import { ButtonVariant, ControlSize, PopoverPosition, SortDirection } from "../.
  */
 export class ZTh {
     constructor() {
-        this.colspan = undefined;
+        /**
+         * Enables the contextual menu.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the menu button.
+         */
         this.showMenu = null;
+        /**
+         * Enables the sorting button.
+         * Can be set to "hover" or "always" to show the button only on cell hover or always.
+         * Set a nullish value to hide the sort button.
+         */
         this.showSorting = null;
+        /**
+         * Whether the cell should stick.
+         */
         this.sticky = false;
-        this.sortDirection = undefined;
+        /**
+         * Sorted state of the column.
+         */
         this.sorted = false;
+        /**
+         * Set popover position.
+         */
         this.popoverPosition = PopoverPosition.AUTO;
+        /**
+         * Store the open state of the menu.
+         */
         this.isMenuOpen = false;
     }
     /**
@@ -50,7 +70,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '03fc52e539b5d4b353707a3065be9d522c0aed93', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '2253ed45163efb0508ef0c291d33f386c53d8fbb', class: "cell--content" }, h("slot", { key: '3d17a384cb6d39c3672eb2c6c44a0e491214ed50' }), this.showSorting && (h("button", { key: 'e32ce07f7193628e19e0e20bcc56fe309c48c6f3', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '6a96bf249ecb191f6f0b71ce8b5186ee1e109a91', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: 'a490f573b3d07dc6ca74190cb81be4075fc85d97', class: "cell--menu-container" }, h("z-button", { key: 'ae1cd376be6fb4e13674277ab927d9542a469bbc', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'bb9ee43bf68dce8a8046b88bf9bf993ff519816d', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'b1d46d09c33c4f957ea1d6984428b2ba55763e66', name: "contextual-menu" })))))));
+        return (h(Host, { key: '326c1c5968ebd22021f5bc88d3c98cd558c31783', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '935a692b283f76362fe5e3cc7cc2f8e38424f407', class: "cell--content" }, h("slot", { key: 'cce03a04640d1ee72e2e202f7526203136f4bb50' }), this.showSorting && (h("button", { key: 'c161a473f0b4e6d6b1a478ad0530c6d0938fc1a1', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '4b9b3aab3b0ce9f14c2a181860c834098077dee3', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: 'cd3b0e8a851c8a414229f4976b8a227d99981ce0', class: "cell--menu-container" }, h("z-button", { key: '3d37441174ff3ea540c0aec582bc91c7c644c818', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '59de83e276e82705588041660e7612080b6636e8', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'c92e8e0a5c617251dc6741ff4d9cbe943f224111', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }
@@ -80,8 +100,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Number of columns that the cell should span."
                 },
-                "attribute": "colspan",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "colspan"
             },
             "showMenu": {
                 "type": "string",
@@ -93,7 +115,8 @@ export class ZTh {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -103,8 +126,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Enables the contextual menu.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the menu button."
                 },
-                "attribute": "show-menu",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-menu",
                 "defaultValue": "null"
             },
             "showSorting": {
@@ -117,7 +142,8 @@ export class ZTh {
                         "VisibilityCondition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::VisibilityCondition"
+                            "id": "src/beans/index.tsx::VisibilityCondition",
+                            "referenceLocation": "VisibilityCondition"
                         }
                     }
                 },
@@ -127,8 +153,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Enables the sorting button.\nCan be set to \"hover\" or \"always\" to show the button only on cell hover or always.\nSet a nullish value to hide the sort button."
                 },
-                "attribute": "show-sorting",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "show-sorting",
                 "defaultValue": "null"
             },
             "sticky": {
@@ -145,8 +173,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Whether the cell should stick."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "sortDirection": {
@@ -159,7 +189,8 @@ export class ZTh {
                         "SortDirection": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::SortDirection"
+                            "id": "src/beans/index.tsx::SortDirection",
+                            "referenceLocation": "SortDirection"
                         }
                     }
                 },
@@ -169,8 +200,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Current sorting direction."
                 },
-                "attribute": "sort-direction",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sort-direction"
             },
             "sorted": {
                 "type": "boolean",
@@ -186,8 +219,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Sorted state of the column."
                 },
-                "attribute": "sorted",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sorted",
                 "defaultValue": "false"
             },
             "popoverPosition": {
@@ -200,7 +235,8 @@ export class ZTh {
                         "PopoverPosition": {
                             "location": "import",
                             "path": "../../../../beans",
-                            "id": "src/beans/index.tsx::PopoverPosition"
+                            "id": "src/beans/index.tsx::PopoverPosition",
+                            "referenceLocation": "PopoverPosition"
                         }
                     }
                 },
@@ -210,8 +246,10 @@ export class ZTh {
                     "tags": [],
                     "text": "Set popover position."
                 },
-                "attribute": "popover-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "popover-position",
                 "defaultValue": "PopoverPosition.AUTO"
             }
         };
@@ -247,4 +285,3 @@ export class ZTh {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -10,7 +10,13 @@ import "../z-tr/index";
  */
 export class ZTable {
     constructor() {
+        /**
+         * Whether the table cells should show a border between them.
+         */
         this.bordered = false;
+        /**
+         * Whether the table contains some expandable rows.
+         */
         this.expandable = false;
     }
     updateExpandable() {
@@ -36,7 +42,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h("div", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: "table", role: "table" }, h("slot", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));
+        return (h(Host, { key: '19ac617eed1f9fc7c962e5f34e30c1c0feb0fa87', expandable: this.expandable }, h("div", { key: '648951c6bb94c6cc149f593ca42a50eafa287337', class: "table", role: "table" }, h("slot", { key: '08fb16a4c3ee50be9634833b2227593ba8651c01' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }
@@ -66,8 +72,10 @@ export class ZTable {
                     "tags": [],
                     "text": "Whether the table cells should show a border between them."
                 },
-                "attribute": "bordered",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "bordered",
                 "defaultValue": "false"
             }
         };
@@ -79,4 +87,3 @@ export class ZTable {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -280,4 +280,3 @@ export const SortAction = {
       <z-tbody>${repeat([...new Array(3)], () => html `<z-tr>${cellsTemplate(3)}</z-tr>`)}</z-tbody>
     </z-table>`,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: 'a23a8d2225c5872c1ad1f646944b3ad4ba79f5fd', role: "rowgroup" }, h("slot", { key: '984be981a195644ec52026d7cc012326480210a6' })));
+        return (h(Host, { key: '62b5b227fbdaac2918101db68c60cb68ae9e1ed8', role: "rowgroup" }, h("slot", { key: 'ecfc5c26435fb7f03b5e9ea89111499b3b75f3ca' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }
@@ -20,4 +20,3 @@ export class ZTbody {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -5,10 +5,13 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTfoot {
     constructor() {
+        /**
+         * If true, the footer will be stuck to the bottom of the table.
+         */
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'f8e7bef1397f6a4d7f776321421eb8f8c69ceb7d', role: "rowgroup", tabIndex: -1 }, h("slot", { key: 'd0e56e8d36cc4ca21d79b9d2a2546b19a0ac27e0' })));
+        return (h(Host, { key: '0ecae481f9b2e870d3f4d8898755d15e561154b7', role: "rowgroup", tabIndex: -1 }, h("slot", { key: '7d028233f9e6ff2bfdbcc5b00841db5eb5020643' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }
@@ -38,11 +41,12 @@ export class ZTfoot {
                     "tags": [],
                     "text": "If true, the footer will be stuck to the bottom of the table."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -5,11 +5,17 @@ import { Host, h } from "@stencil/core";
  */
 export class ZThead {
     constructor() {
+        /**
+         * If true, the header will be stuck to the top of the table.
+         */
         this.sticky = false;
+        /**
+         * The element is focusable
+         */
         this.isFocusable = false;
     }
     render() {
-        return (h(Host, { key: 'd975481f3702161c0d76f42c47d6194c39d08f42', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: '97e675dc4bbefd4aac970d10dc4499c4bc80ac23' })));
+        return (h(Host, { key: 'a41caa6571e3a2e4c0b46df9c28507d347011c52', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: 'fbe9305e97ac906ce0296b871d65d33c75749bd1' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }
@@ -39,8 +45,10 @@ export class ZThead {
                     "tags": [],
                     "text": "If true, the header will be stuck to the top of the table."
                 },
-                "attribute": "sticky",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "isFocusable": {
@@ -57,12 +65,13 @@ export class ZThead {
                     "tags": [],
                     "text": "The element is focusable"
                 },
-                "attribute": "is-focusable",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "is-focusable",
                 "defaultValue": "false"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { randomId } from "../../../utils/utils";
 import "../cells/z-td/index";
 import "../cells/z-th/index";
@@ -10,9 +10,20 @@ import "../cells/z-th/index";
  */
 export class ZTr {
     constructor() {
+        /**
+         * Whether the row is expandable.
+         * Use a `z-td` as the last cell of the row for the additional content.
+         * It will show a button to expand/collapse the row.
+         * The last cell will be hidden until the button or row is clicked.
+         *
+         * If some element inside the expandable row contains the `prevent-expand` css class,
+         * the row will not expand by clicking that element.
+         */
         this.expandable = false;
+        /**
+         * Whether the row is currently expanded.
+         */
         this.expanded = false;
-        this.expandableContentId = undefined;
     }
     updateColumns() {
         const cells = Array.from(this.host.querySelectorAll("z-td, z-th"));
@@ -57,7 +68,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: 'c1edcb26241c7528d544f61ab75d2920b545e62d', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '8bb2db80cfdd9dd4065466a97381dfacd4ef5395', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '1ab915207f73524dc1dbffe3d79190ee4c177c62', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '419b53264646264a73687faa3ee007531e0c3ac9', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '048a03b706c82e5dfb2f55001b24864bf5bad97c', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'c44fd9d9808651d63d9eb5f25fe8a0c31faadfe8', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '22e2a75bc63f96ec1f293ecfd818f16e0aa9eb96', role: "row", tabIndex: 0, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '7d71cd5da22b1e921a53831316fa1cf0a90b4178', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '707e10ebfe2df07fd6f151af992d7289d76ab43c', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '375fe42258137e52520556487cccb2bcf2378833', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '5e478114e1ba9d7982995acefa52f8ffc1b51831', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '56f1c4bad517ee41792f500bd56408a42da440bb', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }
@@ -87,8 +98,10 @@ export class ZTr {
                     "tags": [],
                     "text": "Whether the row is expandable.\nUse a `z-td` as the last cell of the row for the additional content.\nIt will show a button to expand/collapse the row.\nThe last cell will be hidden until the button or row is clicked.\n\nIf some element inside the expandable row contains the `prevent-expand` css class,\nthe row will not expand by clicking that element."
                 },
-                "attribute": "expandable",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "expandable",
                 "defaultValue": "false"
             }
         };
@@ -134,4 +147,3 @@ export class ZTr {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-accordion/index.js

@@ -18,13 +18,29 @@ import { AccordionVariant, ControlSize } from "../../beans";
  */
 export class ZAccordion {
     constructor() {
-        this.label = undefined;
-        this.icon = undefined;
+        /**
+         * Size of the component.
+         */
         this.size = ControlSize.BIG;
+        /**
+         * Disabled state of the accordion.
+         */
         this.isDisabled = false;
+        /**
+         * The open state of the accordion.
+         */
         this.open = false;
+        /**
+         * Enable highlight band on the `summary`'s left edge.
+         */
         this.highlight = false;
+        /**
+         * Accordion variant.
+         */
         this.variant = AccordionVariant.DEFAULT;
+        /**
+         * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.
+         */
         this.shadow = true;
         this.hasSlottedTags = false;
     }
@@ -55,7 +71,7 @@ export class ZAccordion {
         this.checkSlottedTags();
     }
     render() {
-        return (h("details", { key: 'f7e5933db8c37cfe6e39d2ff41a0d1611784e668', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '6109ae145d22b879326c0b6493886e8e93587157', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'aa81dc1a116fb11a36e3f3339e02f2206a0b1ce4', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'c7473044308125b98ec5df1774023b0bf51170bb', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: '1f991e11f91086616d7eb03ea6b4fdc8b8e6d424', class: "z-accordion-tags" }, h("slot", { key: '9d38da3a3809a5fbc5484b05f22a53fe4e448e76', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: '248043a90d91b3fe718314f006aa2b2f32629b2c', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '815910f6f281bfe790576ffe4c179ad01a3b23ae', class: "z-accordion-content", part: "content" }, h("slot", { key: '8b7a54bbec50cc7c6034f184f08307f2697a39f3' })))));
+        return (h("details", { key: '172a7daef5025f190bec2ac50755edd73930b002', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'afef8986b1c567de4d979f4352b060841e2d9915', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '4d96182e2f30cc0d8a4920854775a5daa2f551c5', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '339defc76d0ce353bff86e3c53067ceda6fa0350', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: '9e25512f093b7770894aff7590d2a829ed48943b', class: "z-accordion-tags" }, h("slot", { key: 'f24b026310c4d00632a131502960dfdade72cf85', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: 'd930ae94ebc17c279626bcb4a94e5bcfbe490c3a', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '8d33c1ead662fa11c01acaae2a3ee2ee72278bbb', class: "z-accordion-content", part: "content" }, h("slot", { key: 'fba6c3dd4ae6905f7e5d179a7b6af2de7bb4f8ca' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -85,8 +101,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Text label."
                 },
-                "attribute": "label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
             },
             "icon": {
                 "type": "string",
@@ -102,8 +120,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Name of the z-icon to display before the label's text."
                 },
-                "attribute": "icon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
             },
             "size": {
                 "type": "string",
@@ -115,7 +135,8 @@ export class ZAccordion {
                         "ControlSize": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ControlSize"
+                            "id": "src/beans/index.tsx::ControlSize",
+                            "referenceLocation": "ControlSize"
                         }
                     }
                 },
@@ -125,8 +146,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Size of the component."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "ControlSize.BIG"
             },
             "isDisabled": {
@@ -143,8 +166,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Disabled state of the accordion."
                 },
-                "attribute": "is-disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "is-disabled",
                 "defaultValue": "false"
             },
             "open": {
@@ -161,8 +186,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "The open state of the accordion."
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "open",
                 "defaultValue": "false"
             },
             "highlight": {
@@ -179,8 +206,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Enable highlight band on the `summary`'s left edge."
                 },
-                "attribute": "highlight",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "highlight",
                 "defaultValue": "false"
             },
             "variant": {
@@ -193,7 +222,8 @@ export class ZAccordion {
                         "AccordionVariant": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::AccordionVariant"
+                            "id": "src/beans/index.tsx::AccordionVariant",
+                            "referenceLocation": "AccordionVariant"
                         }
                     }
                 },
@@ -203,8 +233,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Accordion variant."
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "variant",
                 "defaultValue": "AccordionVariant.DEFAULT"
             },
             "shadow": {
@@ -221,8 +253,10 @@ export class ZAccordion {
                     "tags": [],
                     "text": "Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`."
                 },
-                "attribute": "shadow",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "shadow",
                 "defaultValue": "true"
             }
         };
@@ -258,4 +292,3 @@ export class ZAccordion {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-accordion/index.stories.js

@@ -162,4 +162,3 @@ export const WithTags = {
     </z-accordion>
   `,
 };
-//# sourceMappingURL=index.stories.js.map