@zanichelli/albe-web-components 7.4.3 → 7.6.0-RC1

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

@@ -26,7 +26,7 @@ export declare class ZTooltip {
    * Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
    */
   closable: boolean;
-  private popover;
+  private popoverEl;
   onPopoverOpenChange(): void;
   render(): HTMLZPopoverElement;
 }

package/dist/types/components/z-book-card/index.d.ts

@@ -0,0 +1,75 @@
+import { BookCardVariant } from "../../beans";
+/**
+ * @slot resources - books resources (extended variant only)
+ * @slot header-cta - header CTA (e.g. bookmark icon)
+ * @slot tags - card tags
+ * @slot footer-cta - footer cta button (search variant only)
+ * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color
+ * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color
+ */
+export declare class ZBookCard {
+  hostElement: HTMLZBookCardElement;
+  /**
+   * Card variant: expanded, compact, search
+   */
+  variant: BookCardVariant;
+  /**
+   * Cover URL
+   */
+  cover: string;
+  /**
+   * Card main title
+   */
+  operaTitle: string;
+  /**
+   * [optional] Card subtitle
+   */
+  volumeTitle?: string;
+  /**
+   * [optional] Authors
+   */
+  authors?: string;
+  /**
+   * [optional] Main ISBN
+   */
+  isbn?: string;
+  /**
+   * [optional] Ribbon label
+   */
+  ribbon?: string;
+  /**
+   * [optional] Fallback cover URL
+   */
+  fallbackCover?: string;
+  /**
+   * [optional] [accessibility] Card title HTML tag
+   */
+  operaTitleTag?: string;
+  isMobile: boolean;
+  hasResources: boolean;
+  showResources: boolean;
+  private id;
+  private moveFocusToResources;
+  private resourcesWrapper;
+  handleResize(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  private handleResources;
+  private toggleResources;
+  private renderCard;
+  private renderExpandedCard;
+  private renderMobileExpandedCard;
+  private renderSearchCard;
+  private renderCover;
+  private renderOperaTitle;
+  private renderVolumeTitle;
+  private renderAuthors;
+  private renderIsbn;
+  private renderShowResources;
+  private renderTagsSlot;
+  private renderHeaderCtaSlot;
+  private renderResourcesSlot;
+  private renderFooterCtaSlot;
+  render(): HTMLZBookCardElement;
+}

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from "../../stencil-public-runtime";
 import { CardVariant } from "../../beans";
 /**
  * ZCard component.
@@ -8,6 +7,7 @@ import { CardVariant } from "../../beans";
  * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`
  * @cssprop --z-card--text-border-radius - Default: `none`
  * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`
+ * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`
  */
 export declare class ZCard {
   /**
@@ -18,18 +18,12 @@ export declare class ZCard {
   variant: CardVariant;
   /** Name of the icon to place over the image cover */
   coverIcon: string;
-  /** Enable click interactions on the card. Default: false */
-  clickable: boolean;
   /** Enable shadow. Default: false. */
-  showshadow: boolean;
+  showShadow: boolean;
+  /** Enable 'clickable' style like hover and focus style. */
+  clickable: boolean;
   host: HTMLZCardElement;
   hasCoverImage: boolean;
-  /**
-   * Card click event.
-   * Fired only if `clickable` is true.
-   */
-  cardClicked: EventEmitter;
-  onClick(ev: MouseEvent): void;
   componentWillLoad(): void;
   /**
    * Template for a card without image cover.

package/dist/types/components/z-contextual-menu/index.d.ts

@@ -14,7 +14,7 @@ export declare class ZContextualMenu {
    */
   popoverPosition?: PopoverPosition;
   private triggerButton?;
-  private popover?;
+  private popoverEl?;
   /** remove filter click event, returns filterid */
   clickContextualMenu: EventEmitter;
   private jsonElements;

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, BreadcrumbHomepageVariant, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, 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 { AvatarSize, BookCardVariant, BreadcrumbHomepageVariant, BreadcrumbPathStyle, ButtonSize, ButtonType, ButtonVariant, CardVariant, CarouselArrowsPosition, CarouselProgressMode, ComboItem, ControlSize, 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 "./deprecated/typography/z-typography/index";
 export namespace Components {
@@ -98,6 +98,44 @@ export namespace Components {
          */
         "variant": "regular" | "semibold";
     }
+    interface ZBookCard {
+        /**
+          * [optional] Authors
+         */
+        "authors"?: string;
+        /**
+          * Cover URL
+         */
+        "cover": string;
+        /**
+          * [optional] Fallback cover URL
+         */
+        "fallbackCover"?: string;
+        /**
+          * [optional] Main ISBN
+         */
+        "isbn"?: string;
+        /**
+          * Card main title
+         */
+        "operaTitle": string;
+        /**
+          * [optional] [accessibility] Card title HTML tag
+         */
+        "operaTitleTag"?: string;
+        /**
+          * [optional] Ribbon label
+         */
+        "ribbon"?: string;
+        /**
+          * Card variant: expanded, compact, search
+         */
+        "variant": BookCardVariant;
+        /**
+          * [optional] Card subtitle
+         */
+        "volumeTitle"?: string;
+    }
     interface ZBreadcrumb {
         /**
           * [optional] Variant of first node
@@ -202,7 +240,7 @@ export namespace Components {
     }
     interface ZCard {
         /**
-          * Enable click interactions on the card. Default: false
+          * Enable 'clickable' style like hover and focus style.
          */
         "clickable": boolean;
         /**
@@ -212,7 +250,7 @@ export namespace Components {
         /**
           * Enable shadow. Default: false.
          */
-        "showshadow": boolean;
+        "showShadow": boolean;
         /**
           * Card variant. Can be one of "text", "border", "shadow", "overlay". Leave it undefined for the default card.
          */
@@ -1828,10 +1866,6 @@ export interface ZButtonSortCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZButtonSortElement;
 }
-export interface ZCardCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLZCardElement;
-}
 export interface ZCarouselCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLZCarouselElement;
@@ -2017,6 +2051,12 @@ declare global {
         prototype: HTMLZBodyElement;
         new (): HTMLZBodyElement;
     };
+    interface HTMLZBookCardElement extends Components.ZBookCard, HTMLStencilElement {
+    }
+    var HTMLZBookCardElement: {
+        prototype: HTMLZBookCardElement;
+        new (): HTMLZBookCardElement;
+    };
     interface HTMLZBreadcrumbElement extends Components.ZBreadcrumb, HTMLStencilElement {
     }
     var HTMLZBreadcrumbElement: {
@@ -2522,6 +2562,7 @@ declare global {
         "z-aria-alert": HTMLZAriaAlertElement;
         "z-avatar": HTMLZAvatarElement;
         "z-body": HTMLZBodyElement;
+        "z-book-card": HTMLZBookCardElement;
         "z-breadcrumb": HTMLZBreadcrumbElement;
         "z-button": HTMLZButtonElement;
         "z-button-sort": HTMLZButtonSortElement;
@@ -2700,6 +2741,44 @@ declare namespace LocalJSX {
          */
         "variant"?: "regular" | "semibold";
     }
+    interface ZBookCard {
+        /**
+          * [optional] Authors
+         */
+        "authors"?: string;
+        /**
+          * Cover URL
+         */
+        "cover"?: string;
+        /**
+          * [optional] Fallback cover URL
+         */
+        "fallbackCover"?: string;
+        /**
+          * [optional] Main ISBN
+         */
+        "isbn"?: string;
+        /**
+          * Card main title
+         */
+        "operaTitle"?: string;
+        /**
+          * [optional] [accessibility] Card title HTML tag
+         */
+        "operaTitleTag"?: string;
+        /**
+          * [optional] Ribbon label
+         */
+        "ribbon"?: string;
+        /**
+          * Card variant: expanded, compact, search
+         */
+        "variant"?: BookCardVariant;
+        /**
+          * [optional] Card subtitle
+         */
+        "volumeTitle"?: string;
+    }
     interface ZBreadcrumb {
         /**
           * [optional] Variant of first node
@@ -2812,21 +2891,17 @@ declare namespace LocalJSX {
     }
     interface ZCard {
         /**
-          * Enable click interactions on the card. Default: false
+          * Enable 'clickable' style like hover and focus style.
          */
         "clickable"?: boolean;
         /**
           * Name of the icon to place over the image cover
          */
         "coverIcon"?: string;
-        /**
-          * Card click event. Fired only if `clickable` is true.
-         */
-        "onCardClicked"?: (event: ZCardCustomEvent<any>) => void;
         /**
           * Enable shadow. Default: false.
          */
-        "showshadow"?: boolean;
+        "showShadow"?: boolean;
         /**
           * Card variant. Can be one of "text", "border", "shadow", "overlay". Leave it undefined for the default card.
          */
@@ -4612,6 +4687,7 @@ declare namespace LocalJSX {
         "z-aria-alert": ZAriaAlert;
         "z-avatar": ZAvatar;
         "z-body": ZBody;
+        "z-book-card": ZBookCard;
         "z-breadcrumb": ZBreadcrumb;
         "z-button": ZButton;
         "z-button-sort": ZButtonSort;
@@ -4707,6 +4783,7 @@ declare module "@stencil/core" {
             "z-aria-alert": LocalJSX.ZAriaAlert & JSXBase.HTMLAttributes<HTMLZAriaAlertElement>;
             "z-avatar": LocalJSX.ZAvatar & JSXBase.HTMLAttributes<HTMLZAvatarElement>;
             "z-body": LocalJSX.ZBody & JSXBase.HTMLAttributes<HTMLZBodyElement>;
+            "z-book-card": LocalJSX.ZBookCard & JSXBase.HTMLAttributes<HTMLZBookCardElement>;
             "z-breadcrumb": LocalJSX.ZBreadcrumb & JSXBase.HTMLAttributes<HTMLZBreadcrumbElement>;
             "z-button": LocalJSX.ZButton & JSXBase.HTMLAttributes<HTMLZButtonElement>;
             "z-button-sort": LocalJSX.ZButtonSort & JSXBase.HTMLAttributes<HTMLZButtonSortElement>;

package/dist/web-components-library/index.esm.js

@@ -1 +1 @@
-import{c as Y}from"./p-14c2c56c.js";export{p as AlertType,A as AvatarSize,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,q as Device,h as DividerOrientation,D as DividerSize,k as ExpandableListButtonAlign,E as ExpandableListStyle,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,l as LabelPosition,L as LicenseType,m as ListDividerType,i as ListSize,n as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,o as NotificationType,O as OffCanvasVariant,r as PocketStatus,P as PopoverPosition,j as Size,S as SortDirection,T as ThemeVariant,s as ToastNotification,u as ToastNotificationPosition,t as ToastNotificationTransition,w as TransitionDirection,v as ZAriaAlertMode,y as ZChipType,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,x as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-1cc1a418.js";import"./p-b497e33e.js";const $={colorFromId:Y};export{$ as Utils}
+import{c as $}from"./p-f0cd78f2.js";export{p as AlertType,A as AvatarSize,Y as BookCardVariant,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,q as Device,h as DividerOrientation,D as DividerSize,k as ExpandableListButtonAlign,E as ExpandableListStyle,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,l as LabelPosition,L as LicenseType,m as ListDividerType,i as ListSize,n as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,o as NotificationType,O as OffCanvasVariant,r as PocketStatus,P as PopoverPosition,j as Size,S as SortDirection,T as ThemeVariant,s as ToastNotification,u as ToastNotificationPosition,t as ToastNotificationTransition,w as TransitionDirection,v as ZAriaAlertMode,y as ZChipType,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,x as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-8c3eeb55.js";import"./p-b497e33e.js";const _={colorFromId:$};export{_ as Utils}

package/dist/web-components-library/{p-4610db36.entry.js → p-03ee7c14.entry.js}

@@ -1 +1 @@
-import{r,h as a,H as t}from"./p-d17ebc2f.js";import{v as s}from"./p-1cc1a418.js";const i=class{constructor(a){r(this,a),this.mode=s.POLITE}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
+import{r,h as a,H as t}from"./p-d17ebc2f.js";import{v as s}from"./p-8c3eeb55.js";const i=class{constructor(a){r(this,a),this.mode=s.POLITE}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}