@zanichelli/albe-web-components 6.6.0 → 6.6.2

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

@@ -1,70 +1,70 @@
-import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
-/**
- * Navigation tabs component.
- * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
- */
-export declare class ZNavigationTabs {
-  /**
-   * Navigation tabs orientation.
-   */
-  orientation?: NavigationTabsOrientation;
-  /**
-   * Navigation tabs size.
-   */
-  size?: NavigationTabsSize;
-  /**
-   * Whether to show navigation buttons.
-   */
-  canNavigate: boolean;
-  /**
-   * Whether backwards navigation is enabled.
-   */
-  canNavigatePrev: boolean;
-  /**
-   * Whether forward navigation is enabled.
-   */
-  canNavigateNext: boolean;
-  host: HTMLZNavigationTabsElement;
-  private tabsNav;
-  /**
-   * Getter for the direction to check based on current orientation.
-   */
-  get direction(): string;
-  /**
-   * Getter for the dimension to check based on current orientation.
-   */
-  get dimension(): string;
-  /**
-   * Set the `size` prop to all `z-navigation-tab` children.
-   */
-  setChildrenSize(): void;
-  /**
-   * Set the `orientation` prop to all `z-navigation-tab` children.
-   */
-  setChildrenOrientation(): void;
-  /**
-   * Check if the navigation buttons are needed on window resize.
-   */
-  checkScrollVisible(): void;
-  /**
-   * Check if navigation buttons can be enabled for each direction.
-   */
-  checkScrollEnabled(): void;
-  /**
-   * Listen for child tab selection.
-   * Deselect all other previously selected tabs,
-   * then scroll to the new selected tab and center it.
-   * @param {CustomEvent} event `selected` event triggered by a child tab
-   */
-  onTabSelected(event: CustomEvent): void;
-  /**
-   * Scroll the navigation bar half of its size backward.
-   */
-  private navigateBackwards;
-  /**
-   * Scroll the navigation bar half of its size forward.
-   */
-  private navigateForward;
-  componentDidRender(): void;
-  render(): HTMLZNavigationTabsElement;
-}
+import { NavigationTabsSize, NavigationTabsOrientation } from "../../../../beans";
+/**
+ * Navigation tabs component.
+ * @slot - Main slot. Use `z-navigation-tab` or `z-navigation-tab-link` components as children.
+ */
+export declare class ZNavigationTabs {
+  /**
+   * Navigation tabs orientation.
+   */
+  orientation?: NavigationTabsOrientation;
+  /**
+   * Navigation tabs size.
+   */
+  size?: NavigationTabsSize;
+  /**
+   * Whether to show navigation buttons.
+   */
+  canNavigate: boolean;
+  /**
+   * Whether backwards navigation is enabled.
+   */
+  canNavigatePrev: boolean;
+  /**
+   * Whether forward navigation is enabled.
+   */
+  canNavigateNext: boolean;
+  host: HTMLZNavigationTabsElement;
+  private tabsNav;
+  /**
+   * Getter for the direction to check based on current orientation.
+   */
+  get direction(): string;
+  /**
+   * Getter for the dimension to check based on current orientation.
+   */
+  get dimension(): string;
+  /**
+   * Set the `size` prop to all `z-navigation-tab` children.
+   */
+  setChildrenSize(): void;
+  /**
+   * Set the `orientation` prop to all `z-navigation-tab` children.
+   */
+  setChildrenOrientation(): void;
+  /**
+   * Check if the navigation buttons are needed on window resize.
+   */
+  checkScrollVisible(): void;
+  /**
+   * Check if navigation buttons can be enabled for each direction.
+   */
+  checkScrollEnabled(): void;
+  /**
+   * Listen for child tab selection.
+   * Deselect all other previously selected tabs,
+   * then scroll to the new selected tab and center it.
+   * @param {CustomEvent} event `selected` event triggered by a child tab
+   */
+  onTabSelected(event: CustomEvent): void;
+  /**
+   * Scroll the navigation bar half of its size backward.
+   */
+  private navigateBackwards;
+  /**
+   * Scroll the navigation bar half of its size forward.
+   */
+  private navigateForward;
+  componentDidRender(): void;
+  render(): HTMLZNavigationTabsElement;
+}

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

@@ -1,113 +1,113 @@
-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-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-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-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-white`.
- * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-white`.
- * @cssprop --app-header-text-color - Text color. Defaults to `--gray800`.
- * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--gray800`.
- */
-export declare class ZAppHeader {
-  hostElement: HTMLZAppHeaderElement;
-  /**
-   * Stuck mode for the header.
-   * You can programmatically set it using an IntersectionObserver.
-   * **Optional**
-   */
-  stuck: boolean;
-  /**
-   * Set the hero image source for the header.
-   * You can also use a slot="hero" node for advanced customisation.
-   * **Optional**
-   */
-  hero: string;
-  /**
-   * Should place an overlay over the hero image.
-   * Useful for legibility purpose.
-   * **Optional**
-   */
-  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
-   *
-   * **Optional**
-   */
-  flow: "auto" | "stack" | "offcanvas";
-  /**
-   * The opening state of the drawer.
-   */
-  drawerOpen: boolean;
-  /**
-   * The stuck state of the bar.
-   */
-  private _stuck;
-  /**
-   * Current count of menu items.
-   */
-  menuLength: number;
-  /**
-   * Emitted when the `stuck` state of the header changes
-   */
-  sticking: EventEmitter;
-  private emitStickingEvent;
-  private container?;
-  private menuElements?;
-  private observer?;
-  constructor();
-  componentDidLoad(): void;
-  private get title();
-  private get scrollParent();
-  private collectMenuElements;
-  onStuckMode(): void;
-  private enableStuckObserver;
-  private disableStuckMode;
-  onStuck(): void;
-  setMenuFloatingMode(): void;
-  render(): HTMLZAppHeaderElement;
-  private openDrawer;
-  private closeDrawer;
-}
+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-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-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-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-white`.
+ * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-white`.
+ * @cssprop --app-header-text-color - Text color. Defaults to `--gray800`.
+ * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--gray800`.
+ */
+export declare class ZAppHeader {
+  hostElement: HTMLZAppHeaderElement;
+  /**
+   * Stuck mode for the header.
+   * You can programmatically set it using an IntersectionObserver.
+   * **Optional**
+   */
+  stuck: boolean;
+  /**
+   * Set the hero image source for the header.
+   * You can also use a slot="hero" node for advanced customisation.
+   * **Optional**
+   */
+  hero: string;
+  /**
+   * Should place an overlay over the hero image.
+   * Useful for legibility purpose.
+   * **Optional**
+   */
+  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
+   *
+   * **Optional**
+   */
+  flow: "auto" | "stack" | "offcanvas";
+  /**
+   * The opening state of the drawer.
+   */
+  drawerOpen: boolean;
+  /**
+   * The stuck state of the bar.
+   */
+  private _stuck;
+  /**
+   * Current count of menu items.
+   */
+  menuLength: number;
+  /**
+   * Emitted when the `stuck` state of the header changes
+   */
+  sticking: EventEmitter;
+  private emitStickingEvent;
+  private container?;
+  private menuElements?;
+  private observer?;
+  constructor();
+  componentDidLoad(): void;
+  private get title();
+  private get scrollParent();
+  private collectMenuElements;
+  onStuckMode(): void;
+  private enableStuckObserver;
+  private disableStuckMode;
+  onStuck(): void;
+  setMenuFloatingMode(): void;
+  render(): HTMLZAppHeaderElement;
+  private openDrawer;
+  private closeDrawer;
+}

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

@@ -1,12 +1,12 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ThemeVariant } from "../../../beans";
-export declare class ZAppSwitcher {
-  /** theme variant, default 'dark' */
-  theme?: ThemeVariant;
-  isopen: boolean;
-  constructor();
-  /** emitted on app button icon click, returns open/closed state */
-  appButtonClick: EventEmitter;
-  private emitAppButtonClick;
-  render(): HTMLButtonElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ThemeVariant } from "../../../beans";
+export declare class ZAppSwitcher {
+  /** theme variant, default 'dark' */
+  theme?: ThemeVariant;
+  isopen: boolean;
+  constructor();
+  /** emitted on app button icon click, returns open/closed state */
+  appButtonClick: EventEmitter;
+  private emitAppButtonClick;
+  render(): HTMLButtonElement;
+}

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,52 +1,52 @@
-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.
- */
-export declare class ZMenu {
-  /** 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.
-   * @default false
-   */
-  floating?: boolean;
-  /**
-   * The opening state of the menu.
-   * @default false
-   */
-  open: boolean;
-  hasHeader: boolean;
-  hasContent: boolean;
-  hostElement: HTMLZMenuElement;
-  private content;
-  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;
-  /**
-   * 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.
-   */
-  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.
+ */
+export declare class ZMenu {
+  /** 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.
+   * @default false
+   */
+  floating?: boolean;
+  /**
+   * The opening state of the menu.
+   * @default false
+   */
+  open: boolean;
+  hasHeader: boolean;
+  hasContent: boolean;
+  hostElement: HTMLZMenuElement;
+  private content;
+  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;
+  /**
+   * 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.
+   */
+  private onItemsChange;
+  private renderMenuLabel;
+  render(): HTMLZMenuElement;
+}

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

@@ -1,25 +1,25 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - Menu section label
- * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
- */
-export declare class ZMenuSection {
-  /** Active state */
-  active?: boolean;
-  open: boolean;
-  hasContent: boolean;
-  hostElement: HTMLZMenuSectionElement;
-  /** 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;
-  componentWillLoad(): void;
-  render(): HTMLZMenuSectionElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot - Menu section label
+ * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
+ */
+export declare class ZMenuSection {
+  /** Active state */
+  active?: boolean;
+  open: boolean;
+  hasContent: boolean;
+  hostElement: HTMLZMenuSectionElement;
+  /** 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;
+  componentWillLoad(): void;
+  render(): HTMLZMenuSectionElement;
+}