@zanichelli/albe-web-components 7.0.0 → 7.1.0

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

@@ -28,7 +28,7 @@ export namespace Components {
          */
         "drawerOpen": 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**
+          * 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";
         /**
@@ -743,14 +743,16 @@ export namespace Components {
         "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;
+        /**
+          * 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;
     }
     interface ZMenuSection {
         /**
@@ -1330,6 +1332,10 @@ export namespace Components {
           * Autocomplete results items
          */
         "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Set button icon without label
+         */
+        "searchButtonIconOnly"?: boolean;
         /**
           * Search helper text
          */
@@ -1338,6 +1344,10 @@ export namespace Components {
           * Show submit button
          */
         "showSearchButton"?: boolean;
+        /**
+          * Available sizes: `big`, `small` and `x-small`. Defaults to `big`.
+         */
+        "size"?: ControlSize;
         /**
           * Sort autocomplete results items
          */
@@ -1346,6 +1356,10 @@ export namespace Components {
           * Input search string
          */
         "value"?: string;
+        /**
+          * Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.
+         */
+        "variant"?: ButtonVariant;
     }
     interface ZSectionTitle {
         /**
@@ -2523,7 +2537,7 @@ declare namespace LocalJSX {
          */
         "drawerOpen"?: 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**
+          * 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";
         /**
@@ -3306,7 +3320,6 @@ declare namespace LocalJSX {
         "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;
         /**
@@ -3319,9 +3332,12 @@ declare namespace LocalJSX {
         "onOpened"?: (event: ZMenuCustomEvent<any>) => void;
         /**
           * The opening state of the menu.
-          * @default false
          */
         "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;
     }
     interface ZMenuSection {
         /**
@@ -3989,6 +4005,10 @@ declare namespace LocalJSX {
           * Autocomplete results items
          */
         "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Set button icon without label
+         */
+        "searchButtonIconOnly"?: boolean;
         /**
           * Search helper text
          */
@@ -3997,6 +4017,10 @@ declare namespace LocalJSX {
           * Show submit button
          */
         "showSearchButton"?: boolean;
+        /**
+          * Available sizes: `big`, `small` and `x-small`. Defaults to `big`.
+         */
+        "size"?: ControlSize;
         /**
           * Sort autocomplete results items
          */
@@ -4005,6 +4029,10 @@ declare namespace LocalJSX {
           * Input search string
          */
         "value"?: string;
+        /**
+          * Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.
+         */
+        "variant"?: ButtonVariant;
     }
     interface ZSectionTitle {
         /**

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,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;
+}