@zanichelli/albe-web-components 5.5.6-cs1 → 5.6.2

package/dist/types/components/z-aria-alert/index.d.ts

@@ -1,7 +1,4 @@
-import { HostElement } from "../../stencil-public-runtime";
-import { ZAriaAlertMode } from "../../beans";
 export declare class ZAriaAlert {
-  /** Aria live mode */
-  mode: ZAriaAlertMode;
-  render(): HostElement;
+  mode: string;
+  render(): any;
 }

package/dist/types/components/z-avatar/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { AvatarSize } from "../../beans";
 export declare class ZAvatar {
   /** [optional] Avatar size */
@@ -12,6 +11,6 @@ export declare class ZAvatar {
   /** [optional] Avatar image */
   image?: string;
   constructor();
-  private getTextSize;
-  render(): HostElement;
+  getTextSize(): "5" | "4" | "2";
+  render(): any;
 }

package/dist/types/components/z-card/index.d.ts

@@ -1,6 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
-import { CardVariants } from "../../beans";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CardVariants } from '../../beans';
 export declare class ZCard {
   /**
    * Card variant.
@@ -14,7 +13,7 @@ export declare class ZCard {
   clickable: boolean;
   /** Enable shadow. Default: false. */
   showshadow: boolean;
-  host: HTMLZCardElement;
+  host: HTMLElement;
   hasCoverImage: boolean;
   /**
    * Card click event.
@@ -29,8 +28,8 @@ export declare class ZCard {
    */
   private renderColorCoverCard;
   /**
-   * Template for the content div.
-   */
+  * Template for the content div.
+  */
   private renderContentDiv;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-carousel/index.d.ts

@@ -1,12 +1,56 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { HostElement } from "../../stencil-public-runtime";
+import { CarouselArrowsPosition, CarouselProgressMode } from "../../beans";
 /**
  * ZCarousel component.
  * @cssprop --z-carousel-gutter - The gutter between items.
  * @slot - carousel items. use `<li>` elements inside this slot as it is wrapped inside an `<ul>`
  */
 export declare class ZCarousel {
-  /** sets whether the z-carousel is on loading state */
+  hostElement: HTMLZCarouselElement;
+  /** The z-carousel is on loading state */
   isLoading: boolean;
-  /** sets the height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */
+  /** The z-carousel title, if given. */
+  label?: string;
+  /** Shows only one content at a time */
+  single: boolean;
+  /** Arrow buttons position */
+  arrowsPosition?: CarouselArrowsPosition;
+  /** Progress indicator. Only available for `single` mode */
+  progressMode?: CarouselProgressMode;
+  /** The height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */
   ghostLoadingHeight: number;
-  render(): HTMLDivElement | HTMLUListElement;
+  /** Current item index for single mode. */
+  current: number;
+  /** Items on the slider. */
+  items: HTMLLIElement[];
+  /** Reference for the items container element. */
+  private itemsContainer;
+  /** Observer that handles current index change when scrolling on single mode. */
+  private intersectionObserver;
+  /** Flag indicating the items container is scrolling programmatically towards the stored index. */
+  private scrollingTo;
+  /** Emitted on index change and only in `single` mode. */
+  indexChange: EventEmitter;
+  onIndexChange(): void;
+  onSingleModeChange(): void;
+  componentDidLoad(): void;
+  /**
+   * Set an intersection observer to show the current index to the indicator when scrolling.
+   */
+  private setIntersectionObserver;
+  private onPrev;
+  private onNext;
+  /**
+   * Check if footer can be rendered.
+   * @returns {boolean}
+   */
+  private canShowFooter;
+  /**
+   * Set current item to passed index.
+   * @param {number} index Index to set
+   * @returns {void}
+   */
+  private goTo;
+  render(): HTMLDivElement | HostElement;
 }

package/dist/types/components/z-contextual-menu/index.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { PopoverPositions } from "../../beans";
 export declare class ZContextualMenu {
   /**
@@ -21,7 +20,7 @@ export declare class ZContextualMenu {
   private jsonElements;
   componentWillRender(): void;
   componentDidLoad(): void;
-  private showIcon;
-  private togglePopover;
-  render(): HostElement;
+  showIcon(): boolean;
+  togglePopover(): void;
+  render(): any[];
 }

package/dist/types/components/z-cover-hero/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
 /**
  * Cover hero component.
@@ -12,7 +11,7 @@ import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
  * @cssprop --cover-hero-text-color - color of the text.
  */
 export declare class ZCoverHero {
-  el: HTMLZCoverHeroElement;
+  el: HTMLElement;
   /**
    * Cover hero variant.
    * Can be one of "OVERLAY", "STACKED".
@@ -26,5 +25,5 @@ export declare class ZCoverHero {
    * Template for the content.
    */
   private renderContent;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-divider/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 import { DividerSize, DividerOrientation } from "../../beans";
 export declare class ZDivider {
   /** [optional] Divider size */
@@ -7,5 +6,5 @@ export declare class ZDivider {
   color?: string;
   /** [optional] Divider orintation */
   orientation?: DividerOrientation;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-ghost-loading/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 export declare class ZGhostLoading {
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-info-reveal/index.d.ts

@@ -1,11 +1,9 @@
-import { HostElement } from "../../stencil-public-runtime";
-import { InfoRevealPosition } from "../../beans";
+import { InfoRevealPositionBean } from "../../beans";
 export declare class ZInfoReveal {
-  el: HTMLZInfoRevealElement;
+  el: HTMLElement;
   /** Name of the icon for the open button */
   icon?: string;
-  /** Info reveal's position */
-  position?: InfoRevealPosition;
+  position?: InfoRevealPositionBean;
   /** Text that appears on closed panel next to the open button. */
   label?: string;
   /** Whether the info panel is open. */
@@ -16,15 +14,15 @@ export declare class ZInfoReveal {
   /**
    * Open the info box.
    */
-  private openInfoBox;
+  openInfoBox(): void;
   /**
    * Close the info box.
    */
-  private closeInfoBox;
+  closeInfoBox(): void;
   /**
    * Navigate slotted info.
    * It closes the info box after the last info has been navigated.
    */
-  private next;
-  render(): HostElement;
+  next(): void;
+  render(): any;
 }

package/dist/types/components/z-offcanvas/index.d.ts

@@ -1,16 +1,15 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 import { OffCanvasVariantsEnum, TransitionDirectionEnum } from "../../beans";
 /**
  * @slot canvasContent - set the content of the canvas
  */
 export declare class ZOffcanvas {
-  hostElement: HTMLZOffcanvasElement;
+  hostElement: HTMLElement;
   /**
-   * Offcanvas variant.
-   * Can be one of "overlay", "pushcontent"
-   * Default variant: pushcontent
-   */
+  * Offcanvas variant.
+  * Can be one of "overlay", "pushcontent"
+  * Default variant: pushcontent
+  */
   variant?: OffCanvasVariantsEnum;
   /** open component. Default: false */
   open: boolean;
@@ -20,7 +19,7 @@ export declare class ZOffcanvas {
   canvasOpenStatusChanged: EventEmitter;
   componentWillLoad(): void;
   onOpenChanged(): void;
-  private handleOpenStatus;
-  private handleAnimationEnd;
-  render(): HostElement;
+  handleOpenStatus(): void;
+  handleAnimationEnd(): void;
+  render(): any[];
 }

package/dist/types/components/z-pagination/index.d.ts

@@ -1,10 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Pagination bar component.
  */
 export declare class ZPagination {
-  host: HTMLZPaginationElement;
+  host: HTMLElement;
   /** Pagination label placed before the bar. */
   label?: string;
   /** Enable navigation arrows. */
@@ -68,43 +67,43 @@ export declare class ZPagination {
    * Get a list of pages chunks, each of `visiblePages` length.
    * @returns {number[][]}
    */
-  private getPagesChunks;
+  getPagesChunks(): any[];
   /**
    * Scroll to the left the chunk of pages containing the current page.
    */
-  private scrollToPage;
+  scrollToPage(): void;
   /**
    * Select a page.
    * Do validations on the passed value before assigning it to `currentPage`.
    * @param {number} page Page number to set
    */
-  private selectPage;
+  selectPage(page: any): void;
   /**
    * Render page number button.
    * @param {number} page Page number to render
    * @returns {HTMLButtonElement}
    */
-  private renderPage;
+  renderPage(page: any): any;
   /**
    * Render split button.
    * @param {number} page Page to select on click.
    * @returns {HTMLButtonElement}
    */
-  private renderEllipsisButton;
+  renderEllipsisButton(page: any): any;
   /**
    * Render chunked page buttons.
-   * @returns {HTMLDivElement[]}
+   * @returns {HTMLDivElement}
    */
-  private renderPages;
+  renderPages(): any[];
   /**
    * Render page buttons when split feature is enabled.
    * @returns {HTMLButtonElement[]}
    */
-  private renderSplitPages;
-  private renderBackButton;
-  private renderForwardButton;
-  private renderMobile;
+  renderSplitPages(): any[];
+  renderBackButton(): any;
+  renderForwardButton(): any;
+  renderMobile(): any[];
   componentDidLoad(): void;
   componentDidRender(): void;
-  render(): HostElement;
+  render(): any[];
 }

package/dist/types/components/z-popover/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { PopoverPositions } from "../../beans";
+import { PopoverPositionBean } from "../../beans";
 /**
  * Popover component.
  *
@@ -10,7 +10,7 @@ import { PopoverPositions } from "../../beans";
  */
 export declare class ZPopover {
   /** Popover position. */
-  position: PopoverPositions;
+  position: PopoverPositionBean;
   /**
    * The open state of the popover.
    */
@@ -34,7 +34,7 @@ export declare class ZPopover {
   /**
    * The current position of the popover.
    */
-  currentPosition?: PopoverPositions;
+  currentPosition?: PopoverPositionBean;
   /**
    * Position change event.
    */
@@ -43,11 +43,11 @@ export declare class ZPopover {
    * Open change event.
    */
   openChange: EventEmitter;
-  host: HTMLZPopoverElement;
+  host: HTMLElement;
   private animationFrameRequestId?;
   closePopoverWithKeyboard(e: KeyboardEvent): void;
-  handleOutsideClick(e: MouseEvent): void;
-  validatePosition(newValue: PopoverPositions): void;
+  handleOutsideClick(e: any): void;
+  validatePosition(newValue: any): void;
   /**
    * Setup popover behaviors on opening.
    */
@@ -58,5 +58,5 @@ export declare class ZPopover {
    */
   private setPosition;
   componentWillLoad(): void;
-  render(): HTMLSlotElement;
+  render(): any;
 }

package/dist/types/components/z-section-title/index.d.ts

@@ -1,5 +1,4 @@
-import { HostElement } from "../../stencil-public-runtime";
-import { ZSectionTitleDividerPositions } from "../../beans";
+import { ZSectionTitleDividerPosition } from "../../beans";
 /**
  * Section title component.
  * An optional secondary title can be put over the primary one.
@@ -14,13 +13,13 @@ export declare class ZSectionTitle {
    * Divider position for the primary title.
    * This prop only works if the secondary title is not set.
    */
-  dividerPosition: ZSectionTitleDividerPositions;
+  dividerPosition: ZSectionTitleDividerPosition;
   /**
    * Whether the primary title text is uppercase.
    */
   uppercase: boolean;
-  host: HTMLZSectionTitleElement;
+  host: HTMLElement;
   private hasSecondaryTitle;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): any[];
 }

package/dist/types/components/z-skip-to-content/index.d.ts

@@ -1,5 +1,4 @@
 import { ThemeVariant, SkipToContentLink } from "../../beans";
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Component short description.
  */
@@ -10,13 +9,14 @@ export declare class ZSkipToContent {
   links: string | SkipToContentLink[];
   visible: boolean;
   visibleLink: string;
-  hostElement: HTMLZSkipToContentElement;
-  handleFocusOutSkipToContent(e: FocusEvent): void;
-  handleFocusSkipToContent(e: FocusEvent): void;
+  hostElement: HTMLElement;
+  handleFocusOutSkipToContent(e: any): void;
+  handleFocusSkipToContent(e: any): void;
   componentDidLoad(): void;
   componentWillRender(): void;
-  private isInSkipToContent;
-  private showFirstChild;
-  private handleLinkClick;
-  render(): HostElement;
+  isInSkipToContent(elem: any): boolean;
+  getFirstChild(): false | Element;
+  showFirstChild(): void;
+  handleLinkClick(): void;
+  render(): any;
 }

package/dist/types/components/z-table/z-table/index.d.ts

@@ -1,11 +1,10 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 /**
  * @slot - table elements
  * @slot sticky-footer - set the content of the sticky footer
  */
 export declare class ZTable {
-  host: HTMLZTableElement;
+  host: HTMLElement;
   /** Number of lines of element */
   lines?: number;
   /** Error message */
@@ -43,7 +42,7 @@ export declare class ZTable {
   handleOrientationChange(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
-  private renderError;
-  private renderEmpty;
-  render(): HostElement;
+  renderError(tableClass: any): any;
+  renderEmpty(tableClass: any): any;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-body/index.d.ts

@@ -1,5 +1,5 @@
 export declare class ZTableBody {
-  host: HTMLZTableBodyElement;
+  host: HTMLElement;
   componentWillRender(): void;
-  render(): HTMLSlotElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-cell/index.d.ts

@@ -1,13 +1,12 @@
 import { Size } from "../../../beans";
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableCell {
-  host: HTMLZTableCellElement;
+  host: HTMLElement;
   /** [Optional] Show contextual menu button */
   showButton?: boolean;
   /** Set padding size of cell, if special 0px padding will be set */
   padding: Size;
   isMenuOpened: boolean;
-  private handleMenu;
+  handleMenu(): void;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-empty-box/index.d.ts

@@ -1,13 +1,12 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableEmptyBox {
-  hostElement: HTMLZTableEmptyBoxElement;
+  hostElement: HTMLElement;
   /** Sets main title message*/
   message?: string;
   /** Sets message */
   subtitle?: string;
   /** Checks if cta1 or cta2 slots exist */
-  private hasCta1Slot;
-  private hasCta2Slot;
+  hasCta1Slot: boolean;
+  hasCta2Slot: boolean;
   componentWillLoad(): void;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-expanded-row/index.d.ts

@@ -1,5 +1,5 @@
 export declare class ZTableExpandedRow {
   /** Number table column plus 1 for the expand button */
   colSpan: number;
-  render(): HTMLTableCellElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-footer/index.d.ts

@@ -1,5 +1,5 @@
 export declare class ZTableFooter {
-  host: HTMLZTableFooterElement;
+  host: HTMLElement;
   componentWillRender(): void;
-  render(): HTMLSlotElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-head/index.d.ts

@@ -1,5 +1,5 @@
 export declare class ZTableHead {
-  host: HTMLZTableHeadElement;
+  host: HTMLElement;
   componentWillRender(): void;
-  render(): HTMLSlotElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-header/index.d.ts

@@ -1,8 +1,7 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { Size, SortDirection } from "../../../beans";
 export declare class ZTableHeader {
-  host: HTMLZTableHeaderElement;
+  host: HTMLElement;
   /** Column ID */
   columnId: string;
   /** Set padding size of cell, if special 0px padding will be set */
@@ -13,18 +12,17 @@ export declare class ZTableHeader {
   showButton?: boolean;
   /** [Optional] Default sort order */
   defaultSortDirection?: SortDirection;
-  /** Sort direction */
   sortDirection: SortDirection;
   private popover?;
   private triggerButton?;
   constructor();
   /** [Optional] callback for sorting */
   sort: EventEmitter;
-  private emitOnSort;
-  private handleSort;
-  private handleMenuClick;
-  handleOutsideClick(e: MouseEvent): void;
-  handleClickHeaders(e: MouseEvent): void;
+  emitOnSort(): void;
+  handleSort(): void;
+  handleMenuClick(): void;
+  handleOutsideClick(e: any): void;
+  handleClickHeaders(e: any): void;
   componentWillRender(): void;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-header-row/index.d.ts

@@ -1,7 +1,5 @@
-import { HostElement } from "../../../stencil-public-runtime";
 export declare class ZTableHeaderRow {
-  /** Row expandable flag */
   expandable?: boolean;
-  private renderExpandHeader;
-  render(): HostElement;
+  _renderExpandHeader(): any;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-row/index.d.ts

@@ -1,14 +1,11 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { HostElement } from "../../../stencil-public-runtime";
 import { ZTableRowExpandedType } from "../../../beans";
 export declare class ZTableRow {
-  /** Table row expanded type */
   expandedType: ZTableRowExpandedType;
   expanded: boolean;
-  /** Row has been expanded */
   expand: EventEmitter;
-  private emitOnExpand;
-  private handleExpand;
-  private renderExpandButton;
-  render(): HostElement;
+  emitOnExpand(): void;
+  handleExpand(): void;
+  renderExpandButton(): any;
+  render(): any;
 }

package/dist/types/components/z-table/z-table-sticky-footer/index.d.ts

@@ -2,5 +2,5 @@
  * @slot - table sticky footer content
  */
 export declare class ZTableStickyFooter {
-  render(): HTMLSlotElement;
+  render(): any;
 }

package/dist/types/components/z-tag/index.d.ts

@@ -1,4 +1,3 @@
-import { HostElement } from "../../stencil-public-runtime";
 /**
  * Ztag  component.
  * @slot - The text of the z-tag.
@@ -10,5 +9,5 @@ export declare class ZTag {
   icon?: string;
   /** [optional] Hide the text and show it on hover*/
   expandable?: boolean;
-  render(): HostElement;
+  render(): any;
 }

package/dist/types/components/z-visually-hidden/index.d.ts

@@ -1,3 +1,3 @@
 export declare class ZVisuallyHidden {
-  render(): HTMLSlotElement;
+  render(): any;
 }