@zanichelli/albe-web-components 6.3.1 → 6.3.2

package/dist/esm/z-divider.entry.js

@@ -6,11 +6,8 @@ const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-hor
 const ZDivider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** [optional] Divider size */
     this.size = DividerSize.SMALL;
-    /** [optional] Divider color */
     this.color = "gray200";
-    /** [optional] Divider orintation */
     this.orientation = DividerOrientation.HORIZONTAL;
   }
   render() {

package/dist/esm/z-dragdrop-area_2.entry.js

@@ -33,8 +33,9 @@ ZDragdropArea.style = stylesCss;
 const ZHeading = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));

package/dist/esm/z-file-upload.entry.js

@@ -9,15 +9,19 @@ const ZFileUpload = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.fileInput = createEvent(this, "fileInput", 7);
-    /** Prop indicating the file upload type - can be default or dragdrop */
-    this.type = ZFileUploadType.DEFAULT;
-    /** Files added by the user */
-    this.files = [];
     this.inputAttributes = {
       type: "file",
       id: "file-elem",
       multiple: true,
     };
+    this.type = ZFileUploadType.DEFAULT;
+    this.buttonVariant = undefined;
+    this.acceptedFormat = undefined;
+    this.fileMaxSize = undefined;
+    this.mainTitle = undefined;
+    this.description = undefined;
+    this.files = [];
+    this.invalidFiles = undefined;
   }
   /** Listen removeFile event sent from z-file component */
   removeFileListener(e) {

package/dist/esm/z-file.entry.js

@@ -8,6 +8,8 @@ const ZFile = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.removeFile = createEvent(this, "removeFile", 7);
+    this.fileNumber = undefined;
+    this.fileName = undefined;
     this.allowPopover = false;
     this.popoverVisible = false;
   }

package/dist/esm/z-footer-link_3.entry.js

@@ -5,6 +5,7 @@ const stylesCss$2 = ":host{font-family:var(--font-family-sans);font-weight:var(-
 const ZFooterLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.href = undefined;
   }
   render() {
     return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
@@ -17,6 +18,7 @@ const stylesCss$1 = ":host{font-family:var(--font-family-sans);font-weight:var(-
 const ZFooterSection = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.name = undefined;
     this.isOpen = false;
   }
   renderToggleButton() {
@@ -33,6 +35,9 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZFooterSocial = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.href = undefined;
+    this.description = undefined;
   }
   render() {
     return (h("a", { href: this.href, target: "_blank" }, h("img", { src: this.icon, alt: this.description })));

package/dist/esm/z-footer.entry.js

@@ -9,6 +9,12 @@ const ZFooter = class {
     this.creditsLinkClick = createEvent(this, "creditsLinkClick", 7);
     this.reportAProblemButtonClick = createEvent(this, "reportAProblemButtonClick", 7);
     this.creditsLinkId = "creditsLinkId";
+    this.data = undefined;
+    this.productName = undefined;
+    this.productVersion = undefined;
+    this.productCreditsLink = undefined;
+    this.showReportAProblemButton = undefined;
+    this.contentMaxWidth = undefined;
     this.emitReportAProblemButtonClick = this.emitReportAProblemButtonClick.bind(this);
   }
   componentWillLoad() {

package/dist/esm/z-info-box.entry.js

@@ -6,7 +6,7 @@ const ZInfoBox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.infoBoxClose = createEvent(this, "infoBoxClose", 7);
-    /** render close icon flag */
+    this.boxid = undefined;
     this.isclosable = true;
   }
   emitInfoBoxClose() {

package/dist/esm/z-info-reveal.entry.js

@@ -6,13 +6,10 @@ const stylesCss = ":host{--z-info-reveal-theme--surface:var(--color-black);--z-i
 const ZInfoReveal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Name of the icon for the open button */
     this.icon = "informationsource";
-    /** Info reveal's position */
     this.position = InfoRevealPosition.BOTTOM_RIGHT;
-    /** Whether the info panel is open. */
+    this.label = undefined;
     this.open = false;
-    /** Current index for the info queue. */
     this.currentIndex = null;
   }
   watchItems() {

package/dist/esm/z-input-deprecated.entry.js

@@ -13,28 +13,28 @@ const ZInputDeprecated = class {
     this.stopTyping = createEvent(this, "stopTyping", 7);
     this.inputCheck = createEvent(this, "inputCheck", 7);
     this.optionSelect = createEvent(this, "optionSelect", 7);
-    /** the id of the input element */
     this.htmlid = `id-${randomId()}`;
-    /** the input aria-label */
+    this.type = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
+    this.value = undefined;
     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;
-    /** show input helper message (optional): available for text, password, number, email, textarea, select */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.hasmessage = true;
-    /** the input label position: available for checkbox, radio */
+    this.message = undefined;
     this.labelafter = true;
-    /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
     this.typingtimeout = 300;
-    /** multiple options can be selected (optional): available for select */
+    this.items = undefined;
+    this.autocomplete = undefined;
     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 = "";

package/dist/esm/z-input-label_2.entry.js

@@ -8,8 +8,9 @@ const stylesCss$1 = "label{display:block;margin:var(--space-unit) 0;color:var(--
 const ZInputLabel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** the label is disabled */
+    this.value = undefined;
     this.disabled = false;
+    this.htmlfor = undefined;
   }
   render() {
     return (h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value));
@@ -23,23 +24,24 @@ const ZSelect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.optionSelect = createEvent(this, "optionSelect", 7);
-    /** the id of the input element */
+    this.itemsList = [];
     this.htmlid = `id-${randomId()}`;
-    /** the input aria-label */
+    this.items = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
     this.disabled = false;
-    /** the input is readonly */
     this.readonly = false;
-    /** input helper message (optional) - if set to `false` message won't be displayed */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.message = true;
-    /** the input has autocomplete option */
     this.autocomplete = false;
-    /** no result text message */
     this.noresultslabel = "Nessun risultato";
+    this.hasGroupItems = undefined;
     this.isOpen = false;
     this.selectedItem = null;
-    this.itemsList = [];
+    this.searchString = undefined;
     this.toggleSelectUl = this.toggleSelectUl.bind(this);
     this.selectItem = this.selectItem.bind(this);
     this.handleSelectFocus = this.handleSelectFocus.bind(this);
@@ -247,18 +249,20 @@ const ZSelect = class {
     if (!this.itemsList.length) {
       return this.renderNoSearchResults();
     }
-    return this.itemsList.map((item, key) => {
-      return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${key}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+    return this.itemsList.map((item, key, array) => {
+      const lastItem = array.length === key + 1;
+      return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${key}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
     });
   }
   renderSelectGroupItems() {
     if (!this.itemsList.length) {
       return this.renderNoSearchResults();
     }
-    const newData = this.itemsList.reduce((group, item, index) => {
+    const newData = this.itemsList.reduce((group, item, index, array) => {
       var _a;
       const { category } = item;
-      const zListItem = (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: ListDividerType.HEADER, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
+      const lastItem = array.length === index + 1;
+      const zListItem = (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
       group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
       group[category].push(zListItem);
       return group;

package/dist/esm/z-input_2.entry.js

@@ -12,27 +12,31 @@ const ZInput = class {
     this.startTyping = createEvent(this, "startTyping", 7);
     this.stopTyping = createEvent(this, "stopTyping", 7);
     this.inputCheck = createEvent(this, "inputCheck", 7);
-    /** the id of the input element */
+    this.typingtimeout = 300;
     this.htmlid = `id-${randomId()}`;
-    /** the input aria-label */
+    this.type = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
+    this.value = undefined;
     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;
-    /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.message = true;
-    /** the input label position: available for checkbox, radio */
     this.labelPosition = LabelPosition.RIGHT;
-    /** render clear icon when typing (optional): available for text */
+    this.autocomplete = undefined;
     this.hasclearicon = true;
+    this.icon = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.step = undefined;
+    this.pattern = undefined;
     this.isTyping = false;
     this.passwordHidden = true;
-    this.typingtimeout = 300;
   }
   inputCheckListener(e) {
     const data = e.detail;
@@ -238,6 +242,8 @@ const ZInputMessage = class {
       error: "multiply-circled",
       warning: "exclamation-circle",
     };
+    this.message = undefined;
+    this.status = undefined;
   }
   render() {
     return (h(Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 }, this.statusIcons[this.status] && this.message && h("z-icon", { name: this.statusIcons[this.status] }), h("span", { innerHTML: this.message })));

package/dist/esm/z-link.entry.js

@@ -6,23 +6,17 @@ const ZLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.zLinkClick = createEvent(this, "zLinkClick", 7);
-    /** link target (optional) */
+    this.htmlid = undefined;
+    this.href = undefined;
     this.target = "_self";
-    /** tabindex link attribute (optional) */
     this.htmltabindex = 0;
-    /** disable link flag (optional) */
     this.isdisabled = false;
-    /** active link flag (optional) */
     this.isactive = false;
-    /** white variant flag (optional) */
     this.iswhite = false;
-    /** link text variant (optional) */
     this.textcolor = "primary";
-    /** big link version */
+    this.icon = undefined;
     this.big = false;
-    /** link icon position (optional) */
     this.iconposition = "left";
-    /** draw underline on text (optional) */
     this.underline = false;
     this.iconSize = 18;
     this.emitZLinkClick = this.emitZLinkClick.bind(this);

package/dist/esm/z-list_3.entry.js

@@ -6,13 +6,7 @@ const stylesCss$2 = ":host{display:flex;flex-direction:column;font-family:var(--
 const ZList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = ListSize.MEDIUM;
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = ListType.NONE;
   }
   setChildrenSizeType() {
@@ -43,69 +37,31 @@ const ZListElement = class {
     registerInstance(this, hostRef);
     this.accessibleFocus = createEvent(this, "accessibleFocus", 7);
     this.clickItem = createEvent(this, "clickItem", 7);
-    /**
-     * [optional] Align expandable button left or right.
-     */
+    this.openElementConfig = {
+      accordion: {
+        open: "minus-circled",
+        close: "plus-circled",
+      },
+      menu: {
+        open: "chevron-up",
+        close: "chevron-down",
+      },
+    };
     this.alignButton = ExpandableListButtonAlign.LEFT;
-    /**
-     * [optional] Sets element clickable.
-     */
     this.clickable = false;
-    /**
-     * [optional] Sets the divider color.
-     */
     this.dividerColor = "color-surface03";
-    /**
-     * [optional] Sets the position where to insert the divider.
-     */
     this.dividerType = ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = DividerSize.SMALL;
-    /**
-     * [optional] Sets element as expandable.
-     */
     this.expandable = false;
-    /**
-     * [optional] Sets expandable style to element.
-     */
     this.expandableStyle = ExpandableListStyle.ACCORDION;
-    /**
-     * [optional] Sets size of inside elements.
-     */
+    this.listElementId = undefined;
     this.size = ListSize.MEDIUM;
-    /**
-     * [optional] Sets text color of the element.
-     */
     this.color = "none";
-    /**
-     * [optional] Sets disabled style of the element.
-     */
     this.disabled = false;
-    /**
-     * [optional] If is used in ZContextualMenu component
-     */
     this.isContextualMenu = false;
-    /**
-     * [optional] position of the list element inside the list or the group
-     */
     this.listElementPosition = "0";
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = ListType.NONE;
     this.showInnerContent = false;
-    this.openElementConfig = {
-      accordion: {
-        open: "minus-circled",
-        close: "plus-circled",
-      },
-      menu: {
-        open: "chevron-up",
-        close: "chevron-down",
-      },
-    };
     this.handleClick = this.handleClick.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
   }
@@ -205,25 +161,10 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZListGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * [optional] Sets size of inside elements.
-     */
     this.size = ListSize.MEDIUM;
-    /**
-     * [optional] Sets the position where to insert the divider.
-     */
     this.dividerType = ListDividerType.NONE;
-    /**
-     * [optional] Sets the divider size.
-     */
     this.dividerSize = DividerSize.SMALL;
-    /**
-     * [optional] Sets the divider color.
-     */
     this.dividerColor = "gray200";
-    /**
-     * [optional] type of the list marker for each element
-     */
     this.listType = ListType.NONE;
   }
   componentDidLoad() {

package/dist/esm/z-logo.entry.js

@@ -5,6 +5,12 @@ const stylesCss = ":host{display:inline-block;width:255px;height:64px;vertical-a
 const ZLogo = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.width = undefined;
+    this.height = undefined;
+    this.imageAlt = undefined;
+    this.link = undefined;
+    this.targetBlank = undefined;
+    this.mobileLogo = undefined;
   }
   render() {
     const style = {};

package/dist/esm/z-menu-dropdown_2.entry.js

@@ -8,6 +8,9 @@ const stylesCss$1 = ":host{width:inherit;height:32px;font-family:var(--dashboard
 const ZMenuDropdown = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.nomeutente = undefined;
+    this.menucontent = undefined;
+    this.buttonid = undefined;
     this.ismenuopen = false;
     this.handleToggle = this.handleToggle.bind(this);
     this.handleFocus = this.handleFocus.bind(this);
@@ -57,6 +60,8 @@ const stylesCss = "ul{padding:0;margin:0}";
 const ZMyzList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.inputrawdata = undefined;
+    this.list = undefined;
   }
   componentWillLoad() {
     if (this.inputrawdata) {

package/dist/esm/z-menu-section.entry.js

@@ -7,6 +7,9 @@ const ZMenuSection = class {
     registerInstance(this, hostRef);
     this.opened = createEvent(this, "opened", 7);
     this.closed = createEvent(this, "closed", 7);
+    this.active = undefined;
+    this.open = undefined;
+    this.hasContent = undefined;
   }
   toggle() {
     if (!this.hasContent) {

package/dist/esm/z-menu.entry.js

@@ -7,18 +7,11 @@ const ZMenu = class {
     registerInstance(this, hostRef);
     this.opened = createEvent(this, "opened", 7);
     this.closed = createEvent(this, "closed", 7);
-    /**
-     * Flag to set the display mode of the list.
-     * If true, the list will be absolutely positioned under the menu label,
-     * stacked beneath it otherwise.
-     * @default false
-     */
+    this.active = undefined;
     this.floating = false;
-    /**
-     * The opening state of the menu.
-     * @default false
-     */
     this.open = false;
+    this.hasHeader = undefined;
+    this.hasContent = undefined;
     this.toggle = this.toggle.bind(this);
     this.checkContent = this.checkContent.bind(this);
     this.onItemsChange = this.onItemsChange.bind(this);

package/dist/esm/z-messages-pocket.entry.js

@@ -6,7 +6,8 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZMessagesPocket = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** pocket status */
+    this.pocketid = undefined;
+    this.messages = undefined;
     this.status = PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {

package/dist/esm/z-modal-login.entry.js

@@ -10,8 +10,11 @@ const ZModalLogin = class {
     this.statusUpdate = createEvent(this, "statusUpdate", 7);
     this.signupClick = createEvent(this, "signupClick", 7);
     this.zainoDigitaleClick = createEvent(this, "zainoDigitaleClick", 7);
-    /** Login modal title */
+    this.forgotPasswordUrl = undefined;
     this.heading = "Entra in MyZanichelli";
+    this.status = undefined;
+    this.message = undefined;
+    this.pwdmessage = undefined;
     this.externalProviderCheck = false;
   }
   componentDidLoad() {

package/dist/esm/z-modal.entry.js

@@ -8,7 +8,9 @@ const ZModal = class {
     this.modalClose = createEvent(this, "modalClose", 7);
     this.modalHeaderActive = createEvent(this, "modalHeaderActive", 7);
     this.modalBackgroundClick = createEvent(this, "modalBackgroundClick", 7);
-    /** aria-label for close button (optional) */
+    this.modalid = undefined;
+    this.modaltitle = undefined;
+    this.modalsubtitle = undefined;
     this.closeButtonLabel = "close modal";
   }
   emitModalClose() {

package/dist/esm/z-myz-card-alert.entry.js

@@ -7,6 +7,10 @@ const ZMyzCardAlert = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.undoAction = createEvent(this, "undoAction", 7);
+    this.iconname = undefined;
+    this.contenttext = undefined;
+    this.actiontext = undefined;
+    this.type = undefined;
   }
   emitUndoAction() {
     this.undoAction.emit({ actionType: this.type });

package/dist/esm/z-myz-card-dictionary.entry.js

@@ -7,13 +7,11 @@ const ZMyzCardDictionary = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.cardFlipped = createEvent(this, "cardFlipped", 7);
-    /** card is disabled */
+    this.name = undefined;
+    this.cover = undefined;
     this.disabled = false;
-    /** card is flipped */
     this.flipped = false;
-    /** flip button label */
     this.flipbuttonlabel = "INFO";
-    /** hide info button */
     this.hideinfobtn = false;
   }
   handleFlipCard(e) {

package/dist/esm/z-myz-card-footer.entry.js

@@ -6,9 +6,12 @@ const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:ca
 const ZMyzCardFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** footer opened by default (optional) */
+    this.titolo = undefined;
+    this.autori = undefined;
+    this.isbn = undefined;
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.opened = false;
-    /** display footer custom slotted content */
     this.customContent = false;
     this.isOpen = false;
     this.allowTooltipAuthors = false;

package/dist/esm/z-myz-card-icon.entry.js

@@ -5,9 +5,8 @@ const stylesCss = "button{display:flex;width:42px;width:calc(var(--space-unit) *
 const ZMyzCardIcon = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** disabled status flag */
+    this.icon = undefined;
     this.isdisabled = false;
-    /** description of the icon*/
     this.ariaLabel = "";
   }
   render() {

package/dist/esm/z-myz-card-info.entry.js

@@ -9,7 +9,7 @@ const ZMyzCardInfo = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.flipCard = createEvent(this, "flipCard", 7);
-    /** tabindex link attribute (optional) */
+    this.data = undefined;
     this.htmltabindex = 0;
     this.hiddenContent = false;
     this.tooltip = false;

package/dist/esm/z-myz-card-list.entry.js

@@ -5,6 +5,7 @@ const stylesCss = "ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0
 const ZMyzCardList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.listdata = undefined;
     this.renderList = this.renderList.bind(this);
   }
   handleSpaceKeyPress(e, url) {

package/dist/esm/z-myz-card_4.entry.js

@@ -6,9 +6,9 @@ const stylesCss$3 = ":host{--card-overflow:hidden}div{display:flex;overflow:var(
 const ZMyzCardComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** pressed status */
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.ispressed = false;
-    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {
@@ -56,6 +56,10 @@ const stylesCss$1 = "img{display:block;max-width:100%;height:340px;margin:auto;o
 const ZMyzCardCover = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.img = undefined;
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.defaultimg = undefined;
   }
   hadleOnImageError() {
     this.img = this.defaultimg;
@@ -71,6 +75,9 @@ const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(
 const ZMyzCardHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.allowTooltip = false;
   }
   getTitle() {