@zanichelli/albe-web-components 7.3.4 → 7.3.6

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

@@ -1,26 +1,26 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { PopoverPosition } from "../../beans";
-export declare class ZContextualMenu {
-  /**
-   * Elements of ZContextualMenu
-   */
-  elements?: string;
-  /**
-   * [optional] Sets text color of ZContextualMenu's content
-   */
-  color?: string;
-  /**
-   * [optional] Sets the position of the popover
-   */
-  popoverPosition?: PopoverPosition;
-  private triggerButton?;
-  private popover?;
-  /** remove filter click event, returns filterid */
-  clickContextualMenu: EventEmitter;
-  private jsonElements;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  private showIcon;
-  private togglePopover;
-  render(): HTMLZContextualMenuElement;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+import { PopoverPosition } from "../../beans";
+export declare class ZContextualMenu {
+  /**
+   * Elements of ZContextualMenu
+   */
+  elements?: string;
+  /**
+   * [optional] Sets text color of ZContextualMenu's content
+   */
+  color?: string;
+  /**
+   * [optional] Sets the position of the popover
+   */
+  popoverPosition?: PopoverPosition;
+  private triggerButton?;
+  private popover?;
+  /** remove filter click event, returns filterid */
+  clickContextualMenu: EventEmitter;
+  private jsonElements;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  private showIcon;
+  private togglePopover;
+  render(): HTMLZContextualMenuElement;
+}

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

@@ -1,41 +1,41 @@
-import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
-/**
- * Cover hero component.
- * Component to display a hero image with content.
- *
- * @slot cover - slot for the cover image.
- * @slot content - slot for the content.
- * @slot info-reveal - slot for the info reveal.
- * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.
- * @cssprop --cover-hero-text-color - color of the text.
- * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.
- */
-export declare class ZCoverHero {
-  host: HTMLZCoverHeroElement;
-  /**
-   * Cover hero variant. Can be `OVERLAY` or `STACKED`.
-   */
-  variant: CoverHeroVariant;
-  /**
-   * Vertical content position (for `STACKED` variant).
-   */
-  contentPosition: CoverHeroContentPosition;
-  /**
-   * Whether to keep the image aspect ratio.
-   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;
-   * instead, the height of the component follows the content's one.
-   * Note: it may be necessary to set a min and/or max height to the component.
-   */
-  preserveAspectRatio: boolean;
-  /**
-   * Store the intrinsic aspect ratio of the slotted image when loaded,
-   * to have a default when `--cover-hero-aspect-ratio` is not set.
-   * @param target The event target
-   */
-  protected onImgLoad({ target }: Event): void;
-  /**
-   * Template for the content.
-   */
-  private renderContent;
-  render(): HTMLZCoverHeroElement;
-}
+import { CoverHeroVariant, CoverHeroContentPosition } from "../../beans";
+/**
+ * Cover hero component.
+ * Component to display a hero image with content.
+ *
+ * @slot cover - slot for the cover image.
+ * @slot content - slot for the content.
+ * @slot info-reveal - slot for the info reveal.
+ * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.
+ * @cssprop --cover-hero-text-color - color of the text.
+ * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.
+ */
+export declare class ZCoverHero {
+  host: HTMLZCoverHeroElement;
+  /**
+   * Cover hero variant. Can be `OVERLAY` or `STACKED`.
+   */
+  variant: CoverHeroVariant;
+  /**
+   * Vertical content position (for `STACKED` variant).
+   */
+  contentPosition: CoverHeroContentPosition;
+  /**
+   * Whether to keep the image aspect ratio.
+   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;
+   * instead, the height of the component follows the content's one.
+   * Note: it may be necessary to set a min and/or max height to the component.
+   */
+  preserveAspectRatio: boolean;
+  /**
+   * Store the intrinsic aspect ratio of the slotted image when loaded,
+   * to have a default when `--cover-hero-aspect-ratio` is not set.
+   * @param target The event target
+   */
+  protected onImgLoad({ target }: Event): void;
+  /**
+   * Template for the content.
+   */
+  private renderContent;
+  render(): HTMLZCoverHeroElement;
+}

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

@@ -1,10 +1,10 @@
-import { DividerSize, DividerOrientation } from "../../beans";
-export declare class ZDivider {
-  /** [optional] Divider size */
-  size?: DividerSize;
-  /** [optional] Divider color */
-  color?: string;
-  /** [optional] Divider orintation */
-  orientation?: DividerOrientation;
-  render(): HTMLZDividerElement;
-}
+import { DividerSize, DividerOrientation } from "../../beans";
+export declare class ZDivider {
+  /** [optional] Divider size */
+  size?: DividerSize;
+  /** [optional] Divider color */
+  color?: string;
+  /** [optional] Divider orintation */
+  orientation?: DividerOrientation;
+  render(): HTMLZDividerElement;
+}

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

@@ -1,3 +1,3 @@
-export declare class ZGhostLoading {
-  render(): HTMLZGhostLoadingElement;
-}
+export declare class ZGhostLoading {
+  render(): HTMLZGhostLoadingElement;
+}

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

@@ -1,29 +1,29 @@
-import { InfoRevealPosition } from "../../beans";
-export declare class ZInfoReveal {
-  el: HTMLZInfoRevealElement;
-  /** Name of the icon for the open button */
-  icon?: string;
-  /** Info reveal's position */
-  position?: InfoRevealPosition;
-  /** Text that appears on closed panel next to the open button. */
-  label?: string;
-  /** Whether the info panel is open. */
-  open: boolean;
-  /** Current index for the info queue. */
-  currentIndex: number;
-  watchItems(): void;
-  /**
-   * Open the info box.
-   */
-  private openInfoBox;
-  /**
-   * Close the info box.
-   */
-  private closeInfoBox;
-  /**
-   * Navigate slotted info.
-   * It closes the info box after the last info has been navigated.
-   */
-  private next;
-  render(): HTMLZInfoRevealElement;
-}
+import { InfoRevealPosition } from "../../beans";
+export declare class ZInfoReveal {
+  el: HTMLZInfoRevealElement;
+  /** Name of the icon for the open button */
+  icon?: string;
+  /** Info reveal's position */
+  position?: InfoRevealPosition;
+  /** Text that appears on closed panel next to the open button. */
+  label?: string;
+  /** Whether the info panel is open. */
+  open: boolean;
+  /** Current index for the info queue. */
+  currentIndex: number;
+  watchItems(): void;
+  /**
+   * Open the info box.
+   */
+  private openInfoBox;
+  /**
+   * Close the info box.
+   */
+  private closeInfoBox;
+  /**
+   * Navigate slotted info.
+   * It closes the info box after the last info has been navigated.
+   */
+  private next;
+  render(): HTMLZInfoRevealElement;
+}

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

@@ -1,27 +1,27 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { OffCanvasVariant, TransitionDirection } from "../../beans";
-/**
- * @slot canvasContent - Slot for the main content.
- */
-export declare class ZOffcanvas {
-  /**
-   * Offcanvas variant.
-   * Can be one `overlay` or `pushcontent`.
-   * Default variant: pushcontent
-   */
-  variant?: OffCanvasVariant;
-  /** Whether the offcanvas is open. Default: false */
-  open: boolean;
-  /** open content transitioning in a specified direction left | right. Default: left */
-  transitiondirection?: TransitionDirection;
-  /**
-   * Whether to skip the initial animation.
-   * Useful when the initial value of the `open` prop is set to `true`.
-   */
-  skipLoadAnimation: boolean;
-  /** emitted when `open` prop changes */
-  canvasOpenStatusChanged: EventEmitter;
-  onOpenChanged(): void;
-  private handlePageOverflow;
-  render(): HTMLZOffcanvasElement;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+import { OffCanvasVariant, TransitionDirection } from "../../beans";
+/**
+ * @slot canvasContent - Slot for the main content.
+ */
+export declare class ZOffcanvas {
+  /**
+   * Offcanvas variant.
+   * Can be one `overlay` or `pushcontent`.
+   * Default variant: pushcontent
+   */
+  variant?: OffCanvasVariant;
+  /** Whether the offcanvas is open. Default: false */
+  open: boolean;
+  /** open content transitioning in a specified direction left | right. Default: left */
+  transitiondirection?: TransitionDirection;
+  /**
+   * Whether to skip the initial animation.
+   * Useful when the initial value of the `open` prop is set to `true`.
+   */
+  skipLoadAnimation: boolean;
+  /** emitted when `open` prop changes */
+  canvasOpenStatusChanged: EventEmitter;
+  onOpenChanged(): void;
+  private handlePageOverflow;
+  render(): HTMLZOffcanvasElement;
+}

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

@@ -1,109 +1,109 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-/**
- * Pagination bar component.
- */
-export declare class ZPagination {
-  host: HTMLZPaginationElement;
-  /** Pagination label placed before the bar. */
-  label?: string;
-  /** Enable navigation arrows. */
-  navArrows: boolean;
-  /** Total number of pages. Required. */
-  totalPages: number;
-  /** Number of pages to skip. */
-  skip: number;
-  /** Enable buttons to go to the first and last pages. */
-  edges: boolean;
-  /** Number of pages to show left/right of the current, before showing "load more" symbol (…). */
-  split?: number;
-  /** Number of pages to show at a time. If not set, all pages will be shown. */
-  visiblePages?: number;
-  /** Current page. */
-  currentPage: number;
-  /** Whether to show "go to page" feature. */
-  goToPage: boolean;
-  /**
-   * 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.
-   */
-  private _visiblePages;
-  /** Used to hides/change some functionalities on smaller screen sizes */
-  isMobile: boolean;
-  /** Value of the go to page input */
-  goToPageValue: any;
-  /** Event emitted when the current page has changed. */
-  pageChanged: EventEmitter;
-  /**
-   * Set the max width of the pages container.
-   */
-  setPagesContainerWidth(): void;
-  /**
-   * Set visible pages.
-   * Ensure that the visible pages are always <= the total pages.
-   * If `visiblePages` isn't set, fallback to the total pages.
-   */
-  setVisiblePages(): void;
-  /**
-   * On page changed.
-   * @emits pageChanged
-   */
-  onPageChanged(): void;
-  /**
-   * On split changed.
-   * Empty `edges` value. The split feature wins over the pages chunks and edges.
-   */
-  onSplitChanged(): void;
-  /**
-   * Hide stuff on mobile.
-   */
-  onResize(): void;
-  /**
-   * Set functionalities according to screen size.
-   */
-  private setMobile;
-  /**
-   * Get a list of pages chunks, each of `visiblePages` length.
-   * @returns {number[][]}
-   */
-  private getPagesChunks;
-  /**
-   * Scroll to the left the chunk of pages containing the current page.
-   */
-  private scrollToPage;
-  /**
-   * Select a page.
-   * Do validations on the passed value before assigning it to `currentPage`.
-   * @param {number} page Page number to set
-   */
-  private selectPage;
-  /**
-   * Render page number button.
-   * @param {number} page Page number to render
-   * @returns {HTMLButtonElement}
-   */
-  private renderPage;
-  /**
-   * Render split button.
-   * @param {number} page Page to select on click.
-   * @returns {HTMLButtonElement}
-   */
-  private renderEllipsisButton;
-  /**
-   * Render chunked page buttons.
-   * @returns {HTMLDivElement[]}
-   */
-  private renderPages;
-  /**
-   * Render page buttons when split feature is enabled.
-   * @returns {HTMLButtonElement[]}
-   */
-  private renderSplitPages;
-  private renderBackButton;
-  private renderForwardButton;
-  private renderMobile;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  render(): HTMLZPaginationElement;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * Pagination bar component.
+ */
+export declare class ZPagination {
+  host: HTMLZPaginationElement;
+  /** Pagination label placed before the bar. */
+  label?: string;
+  /** Enable navigation arrows. */
+  navArrows: boolean;
+  /** Total number of pages. Required. */
+  totalPages: number;
+  /** Number of pages to skip. */
+  skip: number;
+  /** Enable buttons to go to the first and last pages. */
+  edges: boolean;
+  /** Number of pages to show left/right of the current, before showing "load more" symbol (…). */
+  split?: number;
+  /** Number of pages to show at a time. If not set, all pages will be shown. */
+  visiblePages?: number;
+  /** Current page. */
+  currentPage: number;
+  /** Whether to show "go to page" feature. */
+  goToPage: boolean;
+  /**
+   * 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.
+   */
+  private _visiblePages;
+  /** Used to hides/change some functionalities on smaller screen sizes */
+  isMobile: boolean;
+  /** Value of the go to page input */
+  goToPageValue: any;
+  /** Event emitted when the current page has changed. */
+  pageChanged: EventEmitter;
+  /**
+   * Set the max width of the pages container.
+   */
+  setPagesContainerWidth(): void;
+  /**
+   * Set visible pages.
+   * Ensure that the visible pages are always <= the total pages.
+   * If `visiblePages` isn't set, fallback to the total pages.
+   */
+  setVisiblePages(): void;
+  /**
+   * On page changed.
+   * @emits pageChanged
+   */
+  onPageChanged(): void;
+  /**
+   * On split changed.
+   * Empty `edges` value. The split feature wins over the pages chunks and edges.
+   */
+  onSplitChanged(): void;
+  /**
+   * Hide stuff on mobile.
+   */
+  onResize(): void;
+  /**
+   * Set functionalities according to screen size.
+   */
+  private setMobile;
+  /**
+   * Get a list of pages chunks, each of `visiblePages` length.
+   * @returns {number[][]}
+   */
+  private getPagesChunks;
+  /**
+   * Scroll to the left the chunk of pages containing the current page.
+   */
+  private scrollToPage;
+  /**
+   * Select a page.
+   * Do validations on the passed value before assigning it to `currentPage`.
+   * @param {number} page Page number to set
+   */
+  private selectPage;
+  /**
+   * Render page number button.
+   * @param {number} page Page number to render
+   * @returns {HTMLButtonElement}
+   */
+  private renderPage;
+  /**
+   * Render split button.
+   * @param {number} page Page to select on click.
+   * @returns {HTMLButtonElement}
+   */
+  private renderEllipsisButton;
+  /**
+   * Render chunked page buttons.
+   * @returns {HTMLDivElement[]}
+   */
+  private renderPages;
+  /**
+   * Render page buttons when split feature is enabled.
+   * @returns {HTMLButtonElement[]}
+   */
+  private renderSplitPages;
+  private renderBackButton;
+  private renderForwardButton;
+  private renderMobile;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): HTMLZPaginationElement;
+}

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

@@ -1,69 +1,69 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { PopoverPosition } from "../../beans";
-/**
- * Popover component.
- *
- * @cssprop --z-popover-theme--surface - background color of the popover.
- * @cssprop --z-popover-theme--text - foreground color of the popover.
- * @cssprop --z-popover-padding - padding of the popover.
- * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
- */
-export declare class ZPopover {
-  /** Popover position. */
-  position: PopoverPosition;
-  /**
-   * The open state of the popover.
-   */
-  open: boolean;
-  /**
-   * The selector or the element bound with the popover.
-   */
-  bindTo?: string | HTMLElement;
-  /**
-   * Whether to show popover's arrow.
-   */
-  showArrow: boolean;
-  /**
-   * Whether to center the popup on the main side (according to "position").
-   */
-  center: boolean;
-  /**
-   * If true, the popover can be closed by clicking outside of it or pressing the escape key.
-   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).
-   */
-  closable: boolean;
-  /**
-   * The current position of the popover.
-   */
-  currentPosition?: PopoverPosition;
-  /**
-   * Position change event.
-   */
-  positionChange: EventEmitter;
-  /**
-   * Open change event.
-   */
-  openChange: EventEmitter;
-  host: HTMLZPopoverElement;
-  private animationFrameRequestId?;
-  closePopoverWithKeyboard(e: KeyboardEvent): void;
-  /**
-   * Close the popover when clicking outside of its content.
-   * Stop event propagation if the click was fired by popover's trigger element,
-   * to prevent close and reopen glitches.
-   * @param {MouseEvent} e
-   */
-  handleOutsideClick(e: MouseEvent): void;
-  validatePosition(newValue: PopoverPosition): void;
-  /**
-   * Setup popover behaviors on opening.
-   */
-  onOpen(): void;
-  disconnectedCallback(): void;
-  /**
-   * Set the position of the popover.
-   */
-  private setPosition;
-  componentWillLoad(): void;
-  render(): HTMLSlotElement;
-}
+import { EventEmitter } from "../../stencil-public-runtime";
+import { PopoverPosition } from "../../beans";
+/**
+ * Popover component.
+ *
+ * @cssprop --z-popover-theme--surface - background color of the popover.
+ * @cssprop --z-popover-theme--text - foreground color of the popover.
+ * @cssprop --z-popover-padding - padding of the popover.
+ * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
+ */
+export declare class ZPopover {
+  /** Popover position. */
+  position: PopoverPosition;
+  /**
+   * The open state of the popover.
+   */
+  open: boolean;
+  /**
+   * The selector or the element bound with the popover.
+   */
+  bindTo?: string | HTMLElement;
+  /**
+   * Whether to show popover's arrow.
+   */
+  showArrow: boolean;
+  /**
+   * Whether to center the popup on the main side (according to "position").
+   */
+  center: boolean;
+  /**
+   * If true, the popover can be closed by clicking outside of it or pressing the escape key.
+   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).
+   */
+  closable: boolean;
+  /**
+   * The current position of the popover.
+   */
+  currentPosition?: PopoverPosition;
+  /**
+   * Position change event.
+   */
+  positionChange: EventEmitter;
+  /**
+   * Open change event.
+   */
+  openChange: EventEmitter;
+  host: HTMLZPopoverElement;
+  private animationFrameRequestId?;
+  closePopoverWithKeyboard(e: KeyboardEvent): void;
+  /**
+   * Close the popover when clicking outside of its content.
+   * Stop event propagation if the click was fired by popover's trigger element,
+   * to prevent close and reopen glitches.
+   * @param {MouseEvent} e
+   */
+  handleOutsideClick(e: MouseEvent): void;
+  validatePosition(newValue: PopoverPosition): void;
+  /**
+   * Setup popover behaviors on opening.
+   */
+  onOpen(): void;
+  disconnectedCallback(): void;
+  /**
+   * Set the position of the popover.
+   */
+  private setPosition;
+  componentWillLoad(): void;
+  render(): HTMLSlotElement;
+}