@zanichelli/albe-web-components 6.6.2 → 6.6.3

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertType, LicenseType } from "./beans/index";
-import { AvatarSize, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SelectItem, Size, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
+import { AvatarSize, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, CoverHeroContentPosition, CoverHeroVariant, DictionaryData, DividerOrientation, DividerSize, ExpandableListButtonAlign, ExpandableListStyle, InfoRevealPosition, InputStatus, InputType, LabelPosition, ListDividerType, ListSize, ListType, NavigationTabsOrientation, NavigationTabsSize, NotificationType, OffCanvasVariant, PocketStatus, PopoverPosition, SearchbarItem, SelectItem, Size, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, ZAriaAlertMode, ZChipType, ZDatePickerMode, ZFileUploadType, ZRangePickerMode, ZSectionTitleDividerPosition, ZTableRowExpandedType } from "./beans";
 import { ListItem } from "./beans/index.js";
 import { ZTypographyLevels } from "./components/typography/z-typography/index";
 export namespace Components {
@@ -1275,6 +1275,52 @@ export namespace Components {
          */
         "secondLabel"?: string;
     }
+    interface ZSearchbar {
+        /**
+          * Show autocomplete results
+         */
+        "autocomplete"?: boolean;
+        /**
+          * Minimun number of characters to dispatch typing event
+         */
+        "autocompleteMinChars"?: number;
+        /**
+          * the id of the searchbar element
+         */
+        "htmlid": string;
+        /**
+          * Search input placeholder
+         */
+        "placeholder"?: string;
+        /**
+          * Show simple input without submit button
+         */
+        "preventSubmit"?: boolean;
+        /**
+          * Number of results shown - default all
+         */
+        "resultsCount"?: number;
+        /**
+          * Truncate results to single row
+         */
+        "resultsEllipsis"?: boolean;
+        /**
+          * Autocomplete results items
+         */
+        "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Search helper text
+         */
+        "searchHelperLabel"?: string;
+        /**
+          * Sort autocomplete results items
+         */
+        "sortResultsItems"?: boolean;
+        /**
+          * Input search string
+         */
+        "value"?: string;
+    }
     interface ZSectionTitle {
         /**
           * Divider position for the primary title. This prop only works if the secondary title is not set.
@@ -1775,6 +1821,10 @@ export interface ZRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZRangePickerElement;
 }
+export interface ZSearchbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLZSearchbarElement;
+}
 export interface ZSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZSelectElement;
@@ -2182,6 +2232,12 @@ declare global {
         prototype: HTMLZRangePickerElement;
         new (): HTMLZRangePickerElement;
     };
+    interface HTMLZSearchbarElement extends Components.ZSearchbar, HTMLStencilElement {
+    }
+    var HTMLZSearchbarElement: {
+        prototype: HTMLZSearchbarElement;
+        new (): HTMLZSearchbarElement;
+    };
     interface HTMLZSectionTitleElement extends Components.ZSectionTitle, HTMLStencilElement {
     }
     var HTMLZSectionTitleElement: {
@@ -2396,6 +2452,7 @@ declare global {
         "z-pocket-message": HTMLZPocketMessageElement;
         "z-popover": HTMLZPopoverElement;
         "z-range-picker": HTMLZRangePickerElement;
+        "z-searchbar": HTMLZSearchbarElement;
         "z-section-title": HTMLZSectionTitleElement;
         "z-select": HTMLZSelectElement;
         "z-skip-to-content": HTMLZSkipToContentElement;
@@ -3853,6 +3910,64 @@ declare namespace LocalJSX {
          */
         "secondLabel"?: string;
     }
+    interface ZSearchbar {
+        /**
+          * Show autocomplete results
+         */
+        "autocomplete"?: boolean;
+        /**
+          * Minimun number of characters to dispatch typing event
+         */
+        "autocompleteMinChars"?: number;
+        /**
+          * the id of the searchbar element
+         */
+        "htmlid"?: string;
+        /**
+          * Emitted on search result click, return item
+         */
+        "onSearchItemClick"?: (event: ZSearchbarCustomEvent<SearchbarItem>) => void;
+        /**
+          * Emitted on search submit, return search string
+         */
+        "onSearchSubmit"?: (event: ZSearchbarCustomEvent<string>) => void;
+        /**
+          * Emitted on search typing, return search string
+         */
+        "onSearchTyping"?: (event: ZSearchbarCustomEvent<string>) => void;
+        /**
+          * Search input placeholder
+         */
+        "placeholder"?: string;
+        /**
+          * Show simple input without submit button
+         */
+        "preventSubmit"?: boolean;
+        /**
+          * Number of results shown - default all
+         */
+        "resultsCount"?: number;
+        /**
+          * Truncate results to single row
+         */
+        "resultsEllipsis"?: boolean;
+        /**
+          * Autocomplete results items
+         */
+        "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Search helper text
+         */
+        "searchHelperLabel"?: string;
+        /**
+          * Sort autocomplete results items
+         */
+        "sortResultsItems"?: boolean;
+        /**
+          * Input search string
+         */
+        "value"?: string;
+    }
     interface ZSectionTitle {
         /**
           * Divider position for the primary title. This prop only works if the secondary title is not set.
@@ -4304,6 +4419,7 @@ declare namespace LocalJSX {
         "z-pocket-message": ZPocketMessage;
         "z-popover": ZPopover;
         "z-range-picker": ZRangePicker;
+        "z-searchbar": ZSearchbar;
         "z-section-title": ZSectionTitle;
         "z-select": ZSelect;
         "z-skip-to-content": ZSkipToContent;
@@ -4398,6 +4514,7 @@ declare module "@stencil/core" {
             "z-pocket-message": LocalJSX.ZPocketMessage & JSXBase.HTMLAttributes<HTMLZPocketMessageElement>;
             "z-popover": LocalJSX.ZPopover & JSXBase.HTMLAttributes<HTMLZPopoverElement>;
             "z-range-picker": LocalJSX.ZRangePicker & JSXBase.HTMLAttributes<HTMLZRangePickerElement>;
+            "z-searchbar": LocalJSX.ZSearchbar & JSXBase.HTMLAttributes<HTMLZSearchbarElement>;
             "z-section-title": LocalJSX.ZSectionTitle & JSXBase.HTMLAttributes<HTMLZSectionTitleElement>;
             "z-select": LocalJSX.ZSelect & JSXBase.HTMLAttributes<HTMLZSelectElement>;
             "z-skip-to-content": LocalJSX.ZSkipToContent & JSXBase.HTMLAttributes<HTMLZSkipToContentElement>;

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

@@ -1,3 +1,3 @@
-declare const mobileBreakpoint = 767;
-declare const tabletBreakpoint = 1023;
-export { mobileBreakpoint, tabletBreakpoint };
+declare const mobileBreakpoint = 767;
+declare const tabletBreakpoint = 1023;
+export { mobileBreakpoint, tabletBreakpoint };

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

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

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
-import { colorFromId } from "./utils/utils";
-declare const UTILS: {
-  colorFromId: typeof colorFromId;
-};
-export { UTILS as Utils };
-export * from "./components";
-export * from "./beans";
+import { colorFromId } from "./utils/utils";
+declare const UTILS: {
+  colorFromId: typeof colorFromId;
+};
+export { UTILS as Utils };
+export * from "./components";
+export * from "./beans";

package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts

@@ -1,16 +1,16 @@
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot  - generic card slot
- */
-export declare class ZMyzCardComponent {
-  /** faded status */
-  faded: boolean;
-  /** graphic variant (optional) */
-  cardtype?: LicenseType;
-  /** pressed status */
-  ispressed: boolean;
-  /** highlighted status */
-  ishighlighted: boolean;
-  private retrieveClass;
-  render(): HTMLDivElement;
-}
+import { LicenseType } from "../../../../beans/index";
+/**
+ * @slot  - generic card slot
+ */
+export declare class ZMyzCardComponent {
+  /** faded status */
+  faded: boolean;
+  /** graphic variant (optional) */
+  cardtype?: LicenseType;
+  /** pressed status */
+  ispressed: boolean;
+  /** highlighted status */
+  ishighlighted: boolean;
+  private retrieveClass;
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts

@@ -1,19 +1,19 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
-export declare class ZMyzCardAlert {
-  /** icon name */
-  iconname: string;
-  /** content text */
-  contenttext: string;
-  /** action button text */
-  actiontext?: string;
-  /** alert variant type */
-  type: string;
-  /** undo action click/keyboard event, returns actionType */
-  undoAction: EventEmitter;
-  private emitUndoAction;
-  private handleSpaceKeyPress;
-  private handleActionButtonClick;
-  private retrieveClass;
-  private getAlertType;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export declare class ZMyzCardAlert {
+  /** icon name */
+  iconname: string;
+  /** content text */
+  contenttext: string;
+  /** action button text */
+  actiontext?: string;
+  /** alert variant type */
+  type: string;
+  /** undo action click/keyboard event, returns actionType */
+  undoAction: EventEmitter;
+  private emitUndoAction;
+  private handleSpaceKeyPress;
+  private handleActionButtonClick;
+  private retrieveClass;
+  private getAlertType;
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts

@@ -1,7 +1,7 @@
-/**
- * @slot alert - card alert slot
- * @slot cover - book cover slot
- */
-export declare class ZMyzCardBody {
-  render(): HTMLDivElement;
-}
+/**
+ * @slot alert - card alert slot
+ * @slot cover - book cover slot
+ */
+export declare class ZMyzCardBody {
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts

@@ -1,12 +1,12 @@
-export declare class ZMyzCardCover {
-  /** image source */
-  img: string;
-  /** cover alt title */
-  titolo: string;
-  /** faded status */
-  faded: boolean;
-  /** default error image source */
-  defaultimg: string;
-  private hadleOnImageError;
-  render(): HTMLImageElement;
-}
+export declare class ZMyzCardCover {
+  /** image source */
+  img: string;
+  /** cover alt title */
+  titolo: string;
+  /** faded status */
+  faded: boolean;
+  /** default error image source */
+  defaultimg: string;
+  private hadleOnImageError;
+  render(): HTMLImageElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts

@@ -1,24 +1,24 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
-/**
- * @slot  - generic card slot
- * @slot info - flipped card info
- */
-export declare class ZMyzCardDictionary {
-  /** card title */
-  name: string;
-  /** card cover */
-  cover: string;
-  /** card is disabled */
-  disabled: boolean;
-  /** card is flipped */
-  flipped: boolean;
-  /** flip button label */
-  flipbuttonlabel: string;
-  /** hide info button */
-  hideinfobtn: boolean;
-  handleFlipCard(e: CustomEvent): void;
-  /** when card is flipped */
-  cardFlipped: EventEmitter;
-  private flipCard;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../../stencil-public-runtime";
+/**
+ * @slot  - generic card slot
+ * @slot info - flipped card info
+ */
+export declare class ZMyzCardDictionary {
+  /** card title */
+  name: string;
+  /** card cover */
+  cover: string;
+  /** card is disabled */
+  disabled: boolean;
+  /** card is flipped */
+  flipped: boolean;
+  /** flip button label */
+  flipbuttonlabel: string;
+  /** hide info button */
+  hideinfobtn: boolean;
+  handleFlipCard(e: CustomEvent): void;
+  /** when card is flipped */
+  cardFlipped: EventEmitter;
+  private flipCard;
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts

@@ -1,32 +1,32 @@
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot toggle - toggle button slot
- * @slot list - card resources list slot
- */
-export declare class ZMyzCardFooter {
-  /** volume title */
-  titolo: string;
-  /** authors name text */
-  autori: string;
-  /** volume isbn */
-  isbn: string;
-  /** faded status */
-  faded: boolean;
-  /** card graphic variant (optional) */
-  cardtype?: LicenseType;
-  /** footer opened by default (optional) */
-  opened?: boolean;
-  /** display footer custom slotted content */
-  customContent: boolean;
-  isOpen: boolean;
-  allowTooltipAuthors: boolean;
-  private ellipsisAuthors?;
-  handleToggle(): void;
-  private getTitleAuthors;
-  componentWillLoad(): void;
-  private elementsEllipsis;
-  private elementAuthorsHasEllipsis;
-  private retrieveClass;
-  private footerTransitionHandler;
-  render(): HTMLDivElement;
-}
+import { LicenseType } from "../../../../beans/index";
+/**
+ * @slot toggle - toggle button slot
+ * @slot list - card resources list slot
+ */
+export declare class ZMyzCardFooter {
+  /** volume title */
+  titolo: string;
+  /** authors name text */
+  autori: string;
+  /** volume isbn */
+  isbn: string;
+  /** faded status */
+  faded: boolean;
+  /** card graphic variant (optional) */
+  cardtype?: LicenseType;
+  /** footer opened by default (optional) */
+  opened?: boolean;
+  /** display footer custom slotted content */
+  customContent: boolean;
+  isOpen: boolean;
+  allowTooltipAuthors: boolean;
+  private ellipsisAuthors?;
+  handleToggle(): void;
+  private getTitleAuthors;
+  componentWillLoad(): void;
+  private elementsEllipsis;
+  private elementAuthorsHasEllipsis;
+  private retrieveClass;
+  private footerTransitionHandler;
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts

@@ -1,7 +1,7 @@
-/**
- * @slot top - footer top content
- * @slot bottom - footer bottom content
- */
-export declare class ZMyzCardFooterSections {
-  render(): HTMLDivElement;
-}
+/**
+ * @slot top - footer top content
+ * @slot bottom - footer bottom content
+ */
+export declare class ZMyzCardFooterSections {
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts

@@ -1,19 +1,19 @@
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot icon - card header icon slot
- */
-export declare class ZMyzCardHeader {
-  /** volume title */
-  titolo: string;
-  /** faded status */
-  faded: boolean;
-  /** card graphic variant (optional) */
-  cardtype?: LicenseType;
-  allowTooltip: boolean;
-  private ellipsis?;
-  private getTitle;
-  componentDidLoad(): void;
-  private elementHasEllipsis;
-  private retrieveClass;
-  render(): HTMLElement;
-}
+import { LicenseType } from "../../../../beans/index";
+/**
+ * @slot icon - card header icon slot
+ */
+export declare class ZMyzCardHeader {
+  /** volume title */
+  titolo: string;
+  /** faded status */
+  faded: boolean;
+  /** card graphic variant (optional) */
+  cardtype?: LicenseType;
+  allowTooltip: boolean;
+  private ellipsis?;
+  private getTitle;
+  componentDidLoad(): void;
+  private elementHasEllipsis;
+  private retrieveClass;
+  render(): HTMLElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZMyzCardIcon {
-  /** icon name */
-  icon: string;
-  /** disabled status flag */
-  isdisabled: boolean;
-  /** description of the icon*/
-  ariaLabel: string;
-  render(): HTMLButtonElement;
-}
+export declare class ZMyzCardIcon {
+  /** icon name */
+  icon: string;
+  /** disabled status flag */
+  isdisabled: boolean;
+  /** description of the icon*/
+  ariaLabel: string;
+  render(): HTMLButtonElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts

@@ -1,36 +1,36 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
-import { DictionaryData } from "../../../../beans";
-/**
- * @slot  - content
- */
-export declare class ZMyzCardInfo {
-  /** dictionary info */
-  data: string | DictionaryData;
-  /** tabindex link attribute (optional) */
-  htmltabindex?: number;
-  hiddenContent: boolean;
-  tooltip: boolean;
-  private cardData;
-  private contentWrapper;
-  private infoWrapper;
-  private onlineLicenseWrapper;
-  private offlineLicenseWrapper;
-  /** flip card to front */
-  flipCard: EventEmitter;
-  private emitFlipCard;
-  constructor();
-  componentWillLoad(): void;
-  componentWillUpdate(): void;
-  componentDidRender(): void;
-  private handleContentHeight;
-  private setStringOrArray;
-  private renderCloseIcon;
-  private renderGeneralSection;
-  private renderAuthor;
-  private renderYear;
-  private renderTooltip;
-  private setExpirationLicenseMessage;
-  private renderOnlineLicenseSection;
-  private renderOfflineLicenseSection;
-  render(): HTMLDivElement;
-}
+import { EventEmitter } from "../../../../stencil-public-runtime";
+import { DictionaryData } from "../../../../beans";
+/**
+ * @slot  - content
+ */
+export declare class ZMyzCardInfo {
+  /** dictionary info */
+  data: string | DictionaryData;
+  /** tabindex link attribute (optional) */
+  htmltabindex?: number;
+  hiddenContent: boolean;
+  tooltip: boolean;
+  private cardData;
+  private contentWrapper;
+  private infoWrapper;
+  private onlineLicenseWrapper;
+  private offlineLicenseWrapper;
+  /** flip card to front */
+  flipCard: EventEmitter;
+  private emitFlipCard;
+  constructor();
+  componentWillLoad(): void;
+  componentWillUpdate(): void;
+  componentDidRender(): void;
+  private handleContentHeight;
+  private setStringOrArray;
+  private renderCloseIcon;
+  private renderGeneralSection;
+  private renderAuthor;
+  private renderYear;
+  private renderTooltip;
+  private setExpirationLicenseMessage;
+  private renderOnlineLicenseSection;
+  private renderOfflineLicenseSection;
+  render(): HTMLDivElement;
+}

package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZMyzCardList {
-  /** list data stringified array */
-  listdata: string;
-  constructor();
-  private handleSpaceKeyPress;
-  private formatListContent;
-  private renderList;
-  render(): HTMLUListElement;
-}
+export declare class ZMyzCardList {
+  /** list data stringified array */
+  listdata: string;
+  constructor();
+  private handleSpaceKeyPress;
+  private formatListContent;
+  private renderList;
+  render(): HTMLUListElement;
+}

package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts

@@ -1,11 +1,11 @@
-import { ListItem } from "../../../../beans/index.js";
-export declare class ZMyzList {
-  /** json stringified list data (mutable, optional) */
-  inputrawdata?: string;
-  /** list item data (mutable, optional)*/
-  list?: ListItem[];
-  componentWillLoad(): void;
-  private parseinputrawdata;
-  oninputrawdataChange(newValue: string): void;
-  render(): HTMLUListElement;
-}
+import { ListItem } from "../../../../beans/index.js";
+export declare class ZMyzList {
+  /** json stringified list data (mutable, optional) */
+  inputrawdata?: string;
+  /** list item data (mutable, optional)*/
+  list?: ListItem[];
+  componentWillLoad(): void;
+  private parseinputrawdata;
+  oninputrawdataChange(newValue: string): void;
+  render(): HTMLUListElement;
+}