@zanichelli/albe-web-components 9.1.2 → 9.2.0

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

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

@@ -0,0 +1,57 @@
+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 accordion. Default: `var(--color-surface02)`.
+ */
+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 +1,39 @@
-/**
- * * 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;
-}
+/**
+ * * 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 +1,6 @@
-import { ZAriaAlertMode } from "../../beans";
-export declare class ZAriaAlert {
-  /** Aria live mode */
-  mode: ZAriaAlertMode;
-  render(): HTMLZAriaAlertElement;
-}
+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 +1,16 @@
-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;
-}
+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,78 +1,78 @@
-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] Ribbon label - expanded and search variant only
-   */
-  ribbon?: string;
-  /**
-   * [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;
-  private id;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private handleResources;
-  private toggleResources;
-  private renderCard;
-  private renderExpandedCard;
-  private renderMobileExpandedCard;
-  private renderSearchCard;
-  private renderCompactCard;
-  private renderCover;
-  private renderOperaTitle;
-  private renderVolumeTitle;
-  private renderAuthors;
-  private renderIsbn;
-  private renderShowResources;
-  private renderTagsSlot;
-  private renderHeaderCtaSlot;
-  private renderResourcesSlot;
-  private renderFooterCtaSlot;
-  render(): HTMLZBookCardElement;
-}
+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] Ribbon label - expanded and search variant only
+   */
+  ribbon?: string;
+  /**
+   * [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;
+  private id;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private handleResources;
+  private toggleResources;
+  private renderCard;
+  private renderExpandedCard;
+  private renderMobileExpandedCard;
+  private renderSearchCard;
+  private renderCompactCard;
+  private renderCover;
+  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 +1,56 @@
-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;
-}
+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 +1,38 @@
-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;
-}
+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;
+}