@zanichelli/albe-web-components 6.3.1 → 6.3.2

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

@@ -4,13 +4,17 @@ import { mobileBreakpoint } from "../../../constants/breakpoints";
 import Hammer from "hammerjs";
 export class ZToastNotification {
   constructor() {
-    /** 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/collection/components/notification/z-tooltip/index.js

@@ -10,14 +10,10 @@ import { PopoverPositions } from "../../../beans";
  */
 export class ZTooltip {
   constructor() {
-    /** Tooltip position. */
     this.position = 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/collection/components/panel/z-panel-elem/index.js

@@ -4,10 +4,15 @@ import { h } from "@stencil/core";
  */
 export class ZPanelElem {
   constructor() {
-    /** 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/collection/components/typography/z-body/index.js

@@ -1,8 +1,9 @@
 import { h } from "@stencil/core";
 export class ZBody {
   constructor() {
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));

package/dist/collection/components/typography/z-heading/index.js

@@ -1,8 +1,9 @@
 import { h } from "@stencil/core";
 export class ZHeading {
   constructor() {
-    /** 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/collection/components/typography/z-typography/index.js

@@ -1,8 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class ZTypography {
   constructor() {
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     const el = document.createElement(this.component || "span");

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

@@ -17,14 +17,7 @@ import { ButtonVariant } from "../../beans";
  */
 export class ZAnchorNavigation {
   constructor() {
-    /**
-     * If enabled, the text of each anchor will be hidden unless
-     * for the current one or the one the user is hovering.
-     */
     this.hideUnselected = false;
-    /**
-     * Whether the mobile list is collapsed.
-     */
     this.collapsed = false;
   }
   /**

package/dist/collection/components/z-aria-alert/index.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 import { ZAriaAlertMode } from "../../beans";
 export class ZAriaAlert {
   constructor() {
-    /** Aria live mode */
     this.mode = ZAriaAlertMode.POLITE;
   }
   render() {

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

@@ -3,12 +3,11 @@ import { AvatarSize } from "../../beans";
 export class ZAvatar {
   constructor() {
     var _a, _b;
-    /** [optional] Avatar size */
     this.size = AvatarSize.MEDIUM;
-    /** [optional] Avatar text color */
+    this.text = undefined;
     this.textColor = "text-white";
-    /** [optional] Avatar background color */
     this.backgroundColor = "bg-grey-700";
+    this.image = undefined;
     if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = this.image) === null || _b === void 0 ? void 0 : _b.length) === 0) {
       console.warn("z-avatar must contain at least one prop between text and image");
     }

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

@@ -2,10 +2,11 @@ import { h, Host } from "@stencil/core";
 import { CardVariant } from "../../beans";
 export class ZCard {
   constructor() {
-    /** Enable click interactions on the card. Default: false */
+    this.variant = undefined;
+    this.coverIcon = undefined;
     this.clickable = false;
-    /** Enable shadow. Default: false. */
     this.showshadow = false;
+    this.hasCoverImage = undefined;
   }
   onClick(ev) {
     // Do nothing for clicks on actions.

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

@@ -7,14 +7,16 @@ import { CarouselArrowsPosition, CarouselProgressMode, ButtonVariant, ButtonSize
  */
 export class ZCarousel {
   constructor() {
-    /** Shows only one content at a time */
+    /** Flag indicating the items container is scrolling programmatically towards the stored index. */
+    this.scrollingTo = null;
+    this.isLoading = undefined;
+    this.label = undefined;
     this.single = false;
-    /** The height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */
+    this.arrowsPosition = undefined;
+    this.progressMode = undefined;
     this.ghostLoadingHeight = 100;
-    /** Current item index for single mode. */
     this.current = 0;
-    /** Flag indicating the items container is scrolling programmatically towards the stored index. */
-    this.scrollingTo = null;
+    this.items = undefined;
   }
   onIndexChange() {
     this.scrollingTo = this.current;

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

@@ -2,13 +2,8 @@ import { h, Host } from "@stencil/core";
 import { PopoverPositions } from "../../beans";
 export class ZContextualMenu {
   constructor() {
-    /**
-     * [optional] Sets text color of ZContextualMenu's content
-     */
+    this.elements = undefined;
     this.color = "color-primary01";
-    /**
-     * [optional] Sets the position of the popover
-     */
     this.popoverPosition = PopoverPositions.BOTTOM_RIGHT;
   }
   componentWillRender() {

package/dist/collection/components/z-cover-hero/index.js

@@ -13,14 +13,7 @@ import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
  */
 export class ZCoverHero {
   constructor() {
-    /**
-     * Cover hero variant.
-     * Can be one of "OVERLAY", "STACKED".
-     */
     this.variant = CoverHeroVariant.OVERLAY;
-    /**
-     * Cover hero content position (only for STACKED variant).
-     */
     this.contentPosition = CoverHeroContentPosition.TOP;
   }
   /**

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

@@ -2,11 +2,8 @@ import { h, Host } from "@stencil/core";
 import { DividerSize, DividerOrientation } from "../../beans";
 export class ZDivider {
   constructor() {
-    /** [optional] Divider size */
     this.size = DividerSize.SMALL;
-    /** [optional] Divider color */
     this.color = "gray200";
-    /** [optional] Divider orintation */
     this.orientation = DividerOrientation.HORIZONTAL;
   }
   render() {

package/dist/collection/components/z-info-reveal/index.js

@@ -12,13 +12,10 @@ import { InfoRevealPosition } from "../../beans";
  */
 export class ZInfoReveal {
   constructor() {
-    /** 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/collection/components/z-offcanvas/index.js

@@ -5,15 +5,8 @@ import { OffCanvasVariant, TransitionDirection } from "../../beans";
  */
 export class ZOffcanvas {
   constructor() {
-    /**
-     * Offcanvas variant.
-     * Can be one of "overlay", "pushcontent"
-     * Default variant: pushcontent
-     */
     this.variant = OffCanvasVariant.PUSHCONTENT;
-    /** open component. Default: false */
     this.open = false;
-    /** open content transitioning in a specified direction left | right. Default: left */
     this.transitiondirection = TransitionDirection.LEFT;
   }
   componentWillLoad() {

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

@@ -5,24 +5,17 @@ import { InputType } from "../../beans";
  */
 export class ZPagination {
   constructor() {
-    /** 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/collection/components/z-popover/index.js

@@ -92,24 +92,13 @@ function computeOffset(element, targetParentOffset) {
  */
 export class ZPopover {
   constructor() {
-    /** Popover position. */
     this.position = 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 === KeyboardCode.ESC) {

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

@@ -11,14 +11,7 @@ import { DividerSize, ZSectionTitleDividerPosition } from "../../beans";
  */
 export class ZSectionTitle {
   constructor() {
-    /**
-     * Divider position for the primary title.
-     * This prop only works if the secondary title is not set.
-     */
     this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;
-    /**
-     * Whether the primary title text is uppercase.
-     */
     this.uppercase = true;
   }
   componentWillRender() {

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

@@ -6,7 +6,7 @@ import { ThemeVariant } from "../../beans";
  */
 export class ZSkipToContent {
   constructor() {
-    /** Array to fill link into skip-content */
+    this.variant = undefined;
     this.links = [];
     this.visible = false;
     this.visibleLink = "";

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

@@ -7,22 +7,20 @@ import { mobileBreakpoint } from "../../../constants/breakpoints";
  */
 export class ZTable {
   constructor() {
-    /** 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 <= mobileBreakpoint;

package/dist/collection/components/z-table/z-table-cell/index.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { ButtonVariant, ButtonSize, Size } from "../../../beans";
 export class ZTableCell {
   constructor() {
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.showButton = undefined;
     this.padding = Size.MEDIUM;
     this.isMenuOpened = false;
   }

package/dist/collection/components/z-table/z-table-empty-box/index.js

@@ -1,9 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ZTableEmptyBox {
   constructor() {
-    /** Sets main title message*/
     this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare.";
-    /** Sets message */
     this.subtitle = "";
   }
   componentWillLoad() {

package/dist/collection/components/z-table/z-table-expanded-row/index.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 export class ZTableExpandedRow {
+  constructor() {
+    this.colSpan = undefined;
+  }
   render() {
     return (h("td", { colSpan: this.colSpan }, h("div", { class: "content-container" }, h("slot", null))));
   }

package/dist/collection/components/z-table/z-table-header/index.js

@@ -3,11 +3,11 @@ import { ButtonSize, ButtonVariant, PopoverPositions, Size, SortDirection } from
 import { getElementTree } from "../../../utils/utils";
 export class ZTableHeader {
   constructor() {
-    /** Set padding size of cell, if special 0px padding will be set */
+    this.columnId = undefined;
     this.padding = Size.MEDIUM;
-    /** [Optional] Default sort order */
+    this.sortable = undefined;
+    this.showButton = undefined;
     this.defaultSortDirection = SortDirection.ASC;
-    /** Sort direction */
     this.sortDirection = SortDirection.NONE;
     this.emitOnSort = this.emitOnSort.bind(this);
   }

package/dist/collection/components/z-table/z-table-header-row/index.js

@@ -1,5 +1,8 @@
 import { Host, h } from "@stencil/core";
 export class ZTableHeaderRow {
+  constructor() {
+    this.expandable = undefined;
+  }
   renderExpandHeader() {
     return h("z-table-header", null);
   }

package/dist/collection/components/z-table/z-table-row/index.js

@@ -2,7 +2,6 @@ import { Host, h } from "@stencil/core";
 import { ZTableRowExpandedType } from "../../../beans";
 export class ZTableRow {
   constructor() {
-    /** Table row expanded type */
     this.expandedType = ZTableRowExpandedType.NONE;
     this.expanded = false;
   }

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

@@ -6,6 +6,10 @@ import { h, Host } from "@stencil/core";
  * @cssprop --z-tag-bg - background color of the z-tag.
  */
 export class ZTag {
+  constructor() {
+    this.icon = undefined;
+    this.expandable = undefined;
+  }
   render() {
     return (h(Host, { class: {
         "body-5-sb": true,

package/dist/collection/deprecated/pagination/z-pagination-bar/index.js

@@ -3,14 +3,14 @@ import Hammer from "hammerjs";
 import { handleKeyboardSubmit } from "../../../utils/utils";
 export class ZPaginationBar {
   constructor() {
-    /** 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/collection/deprecated/pagination/z-pagination-page/index.js

@@ -1,13 +1,11 @@
 import { h } from "@stencil/core";
 export class ZPaginationPage {
   constructor() {
-    /** 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/collection/deprecated/z-button-deprecated/index.js

@@ -5,19 +5,14 @@ import { ButtonVariant, ButtonType, ButtonSize } from "../../beans";
  */
 export class ZButtonDeprecated {
   constructor() {
-    /** HTML button disabled attribute. */
+    this.htmlid = undefined;
+    this.name = undefined;
     this.disabled = false;
-    /** HTML button type attribute. */
     this.type = ButtonType.BUTTON;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
     this.variant = ButtonVariant.PRIMARY;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    this.icon = undefined;
     this.size = ButtonSize.BIG;
-    /** Reduce button size (deprecated).
-     * @deprecated Use `size` prop.
-     */
     this.issmall = false;
-    /** Spy to render square button. */
     this.square = false;
   }
   render() {

package/dist/collection/deprecated/z-button-filter/index.js

@@ -1,11 +1,10 @@
 import { h } from "@stencil/core";
 export class ZButtonFilter {
   constructor() {
-    /** disable action on button */
+    this.filtername = undefined;
     this.isfixed = false;
-    /** add icon to button */
     this.hasicon = true;
-    /** reduce button size (optional) */
+    this.filterid = undefined;
     this.issmall = false;
     this.handleRemovingFilterClick = this.handleRemovingFilterClick.bind(this);
   }

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

@@ -1,5 +1,9 @@
 import { h } from "@stencil/core";
 export class ZChipDeprecated {
+  constructor() {
+    this.regulartext = undefined;
+    this.boldtext = undefined;
+  }
   renderLegacyChip() {
     return (h("div", null, h("span", { class: "boldtext" }, this.boldtext), " ", this.regulartext));
   }

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

@@ -3,28 +3,28 @@ import { InputType } from "../../beans";
 import { randomId } from "../../utils/utils";
 export class ZInputDeprecated {
   constructor() {
-    /** 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/collection/deprecated/z-input-label/index.js

@@ -1,8 +1,9 @@
 import { h } from "@stencil/core";
 export class ZInputLabel {
   constructor() {
-    /** 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));

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

@@ -6,17 +6,11 @@ export class ZPopoverDeprecated {
    * Constructor.
    */
   constructor() {
-    /** [optional] Popover position */
     this.position = PopoverPosition.AFTER_UP;
-    /** [optional] Background color token for popover */
     this.backgroundColor = "color-white";
-    /** [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;

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

@@ -2,8 +2,11 @@ import { h, Host } from "@stencil/core";
 import { StatusTagStatus } from "../../beans";
 export class ZStatusTag {
   constructor() {
-    /** [optional] Status tag color */
+    this.icon = undefined;
+    this.text = undefined;
+    this.expandable = undefined;
     this.status = 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/collection/deprecated/z-tooltip-deprecated/index.js

@@ -77,12 +77,11 @@ function computeOffset(element, targetParentOffset) {
 }
 export class ZTooltipDeprecated {
   constructor() {
-    /** Tooltip position. */
+    this.content = undefined;
     this.type = PopoverPositions.AUTO;
-    /**
-     * The open state of the tooltip.
-     */
     this.open = false;
+    this.bindTo = undefined;
+    this.position = undefined;
   }
   validateType(newValue) {
     if (newValue && Object.values(PopoverPositions).every((position) => newValue !== position)) {

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

@@ -5,9 +5,9 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardComponent {
   constructor() {
-    /** pressed status */
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.ispressed = false;
-    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {