@zanichelli/albe-web-components 9.0.1 → 9.1.0

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

@@ -2,6 +2,7 @@
  * Object containing SVG d path of `stroke` icons.
  */
 export declare const STROKE_ICONS: {
+  accessibility: string;
   "active-note": string;
   "add-note": string;
   "app-switcher": string;
@@ -94,6 +95,7 @@ export declare const STROKE_ICONS: {
   clean: string;
   "cloud-delete": string;
   "cloud-download": string;
+  code: string;
   collezioni: string;
   "color-selected": string;
   compare: string;
@@ -123,6 +125,7 @@ export declare const STROKE_ICONS: {
   "exercises-interactive": string;
   "exercises-online": string;
   "exercises-plus": string;
+  facebook: string;
   favorites: string;
   feed: string;
   "file-zip": string;
@@ -287,13 +290,16 @@ export declare const STROKE_ICONS: {
   word: string;
   "working-bag": string;
   "workspace-zanichelli": string;
+  youtube: string;
   "zoom-in": string;
   "zoom-out": string;
+  zte: string;
 };
 /**
  * Object containing SVG d paths of `filled` icons.
  */
 export declare const FILLED_ICONS: {
+  "accessibility-filled": string;
   "active-note-filled": string;
   "add-note-filled": string;
   "app-switcher-filled": string;
@@ -386,6 +392,7 @@ export declare const FILLED_ICONS: {
   "clean-filled": string;
   "cloud-delete-filled": string;
   "cloud-download-filled": string;
+  "code-filled": string;
   "collezioni-filled": string;
   "color-selected-filled": string;
   "compare-filled": string;
@@ -415,6 +422,7 @@ export declare const FILLED_ICONS: {
   "exercises-interactive-filled": string;
   "exercises-online-filled": string;
   "exercises-plus-filled": string;
+  "facebook-filled": string;
   "favorites-filled": string;
   "feed-filled": string;
   "file-zip-filled": string;
@@ -579,8 +587,10 @@ export declare const FILLED_ICONS: {
   "word-filled": string;
   "working-bag-filled": string;
   "workspace-zanichelli-filled": string;
+  "youtube-filled": string;
   "zoom-in-filled": string;
   "zoom-out-filled": string;
+  "zte-filled": string;
 };
 /**
  * Object containing SVG d path of `button` icons.
@@ -591,6 +601,7 @@ export declare const BUTTON_ICONS: {
   "burger-menu-booktab-button": string;
   "check-task-button": string;
   "checkmark-square-button": string;
+  "code-button": string;
   "cursor-index-button": string;
   "document-button": string;
   "excel-doc-button": string;
@@ -622,6 +633,7 @@ export declare const ICONS: {
   "burger-menu-booktab-button": string;
   "check-task-button": string;
   "checkmark-square-button": string;
+  "code-button": string;
   "cursor-index-button": string;
   "document-button": string;
   "excel-doc-button": string;
@@ -646,6 +658,7 @@ export declare const ICONS: {
   "show-video-button": string;
   "textual-analysis-button": string;
   "word-button": string;
+  "accessibility-filled": string;
   "active-note-filled": string;
   "add-note-filled": string;
   "app-switcher-filled": string;
@@ -738,6 +751,7 @@ export declare const ICONS: {
   "clean-filled": string;
   "cloud-delete-filled": string;
   "cloud-download-filled": string;
+  "code-filled": string;
   "collezioni-filled": string;
   "color-selected-filled": string;
   "compare-filled": string;
@@ -767,6 +781,7 @@ export declare const ICONS: {
   "exercises-interactive-filled": string;
   "exercises-online-filled": string;
   "exercises-plus-filled": string;
+  "facebook-filled": string;
   "favorites-filled": string;
   "feed-filled": string;
   "file-zip-filled": string;
@@ -931,8 +946,11 @@ export declare const ICONS: {
   "word-filled": string;
   "working-bag-filled": string;
   "workspace-zanichelli-filled": string;
+  "youtube-filled": string;
   "zoom-in-filled": string;
   "zoom-out-filled": string;
+  "zte-filled": string;
+  accessibility: string;
   "active-note": string;
   "add-note": string;
   "app-switcher": string;
@@ -1025,6 +1043,7 @@ export declare const ICONS: {
   clean: string;
   "cloud-delete": string;
   "cloud-download": string;
+  code: string;
   collezioni: string;
   "color-selected": string;
   compare: string;
@@ -1054,6 +1073,7 @@ export declare const ICONS: {
   "exercises-interactive": string;
   "exercises-online": string;
   "exercises-plus": string;
+  facebook: string;
   favorites: string;
   feed: string;
   "file-zip": string;
@@ -1218,8 +1238,10 @@ export declare const ICONS: {
   word: string;
   "working-bag": string;
   "workspace-zanichelli": string;
+  youtube: string;
   "zoom-in": string;
   "zoom-out": string;
+  zte: string;
 };
 export declare const LEGACY_ICONS: {
   "add-image": string;

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

@@ -0,0 +1,78 @@
+import { BookCardVariant } from "../../beans";
+/**
+ * @slot resources - books resources (extended variant only)
+ * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)
+ * @slot tags - card tags (extended and search variant only)
+ * @slot footer-cta - footer cta button (search and compact variant only)
+ * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color
+ * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color
+ * @cssprop --z-book-card-compact-width - compact card custom width
+ * @cssprop --z-book-card-compact-height - compact card custom height
+ */
+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 - expanded and search variant only
+   */
+  ribbon?: string;
+  /**
+   * [optional] Borderless card - compact variant only
+   */
+  borderless?: boolean;
+  /**
+   * [optional] Fallback cover URL
+   */
+  fallbackCover?: string;
+  /**
+   * [optional] [accessibility] Card title HTML tag
+   */
+  operaTitleTag?: string;
+  isMobile: boolean;
+  hasResources: boolean;
+  showResources: boolean;
+  private id;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private handleResources;
+  private toggleResources;
+  private renderCard;
+  private renderExpandedCard;
+  private renderMobileExpandedCard;
+  private renderSearchCard;
+  private renderCompactCard;
+  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.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, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, 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, SkipToContentLink, SortDirection, ThemeVariant, ToastNotification, ToastNotificationPosition, ToastNotificationTransition, TransitionDirection, VisibilityCondition, 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,48 @@ export namespace Components {
          */
         "variant": "regular" | "semibold";
     }
+    interface ZBookCard {
+        /**
+          * [optional] Authors
+         */
+        "authors"?: string;
+        /**
+          * [optional] Borderless card - compact variant only
+         */
+        "borderless"?: boolean;
+        /**
+          * 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 - expanded and search variant only
+         */
+        "ribbon"?: string;
+        /**
+          * Card variant: expanded, compact, search
+         */
+        "variant": BookCardVariant;
+        /**
+          * [optional] Card subtitle
+         */
+        "volumeTitle"?: string;
+    }
     interface ZBreadcrumb {
         /**
           * [optional] Variant of first node
@@ -2083,6 +2125,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: {
@@ -2630,6 +2678,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;
@@ -2815,6 +2864,48 @@ declare namespace LocalJSX {
          */
         "variant"?: "regular" | "semibold";
     }
+    interface ZBookCard {
+        /**
+          * [optional] Authors
+         */
+        "authors"?: string;
+        /**
+          * [optional] Borderless card - compact variant only
+         */
+        "borderless"?: boolean;
+        /**
+          * 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 - expanded and search variant only
+         */
+        "ribbon"?: string;
+        /**
+          * Card variant: expanded, compact, search
+         */
+        "variant"?: BookCardVariant;
+        /**
+          * [optional] Card subtitle
+         */
+        "volumeTitle"?: string;
+    }
     interface ZBreadcrumb {
         /**
           * [optional] Variant of first node
@@ -4793,6 +4884,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;
@@ -4895,6 +4987,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-8878929e.js";export{o as AlertType,A as AvatarSize,W as BreadcrumbHomepageVariant,V as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,R as CarouselArrowsPosition,U as CarouselProgressMode,e as ControlSize,Q as CoverHeroContentPosition,M as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,J as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,q as PocketStatus,P as PopoverPosition,S as SortDirection,T as ThemeVariant,r as ToastNotification,t as ToastNotificationPosition,s as ToastNotificationTransition,v as TransitionDirection,X as VisibilityCondition,u as ZAriaAlertMode,x as ZChipType,z as ZDatePickerMode,F as ZDatePickerModeValue,G as ZDatePickerPosition,w as ZFileUploadType,H as ZRangePickerMode,y as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-a4711d6d.js";import"./p-b497e33e.js";const $={colorFromId:Y};export{$ as Utils}
+import{c as $}from"./p-aa5e3e61.js";export{o as AlertType,A as AvatarSize,Y as BookCardVariant,W as BreadcrumbHomepageVariant,V as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,R as CarouselArrowsPosition,U as CarouselProgressMode,e as ControlSize,Q as CoverHeroContentPosition,M as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,J as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,q as PocketStatus,P as PopoverPosition,S as SortDirection,T as ThemeVariant,r as ToastNotification,t as ToastNotificationPosition,s as ToastNotificationTransition,v as TransitionDirection,X as VisibilityCondition,u as ZAriaAlertMode,x as ZChipType,z as ZDatePickerMode,F as ZDatePickerModeValue,G as ZDatePickerPosition,w as ZFileUploadType,H as ZRangePickerMode,y as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-e1d9785e.js";import"./p-b497e33e.js";const _={colorFromId:$};export{_ as Utils}

package/dist/web-components-library/{p-32c4383b.entry.js → p-08cc3d1b.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as t,H as s,g as o}from"./p-d17ebc2f.js";import{x as n,P as l}from"./p-a4711d6d.js";import{t as r}from"./p-b497e33e.js";const h=class{constructor(t){i(this,t),this.removeFile=e(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit({fileName:this.fileName}),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var i,e;this.elementHasEllipsis()&&window.innerWidth>r&&(this.allowPopover=!0),null===(e=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===e||e.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t(s,null,this.allowPopover&&t("z-popover",{open:this.popoverVisible,position:l.AUTO,bindTo:this.chip},t("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),t("z-chip",{ref:i=>this.chip=i,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:n.DEFAULT},t("span",{ref:i=>this.ellipsis=i,tabIndex:-1},this.fileName)))}get el(){return o(this)}};h.style=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";export{h as z_file}
+import{r as i,c as e,h as t,H as s,g as o}from"./p-d17ebc2f.js";import{x as n,P as l}from"./p-e1d9785e.js";import{t as r}from"./p-b497e33e.js";const h=class{constructor(t){i(this,t),this.removeFile=e(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit({fileName:this.fileName}),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var i,e;this.elementHasEllipsis()&&window.innerWidth>r&&(this.allowPopover=!0),null===(e=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===e||e.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t(s,null,this.allowPopover&&t("z-popover",{open:this.popoverVisible,position:l.AUTO,bindTo:this.chip},t("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),t("z-chip",{ref:i=>this.chip=i,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:n.DEFAULT},t("span",{ref:i=>this.ellipsis=i,tabIndex:-1},this.fileName)))}get el(){return o(this)}};h.style=".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";export{h as z_file}

package/dist/web-components-library/{p-b7d13c6f.entry.js → p-0b4b3dfc.entry.js}

@@ -1 +1 @@
-import{r as o,h as t}from"./p-d17ebc2f.js";import{P as e}from"./p-a4711d6d.js";const r=class{constructor(t){o(this,t),this.position=e.AUTO,this.dark=!1,this.open=!1,this.closable=!0}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return t("z-popover",{ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:!0,showArrow:!0},t("slot",null))}};r.style=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";export{r as z_tooltip}
+import{r as o,h as t}from"./p-d17ebc2f.js";import{P as e}from"./p-e1d9785e.js";const r=class{constructor(t){o(this,t),this.position=e.AUTO,this.dark=!1,this.open=!1,this.closable=!0}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return t("z-popover",{ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:!0,showArrow:!0},t("slot",null))}};r.style=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";export{r as z_tooltip}

package/dist/web-components-library/{p-9eafcdd4.entry.js → p-0f105c93.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,g as s}from"./p-d17ebc2f.js";import{q as o}from"./p-a4711d6d.js";import{a}from"./p-8878929e.js";import{h as r}from"./p-e43e61ac.js";import"./p-b497e33e.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.PREVIEW}async open(){this.status=o.OPEN}async close(){this.status=o.CLOSED}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.PREVIEW:case o.CLOSED:this.status=o.OPEN;break;case o.OPEN:this.status=o.CLOSED}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.OPEN:"down"===t.detail.direction&&(this.status=o.CLOSED))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"content-wrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const h=class{constructor(i){t(this,i),this.status=o.PREVIEW}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
+import{r as t,c as i,h as e,g as s}from"./p-d17ebc2f.js";import{q as o}from"./p-e1d9785e.js";import{a}from"./p-aa5e3e61.js";import{h as r}from"./p-e43e61ac.js";import"./p-b497e33e.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.PREVIEW}async open(){this.status=o.OPEN}async close(){this.status=o.CLOSED}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.PREVIEW:case o.CLOSED:this.status=o.OPEN;break;case o.OPEN:this.status=o.CLOSED}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.OPEN:"down"===t.detail.direction&&(this.status=o.CLOSED))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"content-wrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const h=class{constructor(i){t(this,i),this.status=o.PREVIEW}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}

package/dist/web-components-library/{p-6d723eea.entry.js → p-113c954a.entry.js}

@@ -1 +1 @@
-import{r,h as a,H as t}from"./p-d17ebc2f.js";import{u as s}from"./p-a4711d6d.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{u as s}from"./p-e1d9785e.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}

package/dist/web-components-library/p-13a9791b.entry.js

@@ -0,0 +1 @@
+export{Z as z_table_row}from"./p-5e44e5d6.js";import"./p-d17ebc2f.js";import"./p-e1d9785e.js";

package/dist/web-components-library/p-1ae044cc.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s}from"./p-d17ebc2f.js";import{a as e}from"./p-aa5e3e61.js";import"./p-e1d9785e.js";import"./p-b497e33e.js";const a=class{constructor(s){i(this,s),this.zListItemLinkClick=t(this,"zListItemLinkClick",7),this.zListItemClick=t(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>e(i,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>e(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};a.style=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--myz-blue);fill:var(--myz-blue)}";export{a as z_myz_list_item}

package/{www/build/p-b6f0020b.js → dist/web-components-library/p-1c7aba64.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as a,g as o}from"./p-d17ebc2f.js";import{B as e,d as n,P as r}from"./p-a4711d6d.js";import{d as c}from"./p-8878929e.js";const l=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding="medium",this.defaultSortDirection="asc",this.sortDirection="none",this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case"asc":return"desc";case"desc":return"asc";case"none":return this.defaultSortDirection;default:return"none"}})(),this.emitOnSort())}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){!c(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))&&this.popover&&(this.popover.open=!1)}handleClickHeaders(t){const s=t.target,i=c(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection="none")}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:{sortable:this.sortable},onClick:()=>this.handleSort()},i("div",{class:"container"},i("slot",null),this.sortable&&"none"!==this.sortDirection&&i("z-icon",{name:"asc"===this.sortDirection?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:"popover-container"},i("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:e.TERTIARY,size:n.X_SMALL,onClick:()=>this.handleMenuClick()}),i("z-popover",{ref:t=>this.popover=t,position:r.BOTTOM,center:!0,bindTo:this.triggerButton},i("div",null,i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};l.style=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{l as Z}
+import{r as t,c as s,h as i,H as a,g as e}from"./p-d17ebc2f.js";import{B as o,d as n,P as r}from"./p-e1d9785e.js";import{d as c}from"./p-aa5e3e61.js";const l=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding="medium",this.defaultSortDirection="asc",this.sortDirection="none",this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case"asc":return"desc";case"desc":return"asc";case"none":return this.defaultSortDirection;default:return"none"}})(),this.emitOnSort())}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){!c(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))&&this.popover&&(this.popover.open=!1)}handleClickHeaders(t){const s=t.target,i=c(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection="none")}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:{sortable:this.sortable},onClick:()=>this.handleSort()},i("div",{class:"container"},i("slot",null),this.sortable&&"none"!==this.sortDirection&&i("z-icon",{name:"asc"===this.sortDirection?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:"popover-container"},i("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:o.TERTIARY,size:n.X_SMALL,onClick:()=>this.handleMenuClick()}),i("z-popover",{ref:t=>this.popover=t,position:r.BOTTOM,center:!0,bindTo:this.triggerButton},i("div",null,i("slot",{name:"contextual-menu"})))))}get host(){return e(this)}};l.style=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{l as Z}