@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

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

@@ -1,18 +1,14 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { ButtonVariant, ControlSize, SearchbarItem } 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 implements ComponentInterface {
-    /** the id of the searchbar element */
+    host: HTMLZSearchbarElement;
+    /** The id of the searchbar element */
     htmlid: string;
     /** Prevent submit action */
     preventSubmit?: boolean;
-    /** the input label */
+    /** The input label */
     label?: string;
-    /** the input aria-label */
+    /** The input aria-label */
     htmlAriaLabel?: string;
     /** Input search string */
     value?: string;
@@ -22,7 +18,7 @@ export declare class ZSearchbar implements ComponentInterface {
     autocomplete?: boolean;
     /** Minimun number of characters to dispatch typing event */
     autocompleteMinChars?: number;
-    /** Number of results shown - default all */
+    /** Number of results shown. Default: all */
     resultsCount?: number;
     /** Search helper text */
     searchHelperLabel?: string;
@@ -32,55 +28,52 @@ export declare class ZSearchbar implements ComponentInterface {
     sortResultsItems?: boolean;
     /** Show submit button */
     showSearchButton?: boolean;
-    /** Set button icon without label*/
+    /** Hide the label of the submit button, showing only the icon */
     searchButtonIconOnly?: boolean;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    /** The label of the submit button */
+    searchButtonLabel?: string;
+    /** Size of the `z-input` and submit `z-button` */
     size?: ControlSize;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
+    /** Submit `z-button` variant */
     variant?: ButtonVariant;
     searchString: string;
-    currResultsCount: number;
+    currResultsCount: number | undefined;
     showResults: boolean;
     isMobile: boolean;
     selectedItem?: SearchbarItem;
-    element: HTMLZSearchbarElement;
     private resultsItemsList;
     private inputRef;
-    private resizeObserver;
-    private items;
+    /** Media query list for detecting mobile view. */
+    private mql?;
+    /** Listener for changes in the mobile view media query. */
+    private onMobileViewChange?;
     /** 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;
+    private emitSearchSubmit;
     watchItems(): void;
     watchResultsCount(): void;
     watchValue(): void;
     watchSearchString(): void;
-    watchShowResults(): void;
-    disconnectedCallback(): void;
-    componentDidLoad(): void;
-    componentWillLoad(): void;
     private getResultsItemsList;
     private getGroupedItems;
-    private checkResultsCount;
+    private onListItemKeyDown;
+    private onSearchHelperKeyDown;
+    private handleArrowsNavigation;
     private handleStopTyping;
     private handleSubmit;
     private handleOutsideClick;
-    private renderInput;
-    private renderButton;
-    private renderResults;
-    private renderResultsList;
-    private renderItems;
-    private handleArrowsNavigation;
-    private renderItem;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
     private renderItemLabel;
-    private renderItemCategory;
-    private renderSearchHelper;
-    private renderShowAllResults;
+    private renderItem;
+    /**
+     * Renders the item grouped by category and subcategory. If `resultsCount` is set, it limits the number of rendered items.
+     */
+    private renderItemGroups;
     render(): HTMLZSearchbarElement;
 }

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

@@ -66,7 +66,6 @@ export declare class ZSelect implements ComponentInterface {
     private getSelectedValue;
     private getOptionId;
     private getResetOptionId;
-    private getItemIdFromOptionId;
     private getGroupedItems;
     private filterItems;
     private filterTree;

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

@@ -2,8 +2,6 @@ import { ComponentInterface } from "../../stencil-public-runtime";
 /**
  * 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 implements ComponentInterface {
     host: HTMLZTagElement;

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

@@ -6,7 +6,6 @@ import { ZToolCustomEvent } from "../../components";
  * Tools can be visually grouped using `z-divider` elements as separators.
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/
  *
- * @cssprop --z-toolbar-columns - Number of items per row in the toolbar. Only applies on mobile viewport, when the toolbar can be displayed in a multi-row layout. Default: `6`.
  */
 export declare class ZToolbar implements ComponentInterface {
     hostElement: HTMLZToolbarElement;

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

@@ -3,10 +3,6 @@ import { PopoverPosition } from "../../beans";
 /**
  * Tooltip component.
  * It is basically a wrapper for the `<z-popover>` component with custom configuration.
- *
- * @cssprop --z-tooltip-theme--surface - background color of the popover.
- * @cssprop --z-tooltip-theme--text - foreground color of the popover.
- * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.
  */
 export declare class ZTooltip implements ComponentInterface {
     /** Tooltip position. */