@zanichelli/albe-web-components 7.3.2 → 7.3.4

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

@@ -1,29 +1,29 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { Size, SortDirection } from "../../../beans";
-export declare class ZTableHeader {
-  host: HTMLZTableHeaderElement;
-  /** Column ID */
-  columnId: string;
-  /** Set padding size of cell, if special 0px padding will be set */
-  padding: Size;
-  /** [Optional] Make the header sortable */
-  sortable?: boolean;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  /** [Optional] Default sort order */
-  defaultSortDirection?: SortDirection;
-  /** Sort direction */
-  sortDirection: SortDirection;
-  private popover?;
-  private triggerButton?;
-  constructor();
-  /** [Optional] callback for sorting */
-  sort: EventEmitter;
-  private emitOnSort;
-  private handleSort;
-  private handleMenuClick;
-  handleOutsideClick(e: MouseEvent): void;
-  handleClickHeaders(e: MouseEvent): void;
-  componentWillRender(): void;
-  render(): HTMLZTableHeaderElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { Size, SortDirection } from "../../../beans";
+export declare class ZTableHeader {
+  host: HTMLZTableHeaderElement;
+  /** Column ID */
+  columnId: string;
+  /** Set padding size of cell, if special 0px padding will be set */
+  padding: Size;
+  /** [Optional] Make the header sortable */
+  sortable?: boolean;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  /** [Optional] Default sort order */
+  defaultSortDirection?: SortDirection;
+  /** Sort direction */
+  sortDirection: SortDirection;
+  private popover?;
+  private triggerButton?;
+  constructor();
+  /** [Optional] callback for sorting */
+  sort: EventEmitter;
+  private emitOnSort;
+  private handleSort;
+  private handleMenuClick;
+  handleOutsideClick(e: MouseEvent): void;
+  handleClickHeaders(e: MouseEvent): void;
+  componentWillRender(): void;
+  render(): HTMLZTableHeaderElement;
+}

package/dist/types/components/z-table/z-table-header-row/index.d.ts

@@ -1,6 +1,6 @@
-export declare class ZTableHeaderRow {
-  /** Row expandable flag */
-  expandable?: boolean;
-  private renderExpandHeader;
-  render(): HTMLZTableHeaderRowElement;
-}
+export declare class ZTableHeaderRow {
+  /** Row expandable flag */
+  expandable?: boolean;
+  private renderExpandHeader;
+  render(): HTMLZTableHeaderRowElement;
+}

package/dist/types/components/z-table/z-table-row/index.d.ts

@@ -1,13 +1,13 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZTableRowExpandedType } from "../../../beans";
-export declare class ZTableRow {
-  /** Table row expanded type */
-  expandedType: ZTableRowExpandedType;
-  expanded: boolean;
-  /** Row has been expanded */
-  expand: EventEmitter;
-  private emitOnExpand;
-  private handleExpand;
-  private renderExpandButton;
-  render(): HTMLZTableRowElement;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZTableRowExpandedType } from "../../../beans";
+export declare class ZTableRow {
+  /** Table row expanded type */
+  expandedType: ZTableRowExpandedType;
+  expanded: boolean;
+  /** Row has been expanded */
+  expand: EventEmitter;
+  private emitOnExpand;
+  private handleExpand;
+  private renderExpandButton;
+  render(): HTMLZTableRowElement;
+}

package/dist/types/components/z-table/z-table-sticky-footer/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * @slot - table sticky footer content
- */
-export declare class ZTableStickyFooter {
-  render(): HTMLSlotElement;
-}
+/**
+ * @slot - table sticky footer content
+ */
+export declare class ZTableStickyFooter {
+  render(): HTMLSlotElement;
+}

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

@@ -1,13 +1,13 @@
-/**
- * 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 {
-  /** [optional] Tag icon */
-  icon?: string;
-  /** [optional] Hide the text and show it on hover*/
-  expandable?: boolean;
-  render(): HTMLZTagElement;
-}
+/**
+ * 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 {
+  /** [optional] Tag icon */
+  icon?: string;
+  /** [optional] Hide the text and show it on hover*/
+  expandable?: boolean;
+  render(): HTMLZTagElement;
+}

package/dist/types/components/z-visually-hidden/index.d.ts

@@ -1,3 +1,3 @@
-export declare class ZVisuallyHidden {
-  render(): HTMLSlotElement;
-}
+export declare class ZVisuallyHidden {
+  render(): HTMLSlotElement;
+}

package/dist/types/components.d.ts

@@ -27,20 +27,32 @@ export namespace Components {
           * The opening state of the drawer.
          */
         "drawerOpen": boolean;
+        /**
+          * Enable the search bar.
+         */
+        "enableSearch": 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";
         /**
-          * Set the hero image source for the header. You can also use a slot="hero" node for advanced customisation. **Optional**
+          * 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. **Optional**
+          * Should place an overlay over the hero image. Useful for legibility purpose.
          */
         "overlay": boolean;
         /**
-          * Stuck mode for the header. You can programmatically set it using an IntersectionObserver. **Optional**
+          * 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;
+        /**
+          * Placeholder text for the search bar.
+         */
+        "searchPlaceholder": string;
+        /**
+          * Stuck mode for the header. You can programmatically set it using an IntersectionObserver.
          */
         "stuck": boolean;
     }
@@ -1117,19 +1129,19 @@ export namespace Components {
     }
     interface ZOffcanvas {
         /**
-          * open component. Default: false
+          * Whether the offcanvas is open. Default: false
          */
         "open": boolean;
         /**
-          * this method allows you to skip the page loading animation, to be used with the prop set to true
+          * Whether to skip the initial animation. Useful when the initial value of the `open` prop is set to `true`.
          */
-        "setSkipAanimationOnLoad": (value: boolean) => Promise<void>;
+        "skipLoadAnimation": boolean;
         /**
           * open content transitioning in a specified direction left | right. Default: left
          */
         "transitiondirection"?: TransitionDirection;
         /**
-          * Offcanvas variant. Can be one of "overlay", "pushcontent" Default variant: pushcontent
+          * Offcanvas variant. Can be one `overlay` or `pushcontent`. Default variant: pushcontent
          */
         "variant"?: OffCanvasVariant;
     }
@@ -2556,12 +2568,16 @@ declare namespace LocalJSX {
           * The opening state of the drawer.
          */
         "drawerOpen"?: boolean;
+        /**
+          * Enable the search bar.
+         */
+        "enableSearch"?: 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";
         /**
-          * Set the hero image source for the header. You can also use a slot="hero" node for advanced customisation. **Optional**
+          * Set the hero image source for the header. You can also use a [slot="hero"] node for advanced customization.
          */
         "hero"?: string;
         /**
@@ -2569,11 +2585,19 @@ declare namespace LocalJSX {
          */
         "onSticking"?: (event: ZAppHeaderCustomEvent<any>) => void;
         /**
-          * Should place an overlay over the hero image. Useful for legibility purpose. **Optional**
+          * Should place an overlay over the hero image. Useful for legibility purpose.
          */
         "overlay"?: boolean;
         /**
-          * Stuck mode for the header. You can programmatically set it using an IntersectionObserver. **Optional**
+          * 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;
+        /**
+          * Placeholder text for the search bar.
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Stuck mode for the header. You can programmatically set it using an IntersectionObserver.
          */
         "stuck"?: boolean;
     }
@@ -3770,19 +3794,23 @@ declare namespace LocalJSX {
     }
     interface ZOffcanvas {
         /**
-          * emitted when open prop changes
+          * emitted when `open` prop changes
          */
         "onCanvasOpenStatusChanged"?: (event: ZOffcanvasCustomEvent<any>) => void;
         /**
-          * open component. Default: false
+          * Whether the offcanvas is open. Default: false
          */
         "open"?: boolean;
+        /**
+          * Whether to skip the initial animation. Useful when the initial value of the `open` prop is set to `true`.
+         */
+        "skipLoadAnimation"?: boolean;
         /**
           * open content transitioning in a specified direction left | right. Default: left
          */
         "transitiondirection"?: TransitionDirection;
         /**
-          * Offcanvas variant. Can be one of "overlay", "pushcontent" Default variant: pushcontent
+          * Offcanvas variant. Can be one `overlay` or `pushcontent`. Default variant: pushcontent
          */
         "variant"?: OffCanvasVariant;
     }

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/deprecated/typography/z-body/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZBody {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4 | 5;
-  /** Font weight variant */
-  variant: "regular" | "semibold";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZBody {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4 | 5;
+  /** Font weight variant */
+  variant: "regular" | "semibold";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-heading/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZHeading {
-  /** Typography level */
-  level: 1 | 2 | 3 | 4;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare class ZHeading {
+  /** Typography level */
+  level: 1 | 2 | 3 | 4;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

package/dist/types/deprecated/typography/z-typography/index.d.ts

@@ -1,11 +1,11 @@
-export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
-export declare class ZTypography {
-  hostElement: HTMLZTypographyElement;
-  /** Typography level */
-  level: ZTypographyLevels;
-  /** Font weight variant */
-  variant: "regular" | "semibold" | "light";
-  /** HTML tag to use to wrap slotted content */
-  component: string;
-  render(): HTMLZTypographyElement;
-}
+export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
+export declare class ZTypography {
+  hostElement: HTMLZTypographyElement;
+  /** Typography level */
+  level: ZTypographyLevels;
+  /** Font weight variant */
+  variant: "regular" | "semibold" | "light";
+  /** HTML tag to use to wrap slotted content */
+  component: string;
+  render(): HTMLZTypographyElement;
+}

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,34 +1,34 @@
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot toggle - toggle button slot
- * @slot list - card resources list slot
- */
-export declare class ZMyzCardFooter {
-  host: HTMLZMyzCardFooterElement;
-  /** 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;
-  private getFirstListItem;
-  render(): HTMLDivElement;
-}
+import { LicenseType } from "../../../../beans/index";
+/**
+ * @slot toggle - toggle button slot
+ * @slot list - card resources list slot
+ */
+export declare class ZMyzCardFooter {
+  host: HTMLZMyzCardFooterElement;
+  /** 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;
+  private getFirstListItem;
+  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;
+}