@zanichelli/albe-web-components 7.2.0 → 7.3.1

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

@@ -73,8 +73,6 @@ export declare class ZAppHeader {
    * - 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**
    */
   flow: "auto" | "stack" | "offcanvas";
   /**
@@ -97,6 +95,8 @@ export declare class ZAppHeader {
   private container?;
   private menuElements?;
   private observer?;
+  private openDrawer;
+  private closeDrawer;
   constructor();
   componentDidLoad(): void;
   private get title();
@@ -108,6 +108,4 @@ export declare class ZAppHeader {
   onStuck(): void;
   setMenuFloatingMode(): void;
   render(): HTMLZAppHeaderElement;
-  private openDrawer;
-  private closeDrawer;
 }

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

@@ -5,24 +5,26 @@ import { EventEmitter } from "../../../stencil-public-runtime";
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
  */
 export declare class ZMenu {
+  hostElement: HTMLZMenuElement;
   /** Flag to set the active status of the menu. */
   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. */
+  open: boolean;
   /**
-   * The opening state of the menu.
-   * @default false
+   * 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.
    */
-  open: boolean;
+  verticalContext: boolean;
   hasHeader: boolean;
   hasContent: boolean;
-  hostElement: HTMLZMenuElement;
   private content;
+  /** Animation frame request id. */
   private raf;
   /** The menu has been opened. */
   opened: EventEmitter;
@@ -34,6 +36,11 @@ export declare class ZMenu {
   onOpenChanged(): void;
   constructor();
   componentWillLoad(): void;
+  /**
+   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
+   * @param ev Slotchange event
+   */
+  private onLabelSlotChange;
   /**
    * Correctly set position of the floating menu in order to prevent overflow.
    * @param live Should run the method on every refresh frame.
@@ -45,6 +52,7 @@ export declare class ZMenu {
   private checkContent;
   /**
    * Set `menuitem` role to all menu items.
+   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).
    */
   private onItemsChange;
   private renderMenuLabel;

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

@@ -1,14 +1,15 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 /**
- * @slot - Menu section label
- * @slot item - Single entry of the section. Can be slotted multiple times to insert items.
+ * A component to create submenus inside the ZMenu.
+ * @slot - Label of the menu section.
+ * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
  */
 export declare class ZMenuSection {
+  hostElement: HTMLZMenuSectionElement;
   /** Active state */
   active?: boolean;
   open: boolean;
   hasContent: boolean;
-  hostElement: HTMLZMenuSectionElement;
   /** The section has been opened. */
   opened: EventEmitter;
   /** The section has been closed. */
@@ -20,6 +21,11 @@ export declare class ZMenuSection {
    * Check if some content slot is set.
    */
   private checkContent;
+  /**
+   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.
+   * @param ev Slotchange event
+   */
+  private onLabelSlotChange;
   componentWillLoad(): void;
   render(): HTMLZMenuSectionElement;
 }

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

@@ -12,7 +12,7 @@ export declare class ZToastNotification {
   autoclose?: number;
   /** toast notification autoclose can be paused */
   pauseonfocusloss?: boolean;
-  /** toast notification type:  dark, light, accent, error, success, warning*/
+  /** toast notification type: dark, light, accent, error, success, warning */
   type?: ToastNotification;
   /** toast notification can be draggable*/
   isdraggable?: boolean;

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

@@ -1,5 +1,14 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { CardVariant } from "../../beans";
+/**
+ * ZCard component.
+ * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`
+ * @cssprop --z-card--border-color - Default: `var(--gray200)`
+ * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`
+ * @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`
+ */
 export declare class ZCard {
   /**
    * Card variant.

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { OffCanvasVariant, TransitionDirection } from "../../beans";
 /**
  * @slot canvasContent - set the content of the canvas
+ * @method setSkipAanimationOnLoad - set skipAnimation
  */
 export declare class ZOffcanvas {
   hostElement: HTMLZOffcanvasElement;
@@ -15,10 +16,12 @@ export declare class ZOffcanvas {
   open: boolean;
   /** open content transitioning in a specified direction left | right. Default: left */
   transitiondirection?: TransitionDirection;
-  /** allows you to skip the entry animation on page load, to be used with the open prop at true */
+  /** manages the skip for the entry animation*/
   skipanimationonload: boolean;
   /** emitted when open prop changes */
   canvasOpenStatusChanged: EventEmitter;
+  /** this method allows you to skip the page loading animation, to be used with the prop set to true */
+  setSkipAanimationOnLoad(value: boolean): Promise<void>;
   onOpenChanged(): void;
   private handleOverflowProperty;
   private handledTransitionEnd;

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";
         /**
@@ -134,7 +134,7 @@ export namespace Components {
          */
         "buttonid": string;
         /**
-          * occurrencies counter (optional)
+          * occurrences counter (optional)
          */
         "counter"?: number;
         /**
@@ -207,6 +207,10 @@ export namespace Components {
         "single": boolean;
     }
     interface ZChip {
+        /**
+          * z-chip aria-label string
+         */
+        "ariaLabel": string;
         /**
           * set z-chip as disabled
          */
@@ -743,14 +747,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 {
         /**
@@ -777,6 +783,10 @@ export namespace Components {
           * add role "alertdialog" to dialog (optional, default is false)
          */
         "alertdialog"?: boolean;
+        /**
+          * if true, the modal is closable (optional, default is true)
+         */
+        "closable"?: boolean;
         /**
           * close modal
          */
@@ -1111,9 +1121,9 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * allows you to skip the entry animation on page load, to be used with the open prop at true
+          * this method allows you to skip the page loading animation, to be used with the prop set to true
          */
-        "skipanimationonload": boolean;
+        "setSkipAanimationOnLoad": (value: boolean) => Promise<void>;
         /**
           * open content transitioning in a specified direction left | right. Default: left
          */
@@ -1334,6 +1344,10 @@ export namespace Components {
           * Autocomplete results items
          */
         "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Set button icon without label
+         */
+        "searchButtonIconOnly"?: boolean;
         /**
           * Search helper text
          */
@@ -1342,6 +1356,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
          */
@@ -1350,6 +1368,10 @@ export namespace Components {
           * Input search string
          */
         "value"?: string;
+        /**
+          * Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.
+         */
+        "variant"?: ButtonVariant;
     }
     interface ZSectionTitle {
         /**
@@ -1643,7 +1665,7 @@ export namespace Components {
          */
         "transition"?: ToastNotificationTransition;
         /**
-          * toast notification type:  dark, light, accent, error, success, warning
+          * toast notification type: dark, light, accent, error, success, warning
          */
         "type"?: ToastNotification;
     }
@@ -1658,6 +1680,10 @@ export namespace Components {
         "position": ToastNotificationPosition;
     }
     interface ZToggleButton {
+        /**
+          * aria-label for the button
+         */
+        "ariaLabel": string;
         /**
           * avoidclick status flag
          */
@@ -2527,7 +2553,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";
         /**
@@ -2637,7 +2663,7 @@ declare namespace LocalJSX {
          */
         "buttonid"?: string;
         /**
-          * occurrencies counter (optional)
+          * occurrences counter (optional)
          */
         "counter"?: number;
         /**
@@ -2653,7 +2679,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * sorting direction click event, returns buttonid and sortAsc
+          * sorting direction click event, returns `buttonid` and `sortAsc`
          */
         "onButtonSortClick"?: (event: ZButtonSortCustomEvent<any>) => void;
         /**
@@ -2722,6 +2748,10 @@ declare namespace LocalJSX {
         "single"?: boolean;
     }
     interface ZChip {
+        /**
+          * z-chip aria-label string
+         */
+        "ariaLabel"?: string;
         /**
           * set z-chip as disabled
          */
@@ -3310,7 +3340,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;
         /**
@@ -3323,9 +3352,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 {
         /**
@@ -3360,6 +3392,10 @@ declare namespace LocalJSX {
           * add role "alertdialog" to dialog (optional, default is false)
          */
         "alertdialog"?: boolean;
+        /**
+          * if true, the modal is closable (optional, default is true)
+         */
+        "closable"?: boolean;
         /**
           * aria-label for close button (optional)
          */
@@ -3737,10 +3773,6 @@ declare namespace LocalJSX {
           * open component. Default: false
          */
         "open"?: boolean;
-        /**
-          * allows you to skip the entry animation on page load, to be used with the open prop at true
-         */
-        "skipanimationonload"?: boolean;
         /**
           * open content transitioning in a specified direction left | right. Default: left
          */
@@ -3997,6 +4029,10 @@ declare namespace LocalJSX {
           * Autocomplete results items
          */
         "resultsItems"?: SearchbarItem[] | string;
+        /**
+          * Set button icon without label
+         */
+        "searchButtonIconOnly"?: boolean;
         /**
           * Search helper text
          */
@@ -4005,6 +4041,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
          */
@@ -4013,6 +4053,10 @@ declare namespace LocalJSX {
           * Input search string
          */
         "value"?: string;
+        /**
+          * Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.
+         */
+        "variant"?: ButtonVariant;
     }
     interface ZSectionTitle {
         /**
@@ -4322,7 +4366,7 @@ declare namespace LocalJSX {
          */
         "transition"?: ToastNotificationTransition;
         /**
-          * toast notification type:  dark, light, accent, error, success, warning
+          * toast notification type: dark, light, accent, error, success, warning
          */
         "type"?: ToastNotification;
     }
@@ -4337,6 +4381,10 @@ declare namespace LocalJSX {
         "position"?: ToastNotificationPosition;
     }
     interface ZToggleButton {
+        /**
+          * aria-label for the button
+         */
+        "ariaLabel"?: string;
         /**
           * avoidclick status flag
          */

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

@@ -4,6 +4,7 @@ import { LicenseType } from "../../../../beans/index";
  * @slot list - card resources list slot
  */
 export declare class ZMyzCardFooter {
+  host: HTMLZMyzCardFooterElement;
   /** volume title */
   titolo: string;
   /** authors name text */
@@ -28,5 +29,6 @@ export declare class ZMyzCardFooter {
   private elementAuthorsHasEllipsis;
   private retrieveClass;
   private footerTransitionHandler;
+  private getFirstListItem;
   render(): HTMLDivElement;
 }

package/dist/web-components-library/p-068951a7.entry.js

@@ -0,0 +1 @@
+import{r as i,c,h,g as s}from"./p-d17ebc2f.js";import{x as r,p as a}from"./p-e1ac5c4e.js";import{g as t}from"./p-dfc69cc3.js";import"./p-d69e14fb.js";const e=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=r.DEFAULT,this.disabled=!1,this.ariaLabel=""}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return t()!==a.DESKTOP?22:14}render(){return this.interactiveIcon?h("div",{class:`z-chip-container ${this.type}`,"aria-disabled":this.disabled},this.icon&&h("z-icon",{class:"icon-sx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("button",{type:"button",onClick:()=>this.emitinteractiveIconClick(),onKeyUp:()=>{},"aria-label":this.ariaLabel,disabled:this.disabled},h("z-icon",{name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()}))):h("div",{class:`${this.type}`},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};e.style=".sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip>z-icon.sc-z-chip:last-child:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.sc-z-chip:hover:not([aria-disabled])>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{padding:0;border:none;margin-left:var(--space-unit);background-color:transparent;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.icon-sx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip:last-child{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip>button.sc-z-chip>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>button.sc-z-chip>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;line-height:28px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}

package/dist/web-components-library/p-06b7dad4.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,g as e}from"./p-d17ebc2f.js";import{L as i}from"./p-e1ac5c4e.js";const n=class{constructor(o){t(this,o),this.opened=!1,this.customContent=!1,this.isOpen=!1,this.allowTooltipAuthors=!1}handleToggle(){if(this.isOpen=!this.isOpen,this.isOpen){const t=this.getFirstListItem();t&&requestAnimationFrame((()=>{t.focus()}))}}getTitleAuthors(){return this.allowTooltipAuthors?this.autori:""}componentWillLoad(){this.opened&&(this.isOpen=!0)}elementsEllipsis(){this.allowTooltipAuthors=!!this.elementAuthorsHasEllipsis()}elementAuthorsHasEllipsis(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth}retrieveClass(){return{isopen:this.isOpen,real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,"custom-content":this.customContent}}footerTransitionHandler(t){["visibility","height"].includes(t.propertyName)&&this.elementsEllipsis()}getFirstListItem(){return this.host.querySelector("[slot=list] > li a")}render(){return o("div",{class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:!0})},o("footer",{class:this.retrieveClass(),onTransitionEnd:t=>this.footerTransitionHandler(t)},o("span",{class:"toggle"},o("slot",{name:"toggle"})),this.titolo&&o("p",{class:{"custom-content":this.customContent}},this.titolo),o("div",{class:{content:!0,"custom-content":this.customContent}},o("div",null,o("p",{class:"authors",ref:t=>this.ellipsisAuthors=t},o("span",{title:this.getTitleAuthors()},o("span",{"aria-description":"Autori",class:"bold"},this.autori))),o("p",{class:"year-isbn"},o("span",{class:"isbn"},o("span",null,o("span",{"aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),o("div",{class:"slot-handler "+(this.isOpen?"visible":"hidden")},o("slot",{name:"list"})))),this.customContent&&o("slot",{name:"content"}))}get host(){return e(this)}};n.style='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--bg-neutral-200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--accent)}';export{n as z_myz_card_footer}

package/dist/web-components-library/{p-417b1b6c.entry.js → p-10adc1fa.entry.js}

@@ -1 +1 @@
-import{r,h as e}from"./p-d17ebc2f.js";import{L as t}from"./p-e1ac5c4e.js";const a=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.REAL?r+="real":this.cardtype===t.TRIAL?r+="trial":this.cardtype===t.TEMP&&(r+="temp"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};a.style=":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const i=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};i.style=":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.REAL,trial:this.cardtype===t.TRIAL,temp:this.cardtype===t.TEMP,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("span",{class:"card-title",ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--accent);background-color:var(--accent-lighter)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{a as z_myz_card,i as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
+import{r,h as e}from"./p-d17ebc2f.js";import{L as t}from"./p-e1ac5c4e.js";const a=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.REAL?r+="real":this.cardtype===t.TRIAL?r+="trial":this.cardtype===t.TEMP&&(r+="temp"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};a.style=":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const i=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};i.style=":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.REAL,trial:this.cardtype===t.TRIAL,temp:this.cardtype===t.TEMP,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("slot",{name:"aria-heading"}),e("span",{class:"card-title",ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style='header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--accent);background-color:var(--accent-lighter)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}';export{a as z_myz_card,i as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}