@zanichelli/albe-web-components 6.3.1 → 6.3.2

package/dist/cjs/z-pagination-bar.cjs.entry.js

@@ -17,14 +17,14 @@ const ZPaginationBar = class {
     this.goToPage = index.createEvent(this, "goToPage", 7);
     this.changeStartPage = index.createEvent(this, "changeStartPage", 7);
     this.addPageToHistory = index.createEvent(this, "addPageToHistory", 7);
-    /** current displayed page (mutable) */
+    this.velocityConstantMultiplier = 2;
+    this.pages = undefined;
+    this.visiblepages = undefined;
     this.currentpage = 1;
-    /** initial page (mutable) */
     this.startpage = 1;
-    /** array of history of visited pages (mutable, optional) */
+    this.historyraw = undefined;
     this.listhistoryrow = [];
     this.currentPages = [];
-    this.velocityConstantMultiplier = 2;
     this.navigateRight = this.navigateRight.bind(this);
     this.navigateLeft = this.navigateLeft.bind(this);
     this.emitGoToPage = this.emitGoToPage.bind(this);

package/dist/cjs/z-pagination-page.cjs.entry.js

@@ -9,13 +9,11 @@ const stylesCss = ":host{display:inline-block;font-family:var(--font-family-sans
 const ZPaginationPage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** selected status flag */
+    this.pageid = undefined;
+    this.value = undefined;
     this.isselected = false;
-    /** disabled status flag */
     this.isdisabled = false;
-    /** visited status flag */
     this.isvisited = false;
-    /** aria-label string */
     this.ariaLabel = "";
   }
   render() {

package/dist/cjs/z-pagination.cjs.entry.js

@@ -11,24 +11,17 @@ const ZPagination = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.pageChanged = index.createEvent(this, "pageChanged", 7);
-    /** Enable navigation arrows. */
+    this.label = undefined;
     this.navArrows = true;
-    /** Number of pages to skip. */
+    this.totalPages = undefined;
     this.skip = 0;
-    /** Enable buttons to go to the first and last pages. */
     this.edges = false;
-    /** Current page. */
+    this.split = undefined;
+    this.visiblePages = undefined;
     this.currentPage = 1;
-    /**
-     * Internal visible pages variable.
-     * Needed to better handle conflicting props like `visiblePages` and `split`.
-     * This state will change based on props values and validation,
-     * keeping original `visiblePages` value intact.
-     */
+    this.goToPage = undefined;
     this._visiblePages = this.visiblePages;
-    /** Used to hides/change some functionalities on smaller screen sizes */
     this.isMobile = false;
-    /** Value of the go to page input */
     this.goToPageValue = null;
   }
   /**

package/dist/cjs/z-panel-elem.cjs.entry.js

@@ -9,10 +9,15 @@ const stylesCss = ":host{width:inherit;font-family:var(--dashboard-font);font-we
 const ZPanelElem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** link target (optional) */
+    this.elemid = undefined;
+    this.imgurl = undefined;
+    this.imgalt = undefined;
+    this.linkicon = undefined;
+    this.linklabel = undefined;
+    this.url = undefined;
     this.target = "_blank";
-    /** disabled status flag (optional) */
     this.isdisabled = false;
+    this.descrSlotName = undefined;
   }
   renderIcon() {
     if (this.isdisabled) {

package/dist/cjs/z-pocket_3.cjs.entry.js

@@ -15,7 +15,7 @@ const ZPocket = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.pocketToggle = index.createEvent(this, "pocketToggle", 7);
-    /** pocket status */
+    this.pocketid = undefined;
     this.status = index$1.PocketStatus.PREVIEW;
   }
   /** open z-pocket */
@@ -78,7 +78,7 @@ const stylesCss$1 = ":host{display:block;width:100%;box-sizing:border-box;font-f
 const ZPocketBody = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** pocket status */
+    this.pocketid = undefined;
     this.status = index$1.PocketStatus.PREVIEW;
   }
   handlePocketToggle(e) {
@@ -99,6 +99,7 @@ const ZPocketHeader = class {
     index.registerInstance(this, hostRef);
     this.pocketHeaderClick = index.createEvent(this, "pocketHeaderClick", 7);
     this.pocketHeaderPan = index.createEvent(this, "pocketHeaderPan", 7);
+    this.pocketid = undefined;
     this.emitPocketHeaderClick = this.emitPocketHeaderClick.bind(this);
   }
   emitPocketHeaderClick() {

package/dist/cjs/z-popover-deprecated.cjs.entry.js

@@ -16,17 +16,11 @@ const ZPopoverDeprecated = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerClick = index.createEvent(this, "triggerClick", 7);
-    /** [optional] Popover position */
     this.position = index$1.PopoverPosition.AFTER_UP;
-    /** [optional] Background color token for popover */
     this.backgroundColor = "color-white";
-    /** [optional] Border radius token for popover */
     this.borderRadius = index$1.PopoverBorderRadius.SMALL;
-    /** [optional] Box shadow token for popover */
     this.boxShadow = index$1.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;

package/dist/cjs/z-popover.cjs.entry.js

@@ -95,24 +95,13 @@ const ZPopover = class {
     index.registerInstance(this, hostRef);
     this.positionChange = index.createEvent(this, "positionChange", 7);
     this.openChange = index.createEvent(this, "openChange", 7);
-    /** Popover position. */
     this.position = index$1.PopoverPositions.AUTO;
-    /**
-     * The open state of the popover.
-     */
     this.open = false;
-    /**
-     * Whether to show popover's arrow.
-     */
+    this.bindTo = undefined;
     this.showArrow = false;
-    /**
-     * Whether to center the popup on the main side (according to "position").
-     */
     this.center = false;
-    /**
-     * Whether the popover should be closed when the user clicks outside of it or hit "ESC".
-     */
     this.closable = true;
+    this.currentPosition = undefined;
   }
   closePopoverWithKeyboard(e) {
     if (this.closable && e.key === index$1.KeyboardCode.ESC) {

package/dist/cjs/z-range-picker.cjs.entry.js

@@ -13,7 +13,11 @@ const ZRangePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dateSelect = index.createEvent(this, "dateSelect", 7);
-    /** [Optional] datepicker mode: date or datetime */
+    this.rangePickerId = undefined;
+    this.firstAriaLabel = undefined;
+    this.firstLabel = undefined;
+    this.secondAriaLabel = undefined;
+    this.secondLabel = undefined;
     this.mode = index$1.ZRangePickerMode.DATE;
     this.flatpickrPosition = index$1.ZDatePickerPosition.BOTTOM;
     this.activeInput = "start-input";

package/dist/cjs/z-section-title.cjs.entry.js

@@ -10,14 +10,7 @@ const stylesCss = ":host{--z-section-title--divider-color:var(--red500);display:
 const ZSectionTitle = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Divider position for the primary title.
-     * This prop only works if the secondary title is not set.
-     */
     this.dividerPosition = index$1.ZSectionTitleDividerPosition.BEFORE;
-    /**
-     * Whether the primary title text is uppercase.
-     */
     this.uppercase = true;
   }
   componentWillRender() {

package/dist/cjs/z-skip-to-content.cjs.entry.js

@@ -12,7 +12,7 @@ const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:6
 const ZSkipToContent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Array to fill link into skip-content */
+    this.variant = undefined;
     this.links = [];
     this.visible = false;
     this.visibleLink = "";

package/dist/cjs/z-slideshow.cjs.entry.js

@@ -20,6 +20,9 @@ function isStringArray(data) {
 const ZSlideshow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.slideshowid = undefined;
+    this.data = undefined;
+    this.device = undefined;
     this.currentSlide = 0;
   }
   watchData() {

package/dist/cjs/z-status-tag.cjs.entry.js

@@ -10,8 +10,11 @@ const stylesCss = ":host{--z-icon-width:14px;--z-icon-height:14px;display:inline
 const ZStatusTag = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** [optional] Status tag color */
+    this.icon = undefined;
+    this.text = undefined;
+    this.expandable = undefined;
     this.status = index$1.StatusTagStatus.DEFAULT;
+    this.variant = undefined;
     if (!this.icon && !this.text) {
       console.warn("z-status-tag must contain at least one prop between icon and text");
     }

package/dist/cjs/z-stepper-item.cjs.entry.js

@@ -9,6 +9,10 @@ const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);fon
 const ZStepperItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.index = undefined;
+    this.href = undefined;
+    this.pressed = undefined;
+    this.disabled = undefined;
   }
   render() {
     if (this.href) {

package/dist/cjs/z-table-cell.cjs.entry.js

@@ -10,7 +10,7 @@ const stylesCss = ":host{display:table-cell;border-bottom:var(--border-size-smal
 const ZTableCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.showButton = undefined;
     this.padding = index$1.Size.MEDIUM;
     this.isMenuOpened = false;
   }

package/dist/cjs/z-table-empty-box.cjs.entry.js

@@ -9,9 +9,7 @@ const stylesCss = ".sc-z-table-empty-box-h{display:block;padding:calc(var(--spac
 const ZTableEmptyBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Sets main title message*/
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-    /** Sets message */
     this.subtitle = "";
   }
   componentWillLoad() {

package/dist/cjs/z-table-expanded-row.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss = ":host{display:none;background-color:var(--gray50)}:host>td>di
 const ZTableExpandedRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.colSpan = undefined;
   }
   render() {
     return (index.h("td", { colSpan: this.colSpan }, index.h("div", { class: "content-container" }, index.h("slot", null))));

package/dist/cjs/z-table-header-row.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss = "z-table-header-row{display:table-row}z-table-header-row[expan
 const ZTableHeaderRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.expandable = undefined;
   }
   renderExpandHeader() {
     return index.h("z-table-header", null);

package/dist/cjs/z-table-header.cjs.entry.js

@@ -13,11 +13,11 @@ const ZTableHeader = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.sort = index.createEvent(this, "sort", 7);
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.columnId = undefined;
     this.padding = index$1.Size.MEDIUM;
-    /** [Optional] Default sort order */
+    this.sortable = undefined;
+    this.showButton = undefined;
     this.defaultSortDirection = index$1.SortDirection.ASC;
-    /** Sort direction */
     this.sortDirection = index$1.SortDirection.NONE;
     this.emitOnSort = this.emitOnSort.bind(this);
   }

package/dist/cjs/z-table-row.cjs.entry.js

@@ -11,7 +11,6 @@ const ZTableRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.expand = index.createEvent(this, "expand", 7);
-    /** Table row expanded type */
     this.expandedType = index$1.ZTableRowExpandedType.NONE;
     this.expanded = false;
   }

package/dist/cjs/z-table.cjs.entry.js

@@ -13,22 +13,20 @@ const ZTable = class {
     index.registerInstance(this, hostRef);
     this.callToAction = index.createEvent(this, "callToAction", 7);
     this.callToActionTwo = index.createEvent(this, "callToActionTwo", 7);
-    /** Error message */
+    this.lines = undefined;
     this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
-    /** Sets table with border */
     this.bordered = false;
-    /** Sets first column sticky */
+    this.callToActionLabel = undefined;
+    this.callToActionTwoLabel = undefined;
     this.columnSticky = false;
-    /** Sets empty table */
     this.empty = false;
-    /** Set error status */
     this.error = false;
-    /** Sets header sticky */
+    this.errorLink = undefined;
     this.headerSticky = false;
-    /** Set message */
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
-    /** Set subtitle */
     this.subtitle = "";
+    this.hasTableBody = undefined;
+    this.isMobile = undefined;
   }
   handleResize() {
     this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;

package/dist/cjs/z-tag.cjs.entry.js

@@ -9,6 +9,8 @@ const stylesCss = ".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;--z-tag-
 const ZTag = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.expandable = undefined;
   }
   render() {
     return (index.h(index.Host, { class: {

package/dist/cjs/z-toast-notification-list.cjs.entry.js

@@ -10,9 +10,7 @@ const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:col
 const ZToastNotificationList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
     this.position = index$1.ToastNotificationPosition.TOP_RIGHT;
-    /**Set the entry position of new notification in the list */
     this.newestontop = true;
   }
   watchPropNewestontop(newValue) {

package/dist/cjs/z-toast-notification.cjs.entry.js

@@ -14,13 +14,17 @@ const ZToastNotification = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.toastClose = index.createEvent(this, "toastClose", 7);
-    /** toast notification autoclose can be paused */
+    this.isCloseEventCalled = false;
+    this.heading = undefined;
+    this.message = undefined;
+    this.closebutton = undefined;
+    this.autoclose = undefined;
     this.pauseonfocusloss = true;
-    /** toast notification can be draggable*/
+    this.type = undefined;
     this.isdraggable = true;
-    /** toast notification draggable percentage*/
     this.draggablepercentage = 80;
-    this.isCloseEventCalled = false;
+    this.transition = undefined;
+    this.percentage = undefined;
   }
   watchPropIsdraggable(newValue) {
     if (newValue) {

package/dist/cjs/z-toggle-button.cjs.entry.js

@@ -10,9 +10,9 @@ const ZToggleButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.toggleClick = index.createEvent(this, "toggleClick", 7);
-    /** disabled status flag (optional) */
+    this.label = undefined;
     this.isdisabled = false;
-    /** open by default (optional) */
+    this.avoidclick = undefined;
     this.opened = false;
   }
   emitToggleClick() {

package/dist/cjs/z-toggle-switch.cjs.entry.js

@@ -13,13 +13,9 @@ const ZToggleSwitch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.toggleClick = index.createEvent(this, "toggleClick", 7);
-    /** Disabled flag */
     this.disabled = false;
-    /** Label position */
     this.labelPosition = index$1.LabelPosition.LEFT;
-    /** Checked state */
     this.checked = false;
-    /** HTML id attribute to set to the internal checkbox */
     this.htmlid = `toggle-switch-id-${utils.randomId()}`;
   }
   emitToggleClick() {

package/dist/cjs/z-tooltip-deprecated.cjs.entry.js

@@ -86,12 +86,11 @@ const ZTooltipDeprecated = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.positionChange = index.createEvent(this, "positionChange", 7);
-    /** Tooltip position. */
+    this.content = undefined;
     this.type = index$1.PopoverPositions.AUTO;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
+    this.bindTo = undefined;
+    this.position = undefined;
   }
   validateType(newValue) {
     if (newValue && Object.values(index$1.PopoverPositions).every((position) => newValue !== position)) {

package/dist/cjs/z-tooltip.cjs.entry.js

@@ -10,14 +10,10 @@ const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-t
 const ZTooltip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Tooltip position. */
     this.position = index$1.PopoverPositions.AUTO;
-    /** Enable tooltip dark mode. */
     this.dark = false;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
+    this.bindTo = undefined;
   }
   onPopoverOpenChange() {
     this.open = this.popover.open;

package/dist/cjs/z-user-dropdown.cjs.entry.js

@@ -12,9 +12,13 @@ const ZUserDropdown = class {
     index.registerInstance(this, hostRef);
     this.userButtonClick = index.createEvent(this, "userButtonClick", 7);
     this.dropdownMenuLinkClick = index.createEvent(this, "dropdownMenuLinkClick", 7);
-    /** if inner components colors are inverted, or not, default false */
+    this.logged = undefined;
+    this.userFullName = undefined;
+    this.userEmail = undefined;
+    this.menuContent = undefined;
     this.useInverseColors = false;
     this.isMenuOpen = false;
+    this.isMobile = undefined;
     this.handleLoggedButtonClick = this.handleLoggedButtonClick.bind(this);
     this.emitDropdownMenuLinkClick = this.emitDropdownMenuLinkClick.bind(this);
   }

package/dist/collection/collection-manifest.json

@@ -113,7 +113,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.18.1",
+    "version": "2.19.2",
     "typescriptVersion": "4.7.4"
   },
   "collections": [],

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

@@ -5,15 +5,15 @@ import { ButtonVariant, ButtonType, ButtonSize } from "../../../beans";
  */
 export class ZButton {
   constructor() {
-    /** defines a string value that labels an interactive element, used for accessibility. */
     this.ariaLabel = "";
-    /** HTML button disabled attribute. */
+    this.href = undefined;
+    this.target = undefined;
+    this.htmlid = undefined;
+    this.name = undefined;
     this.disabled = false;
-    /** HTML button type attribute. */
     this.type = ButtonType.BUTTON;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
     this.variant = ButtonVariant.PRIMARY;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    this.icon = undefined;
     this.size = ButtonSize.BIG;
   }
   getAttributes() {

package/dist/collection/components/buttons/z-button-sort/index.js

@@ -2,13 +2,13 @@ import { h } from "@stencil/core";
 import { tabletBreakpoint } from "../../../constants/breakpoints";
 export class ZButtonSort {
   constructor() {
-    /** sort label content (ascending) (optional) */
+    this.buttonid = undefined;
+    this.label = undefined;
+    this.desclabel = undefined;
+    this.counter = undefined;
     this.sortlabelasc = "A-Z";
-    /** sort label content (descending) (optional) */
     this.sortlabeldesc = "Z-A";
-    /** selected flag (optional) */
     this.isselected = false;
-    /** sortable flag (optional) */
     this.sortasc = true;
     this.allowTooltip = false;
   }

package/dist/collection/components/buttons/z-chip/index.js

@@ -3,9 +3,9 @@ import { Device, ZChipType } from "../../../beans";
 import { getDevice, handleKeyboardSubmit } from "../../../utils/utils";
 export class ZChip {
   constructor() {
-    /** z-chip size type, can be default, medium or small */
+    this.icon = undefined;
     this.type = ZChipType.DEFAULT;
-    /** set z-chip as disabled  */
+    this.interactiveIcon = undefined;
     this.disabled = false;
   }
   emitinteractiveIconClick() {

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

@@ -1,9 +1,9 @@
 import { h } from "@stencil/core";
 export class ZToggleButton {
   constructor() {
-    /** disabled status flag (optional) */
+    this.label = undefined;
     this.isdisabled = false;
-    /** open by default (optional) */
+    this.avoidclick = undefined;
     this.opened = false;
   }
   emitToggleClick() {

package/dist/collection/components/buttons/z-toggle-switch/index.js

@@ -3,13 +3,9 @@ import { randomId } from "../../../utils/utils";
 import { LabelPosition } from "../../../beans";
 export class ZToggleSwitch {
   constructor() {
-    /** Disabled flag */
     this.disabled = false;
-    /** Label position */
     this.labelPosition = LabelPosition.LEFT;
-    /** Checked state */
     this.checked = false;
-    /** HTML id attribute to set to the internal checkbox */
     this.htmlid = `toggle-switch-id-${randomId()}`;
   }
   emitToggleClick() {

package/dist/collection/components/date-picker/z-date-picker/index.js

@@ -6,9 +6,9 @@ import { InputType, ZDatePickerMode, ZDatePickerPosition } from "../../../beans"
 import { setAriaOptions, setFlatpickrPosition, validateDate } from "../utils";
 export class ZDatePicker {
   constructor() {
-    /** z-input aria label */
+    this.datePickerId = undefined;
     this.ariaLabel = "";
-    /** [Optional] datepicker mode: date, datetime, only months */
+    this.label = undefined;
     this.mode = ZDatePickerMode.DATE;
     this.flatpickrPosition = ZDatePickerPosition.BOTTOM;
     this.inputError = false;

package/dist/collection/components/date-picker/z-range-picker/index.js

@@ -5,7 +5,11 @@ import { ZRangePickerMode, ZDatePickerPosition, InputType, InputStatus } from ".
 import { setAriaOptions, setFlatpickrPosition, validateDate } from "../utils";
 export class ZRangePicker {
   constructor() {
-    /** [Optional] datepicker mode: date or datetime */
+    this.rangePickerId = undefined;
+    this.firstAriaLabel = undefined;
+    this.firstLabel = undefined;
+    this.secondAriaLabel = undefined;
+    this.secondLabel = undefined;
     this.mode = ZRangePickerMode.DATE;
     this.flatpickrPosition = ZDatePickerPosition.BOTTOM;
     this.activeInput = "start-input";

package/dist/collection/components/file-upload/z-file/index.js

@@ -3,6 +3,8 @@ import { PopoverPositions, ZChipType } from "../../../beans";
 import { tabletBreakpoint } from "../../../constants/breakpoints";
 export class ZFile {
   constructor() {
+    this.fileNumber = undefined;
+    this.fileName = undefined;
     this.allowPopover = false;
     this.popoverVisible = false;
   }

package/dist/collection/components/file-upload/z-file-upload/index.js

@@ -3,15 +3,19 @@ import { Device, DividerSize, ZFileUploadType } from "../../../beans";
 import { getDevice } from "../../../utils/utils";
 export class ZFileUpload {
   constructor() {
-    /** 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/collection/components/footer/z-footer/index.js

@@ -8,6 +8,12 @@ import { ButtonSize } from "../../../beans";
 export class ZFooter {
   constructor() {
     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/collection/components/footer/z-footer-link/index.js

@@ -3,6 +3,9 @@ import { h } from "@stencil/core";
  * @slot - link label
  */
 export class ZFooterLink {
+  constructor() {
+    this.href = undefined;
+  }
   render() {
     return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
   }

package/dist/collection/components/footer/z-footer-section/index.js

@@ -4,6 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ZFooterSection {
   constructor() {
+    this.name = undefined;
     this.isOpen = false;
   }
   renderToggleButton() {