@zanichelli/albe-web-components 14.5.0 → 14.5.2-rc-anchor-navigation

package/dist/types/components/indicators/z-stepper/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * @slot - z-stepper-item
- */
-export declare class ZStepper {
-    render(): HTMLSlotElement;
-}

package/dist/types/components/inputs/z-combobox/index.d.ts

@@ -1,84 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ComboItem, ControlSize } from "../../../beans";
-export declare class ZCombobox {
-    element: HTMLZComboboxElement;
-    /** input unique id */
-    inputid: string;
-    /** list items array */
-    items: ComboItem[] | string;
-    /** label text */
-    label: string;
-    /** the combobox is disabled */
-    disabled?: boolean;
-    /** show search input flag (optional) */
-    hassearch?: boolean;
-    /** search input label text (optional) */
-    searchlabel?: string;
-    /** search input placeholder text (optional) */
-    searchplaceholder?: string;
-    /** search input title text (optional) */
-    searchtitle?: string;
-    /** no result text message */
-    noresultslabel?: string;
-    /** toggle combo list opening flag */
-    isopen: boolean;
-    /** fixed style flag */
-    isfixed: boolean;
-    /** close combobox list text */
-    closesearchtext?: string;
-    /** show "check all" checkbox (optional) */
-    hascheckall?: boolean;
-    /** check all label (optional) */
-    checkalltext?: string;
-    /** uncheck all label (optional) */
-    uncheckalltext?: string;
-    /** max number of checkable items (0 = unlimited) */
-    maxcheckableitems: number;
-    /** group items by category */
-    hasgroupitems?: boolean;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    size?: ControlSize;
-    searchValue: string;
-    selectedCounter: number;
-    renderItemsList: ComboItem[];
-    focusedItemId: string;
-    checkboxes: HTMLInputElement[];
-    private itemsList;
-    private inputType;
-    watchItems(): void;
-    watchSearchValue(): void;
-    watchCheckboxes(): void;
-    /** Emitted when value is checked/unchecked. Returns id, items. */
-    comboboxChange: EventEmitter;
-    private emitComboboxChange;
-    constructor();
-    componentWillLoad(): void;
-    componentWillRender(): void;
-    componentDidRender(): void;
-    private getItemId;
-    private getCheckboxClass;
-    private getAllCheckboxes;
-    private getControlToListSize;
-    private handleSelectArrowsNavigation;
-    private handleHeaderKeyboardEvent;
-    private handleCheckboxFocus;
-    private focusComboboxItem;
-    private updateRenderItemsList;
-    private resetRenderItemsList;
-    private filterItems;
-    private checkAll;
-    private closeFilterItems;
-    private toggleComboBox;
-    private getComboboxA11yAttributes;
-    private renderHeader;
-    private renderContent;
-    private renderItems;
-    private renderItem;
-    private renderList;
-    private renderGroups;
-    private renderNoSearchResults;
-    private renderCloseButton;
-    private renderSearchInput;
-    private renderCheckAll;
-    render(): HTMLDivElement;
-}

package/dist/types/components/inputs/z-input/index.d.ts

@@ -1,110 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputType, LabelPosition, InputStatus, ControlSize } from "../../../beans";
-export declare class ZInput {
-    hostElement: HTMLZInputElement;
-    /** the id of the input element */
-    htmlid: string;
-    /** input types */
-    type: InputType;
-    /** the input name */
-    name?: string;
-    /** the input label */
-    label?: string;
-    /** the input aria-label */
-    ariaLabel: string;
-    /** the input aria-expaded (optional): available for text, password, number, email */
-    ariaExpanded?: string;
-    /** the input aria-controls (optional): available for text, password, number, email */
-    ariaControls?: string;
-    /** the input aria-autocomplete (optional): available for text, password, number, email */
-    ariaAutocomplete?: string;
-    /** the input aria-activedescendant (optional): available for text, password, number, email */
-    ariaActivedescendant?: string;
-    /** the input value */
-    value?: string;
-    /** the input is disabled */
-    disabled?: boolean;
-    /** the input is readonly */
-    readonly?: boolean;
-    /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
-    required?: boolean;
-    /** checked: available for checkbox, radio */
-    checked?: boolean;
-    /** the input placeholder (optional) */
-    placeholder?: string;
-    /** the input html title (optional) */
-    htmltitle?: string;
-    /** the input status (optional): available for text, password, number, email, textarea */
-    status?: InputStatus;
-    /** input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed */
-    message?: string | boolean;
-    /** the input label position: available for checkbox, radio */
-    labelPosition?: LabelPosition;
-    /** the input has autocomplete option (optional): available for text, password, number, email */
-    autocomplete?: string;
-    /** the input role (optional) */
-    role?: string;
-    /** render clear icon when typing (optional): available for text */
-    hasclearicon?: boolean;
-    /** render icon (optional): available for text */
-    icon?: string;
-    /** min number value (optional): available for number */
-    min?: number;
-    /** Min length value (optional): available for text */
-    minlength?: number;
-    /** max number value (optional): available for number */
-    max?: number;
-    /** Max length value (optional): available for text */
-    maxlength?: number;
-    /** step number value (optional): available for number */
-    step?: number;
-    /** pattern value (optional): available for tel, text, search, url, email, password*/
-    pattern?: string;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    size?: ControlSize;
-    isTyping: boolean;
-    passwordHidden: boolean;
-    private timer;
-    private typingtimeout;
-    private inputRef;
-    inputCheckListener(e: CustomEvent): void;
-    /** get checked status */
-    isChecked(): Promise<boolean>;
-    /** Emitted on input value change, returns value, validity */
-    inputChange: EventEmitter;
-    private emitInputChange;
-    /** Emitted when user starts typing */
-    startTyping: EventEmitter;
-    private emitStartTyping;
-    /** Emitted when user stops typing, returns value, validity */
-    stopTyping: EventEmitter;
-    private emitStopTyping;
-    /** Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity */
-    inputCheck: EventEmitter;
-    private emitInputCheck;
-    /** Emitted on input focus */
-    inputFocus: EventEmitter;
-    private emitInputFocus;
-    /** Emitted on input blur */
-    inputBlur: EventEmitter;
-    private emitInputBlur;
-    private getValidity;
-    private getTextAttributes;
-    private getNumberAttributes;
-    private getPatternAttribute;
-    private getRoleAttribute;
-    private getAriaAttrubutes;
-    private getFocusBlurAttributes;
-    private renderInputText;
-    private renderLabel;
-    private renderIcons;
-    private renderIcon;
-    private renderResetIcon;
-    private renderShowHidePassword;
-    private renderMessage;
-    private renderTextarea;
-    private handleCheck;
-    private renderCheckbox;
-    private renderRadio;
-    render(): HTMLInputElement | HTMLDivElement;
-}

package/dist/types/components/inputs/z-input-message/index.d.ts

@@ -1,12 +0,0 @@
-import { InputStatus } from "../../../beans";
-export declare class ZInputMessage {
-    /** input helper message */
-    message: string;
-    /** input status (optional) */
-    status?: InputStatus;
-    private statusIcons;
-    statusRole: {};
-    onMessageChange(): void;
-    componentWillLoad(): void;
-    render(): HTMLZInputMessageElement;
-}

package/dist/types/components/inputs/z-searchbar/index.d.ts

@@ -1,80 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ButtonVariant, SearchbarItem, ControlSize } from "../../../beans";
-/**
- * @cssprop --z-searchbar-results-height - Max height of the results container (default: 540px)
- * @cssprop --z-searchbar-tag-text-color - Color of tag's text (default --color-primary03);
- * @cssprop --z-searchbar-tag-bg - Color of tag's background (default --color-hover-primary);
- */
-export declare class ZSearchbar {
-    /** the id of the searchbar element */
-    htmlid: string;
-    /** Prevent submit action */
-    preventSubmit?: boolean;
-    /** Input search string */
-    value?: string;
-    /** Search input placeholder */
-    placeholder?: string;
-    /** Show autocomplete results */
-    autocomplete?: boolean;
-    /** Minimun number of characters to dispatch typing event */
-    autocompleteMinChars?: number;
-    /** Number of results shown - default all */
-    resultsCount?: number;
-    /** Truncate results to single row */
-    resultsEllipsis?: boolean;
-    /** Search helper text */
-    searchHelperLabel?: string;
-    /** Autocomplete results items */
-    resultsItems?: SearchbarItem[] | string;
-    /** Sort autocomplete results items */
-    sortResultsItems?: boolean;
-    /** Show submit button */
-    showSearchButton?: boolean;
-    /** Set button icon without label*/
-    searchButtonIconOnly?: boolean;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    size?: ControlSize;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
-    variant?: ButtonVariant;
-    searchString: string;
-    currResultsCount: number;
-    showResults: boolean;
-    isMobile: boolean;
-    element: HTMLZSearchbarElement;
-    private resultsItemsList;
-    private inputRef;
-    private resizeObserver;
-    /** Emitted on search submit, return search string */
-    searchSubmit: EventEmitter<string>;
-    private emitSearchSubmit;
-    /** Emitted on search typing, return search string */
-    searchTyping: EventEmitter<string>;
-    private emitSearchTyping;
-    /** Emitted on search result click, return item */
-    searchItemClick: EventEmitter<SearchbarItem>;
-    private emitSearchItemClick;
-    watchItems(): void;
-    watchResultsCount(): void;
-    watchValue(): void;
-    watchSearchString(): void;
-    disconnectedCallback(): void;
-    componentDidLoad(): void;
-    componentWillLoad(): void;
-    private getResultsItemsList;
-    private getGroupedItems;
-    private checkResultsCount;
-    private handleStopTyping;
-    private handleSubmit;
-    private handleOutsideClick;
-    private renderInput;
-    private renderButton;
-    private renderResults;
-    private renderResultsList;
-    private renderItems;
-    private renderItem;
-    private renderItemLabel;
-    private renderItemCategory;
-    private renderSearchHelper;
-    private renderShowAllResults;
-    render(): HTMLZSearchbarElement;
-}

package/dist/types/components/inputs/z-select/index.d.ts

@@ -1,84 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { SelectItem, InputStatus, ControlSize } from "../../../beans";
-export declare class ZSelect {
-    element: HTMLZSelectElement;
-    /** the id of the input element */
-    htmlid: string;
-    /** the input select options */
-    items: SelectItem[] | string;
-    /** the input name */
-    name?: string;
-    /** the input label */
-    label?: string;
-    /** the input aria-label */
-    ariaLabel: string;
-    /** the input is disabled */
-    disabled?: boolean;
-    /** the input is readonly */
-    readonly?: boolean;
-    /** the input placeholder (optional) */
-    placeholder?: string;
-    /** the input html title (optional) */
-    htmltitle?: string;
-    /** the input status (optional) */
-    status?: InputStatus;
-    /** input helper message (optional) - if set to `false` message won't be displayed */
-    message?: string | boolean;
-    /** the input has autocomplete option */
-    autocomplete?: boolean;
-    /** no result text message */
-    noresultslabel?: string;
-    /** */
-    hasGroupItems?: boolean;
-    /** When fixed, it occupies space and pushes down next elements. */
-    isfixed?: boolean;
-    /** */
-    resetItem?: string;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    size?: ControlSize;
-    isOpen: boolean;
-    selectedItem: null | SelectItem;
-    focusedItemId: string;
-    searchString: null | string;
-    private itemsList;
-    constructor();
-    watchItems(): void;
-    getFocusedItemHandler(e: CustomEvent): void;
-    /** get the input selected options */
-    getSelectedItem(): Promise<SelectItem>;
-    /** get the input value */
-    getValue(): Promise<string>;
-    /** set the input value */
-    setValue(value: string | string[]): Promise<void>;
-    /** Emitted on select option selection, returns select id, selected item id */
-    optionSelect: EventEmitter;
-    private emitOptionSelect;
-    /** Emitted on reset selected item, returns select id, selected item id */
-    resetSelect: EventEmitter;
-    private emitResetSelect;
-    componentWillLoad(): void;
-    componentWillRender(): void;
-    private getInitialItemsArray;
-    private mapSelectedItemToItemsArray;
-    private getSelectedValue;
-    private filterItems;
-    private hasAutocomplete;
-    private handleInputChange;
-    private selectItem;
-    private arrowsSelectNav;
-    private focusSelectItem;
-    private toggleSelectUl;
-    private handleInputClick;
-    private handleSelectFocus;
-    private scrollToLetter;
-    private renderInput;
-    private renderSelectUl;
-    private renderResetItem;
-    private renderItem;
-    private listSizeType;
-    private renderSelectUlItems;
-    private renderSelectGroupItems;
-    private renderNoSearchResults;
-    private renderMessage;
-    render(): HTMLDivElement;
-}

package/dist/types/components/list/z-toast-notification-list/index.d.ts

@@ -1,14 +0,0 @@
-import { ToastNotificationPosition } from "../../../beans";
-export declare class ZToastNotificationList {
-    hostElement: HTMLZToastNotificationListElement;
-    /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */
-    position: ToastNotificationPosition;
-    /**Set the entry position of new notification in the list */
-    newestontop?: boolean;
-    private notificationArray;
-    watchPropNewestontop(newValue: boolean): void;
-    componentWillLoad(): void;
-    private handleNewestOnTop;
-    private slotChangeHandler;
-    render(): HTMLSlotElement;
-}

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

@@ -1,49 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot modalCloseButton - accept custom close button
- * @slot modalContent - set the content of the modal
- */
-export declare class ZModal {
-    /** unique id */
-    modalid: string;
-    /** title text (optional) */
-    modaltitle?: string;
-    /** subtitle (optional) */
-    modalsubtitle?: string;
-    /** aria-label for close button (optional) */
-    closeButtonLabel: string;
-    /** add role "alertdialog" to dialog (optional, default is false) */
-    alertdialog?: boolean;
-    /** if true, the modal is closable (optional, default is true) */
-    closable?: boolean;
-    /** if true, the modal can scroll inside, if false the viewport can scroll */
-    scrollInside?: boolean;
-    private dialog;
-    host: HTMLZModalElement;
-    /** emitted on close button click, returns modalid */
-    modalClose: EventEmitter;
-    private emitModalClose;
-    /** emitted on modal header click, returns modalid */
-    modalHeaderActive: EventEmitter;
-    private emitModalHeaderActive;
-    /** emitted on background click, returns modalid */
-    modalBackgroundClick: EventEmitter;
-    private emitBackgroundClick;
-    componentDidLoad(): void;
-    /** open modal */
-    open(): Promise<void>;
-    /** close modal */
-    close(): Promise<void>;
-    /**
-     * Get a list of focusable elements in the dialog.
-     * Remove elements with `display: none` from the list, because they're not focusable.
-     *
-     * N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot.
-     * Adding focusable elements after the `modalContent` slot would break the order of elements in the list.
-     */
-    private get focusableElements();
-    handleKeyDown(e: KeyboardEvent): void;
-    private closeButtonSlot;
-    private handleEscape;
-    render(): HTMLZModalElement;
-}

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

@@ -1,149 +0,0 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot title - Slot for the main title
- * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.
- * @slot top-subtitle - Slot for the top 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-default-text`.
- * @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-default-text`.
- */
-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-menu/index.d.ts

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