@zanichelli/albe-web-components 9.1.1 → 9.2.0

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;
+}

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

@@ -1,25 +1,25 @@
-import { ZSectionTitleDividerPosition } from "../../beans";
-/**
- * Section title component.
- * An optional secondary title can be put over the primary one.
- *
- * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
- * following its width and removing the one for the primary title.
- * @slot primary-title - Slot for the primary title.
- * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
- */
-export declare class ZSectionTitle {
-  /**
-   * Divider position for the primary title.
-   * This prop only works if the secondary title is not set.
-   */
-  dividerPosition: ZSectionTitleDividerPosition;
-  /**
-   * Whether the primary title text is uppercase.
-   */
-  uppercase: boolean;
-  host: HTMLZSectionTitleElement;
-  private hasSecondaryTitle;
-  componentWillRender(): void;
-  render(): HTMLZSectionTitleElement;
-}
+import { ZSectionTitleDividerPosition } from "../../beans";
+/**
+ * Section title component.
+ * An optional secondary title can be put over the primary one.
+ *
+ * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
+ * following its width and removing the one for the primary title.
+ * @slot primary-title - Slot for the primary title.
+ * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
+ */
+export declare class ZSectionTitle {
+  /**
+   * Divider position for the primary title.
+   * This prop only works if the secondary title is not set.
+   */
+  dividerPosition: ZSectionTitleDividerPosition;
+  /**
+   * Whether the primary title text is uppercase.
+   */
+  uppercase: boolean;
+  host: HTMLZSectionTitleElement;
+  private hasSecondaryTitle;
+  componentWillRender(): void;
+  render(): HTMLZSectionTitleElement;
+}

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

@@ -1,21 +1,21 @@
-import { ThemeVariant, SkipToContentLink } from "../../beans";
-/**
- * Component short description.
- */
-export declare class ZSkipToContent {
-  /** Graphical variant: `dark`, `light`. */
-  variant?: ThemeVariant;
-  /** Array to fill link into skip-content */
-  links: string | SkipToContentLink[];
-  visible: boolean;
-  visibleLink: string;
-  hostElement: HTMLZSkipToContentElement;
-  handleFocusOutSkipToContent(e: FocusEvent): void;
-  handleFocusSkipToContent(e: FocusEvent): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  private isInSkipToContent;
-  private showFirstChild;
-  private handleLinkClick;
-  render(): HTMLZSkipToContentElement;
-}
+import { ThemeVariant, SkipToContentLink } from "../../beans";
+/**
+ * Component short description.
+ */
+export declare class ZSkipToContent {
+  /** Graphical variant: `dark`, `light`. */
+  variant?: ThemeVariant;
+  /** Array to fill link into skip-content */
+  links: string | SkipToContentLink[];
+  visible: boolean;
+  visibleLink: string;
+  hostElement: HTMLZSkipToContentElement;
+  handleFocusOutSkipToContent(e: FocusEvent): void;
+  handleFocusSkipToContent(e: FocusEvent): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  private isInSkipToContent;
+  private showFirstChild;
+  private handleLinkClick;
+  render(): HTMLZSkipToContentElement;
+}

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

@@ -1,13 +1,13 @@
-/**
- * Ztag  component.
- * @slot - The text of the z-tag.
- * @cssprop --z-tag-text-color - text and icon color using tokens.
- * @cssprop --z-tag-bg - background color of the z-tag.
- */
-export declare class ZTag {
-  /** [optional] Tag icon */
-  icon?: string;
-  /** [optional] Hide the text and show it on hover*/
-  expandable?: boolean;
-  render(): HTMLZTagElement;
-}
+/**
+ * Ztag  component.
+ * @slot - The text of the z-tag.
+ * @cssprop --z-tag-text-color - text and icon color using tokens.
+ * @cssprop --z-tag-bg - background color of the z-tag.
+ */
+export declare class ZTag {
+  /** [optional] Tag icon */
+  icon?: string;
+  /** [optional] Hide the text and show it on hover*/
+  expandable?: boolean;
+  render(): HTMLZTagElement;
+}

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

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

package/dist/types/components.d.ts

@@ -5,11 +5,45 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AccordionVariant, AvatarSize, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { AlertType, LicenseType } from "./beans/index";
-import { AvatarSize, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SearchbarItem, SelectItem, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { ListItem } from "./beans/index.js";
 import { ZTypographyLevels } from "./deprecated/typography/z-typography/index";
 export namespace Components {
+    interface ZAccordion {
+        /**
+          * Enable highlight band on the `summary`'s left edge.
+         */
+        "highlight": boolean;
+        /**
+          * Name of the z-icon to display before the label's text.
+         */
+        "icon": string;
+        /**
+          * Disabled state of the accordion.
+         */
+        "isDisabled": boolean;
+        /**
+          * Text label.
+         */
+        "label": string;
+        /**
+          * The open state of the accordion.
+         */
+        "open": boolean;
+        /**
+          * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.
+         */
+        "shadow": boolean;
+        /**
+          * Size of the component.
+         */
+        "size": ControlSize;
+        /**
+          * Accordion variant.
+         */
+        "variant": AccordionVariant;
+    }
     interface ZAlert {
         /**
           * alert variant type
@@ -51,6 +85,10 @@ export namespace Components {
           * Placeholder text for the search bar.
          */
         "searchPlaceholder": string;
+        /**
+          * Search string for the search bar.
+         */
+        "searchString": string;
         /**
           * Stuck mode for the header. You can programmatically set it using an IntersectionObserver.
          */
@@ -1916,6 +1954,10 @@ export namespace Components {
     interface ZVisuallyHidden {
     }
 }
+export interface ZAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZAccordionElement;
+}
 export interface ZAppHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZAppHeaderElement;
@@ -2089,6 +2131,12 @@ export interface ZTrCustomEvent<T> extends CustomEvent<T> {
     target: HTMLZTrElement;
 }
 declare global {
+    interface HTMLZAccordionElement extends Components.ZAccordion, HTMLStencilElement {
+    }
+    var HTMLZAccordionElement: {
+        prototype: HTMLZAccordionElement;
+        new (): HTMLZAccordionElement;
+    };
     interface HTMLZAlertElement extends Components.ZAlert, HTMLStencilElement {
     }
     var HTMLZAlertElement: {
@@ -2672,6 +2720,7 @@ declare global {
         new (): HTMLZVisuallyHiddenElement;
     };
     interface HTMLElementTagNameMap {
+        "z-accordion": HTMLZAccordionElement;
         "z-alert": HTMLZAlertElement;
         "z-anchor-navigation": HTMLZAnchorNavigationElement;
         "z-app-header": HTMLZAppHeaderElement;
@@ -2772,6 +2821,44 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface ZAccordion {
+        /**
+          * Enable highlight band on the `summary`'s left edge.
+         */
+        "highlight"?: boolean;
+        /**
+          * Name of the z-icon to display before the label's text.
+         */
+        "icon"?: string;
+        /**
+          * Disabled state of the accordion.
+         */
+        "isDisabled"?: boolean;
+        /**
+          * Text label.
+         */
+        "label"?: string;
+        /**
+          * Event fired when the accordion is toggled.
+         */
+        "onToggled"?: (event: ZAccordionCustomEvent<boolean>) => void;
+        /**
+          * The open state of the accordion.
+         */
+        "open"?: boolean;
+        /**
+          * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.
+         */
+        "shadow"?: boolean;
+        /**
+          * Size of the component.
+         */
+        "size"?: ControlSize;
+        /**
+          * Accordion variant.
+         */
+        "variant"?: AccordionVariant;
+    }
     interface ZAlert {
         /**
           * alert variant type
@@ -2817,6 +2904,10 @@ declare namespace LocalJSX {
           * Placeholder text for the search bar.
          */
         "searchPlaceholder"?: string;
+        /**
+          * Search string for the search bar.
+         */
+        "searchString"?: string;
         /**
           * Stuck mode for the header. You can programmatically set it using an IntersectionObserver.
          */
@@ -4878,6 +4969,7 @@ declare namespace LocalJSX {
     interface ZVisuallyHidden {
     }
     interface IntrinsicElements {
+        "z-accordion": ZAccordion;
         "z-alert": ZAlert;
         "z-anchor-navigation": ZAnchorNavigation;
         "z-app-header": ZAppHeader;
@@ -4981,6 +5073,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "z-accordion": LocalJSX.ZAccordion & JSXBase.HTMLAttributes<HTMLZAccordionElement>;
             "z-alert": LocalJSX.ZAlert & JSXBase.HTMLAttributes<HTMLZAlertElement>;
             "z-anchor-navigation": LocalJSX.ZAnchorNavigation & JSXBase.HTMLAttributes<HTMLZAnchorNavigationElement>;
             "z-app-header": LocalJSX.ZAppHeader & JSXBase.HTMLAttributes<HTMLZAppHeaderElement>;

package/dist/types/constants/breakpoints.d.ts

@@ -1,4 +1,4 @@
-declare const mobileBreakpoint = 767;
-declare const tabletBreakpoint = 1052;
-declare const desktopBreakpoint = 1365;
-export { mobileBreakpoint, tabletBreakpoint, desktopBreakpoint };
+declare const mobileBreakpoint = 767;
+declare const tabletBreakpoint = 1052;
+declare const desktopBreakpoint = 1365;
+export { mobileBreakpoint, tabletBreakpoint, desktopBreakpoint };

package/dist/types/constants/icons.d.ts

@@ -1,6 +1,6 @@
-declare const icons: {
-  iconuserlogo: string;
-  iconarrowup: string;
-  iconarrowdown: string;
-};
-export default icons;
+declare const icons: {
+  iconuserlogo: string;
+  iconarrowup: string;
+  iconarrowdown: string;
+};
+export default icons;

package/dist/types/deprecated/typography/z-body/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZBody {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4 | 5;
-  /** Font weight variant */
-  variant: "regular" | "semibold";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZBody {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4 | 5;
+  /** Font weight variant */
+  variant: "regular" | "semibold";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-heading/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZHeading {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZHeading {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-typography/index.d.ts

@@ -1,11 +1,11 @@
-export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
-export declare class ZTypography {
-  hostElement: HTMLZTypographyElement;
-  /** Typography level */
-  level: ZTypographyLevels;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
+export declare class ZTypography {
+  hostElement: HTMLZTypographyElement;
+  /** Typography level */
+  level: ZTypographyLevels;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

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

@@ -1,8 +1,8 @@
-/**
- * @deprecated
- */
-export declare class ZTableBody {
-  host: HTMLZTableBodyElement;
-  componentWillRender(): void;
-  render(): HTMLSlotElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableBody {
+  host: HTMLZTableBodyElement;
+  componentWillRender(): void;
+  render(): HTMLSlotElement;
+}

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

@@ -1,14 +1,14 @@
-/**
- * @deprecated
- */
-export declare class ZTableCell {
-  host: HTMLZTableCellElement;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  /** Set padding size of cell, if special 0px padding will be set */
-  padding: "x-small" | "small" | "medium" | "large" | "special";
-  isMenuOpened: boolean;
-  private handleMenu;
-  componentWillRender(): void;
-  render(): HTMLZTableCellElement;
-}
+/**
+ * @deprecated
+ */
+export declare class ZTableCell {
+  host: HTMLZTableCellElement;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  /** Set padding size of cell, if special 0px padding will be set */
+  padding: "x-small" | "small" | "medium" | "large" | "special";
+  isMenuOpened: boolean;
+  private handleMenu;
+  componentWillRender(): void;
+  render(): HTMLZTableCellElement;
+}