@zanichelli/albe-web-components 12.1.1 → 12.1.3-rc

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

@@ -1,41 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import "../cells/z-td/index";
-import "../cells/z-th/index";
-/**
- * ZTr component.
- * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row
- * to prevent the row from expanding.
- * @slot - ZTr content (`z-td` or `z-th`).
- */
-export declare class ZTr {
-  host: HTMLZTrElement;
-  /**
-   * Whether the row is expandable.
-   * Use a `z-td` as the last cell of the row for the additional content.
-   * It will show a button to expand/collapse the row.
-   * The last cell will be hidden until the button or row is clicked.
-   *
-   * If some element inside the expandable row contains the `prevent-expand` css class,
-   * the row will not expand by clicking that element.
-   */
-  expandable: boolean;
-  /**
-   * Whether the row is currently expanded.
-   */
-  expanded: boolean;
-  /**
-   * HTML Id of the expandable content.
-   * It is used to link the button to the content through the `aria-controls` attribute.
-   */
-  expandableContentId: string;
-  /** Row has been expanded */
-  expand: EventEmitter;
-  protected updateColumns(): void;
-  /**
-   * Handle click on row.
-   * Skip expansion if the click is on a element with `prevent-expand` css class.
-   */
-  private onRowClick;
-  componentWillLoad(): void;
-  render(): HTMLZTrElement;
-}

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

@@ -1,65 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { ControlSize, AccordionVariant } from "../../beans";
-/**
- * Accordion component.
- *
- * @slot - Slot for the main content.
- * @slot tag - Slot for tags.
- * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.
- * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.
- * @cssprop --z-accordion-label-color - Label color. Default: `--color-text01`.
- * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.
- * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.
- * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-text01`.
- * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.
- * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.
- * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.
- * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.
- */
-export declare class ZAccordion {
-  /**
-   * Text label.
-   */
-  label: string;
-  /**
-   * Name of the z-icon to display before the label's text.
-   */
-  icon: string;
-  /**
-   * Size of the component.
-   */
-  size: ControlSize;
-  /**
-   * Disabled state of the accordion.
-   */
-  isDisabled: boolean;
-  /**
-   * The open state of the accordion.
-   */
-  open: boolean;
-  /**
-   * Enable highlight band on the `summary`'s left edge.
-   */
-  highlight: boolean;
-  /**
-   * Accordion variant.
-   */
-  variant: AccordionVariant;
-  /**
-   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.
-   */
-  shadow: boolean;
-  /**
-   * Event fired when the accordion is toggled.
-   */
-  toggled: EventEmitter<boolean>;
-  protected onDisabledChange(): void;
-  private detailsElm;
-  /**
-   * Handle `details` element toggle.
-   * If currently disabled, prevent toggling by forcing the `open` state to `false`.
-   * Unfortunately the "toggle" event is not cancelable and when catched, the `open` state is already changed.
-   */
-  private onDetailsToggle;
-  render(): HTMLDetailsElement;
-}

package/dist/types/components/z-anchor-navigation/index.d.ts

@@ -1,39 +0,0 @@
-/**
- * * Anchor navigation component.
- * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.
- * @example
- * ```
- * <z-anchor-navigation>
- *  <div>
- *    <a href="#section-id">Section name</a>
- *    <button type="button">
- *      <z-icon name="share" />
- *    </button>
- *  </div>
- * </z-anchor-navigation>
- * ```
- */
-export declare class ZAnchorNavigation {
-  /**
-   * If enabled, the text of each anchor will be hidden unless
-   * for the current one or the one the user is hovering.
-   */
-  hideUnselected: boolean;
-  /**
-   * Whether the mobile list is collapsed.
-   */
-  collapsed: boolean;
-  /** Reference to the nav element. */
-  private nav;
-  /**
-   * Set aria-current attribute to the anchors and `current` to nav children.
-   */
-  private setAriaCurrent;
-  /**
-   * Toggle collapsed state.
-   */
-  private toggleCollapsed;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): HTMLZAnchorNavigationElement;
-}

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

@@ -1,6 +0,0 @@
-import { ZAriaAlertMode } from "../../beans";
-export declare class ZAriaAlert {
-  /** Aria live mode */
-  mode: ZAriaAlertMode;
-  render(): HTMLZAriaAlertElement;
-}

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

@@ -1,16 +0,0 @@
-import { AvatarSize } from "../../beans";
-export declare class ZAvatar {
-  /** [optional] Avatar size */
-  size?: AvatarSize;
-  /** [optional] Avatar text */
-  text?: string;
-  /** [optional] Avatar text color */
-  textColor?: string;
-  /** [optional] Avatar background color */
-  backgroundColor?: string;
-  /** [optional] Avatar image */
-  image?: string;
-  constructor();
-  private getTextSize;
-  render(): HTMLZAvatarElement;
-}

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

@@ -1,95 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { BookCardVariant } from "../../beans";
-/**
- * @slot resources - books resources (extended variant only)
- * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)
- * @slot tags - card tags (extended and search variant only)
- * @slot footer-cta - footer cta button (search and compact variant only)
- * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color
- * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color
- * @cssprop --z-book-card-compact-width - compact card custom width
- * @cssprop --z-book-card-compact-height - compact card custom height
- */
-export declare class ZBookCard {
-  hostElement: HTMLZBookCardElement;
-  /**
-   * Card variant: expanded, compact, search
-   */
-  variant: BookCardVariant;
-  /**
-   * Cover URL
-   */
-  cover: string;
-  /**
-   * Card main title
-   */
-  operaTitle: string;
-  /**
-   * [optional] Card subtitle
-   */
-  volumeTitle?: string;
-  /**
-   * [optional] Authors
-   */
-  authors?: string;
-  /**
-   * [optional] Main ISBN
-   */
-  isbn?: string;
-  /**
-   * [optional] ISBN label
-   */
-  isbnLabel: string;
-  /**
-   * [optional] Ribbon label - expanded and search variant only
-   */
-  ribbon?: string;
-  /**
-   * [optional] Ribbon icon - expanded and search variant only
-   */
-  ribbonIcon?: string;
-  /**
-   * [optional] Ribbon interactive - expanded and search variant only
-   */
-  ribbonInteractive?: boolean;
-  /**
-   * [optional] Borderless card - compact variant only
-   */
-  borderless?: boolean;
-  /**
-   * [optional] Fallback cover URL
-   */
-  fallbackCover?: string;
-  /**
-   * [optional] [accessibility] Card title HTML tag
-   */
-  operaTitleTag?: string;
-  isMobile: boolean;
-  hasResources: boolean;
-  showResources: boolean;
-  /** click on interactive ribbon */
-  ribbonClick: EventEmitter;
-  private emitRibbonClick;
-  private id;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private handleResources;
-  private toggleResources;
-  private renderCard;
-  private renderExpandedCard;
-  private renderMobileExpandedCard;
-  private renderSearchCard;
-  private renderCompactCard;
-  private renderCover;
-  private renderRibbon;
-  private renderOperaTitle;
-  private renderVolumeTitle;
-  private renderAuthors;
-  private renderIsbn;
-  private renderShowResources;
-  private renderTagsSlot;
-  private renderHeaderCtaSlot;
-  private renderResourcesSlot;
-  private renderFooterCtaSlot;
-  render(): HTMLZBookCardElement;
-}

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

@@ -1,56 +0,0 @@
-import { BreadcrumbHomepageVariant, BreadcrumbPathStyle, Device } from "../../beans";
-import { EventEmitter } from "puppeteer";
-export declare class ZBreadcrumb {
-  hostElement: HTMLZBreadcrumbElement;
-  /** [optional] Sets the path style */
-  pathStyle?: BreadcrumbPathStyle;
-  /** [optional] Variant of first node */
-  homepageVariant?: BreadcrumbHomepageVariant;
-  /** [optional] Sets max number of element to show */
-  maxNodesToShow?: number;
-  /** [optional] Controls the behaviour on <a> tag click/enter */
-  preventFollowUrl?: boolean;
-  /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */
-  overflowMenuItemRows?: number;
-  /** [optional] Sets the maximun number of chars per single node */
-  truncateChar?: number;
-  /** Handle mobile */
-  viewPortWidth: Device;
-  /** Detect whether the length of the nodes shown exceeds the container length */
-  hasOverflow: boolean;
-  popoverEllipsisOpen: boolean;
-  /** Emitted when preventFollowUrl=true to handle custom page transition */
-  clickOnNode: EventEmitter;
-  handleResize(): void;
-  handlePropChange(): void;
-  handleResizeUp(newValue: Device, oldValue: Device): void;
-  private pathsList;
-  private pathListCopy;
-  private collapsedElements;
-  private collapsedElementsRef;
-  private triggerButton;
-  private triggerEllipsis;
-  private wrapElement;
-  private currentIndex;
-  private homepageNode;
-  private totalLenght;
-  private anchorElements;
-  private currentEllipsisText;
-  private truncatePosition;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  private initializeBreadcrumb;
-  private checkEllipsisOrOverflowMenu;
-  private truncateWithEllipsis;
-  private getPathsItemsList;
-  private renderMobileBreadcrumb;
-  private renderHomepageNode;
-  private renderNode;
-  private renderBreadcrumb;
-  private togglePopover;
-  private handlePreventFollowUrl;
-  private handleOverflowMenuAccessibility;
-  private renderOverflowMenu;
-  render(): HTMLZBreadcrumbElement;
-}

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

@@ -1,38 +0,0 @@
-import { CardVariant } from "../../beans";
-/**
- * ZCard component.
- * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`
- * @cssprop --z-card--border-color - Default: `var(--gray200)`
- * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`
- * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`
- * @cssprop --z-card--text-border-radius - Default: `none`
- * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`
- * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`
- */
-export declare class ZCard {
-  /**
-   * Card variant.
-   * Can be one of "text", "border", "shadow", "overlay".
-   * Leave it undefined for the default card.
-   */
-  variant: CardVariant;
-  /** Name of the icon to place over the image cover */
-  coverIcon: string;
-  /** Enable shadow. Default: false. */
-  showShadow: boolean;
-  /** Enable 'clickable' style like hover and focus style. */
-  clickable: boolean;
-  host: HTMLZCardElement;
-  hasCoverImage: boolean;
-  componentWillLoad(): void;
-  /**
-   * Template for a card without image cover.
-   * A colored background replaces the image and some data is moved over it.
-   */
-  private renderColorCoverCard;
-  /**
-   * Template for the content div.
-   */
-  private renderContentDiv;
-  render(): HTMLZCardElement;
-}

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

@@ -1,63 +0,0 @@
-import { EventEmitter } 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 {
-  hostElement: HTMLZCarouselElement;
-  /** The z-carousel is on loading state */
-  isLoading: boolean;
-  /** 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;
-  /** Current item index for single mode. */
-  current: number;
-  /** Items on the slider. */
-  items: HTMLLIElement[];
-  /** Index of the indicator to highlight. */
-  highlightedIndicator: number;
-  canNavigatePrev: boolean;
-  canNavigateNext: boolean;
-  /** 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 about to scroll programmatically towards the stored index. */
-  private scrollingTo;
-  /** Emitted on index change and only in `single` mode. */
-  indexChange: EventEmitter;
-  onIndexChange(): void;
-  onSingleModeChange(): void;
-  /**
-   * Set an intersection observer to:
-   * - highlight the indicator of the intersecting item during scroll
-   * - set the current item to the last intersecting item
-   */
-  private setIntersectionObserver;
-  private onPrev;
-  private onNext;
-  /**
-   * Check if navigation buttons can be enabled or not and set local states.
-   */
-  private checkNavigationValidity;
-  /**
-   * Check if footer can be rendered.
-   */
-  private canShowFooter;
-  /**
-   * Set current item to passed index.
-   * @param {number} index Index to set
-   */
-  private goTo;
-  componentDidLoad(): void;
-  render(): HTMLZCarouselElement;
-}

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

@@ -1,26 +0,0 @@
-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 popoverEl?;
-  /** 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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export declare class ZGhostLoading {
-  render(): HTMLZGhostLoadingElement;
-}

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

@@ -1,29 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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;
-}