@zanichelli/albe-web-components 6.2.0-a1 → 6.2.0

package/dist/collection/deprecated/z-input-deprecated/index.js

@@ -1,29 +1,30 @@
 import { h } from "@stencil/core";
+import { InputType } from "../../beans";
 import { randomId } from "../../utils/utils";
 export class ZInputDeprecated {
   constructor() {
+    /** the id of the input element */
     this.htmlid = `id-${randomId()}`;
-    this.type = undefined;
-    this.name = undefined;
-    this.label = undefined;
+    /** the input aria-label */
     this.ariaLabel = "";
-    this.value = undefined;
+    /** the input is disabled */
     this.disabled = false;
+    /** the input is readonly */
     this.readonly = false;
+    /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
     this.required = false;
+    /** checked: available for checkbox, radio */
     this.checked = false;
-    this.placeholder = undefined;
-    this.htmltitle = undefined;
-    this.status = undefined;
+    /** show input helper message (optional): available for text, password, number, email, textarea, select */
     this.hasmessage = true;
-    this.message = undefined;
+    /** the input label position: available for checkbox, radio */
     this.labelafter = true;
+    /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
     this.typingtimeout = 300;
-    this.items = undefined;
-    this.autocomplete = undefined;
+    /** multiple options can be selected (optional): available for select */
     this.multiple = false;
+    /** render clear icon when typing (optional): available for text */
     this.hasclearicon = true;
-    this.icon = undefined;
     this.isTyping = false;
     this.textareaWrapperHover = "";
     this.textareaWrapperFocus = "";
@@ -32,8 +33,8 @@ export class ZInputDeprecated {
   inputCheckListener(e) {
     const data = e.detail;
     switch (this.type) {
-      case "radio" /* InputType.RADIO */:
-        if (data.type === "radio" /* InputType.RADIO */ && data.name === this.name && data.id !== this.htmlid) {
+      case InputType.RADIO:
+        if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {
           this.checked = false;
         }
         break;
@@ -66,8 +67,8 @@ export class ZInputDeprecated {
   /** get checked status */
   async isChecked() {
     switch (this.type) {
-      case "checkbox" /* InputType.CHECKBOX */:
-      case "radio" /* InputType.RADIO */:
+      case InputType.CHECKBOX:
+      case InputType.RADIO:
         return this.checked;
       default:
         return false;
@@ -78,7 +79,7 @@ export class ZInputDeprecated {
       this.emitStartTyping();
     }
     let validity;
-    if (this.type === "textarea" /* InputType.TEXTAREA */) {
+    if (this.type === InputType.TEXTAREA) {
       validity = this.getValidity("textarea");
     }
     else {
@@ -139,15 +140,15 @@ export class ZInputDeprecated {
     }
     return attr;
   }
-  renderInputText(type = "text" /* InputType.TEXT */) {
+  renderInputText(type = InputType.TEXT) {
     const attr = this.getTextAttributes();
-    if (this.icon || type === "password" /* InputType.PASSWORD */) {
+    if (this.icon || type === InputType.PASSWORD) {
       Object.assign(attr.class, { "has-icon": true });
     }
     if (this.hasclearicon) {
       Object.assign(attr.class, { "has-clear-icon": true });
     }
-    return (h("div", { class: "text-wrapper" }, this.renderLabel(), h("div", null, h("input", Object.assign({ type: type === "password" /* InputType.PASSWORD */ && !this.passwordHidden ? "text" /* InputType.TEXT */ : type }, attr, { "aria-label": this.ariaLabel || this.label })), this.renderIcons()), this.renderMessage()));
+    return (h("div", { class: "text-wrapper" }, this.renderLabel(), h("div", null, h("input", Object.assign({ type: type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type }, attr, { "aria-label": this.ariaLabel || this.label })), this.renderIcons()), this.renderMessage()));
   }
   renderLabel() {
     if (!this.label) {
@@ -162,7 +163,7 @@ export class ZInputDeprecated {
       } }, this.renderResetIcon(), this.renderIcon()));
   }
   renderIcon() {
-    if (this.type === "password" /* InputType.PASSWORD */) {
+    if (this.type === InputType.PASSWORD) {
       return this.renderShowHidePassword();
     }
     if (!this.icon) {
@@ -221,16 +222,16 @@ export class ZInputDeprecated {
   /* END select */
   render() {
     switch (this.type) {
-      case "text" /* InputType.TEXT */:
-      case "password" /* InputType.PASSWORD */:
-      case "number" /* InputType.NUMBER */:
-      case "email" /* InputType.EMAIL */:
+      case InputType.TEXT:
+      case InputType.PASSWORD:
+      case InputType.NUMBER:
+      case InputType.EMAIL:
         return this.renderInputText(this.type);
-      case "textarea" /* InputType.TEXTAREA */:
+      case InputType.TEXTAREA:
         return this.renderTextarea();
-      case "checkbox" /* InputType.CHECKBOX */:
+      case InputType.CHECKBOX:
         return this.renderCheckbox();
-      case "radio" /* InputType.RADIO */:
+      case InputType.RADIO:
         return this.renderRadio();
       // @ts-ignore
       case "select":

package/dist/collection/deprecated/z-input-label/index.js

@@ -1,9 +1,8 @@
 import { h } from "@stencil/core";
 export class ZInputLabel {
   constructor() {
-    this.value = undefined;
+    /** the label is disabled */
     this.disabled = false;
-    this.htmlfor = undefined;
   }
   render() {
     return (h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value));

package/dist/collection/deprecated/z-popover-deprecated/index.js

@@ -1,15 +1,22 @@
 import { h, Host } from "@stencil/core";
+import { PopoverPosition, PopoverBorderRadius, PopoverShadow, KeyboardCode } from "../../beans";
 import { getElementTree } from "../../utils/utils";
 export class ZPopoverDeprecated {
   /**
    * Constructor.
    */
   constructor() {
-    this.position = "after-up" /* PopoverPosition.AFTER_UP */;
+    /** [optional] Popover position */
+    this.position = PopoverPosition.AFTER_UP;
+    /** [optional] Background color token for popover */
     this.backgroundColor = "color-white";
-    this.borderRadius = "small" /* PopoverBorderRadius.SMALL */;
-    this.boxShadow = "shadow-1" /* PopoverShadow.SHADOW_1 */;
+    /** [optional] Border radius token for popover */
+    this.borderRadius = PopoverBorderRadius.SMALL;
+    /** [optional] Box shadow token for popover */
+    this.boxShadow = PopoverShadow.SHADOW_1;
+    /** [optional] Show or hide arrow */
     this.showArrow = false;
+    /** [optional] Sets padding for Popover container */
     this.padding = "8px";
     this.isVisible = false;
     this.popoverPosition = this.position;
@@ -66,7 +73,7 @@ export class ZPopoverDeprecated {
         firstSide = "after";
       }
     }
-    this.popoverPosition = `${firstSide}-${secondSide}`;
+    this.popoverPosition = PopoverPosition[`${firstSide}-${secondSide}`];
     this.isVisible = true;
   }
   closePopover() {
@@ -74,7 +81,7 @@ export class ZPopoverDeprecated {
     this.isVisible = false;
   }
   closePopoverWithKeyboard(e) {
-    if (e.key === "Escape" /* KeyboardCode.ESC */) {
+    if (e.key === KeyboardCode.ESC) {
       this.closePopover();
     }
   }
@@ -84,7 +91,7 @@ export class ZPopoverDeprecated {
     event.stopPropagation();
   }
   handleKeyDown(event) {
-    if (event.code === "Enter" /* KeyboardCode.ENTER */) {
+    if (event.code === KeyboardCode.ENTER) {
       this.isVisible ? this.closePopover() : this.openPopover();
     }
   }
@@ -97,7 +104,7 @@ export class ZPopoverDeprecated {
   }
   render() {
     return (h(Host, { onKeyDown: this.handleKeyDown }, h("div", { tabindex: "0", onClick: (event) => this.handleClick(event), onKeyDown: (event) => {
-        if (event.key === "Enter" /* KeyboardCode.ENTER */) {
+        if (event.key === KeyboardCode.ENTER) {
           this.handleClick(event);
         }
       } }, h("slot", { name: "trigger" })), h("div", { ref: (e) => (this.popoverElem = e), class: {

package/dist/collection/deprecated/z-status-tag/index.js

@@ -1,11 +1,9 @@
 import { h, Host } from "@stencil/core";
+import { StatusTagStatus } from "../../beans";
 export class ZStatusTag {
   constructor() {
-    this.icon = undefined;
-    this.text = undefined;
-    this.expandable = undefined;
-    this.status = "default" /* StatusTagStatus.DEFAULT */;
-    this.variant = undefined;
+    /** [optional] Status tag color */
+    this.status = StatusTagStatus.DEFAULT;
     if (!this.icon && !this.text) {
       console.warn("z-status-tag must contain at least one prop between icon and text");
     }

package/dist/collection/deprecated/z-tooltip-deprecated/index.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { PopoverPositions } from "../../beans/index";
 const DOCUMENT_ELEMENT = document.documentElement;
 /**
  * Find the closest scrollable parent of a node.
@@ -76,29 +77,16 @@ function computeOffset(element, targetParentOffset) {
 }
 export class ZTooltipDeprecated {
   constructor() {
-    this.content = undefined;
-    this.type = "auto" /* PopoverPositions.AUTO */;
+    /** Tooltip position. */
+    this.type = PopoverPositions.AUTO;
+    /**
+     * The open state of the tooltip.
+     */
     this.open = false;
-    this.bindTo = undefined;
-    this.position = undefined;
   }
   validateType(newValue) {
-    // FIXME: avoid this check and treat "AUTO" as the default case when modifying tooltip position
-    if (newValue &&
-      newValue !== "auto" /* PopoverPositions.AUTO */ &&
-      newValue !== "bottom" /* PopoverPositions.BOTTOM */ &&
-      newValue !== "bottom_left" /* PopoverPositions.BOTTOM_LEFT */ &&
-      newValue !== "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */ &&
-      newValue !== "left" /* PopoverPositions.LEFT */ &&
-      newValue !== "left_bottom" /* PopoverPositions.LEFT_BOTTOM */ &&
-      newValue !== "left_top" /* PopoverPositions.LEFT_TOP */ &&
-      newValue !== "right" /* PopoverPositions.RIGHT */ &&
-      newValue !== "right_bottom" /* PopoverPositions.RIGHT_BOTTOM */ &&
-      newValue !== "right_top" /* PopoverPositions.RIGHT_TOP */ &&
-      newValue !== "top" /* PopoverPositions.TOP */ &&
-      newValue !== "top_left" /* PopoverPositions.TOP_LEFT */ &&
-      newValue !== "top_right" /* PopoverPositions.TOP_RIGHT */) {
-      this.type = "auto" /* PopoverPositions.AUTO */;
+    if (newValue && Object.values(PopoverPositions).every((position) => newValue !== position)) {
+      this.type = PopoverPositions.AUTO;
     }
   }
   onPositionChange() {
@@ -169,29 +157,29 @@ export class ZTooltipDeprecated {
     const availableHeight = availableTop + availableBottom + boundingRect.height;
     const availableWidth = availableLeft + availableRight + boundingRect.width;
     let position = this.type;
-    if (position === "auto" /* PopoverPositions.AUTO */) {
+    if (position === PopoverPositions.AUTO) {
       /**
        * The `AUTO` position tries to place the tooltip in the "safest" area,
        * where there's more space available.
        */
       const positions = [];
       if (availableTop / availableHeight > 0.9) {
-        positions.unshift("top" /* PopoverPositions.TOP */);
+        positions.unshift(PopoverPositions.TOP);
       }
       else if (availableTop / availableHeight > 0.6) {
-        positions.push("top" /* PopoverPositions.TOP */);
+        positions.push(PopoverPositions.TOP);
       }
       else if (availableTop / availableHeight < 0.1) {
-        positions.unshift("bottom" /* PopoverPositions.BOTTOM */);
+        positions.unshift(PopoverPositions.BOTTOM);
       }
       else {
-        positions.push("bottom" /* PopoverPositions.BOTTOM */);
+        positions.push(PopoverPositions.BOTTOM);
       }
       if (availableLeft / availableWidth > 0.6) {
-        positions.push("left" /* PopoverPositions.LEFT */);
+        positions.push(PopoverPositions.LEFT);
       }
       else if (availableLeft / availableWidth < 0.4) {
-        positions.push("right" /* PopoverPositions.RIGHT */);
+        positions.push(PopoverPositions.RIGHT);
       }
       position = positions.join("_");
     }
@@ -203,38 +191,38 @@ export class ZTooltipDeprecated {
     const offsetRight = boundingRect.right - relativeBoundingRect.right;
     const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;
     const offsetLeft = boundingRect.left - relativeBoundingRect.left;
-    if (position === "top" /* PopoverPositions.TOP */ ||
-      position === "top_right" /* PopoverPositions.TOP_RIGHT */ ||
-      position === "top_left" /* PopoverPositions.TOP_LEFT */) {
+    if (position === PopoverPositions.TOP ||
+      position === PopoverPositions.TOP_RIGHT ||
+      position === PopoverPositions.TOP_LEFT) {
       style.top = "auto";
       style.bottom = `${offsetBottom + boundingRect.height}px`;
     }
-    if (position === "bottom" /* PopoverPositions.BOTTOM */ ||
-      position === "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */ ||
-      position === "bottom_left" /* PopoverPositions.BOTTOM_LEFT */) {
+    if (position === PopoverPositions.BOTTOM ||
+      position === PopoverPositions.BOTTOM_RIGHT ||
+      position === PopoverPositions.BOTTOM_LEFT) {
       style.top = `${offsetTop + boundingRect.height}px`;
       style.bottom = "auto";
     }
-    if (position === "top" /* PopoverPositions.TOP */ || position === "bottom" /* PopoverPositions.BOTTOM */) {
+    if (position === PopoverPositions.TOP || position === PopoverPositions.BOTTOM) {
       style.left = `${offsetLeft + boundingRect.width / 2 - this.host.clientWidth / 2}px`;
     }
-    if (position === "top_right" /* PopoverPositions.TOP_RIGHT */ || position === "bottom_right" /* PopoverPositions.BOTTOM_RIGHT */) {
+    if (position === PopoverPositions.TOP_RIGHT || position === PopoverPositions.BOTTOM_RIGHT) {
       style.right = "auto";
       style.left = `${offsetLeft + boundingRect.width}px`;
     }
-    if (position === "top_left" /* PopoverPositions.TOP_LEFT */ || position === "bottom_left" /* PopoverPositions.BOTTOM_LEFT */) {
+    if (position === PopoverPositions.TOP_LEFT || position === PopoverPositions.BOTTOM_LEFT) {
       style.left = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
     }
-    if (position === "right" /* PopoverPositions.RIGHT */ || position === "left" /* PopoverPositions.LEFT */) {
+    if (position === PopoverPositions.RIGHT || position === PopoverPositions.LEFT) {
       style.top = `${offsetTop + boundingRect.height / 2 - this.host.clientHeight / 2}px`;
       style.bottom = "auto";
     }
-    if (position === "right" /* PopoverPositions.RIGHT */) {
+    if (position === PopoverPositions.RIGHT) {
       style.right = "auto";
       style.left = `${offsetLeft + boundingRect.width}px`;
     }
-    if (position === "left" /* PopoverPositions.LEFT */) {
+    if (position === PopoverPositions.LEFT) {
       style.left = "auto";
       style.right = `${offsetRight + boundingRect.width}px`;
     }

package/dist/collection/snowflakes/myz/card/z-myz-card/index.js

@@ -1,23 +1,24 @@
 import { h } from "@stencil/core";
+import { LicenseType } from "../../../../beans/index";
 /**
  * @slot  - generic card slot
  */
 export class ZMyzCardComponent {
   constructor() {
-    this.faded = undefined;
-    this.cardtype = undefined;
+    /** pressed status */
     this.ispressed = false;
+    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {
     let elemClasses = "";
-    if (this.cardtype === "reale" /* LicenseType.REAL */) {
+    if (this.cardtype === LicenseType.REAL) {
       elemClasses += "real";
     }
-    else if (this.cardtype === "saggio" /* LicenseType.TRIAL */) {
+    else if (this.cardtype === LicenseType.TRIAL) {
       elemClasses += "trial";
     }
-    else if (this.cardtype === "reale_temp" /* LicenseType.TEMP */) {
+    else if (this.cardtype === LicenseType.TEMP) {
       elemClasses += "temp";
     }
     if (this.faded) {

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js

@@ -1,11 +1,6 @@
 import { h } from "@stencil/core";
+import { AlertType } from "../../../../beans";
 export class ZMyzCardAlert {
-  constructor() {
-    this.iconname = undefined;
-    this.contenttext = undefined;
-    this.actiontext = undefined;
-    this.type = undefined;
-  }
   emitUndoAction() {
     this.undoAction.emit({ actionType: this.type });
   }
@@ -37,9 +32,9 @@ export class ZMyzCardAlert {
   getAlertType() {
     switch (this.type) {
       case "add":
-        return "success" /* AlertType.SUCCESS */;
+        return AlertType.SUCCESS;
       case "remove":
-        return "warning" /* AlertType.WARNING */;
+        return AlertType.WARNING;
       default:
         return null;
     }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js

@@ -1,11 +1,5 @@
 import { h } from "@stencil/core";
 export class ZMyzCardCover {
-  constructor() {
-    this.img = undefined;
-    this.titolo = undefined;
-    this.faded = undefined;
-    this.defaultimg = undefined;
-  }
   hadleOnImageError() {
     this.img = this.defaultimg;
   }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -1,15 +1,18 @@
 import { h } from "@stencil/core";
+import { ButtonSize, ButtonVariant } from "../../../../beans";
 /**
  * @slot  - generic card slot
  * @slot info - flipped card info
  */
 export class ZMyzCardDictionary {
   constructor() {
-    this.name = undefined;
-    this.cover = undefined;
+    /** card is disabled */
     this.disabled = false;
+    /** card is flipped */
     this.flipped = false;
+    /** flip button label */
     this.flipbuttonlabel = "INFO";
+    /** hide info button */
     this.hideinfobtn = false;
   }
   handleFlipCard(e) {
@@ -20,7 +23,7 @@ export class ZMyzCardDictionary {
     this.cardFlipped.emit(showBack);
   }
   render() {
-    return (h("div", null, h("z-myz-card", null, h("z-myz-card-header", { titolo: this.name }), h("div", { class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { class: "front" }, h("z-myz-card-body", null, h("z-myz-card-cover", { slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { class: { "hide-info": this.hideinfobtn }, variant: "secondary" /* ButtonVariant.SECONDARY */, icon: "informationsource", size: "x-small" /* ButtonSize.X_SMALL */, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { class: "back" }, h("slot", { name: "info" }))), h("slot", null))));
+    return (h("div", null, h("z-myz-card", null, h("z-myz-card-header", { titolo: this.name }), h("div", { class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { class: "front" }, h("z-myz-card-body", null, h("z-myz-card-cover", { slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { class: "back" }, h("slot", { name: "info" }))), h("slot", null))));
   }
   static get is() { return "z-myz-card-dictionary"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -1,16 +1,14 @@
 import { h } from "@stencil/core";
+import { LicenseType } from "../../../../beans/index";
 /**
  * @slot toggle - toggle button slot
  * @slot list - card resources list slot
  */
 export class ZMyzCardFooter {
   constructor() {
-    this.titolo = undefined;
-    this.autori = undefined;
-    this.isbn = undefined;
-    this.faded = undefined;
-    this.cardtype = undefined;
+    /** footer opened by default (optional) */
     this.opened = false;
+    /** display footer custom slotted content */
     this.customContent = false;
     this.isOpen = false;
     this.allowTooltipAuthors = false;
@@ -35,9 +33,9 @@ export class ZMyzCardFooter {
   retrieveClass() {
     return {
       "isopen": this.isOpen,
-      "real": this.cardtype === "reale" /* LicenseType.REAL */,
-      "trial": this.cardtype === "saggio" /* LicenseType.TRIAL */,
-      "temp": this.cardtype === "reale_temp" /* LicenseType.TEMP */,
+      "real": this.cardtype === LicenseType.REAL,
+      "trial": this.cardtype === LicenseType.TRIAL,
+      "temp": this.cardtype === LicenseType.TEMP,
       "custom-content": this.customContent,
     };
   }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -1,12 +1,10 @@
 import { h } from "@stencil/core";
+import { LicenseType } from "../../../../beans/index";
 /**
  * @slot icon - card header icon slot
  */
 export class ZMyzCardHeader {
   constructor() {
-    this.titolo = undefined;
-    this.faded = undefined;
-    this.cardtype = undefined;
     this.allowTooltip = false;
   }
   getTitle() {
@@ -22,9 +20,9 @@ export class ZMyzCardHeader {
   }
   retrieveClass() {
     return {
-      real: this.cardtype === "reale" /* LicenseType.REAL */,
-      trial: this.cardtype === "saggio" /* LicenseType.TRIAL */,
-      temp: this.cardtype === "reale_temp" /* LicenseType.TEMP */,
+      real: this.cardtype === LicenseType.REAL,
+      trial: this.cardtype === LicenseType.TRIAL,
+      temp: this.cardtype === LicenseType.TEMP,
       faded: this.faded,
     };
   }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -1,8 +1,9 @@
 import { h } from "@stencil/core";
 export class ZMyzCardIcon {
   constructor() {
-    this.icon = undefined;
+    /** disabled status flag */
     this.isdisabled = false;
+    /** description of the icon*/
     this.ariaLabel = "";
   }
   render() {

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -1,11 +1,12 @@
 import { h } from "@stencil/core";
+import { PopoverPositions } from "../../../../beans";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 /**
  * @slot  - content
  */
 export class ZMyzCardInfo {
   constructor() {
-    this.data = undefined;
+    /** tabindex link attribute (optional) */
     this.htmltabindex = 0;
     this.hiddenContent = false;
     this.tooltip = false;
@@ -86,7 +87,7 @@ export class ZMyzCardInfo {
       return;
     }
     const { title, year, author, description } = this.cardData;
-    return (h("z-popover", { position: "right" /* PopoverPositions.RIGHT */, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
+    return (h("z-popover", { position: PopoverPositions.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
   }
   setExpirationLicenseMessage(type) {
     if ((type === "online" && this.cardData.onlineLicense.expired) ||

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js

@@ -1,7 +1,6 @@
 import { h } from "@stencil/core";
 export class ZMyzCardList {
   constructor() {
-    this.listdata = undefined;
     this.renderList = this.renderList.bind(this);
   }
   handleSpaceKeyPress(e, url) {

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -1,9 +1,5 @@
 import { h } from "@stencil/core";
 export class ZMyzList {
-  constructor() {
-    this.inputrawdata = undefined;
-    this.list = undefined;
-  }
   componentWillLoad() {
     if (this.inputrawdata) {
       this.parseinputrawdata(this.inputrawdata);

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -2,12 +2,9 @@ import { h } from "@stencil/core";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 export class ZMyzListItem {
   constructor() {
-    this.text = undefined;
-    this.link = undefined;
+    /** link target (optional) */
     this.linktarget = "_self";
-    this.icon = undefined;
-    this.listitemid = undefined;
-    this.action = undefined;
+    /** underlined style flag */
     this.underlined = true;
     this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
     this.emitZListItemClick = this.emitZListItemClick.bind(this);

package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js

@@ -1,12 +1,12 @@
 import { h } from "@stencil/core";
+import { PocketStatus } from "../../../../beans";
 /**
  * @slot  - pocket body content
  */
 export class ZMessagesPocket {
   constructor() {
-    this.pocketid = undefined;
-    this.messages = undefined;
-    this.status = "preview" /* PocketStatus.PREVIEW */;
+    /** pocket status */
+    this.status = PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {
     if (e.detail.id === this.pocketid) {
@@ -17,12 +17,12 @@ export class ZMessagesPocket {
     let message;
     let icon;
     switch (this.status) {
-      case "preview" /* PocketStatus.PREVIEW */:
-      case "closed" /* PocketStatus.CLOSED */:
+      case PocketStatus.PREVIEW:
+      case PocketStatus.CLOSED:
         message = (h("span", null, "Messaggi ", h("span", { class: "badge" }, this.messages)));
         icon = "chevron-up";
         break;
-      case "open" /* PocketStatus.OPEN */:
+      case PocketStatus.OPEN:
         message = h("span", null, "Riduci");
         icon = "chevron-down";
         break;