@zanichelli/albe-web-components 5.5.5 → 5.6.0

package/dist/collection/components/navigation/z-menu/index.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Event, Listen, Element, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -85,139 +85,144 @@ export class ZMenu {
   }
   renderMenuLabel() {
     if (this.hasContent) {
-      return h("button", { class: "menu-label", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: this.toggle },
-        h("div", { class: "menu-label-content" },
-          h("slot", null),
-          h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })));
+      return h("button", { class: "menu-label", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Chiudi menù' : 'Apri menù', onClick: this.toggle }, h("div", { class: "menu-label-content" }, h("slot", null), h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })));
     }
-    return h("div", { class: "menu-label" },
-      h("div", { class: "menu-label-content" },
-        h("slot", null)));
+    return h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", null)));
   }
   render() {
     return [
       this.renderMenuLabel(),
-      h("div", { class: "content", ref: (el) => { this.content = el; }, hidden: !this.open },
-        this.hasHeader && h("header", { class: "header" },
-          h("slot", { name: "header", onSlotchange: this.checkContent })),
-        h("div", { class: "items", role: "menu" },
-          h("slot", { name: "item", onSlotchange: this.onItemsChange })))
+      h("div", { class: "content", ref: (el) => { this.content = el; }, hidden: !this.open }, this.hasHeader && h("header", { class: "header" }, h("slot", { name: "header", onSlotchange: this.checkContent })), h("div", { class: "items", role: "menu" }, h("slot", { name: "item", onSlotchange: this.onItemsChange })))
     ];
   }
   static get is() { return "z-menu"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Flag to set the active status of the menu."
-      },
-      "attribute": "active",
-      "reflect": true
-    },
-    "floating": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "Flag to set the display mode of the list.\nIf true, the list will be absolutely positioned under the menu label,\nstacked beneath it otherwise."
-      },
-      "attribute": "floating",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "false"
-          }],
-        "text": "The opening state of the menu."
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hasHeader": {},
-    "hasContent": {}
-  }; }
-  static get events() { return [{
-      "method": "opened",
-      "name": "opened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "The menu has been opened."
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Flag to set the active status of the menu."
+        },
+        "attribute": "active",
+        "reflect": true
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "The menu has been closed."
+      "floating": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Flag to set the display mode of the list.\nIf true, the list will be absolutely positioned under the menu label,\nstacked beneath it otherwise."
+        },
+        "attribute": "floating",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "The opening state of the menu."
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "hasHeader": {},
+      "hasContent": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "opened",
+        "name": "opened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "The menu has been opened."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "closed",
+        "name": "closed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "The menu has been closed."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "open",
-      "methodName": "onOpenChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "open",
+        "methodName": "onOpenChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/navigation/z-menu-dropdown/index.js

@@ -1,4 +1,4 @@
-import { Component, Prop, h, State } from "@stencil/core";
+import { h } from "@stencil/core";
 import { KeyboardKeyCodeEnum } from "../../../beans/index";
 import { handleKeyboardSubmit, getClickedElement, getElementTree, } from "../../../utils/utils";
 export class ZMenuDropdown {
@@ -15,13 +15,11 @@ export class ZMenuDropdown {
   }
   renderMenuOpen() {
     if (this.ismenuopen) {
-      return (h("ul", null, this.linkarray.map((bean) => (h("li", null,
-        h("z-link", { htmlid: bean.id, href: bean.link, icon: bean.icon }, bean.label))))));
+      return (h("ul", null, this.linkarray.map((bean) => (h("li", null, h("z-link", { htmlid: bean.id, href: bean.link, icon: bean.icon }, bean.label))))));
     }
   }
   renderButtonMenu() {
-    return (h("span", { class: "arrow" },
-      h("z-icon", { name: "caret-down", width: 14, height: 14 })));
+    return (h("span", { class: "arrow" }, h("z-icon", { name: "caret-down", width: 14, height: 14 })));
   }
   retriveMenuClass() {
     if (this.ismenuopen)
@@ -45,81 +43,83 @@ export class ZMenuDropdown {
     return (h("a", { class: this.retriveMenuClass(), role: "button", tabindex: "0", onFocus: () => {
         document.addEventListener("click", this.handleFocus);
         document.addEventListener("keyup", this.handleFocus);
-      }, onKeyUp: (e) => handleKeyboardSubmit(e, this.handleToggle) },
-      h("div", { class: "container", onClick: () => this.handleToggle() },
-        h("span", { class: "user-wrapper" },
-          h("z-icon", { name: "user-avatar", width: 14, height: 14 }),
-          h("span", { class: "user" }, this.nomeutente)),
-        this.renderButtonMenu()),
-      this.renderMenuOpen()));
+      }, onKeyUp: (e) => handleKeyboardSubmit(e, this.handleToggle) }, h("div", { class: "container", onClick: () => this.handleToggle() }, h("span", { class: "user-wrapper" }, h("z-icon", { name: "user-avatar", width: 14, height: 14 }), h("span", { class: "user" }, this.nomeutente)), this.renderButtonMenu()), this.renderMenuOpen()));
   }
   static get is() { return "z-menu-dropdown"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "nomeutente": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "user name text"
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "nomeutente": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "user name text"
+        },
+        "attribute": "nomeutente",
+        "reflect": false
       },
-      "attribute": "nomeutente",
-      "reflect": false
-    },
-    "menucontent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | MenuItem[]",
-        "resolved": "MenuItem[] | string",
-        "references": {
-          "MenuItem": {
-            "location": "import",
-            "path": "../../../beans/index"
+      "menucontent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | MenuItem[]",
+          "resolved": "MenuItem[] | string",
+          "references": {
+            "MenuItem": {
+              "location": "import",
+              "path": "../../../beans/index"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Json stringified or array to fill menu dropdown"
-      },
-      "attribute": "menucontent",
-      "reflect": false
-    },
-    "buttonid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Json stringified or array to fill menu dropdown"
+        },
+        "attribute": "menucontent",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "unique button id"
-      },
-      "attribute": "buttonid",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "ismenuopen": {}
-  }; }
+      "buttonid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "unique button id"
+        },
+        "attribute": "buttonid",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "ismenuopen": {}
+    };
+  }
 }

package/dist/collection/components/navigation/z-menu-section/index.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Event, Element, Listen, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 /**
  * @slot - Menu section label
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
@@ -29,81 +29,88 @@ export class ZMenuSection {
     this.checkContent();
   }
   render() {
-    return h(Host, { role: "menu", open: this.open },
-      h("button", { class: "label", "aria-pressed": this.open ? 'true' : 'false', onClick: this.toggle.bind(this) },
-        h("slot", null),
-        this.hasContent && h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })),
-      this.open && h("div", { class: "items" },
-        h("slot", { name: "item", onSlotchange: this.checkContent.bind(this) })));
+    return h(Host, { role: "menu", open: this.open }, h("button", { class: "label", "aria-pressed": this.open ? 'true' : 'false', onClick: this.toggle.bind(this) }, h("slot", null), this.hasContent && h("z-icon", { name: this.open ? 'chevron-up' : 'chevron-down' })), this.open && h("div", { class: "items" }, h("slot", { name: "item", onSlotchange: this.checkContent.bind(this) })));
   }
   static get is() { return "z-menu-section"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "open": {},
-    "hasContent": {}
-  }; }
-  static get events() { return [{
-      "method": "opened",
-      "name": "opened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "The section has been opened."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "The section has been closed."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": true
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "open": {},
+      "hasContent": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "opened",
+        "name": "opened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "The section has been opened."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "closed",
+        "name": "closed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "The section has been closed."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "hostElement"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClick",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClick",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }