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

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

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

package/dist/collection/components/z-select/styles.css

@@ -77,6 +77,10 @@
   column-gap: var(--space-unit);
 }
 
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container.active {
+  box-shadow: var(--shadow-focus-primary);
+}
+
 .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {
   margin-right: auto;
 }
@@ -138,6 +142,10 @@
   align-items: center;
 }
 
+.reset-item .reset-item-content.active {
+  box-shadow: var(--shadow-focus-primary);
+}
+
 .reset-item.reset-item-margin .reset-item-content {
   margin-left: var(--space-unit);
 }
@@ -206,9 +214,8 @@ z-list-element > .list-element {
   cursor: pointer;
 }
 
-z-list-element > .list-element:focus:focus-visible {
+z-list-element > .list-element.active {
   box-shadow: var(--shadow-focus-primary);
-  outline: none;
 }
 
 z-list-element:not([disabled]) > .list-element:hover,

package/dist/collection/components/z-skip-to-content/index.js

@@ -6,7 +6,7 @@ import { getElementTree, handleKeyboardSubmit } from "../../utils/utils";
  */
 export class ZSkipToContent {
     constructor() {
-        this.variant = undefined;
+        /** Array to fill link into skip-content */
         this.links = [];
         this.visible = false;
         this.visibleLink = "";
@@ -45,7 +45,7 @@ export class ZSkipToContent {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '1a7ea404cfe0bc4dcf7f60787b218cdf58f28a28', class: {
+        return (h(Host, { key: '7ac0544bdccbd831c9f20ac590615865ce5d96d9', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {
@@ -84,7 +84,8 @@ export class ZSkipToContent {
                         "ThemeVariant": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ThemeVariant"
+                            "id": "src/beans/index.tsx::ThemeVariant",
+                            "referenceLocation": "ThemeVariant"
                         }
                     }
                 },
@@ -94,8 +95,10 @@ export class ZSkipToContent {
                     "tags": [],
                     "text": "Graphical variant: `dark`, `light`."
                 },
-                "attribute": "variant",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant"
             },
             "links": {
                 "type": "string",
@@ -107,7 +110,8 @@ export class ZSkipToContent {
                         "SkipToContentLink": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::SkipToContentLink"
+                            "id": "src/beans/index.tsx::SkipToContentLink",
+                            "referenceLocation": "SkipToContentLink"
                         }
                     }
                 },
@@ -117,8 +121,10 @@ export class ZSkipToContent {
                     "tags": [],
                     "text": "Array to fill link into skip-content"
                 },
-                "attribute": "links",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "links",
                 "defaultValue": "[]"
             }
         };
@@ -146,4 +152,3 @@ export class ZSkipToContent {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-skip-to-content/index.stories.js

@@ -38,4 +38,3 @@ export const Default = {
       links=${JSON.stringify(args.links)}
     ></z-skip-to-content>`,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZStepper {
     render() {
-        return (h(Host, { key: 'aa8c3ef6cca54442496944c748d1c224814ecc1a', role: "navigation" }, h("slot", { key: '9065c4077e08c252406e618e548f13aac5ed40d9' })));
+        return (h(Host, { key: 'a2304ed385101b23b71ec650438bea2d10213186', role: "navigation" }, h("slot", { key: '4ddfd1b462d8d5b959cd05d3a7ba9f868b416c4c' })));
     }
     static get is() { return "z-stepper"; }
     static get encapsulation() { return "shadow"; }
@@ -19,4 +19,3 @@ export class ZStepper {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

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

package/dist/collection/components/z-stepper-item/index.js

@@ -1,12 +1,5 @@
 import { Host, h } from "@stencil/core";
 export class ZStepperItem {
-    constructor() {
-        this.index = undefined;
-        this.href = undefined;
-        this.pressed = undefined;
-        this.checked = undefined;
-        this.disabled = undefined;
-    }
     getAttributes() {
         const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
         const role = href ? { role: "link" } : undefined;
@@ -15,7 +8,7 @@ export class ZStepperItem {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: 'eee285538af50ff09c49ead53e0589f20f810567', role: "listitem" }, h("button", Object.assign({ key: '0b354bc4e0ad809044e1cf0beb80a6259b2df43a', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '3227f3ce382e6340cfc9bec365cb2d7b79dba2ed', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '1099214dda81271f48d2453d1e111042a79207af' }, h("slot", { key: '50262e5fbb88d2b628de778243d52087225eec7b' })))));
+        return (h(Host, { key: 'acd637314062ec1e9700fcc22e0ced7c5dd653fa', role: "listitem" }, h("button", Object.assign({ key: 'aef1782ce8d72fc5a5379ab6b2abe3f29d3e4531', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: 'bbe3ac96d02e98a5434fbde7a9426698dd7fe6a3', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'c78b4f569cbe831b4ed2ecb2276c4f357d44b46a' }, h("slot", { key: '725a59150a00624f3ae3e742b34100b475b496e8' })))));
     }
     static get is() { return "z-stepper-item"; }
     static get encapsulation() { return "shadow"; }
@@ -45,8 +38,10 @@ export class ZStepperItem {
                     "tags": [],
                     "text": "The number of the step item."
                 },
-                "attribute": "index",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "index"
             },
             "href": {
                 "type": "string",
@@ -62,8 +57,10 @@ export class ZStepperItem {
                     "tags": [],
                     "text": "The href to navigate on click."
                 },
-                "attribute": "href",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "href"
             },
             "pressed": {
                 "type": "boolean",
@@ -79,8 +76,10 @@ export class ZStepperItem {
                     "tags": [],
                     "text": "The pressed state of the item."
                 },
-                "attribute": "pressed",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "pressed"
             },
             "checked": {
                 "type": "boolean",
@@ -96,8 +95,10 @@ export class ZStepperItem {
                     "tags": [],
                     "text": "The checked state of the item."
                 },
-                "attribute": "checked",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "checked"
             },
             "disabled": {
                 "type": "boolean",
@@ -113,10 +114,11 @@ export class ZStepperItem {
                     "tags": [],
                     "text": "The disabled state of the item."
                 },
-                "attribute": "disabled",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-stepper-item/index.stories.js

@@ -56,4 +56,3 @@ export const Checked = {
       >${args.text}</z-stepper-item
     >`,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -6,17 +6,11 @@ import { Host, h } from "@stencil/core";
  * @cssprop --z-tag-bg - background color of the z-tag.
  */
 export class ZTag {
-    constructor() {
-        this.icon = undefined;
-        this.expandable = undefined;
-    }
     render() {
-        var _a;
-        const hasText = ((_a = this.host.textContent) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
-        return (h(Host, { key: 'ed05949bf1f4fb03fdbecfaa7acb43bfbb6f8841', class: {
+        return (h(Host, { key: '79058b7bd9a1c161e6bc55fc0a737e6f2f3c8a06', class: {
                 "expandable": this.expandable && !!this.icon,
-                "has-text": hasText,
-            } }, this.icon && h("z-icon", { key: '72ebeed5930725102f4131acedeabc536d887a44', name: this.icon }), h("div", { key: '7528424efc94fad4b910f54365a20dd644962936' }, h("slot", { key: '951b325ae2b157d343fd6fbed8bc8d40fcdd9e37' }))));
+                "has-text": !!this.host.textContent.trim(),
+            } }, this.icon && h("z-icon", { key: 'ac25c974cbb40a04bb83adabe53011bb4dd89dd3', name: this.icon }), h("div", { key: '4150a1f6301110f690a595c5e2b5169d90aa4802' }, h("slot", { key: 'd3f2e88bf2635ec142a71c5752f264cd9e0077f7' }))));
     }
     static get is() { return "z-tag"; }
     static get encapsulation() { return "scoped"; }
@@ -46,8 +40,10 @@ export class ZTag {
                     "tags": [],
                     "text": "[optional] Tag icon"
                 },
-                "attribute": "icon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
             },
             "expandable": {
                 "type": "boolean",
@@ -63,11 +59,12 @@ export class ZTag {
                     "tags": [],
                     "text": "[optional] Hide the text and show it on hover"
                 },
-                "attribute": "expandable",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expandable"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -61,4 +61,3 @@ export const LongText = {
       >${args.text}
     </z-tag>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-toast-notification/index.js

@@ -16,18 +16,13 @@ const SLIDE_OUT_TRANSITION_MAP = {
  */
 export class ZToastNotification {
     constructor() {
-        this.isCloseEventCalled = false;
-        this.heading = undefined;
-        this.message = undefined;
-        this.closebutton = undefined;
-        this.autoclose = undefined;
+        /** toast notification autoclose can be paused */
         this.pauseonfocusloss = true;
-        this.type = undefined;
+        /** toast notification can be draggable*/
         this.isdraggable = true;
+        /** toast notification draggable percentage*/
         this.draggablepercentage = 80;
-        this.transition = undefined;
-        this.percentage = undefined;
-        this.hasSlottedButton = undefined;
+        this.isCloseEventCalled = false;
     }
     watchPropIsdraggable(newValue) {
         if (newValue) {
@@ -67,10 +62,12 @@ export class ZToastNotification {
     }
     visibilityChangeEventHandler() {
         if (document.visibilityState === "hidden") {
-            this.timeoutHandle && this.onBlur();
+            if (this.timeoutHandle) {
+                this.onBlur();
+            }
         }
-        else {
-            this.elapsedTime && this.onFocus();
+        else if (this.elapsedTime) {
+            this.onFocus();
         }
     }
     validateAutoclose() {
@@ -149,22 +146,24 @@ export class ZToastNotification {
                 this.startClosingTimeout(this.autoclose);
             }
         }
-        this.isdraggable && this.handleSlideOutDragAnimation();
+        if (this.isdraggable) {
+            this.handleSlideOutDragAnimation();
+        }
     }
     render() {
-        return (h(Host, { key: '4dddb200f4671bbd69e8d1470d0d441678da3039', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (h(Host, { key: 'a49b625adab9d778f69c84e8bbe75ab565b894a1', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, h("div", { key: '424761a172e8f139e35d9c1b2139a4093e5ac48d', class: "toast-notification-container" }, h("div", { key: 'f1f8f3b2cfb8dde84ba0e136ac94631b47993975', class: "toast-notification-content" }, h("div", { key: '75c17b6a15c05dea66744ddb08a9abfcda21be28', class: "toast-notification-text" }, this.heading && h("span", { key: '94eda50ee38a39cec7056ee113b9863b54ed1555', class: "title" }, this.heading), h("span", { key: 'def713dd54fac1d0332c82c12ec4878672dddf1f', class: "message" }, h("slot", { key: '30cd97c7a2381c5a25e1b184524cb2fce29a549c', name: "message" }, this.message && h("span", { key: 'fc4c5cf459f595cb3727d5328ecb12419d1ea405', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '994505f881dbe43ab69eb42c449afb0dc4d46336', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'b4a78b86c8d3b98750bcafee88d43bb47712558c', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: '6658b9fe87e402ad434afe3bc50d4bf99f19b7a4', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, h("div", { key: 'a2677d79e89624c6043343f45d2d182fa957ced8', class: "toast-notification-container" }, h("div", { key: '3abed7d27e3229a0ffb7136788bea5ff1f9b42ca', class: "toast-notification-content" }, h("div", { key: '8360c7b1918dd43a6e20efbd8a7acc698114708e', class: "toast-notification-text" }, this.heading && h("span", { key: '6e90506018c059dba7c4c7dbf0a6b691554af361', class: "title" }, this.heading), h("span", { key: '98808e38b56eef6f6fa7d1356a70e67727cefca8', class: "message" }, h("slot", { key: 'cd3c796108dcd61863aa2f6b675397226a7c597e', name: "message" }, this.message && h("span", { key: 'b10e53ae700e37ea0725cb99d4e58fcf14b6b137', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: 'd65f0c44ac30edf17510b2f046b6ebf1251122d3', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'cab7ecb2f6d03bf2b1e6f459db4dd00cf7fb9dc1', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: 'aec76fdc32aa73389b7ecede4a082b9873422a04', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, h("z-icon", { key: '2edf589b7755c20c21217a8161736eeee5859cc9', name: "multiply-circled" }))))));
+            } }, h("z-icon", { key: '9776de1410dbc02f319ae67a284da485949ab4c8', name: "multiply-circled" }))))));
     }
     static get is() { return "z-toast-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -194,8 +193,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification's title"
                 },
-                "attribute": "heading",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
             },
             "message": {
                 "type": "string",
@@ -211,8 +212,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification's message"
                 },
-                "attribute": "message",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "message"
             },
             "closebutton": {
                 "type": "boolean",
@@ -228,8 +231,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toggles closing button rendering"
                 },
-                "attribute": "closebutton",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "closebutton"
             },
             "autoclose": {
                 "type": "number",
@@ -245,8 +250,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification closing timeout (ms)"
                 },
-                "attribute": "autoclose",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "autoclose"
             },
             "pauseonfocusloss": {
                 "type": "boolean",
@@ -262,8 +269,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification autoclose can be paused"
                 },
-                "attribute": "pauseonfocusloss",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "pauseonfocusloss",
                 "defaultValue": "true"
             },
             "type": {
@@ -276,7 +285,8 @@ export class ZToastNotification {
                         "ToastNotification": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ToastNotification"
+                            "id": "src/beans/index.tsx::ToastNotification",
+                            "referenceLocation": "ToastNotification"
                         }
                     }
                 },
@@ -286,8 +296,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification type: dark, light, accent, error, success, warning"
                 },
-                "attribute": "type",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type"
             },
             "isdraggable": {
                 "type": "boolean",
@@ -303,8 +315,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification can be draggable"
                 },
-                "attribute": "isdraggable",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "isdraggable",
                 "defaultValue": "true"
             },
             "draggablepercentage": {
@@ -321,8 +335,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification draggable percentage"
                 },
-                "attribute": "draggablepercentage",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "draggablepercentage",
                 "defaultValue": "80"
             },
             "transition": {
@@ -335,7 +351,8 @@ export class ZToastNotification {
                         "ToastNotificationTransition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ToastNotificationTransition"
+                            "id": "src/beans/index.tsx::ToastNotificationTransition",
+                            "referenceLocation": "ToastNotificationTransition"
                         }
                     }
                 },
@@ -345,8 +362,10 @@ export class ZToastNotification {
                     "tags": [],
                     "text": "toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up"
                 },
-                "attribute": "transition",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "transition"
             }
         };
     }
@@ -388,4 +407,3 @@ export class ZToastNotification {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toast-notification/index.stories.js

@@ -174,4 +174,3 @@ export const SlottedMessageLongText = {
       </z-toast-notification>
     </div>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-toast-notification-list/index.js

@@ -2,8 +2,11 @@ import { h } from "@stencil/core";
 import { ToastNotificationPosition } from "../../beans";
 export class ZToastNotificationList {
     constructor() {
+        /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
         this.position = ToastNotificationPosition.TOP_RIGHT;
+        /**Set the entry position of new notification in the list */
         this.newestontop = true;
+        this.notificationArray = [];
     }
     watchPropNewestontop(newValue) {
         this.hostElement.append(...this.notificationArray.reverse());
@@ -36,7 +39,7 @@ export class ZToastNotificationList {
         }
     }
     render() {
-        return h("slot", { key: 'fcca8c71a9eca7ada8de9d23d4930ec6796b2925', name: "toasts" });
+        return h("slot", { key: 'e039a28729e3d350f3db450429acd01ff47b5afe', name: "toasts" });
     }
     static get is() { return "z-toast-notification-list"; }
     static get encapsulation() { return "shadow"; }
@@ -62,7 +65,8 @@ export class ZToastNotificationList {
                         "ToastNotificationPosition": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ToastNotificationPosition"
+                            "id": "src/beans/index.tsx::ToastNotificationPosition",
+                            "referenceLocation": "ToastNotificationPosition"
                         }
                     }
                 },
@@ -72,8 +76,10 @@ export class ZToastNotificationList {
                     "tags": [],
                     "text": "Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right"
                 },
-                "attribute": "position",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "position",
                 "defaultValue": "ToastNotificationPosition.TOP_RIGHT"
             },
             "newestontop": {
@@ -90,8 +96,10 @@ export class ZToastNotificationList {
                     "tags": [],
                     "text": "Set the entry position of new notification in the list"
                 },
-                "attribute": "newestontop",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "newestontop",
                 "defaultValue": "true"
             }
         };
@@ -104,4 +112,3 @@ export class ZToastNotificationList {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-toast-notification-list/index.stories.js

@@ -145,4 +145,3 @@ export const TopLeftWithSlottedMessage = {
         ></span
       >`),
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-toggle-button/index.js

@@ -1,10 +1,11 @@
 import { h } from "@stencil/core";
 export class ZToggleButton {
     constructor() {
-        this.label = undefined;
+        /** disabled status flag (optional) */
         this.isdisabled = false;
-        this.avoidclick = undefined;
+        /** open by default (optional) */
         this.opened = false;
+        /**  aria-label for the button */
         this.ariaLabel = "";
     }
     emitToggleClick() {
@@ -15,10 +16,10 @@ export class ZToggleButton {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '6df0aee8dfd4785cd9787b2940c12cc3d680ef0c', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '515befc9b764cd14ebf6d229f14c5bd63ce3075b', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'ab52cd6023b492b5bba8086fd189112e5329c3ad', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '08daf99430ad7614dfcdf37d65e06d11511173ca', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
     static get is() { return "z-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -48,8 +49,10 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "label text"
                 },
-                "attribute": "label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
             },
             "isdisabled": {
                 "type": "boolean",
@@ -65,8 +68,10 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "disabled status flag (optional)"
                 },
-                "attribute": "isdisabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "isdisabled",
                 "defaultValue": "false"
             },
             "avoidclick": {
@@ -83,8 +88,10 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "avoidclick status flag"
                 },
-                "attribute": "avoidclick",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "avoidclick"
             },
             "opened": {
                 "type": "boolean",
@@ -100,8 +107,10 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "open by default (optional)"
                 },
-                "attribute": "opened",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "opened",
                 "defaultValue": "false"
             },
             "ariaLabel": {
@@ -118,8 +127,10 @@ export class ZToggleButton {
                     "tags": [],
                     "text": "aria-label for the button"
                 },
-                "attribute": "aria-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "aria-label",
                 "defaultValue": "\"\""
             }
         };
@@ -143,4 +154,3 @@ export class ZToggleButton {
             }];
     }
 }
-//# sourceMappingURL=index.js.map