@zanichelli/albe-web-components 9.2.0 → 9.2.2-beta

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

@@ -1,148 +1,148 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot title - Slot for the main title
- * @slot subtitle - Slot for the subtitle. It will not appear in stuck header.
- * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
- * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.
- * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.
- * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.
- * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.
- * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.
- * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.
- * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.
- * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.
- * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.
- * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.
- * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.
- * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.
- * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.
- * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.
- * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
- * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
- * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
- * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
- * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
- * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
- * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.
- * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.
- * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.
- * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.
- * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.
- * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.
- * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.
- * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.
- * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.
- * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.
- * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.
- * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.
- * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.
- * @cssprop --app-header-height - Defaults to `auto`.
- * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).
- * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.
- * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.
- * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-text01`.
- * @cssprop --app-header-title-font-size - Variable to customize the title's font size.
- * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.
- * Defaults to `--app-header-typography-3-size`.
- * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.
- * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.
- * Defaults to `--app-header-typography-3-lineheight`.
- * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.
- * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.
- * Defaults to `--app-header-typography-3-tracking`.
- * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-text01`.
- */
-export declare class ZAppHeader {
-  hostElement: HTMLZAppHeaderElement;
-  /**
-   * Stuck mode for the header.
-   * You can programmatically set it using an IntersectionObserver.
-   */
-  stuck: boolean;
-  /**
-   * Set the hero image source for the header.
-   * You can also use a [slot="hero"] node for advanced customization.
-   */
-  hero: string;
-  /**
-   * Should place an overlay over the hero image.
-   * Useful for legibility purpose.
-   */
-  overlay: boolean;
-  /**
-   * Control menu bar position in the header.
-   * - auto: the menu bar is positioned near the title
-   * - stack: the menu bar is positioned below the title
-   * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
-   */
-  flow: "auto" | "stack" | "offcanvas";
-  /**
-   * The opening state of the drawer.
-   */
-  drawerOpen: boolean;
-  /**
-   * Enable the search bar.
-   */
-  enableSearch: boolean;
-  /**
-   * Placeholder text for the search bar.
-   */
-  searchPlaceholder: string;
-  /**
-   * Search string for the search bar.
-   */
-  searchString: string;
-  /**
-   * Url to the search page.
-   * Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.
-   * The link will also appear on the sticky header.
-   */
-  searchPageUrl: string;
-  /**
-   * The stuck state of the bar.
-   */
-  private _stuck;
-  /**
-   * Current viewport.
-   * Used to change the aspect of the search button (icon only) on mobile and tablet.
-   */
-  private currentViewport;
-  /**
-   * Current count of menu items.
-   */
-  menuLength: number;
-  /**
-   * Emitted when the `stuck` state of the header changes
-   */
-  sticking: EventEmitter;
-  private container?;
-  private menuElements?;
-  private observer?;
-  constructor();
-  evaluateViewport(): void;
-  onStuck(): void;
-  setMenuFloatingMode(): void;
-  private get title();
-  private get scrollParent();
-  private get canShowMenu();
-  private get canShowSearchbar();
-  /**
-   * Whether the header has a hero image, either as a prop or as a slot.
-   */
-  private get hasHero();
-  private openDrawer;
-  private closeDrawer;
-  private collectMenuElements;
-  private enableStuckObserver;
-  private disableStuckMode;
-  onStuckMode(): void;
-  private renderSearchLinkButton;
-  private renderSeachbar;
-  componentDidLoad(): void;
-  render(): HTMLZAppHeaderElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot title - Slot for the main title
+ * @slot subtitle - Slot for the subtitle. It will not appear in stuck header.
+ * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.
+ * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.
+ * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.
+ * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.
+ * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.
+ * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.
+ * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.
+ * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.
+ * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.
+ * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.
+ * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.
+ * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.
+ * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.
+ * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.
+ * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.
+ * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
+ * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.
+ * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
+ * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.
+ * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.
+ * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.
+ * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.
+ * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.
+ * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.
+ * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.
+ * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.
+ * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.
+ * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.
+ * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.
+ * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.
+ * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.
+ * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.
+ * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.
+ * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.
+ * @cssprop --app-header-height - Defaults to `auto`.
+ * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).
+ * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.
+ * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.
+ * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.
+ * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-text01`.
+ * @cssprop --app-header-title-font-size - Variable to customize the title's font size.
+ * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.
+ * Defaults to `--app-header-typography-3-size`.
+ * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.
+ * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.
+ * Defaults to `--app-header-typography-3-lineheight`.
+ * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.
+ * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.
+ * Defaults to `--app-header-typography-3-tracking`.
+ * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-text01`.
+ */
+export declare class ZAppHeader {
+  hostElement: HTMLZAppHeaderElement;
+  /**
+   * Stuck mode for the header.
+   * You can programmatically set it using an IntersectionObserver.
+   */
+  stuck: boolean;
+  /**
+   * Set the hero image source for the header.
+   * You can also use a [slot="hero"] node for advanced customization.
+   */
+  hero: string;
+  /**
+   * Should place an overlay over the hero image.
+   * Useful for legibility purpose.
+   */
+  overlay: boolean;
+  /**
+   * Control menu bar position in the header.
+   * - auto: the menu bar is positioned near the title
+   * - stack: the menu bar is positioned below the title
+   * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
+   */
+  flow: "auto" | "stack" | "offcanvas";
+  /**
+   * The opening state of the drawer.
+   */
+  drawerOpen: boolean;
+  /**
+   * Enable the search bar.
+   */
+  enableSearch: boolean;
+  /**
+   * Placeholder text for the search bar.
+   */
+  searchPlaceholder: string;
+  /**
+   * Search string for the search bar.
+   */
+  searchString: string;
+  /**
+   * Url to the search page.
+   * Set this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.
+   * The link will also appear on the sticky header.
+   */
+  searchPageUrl: string;
+  /**
+   * The stuck state of the bar.
+   */
+  private _stuck;
+  /**
+   * Current viewport.
+   * Used to change the aspect of the search button (icon only) on mobile and tablet.
+   */
+  private currentViewport;
+  /**
+   * Current count of menu items.
+   */
+  menuLength: number;
+  /**
+   * Emitted when the `stuck` state of the header changes
+   */
+  sticking: EventEmitter;
+  private container?;
+  private menuElements?;
+  private observer?;
+  constructor();
+  evaluateViewport(): void;
+  onStuck(): void;
+  setMenuFloatingMode(): void;
+  private get title();
+  private get scrollParent();
+  private get canShowMenu();
+  private get canShowSearchbar();
+  /**
+   * Whether the header has a hero image, either as a prop or as a slot.
+   */
+  private get hasHero();
+  private openDrawer;
+  private closeDrawer;
+  private collectMenuElements;
+  private enableStuckObserver;
+  private disableStuckMode;
+  onStuckMode(): void;
+  private renderSearchLinkButton;
+  private renderSeachbar;
+  componentDidLoad(): void;
+  render(): HTMLZAppHeaderElement;
+}

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

@@ -1,40 +1,40 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - link content
- */
-export declare class ZLink {
-  /** link id (optional) */
-  htmlid?: string;
-  /** link url (optional) */
-  href?: string;
-  /** link target (optional) */
-  target?: string;
-  /** tabindex link attribute (optional) */
-  htmltabindex?: number;
-  /** disable link flag (optional) */
-  isdisabled?: boolean;
-  /** active link flag (optional) */
-  isactive?: boolean;
-  /** white variant flag (optional) */
-  iswhite?: boolean;
-  /** link text variant (optional) */
-  textcolor?: "primary" | "inverse" | "white" | "black";
-  /** link icon name (optional) */
-  icon?: string;
-  /** big link version */
-  big?: boolean;
-  /** link icon position (optional) */
-  iconposition?: "left" | "right";
-  /** draw underline on text (optional) */
-  underline?: boolean;
-  /** emitted on link click, returns linkId */
-  zLinkClick: EventEmitter;
-  hostElement: HTMLZLinkElement;
-  iconSize: number;
-  constructor();
-  componentWillLoad(): void;
-  private emitZLinkClick;
-  private emitZLinkInteraction;
-  componentDidLoad(): void;
-  render(): HTMLAnchorElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot - link content
+ */
+export declare class ZLink {
+  /** link id (optional) */
+  htmlid?: string;
+  /** link url (optional) */
+  href?: string;
+  /** link target (optional) */
+  target?: string;
+  /** tabindex link attribute (optional) */
+  htmltabindex?: number;
+  /** disable link flag (optional) */
+  isdisabled?: boolean;
+  /** active link flag (optional) */
+  isactive?: boolean;
+  /** white variant flag (optional) */
+  iswhite?: boolean;
+  /** link text variant (optional) */
+  textcolor?: "primary" | "inverse" | "white" | "black";
+  /** link icon name (optional) */
+  icon?: string;
+  /** big link version */
+  big?: boolean;
+  /** link icon position (optional) */
+  iconposition?: "left" | "right";
+  /** draw underline on text (optional) */
+  underline?: boolean;
+  /** emitted on link click, returns linkId */
+  zLinkClick: EventEmitter;
+  hostElement: HTMLZLinkElement;
+  iconSize: number;
+  constructor();
+  componentWillLoad(): void;
+  private emitZLinkClick;
+  private emitZLinkInteraction;
+  componentDidLoad(): void;
+  render(): HTMLAnchorElement;
+}

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

@@ -1,61 +1,61 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - Menu label
- * @slot header - Header to display as the first entry of the open menu.
- * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
- * @cssprop --z-menu-label-color - Color of the label's text.
- */
-export declare class ZMenu {
-  hostElement: HTMLZMenuElement;
-  /** Flag to set the active status of the menu. */
-  active?: boolean;
-  /**
-   * Flag to set the display mode of the list.
-   * If true, the list will be absolutely positioned under the menu label,
-   * stacked beneath it otherwise.
-   */
-  floating?: boolean;
-  /** The opening state of the menu. */
-  open: boolean;
-  /**
-   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).
-   * A small border is placed under it as a separator from other elements.
-   */
-  verticalContext: boolean;
-  hasHeader: boolean;
-  hasContent: boolean;
-  private content;
-  /** Animation frame request id. */
-  private raf;
-  /** The menu has been opened. */
-  opened: EventEmitter;
-  /** The menu has been closed. */
-  closed: EventEmitter;
-  private toggle;
-  /** Close the floating list when a click is performed outside of this Element. */
-  handleClick(ev: MouseEvent): void;
-  onOpenChanged(): void;
-  constructor();
-  componentWillLoad(): void;
-  /**
-   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-   * @param ev Slotchange event
-   */
-  private onLabelSlotChange;
-  /**
-   * Correctly set position of the floating menu in order to prevent overflow.
-   * @param live Should run the method on every refresh frame.
-   */
-  private reflow;
-  /**
-   * Check if some content slot is set.
-   */
-  private checkContent;
-  /**
-   * Set `menuitem` role to all menu items.
-   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).
-   */
-  private onItemsChange;
-  private renderMenuLabel;
-  render(): HTMLZMenuElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot - Menu label
+ * @slot header - Header to display as the first entry of the open menu.
+ * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
+ * @cssprop --z-menu-label-color - Color of the label's text.
+ */
+export declare class ZMenu {
+  hostElement: HTMLZMenuElement;
+  /** Flag to set the active status of the menu. */
+  active?: boolean;
+  /**
+   * Flag to set the display mode of the list.
+   * If true, the list will be absolutely positioned under the menu label,
+   * stacked beneath it otherwise.
+   */
+  floating?: boolean;
+  /** The opening state of the menu. */
+  open: boolean;
+  /**
+   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).
+   * A small border is placed under it as a separator from other elements.
+   */
+  verticalContext: boolean;
+  hasHeader: boolean;
+  hasContent: boolean;
+  private content;
+  /** Animation frame request id. */
+  private raf;
+  /** The menu has been opened. */
+  opened: EventEmitter;
+  /** The menu has been closed. */
+  closed: EventEmitter;
+  private toggle;
+  /** Close the floating list when a click is performed outside of this Element. */
+  handleClick(ev: MouseEvent): void;
+  onOpenChanged(): void;
+  constructor();
+  componentWillLoad(): void;
+  /**
+   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
+   * @param ev Slotchange event
+   */
+  private onLabelSlotChange;
+  /**
+   * Correctly set position of the floating menu in order to prevent overflow.
+   * @param live Should run the method on every refresh frame.
+   */
+  private reflow;
+  /**
+   * Check if some content slot is set.
+   */
+  private checkContent;
+  /**
+   * Set `menuitem` role to all menu items.
+   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).
+   */
+  private onItemsChange;
+  private renderMenuLabel;
+  render(): HTMLZMenuElement;
+}

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

@@ -1,31 +1,31 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * A component to create submenus inside the ZMenu.
- * @slot - Label of the menu section.
- * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
- */
-export declare class ZMenuSection {
-  hostElement: HTMLZMenuSectionElement;
-  /** Active state */
-  active?: boolean;
-  open: boolean;
-  hasContent: boolean;
-  /** The section has been opened. */
-  opened: EventEmitter;
-  /** The section has been closed. */
-  closed: EventEmitter;
-  private toggle;
-  /** Close the list when a click is performed outside of this Element. */
-  handleClick(ev: MouseEvent): void;
-  /**
-   * Check if some content slot is set.
-   */
-  private checkContent;
-  /**
-   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
-   * @param ev Slotchange event
-   */
-  private onLabelSlotChange;
-  componentWillLoad(): void;
-  render(): HTMLZMenuSectionElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * A component to create submenus inside the ZMenu.
+ * @slot - Label of the menu section.
+ * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
+ */
+export declare class ZMenuSection {
+  hostElement: HTMLZMenuSectionElement;
+  /** Active state */
+  active?: boolean;
+  open: boolean;
+  hasContent: boolean;
+  /** The section has been opened. */
+  opened: EventEmitter;
+  /** The section has been closed. */
+  closed: EventEmitter;
+  private toggle;
+  /** Close the list when a click is performed outside of this Element. */
+  handleClick(ev: MouseEvent): void;
+  /**
+   * Check if some content slot is set.
+   */
+  private checkContent;
+  /**
+   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
+   * @param ev Slotchange event
+   */
+  private onLabelSlotChange;
+  componentWillLoad(): void;
+  render(): HTMLZMenuSectionElement;
+}

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

@@ -1,14 +1,14 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot content - set the info box content
- */
-export declare class ZInfoBox {
-  /** info box unique id */
-  boxid: string;
-  /** render close icon flag */
-  isclosable: boolean;
-  /** emitted on close icon click */
-  infoBoxClose: EventEmitter;
-  private emitInfoBoxClose;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot content - set the info box content
+ */
+export declare class ZInfoBox {
+  /** info box unique id */
+  boxid: string;
+  /** render close icon flag */
+  isclosable: boolean;
+  /** emitted on close icon click */
+  infoBoxClose: EventEmitter;
+  private emitInfoBoxClose;
+  render(): HTMLDivElement;
+}