@zanichelli/albe-web-components 2.25.0 → 2.26.0

package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts

@@ -1,18 +1,18 @@
-import { EventEmitter } from "../../../../stencil-public-runtime";
-/**
- * @slot  - pocket header content
- */
-export declare class ZPocketHeader {
-  /** pocket id */
-  pocketid: string;
-  private swipeWrap;
-  /** Emitted on pocket header click */
-  pocketHeaderClick: EventEmitter;
-  emitPocketHeaderClick(): void;
-  /** Emitted on pocket header pan */
-  pocketHeaderPan: EventEmitter;
-  emitPocketHeaderPan(direction: string): void;
-  constructor();
-  componentDidLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../../../stencil-public-runtime";
+/**
+ * @slot  - pocket header content
+ */
+export declare class ZPocketHeader {
+  /** pocket id */
+  pocketid: string;
+  private swipeWrap;
+  /** Emitted on pocket header click */
+  pocketHeaderClick: EventEmitter;
+  emitPocketHeaderClick(): void;
+  /** Emitted on pocket header pan */
+  pocketHeaderPan: EventEmitter;
+  emitPocketHeaderPan(direction: string): void;
+  constructor();
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts

@@ -1,7 +1,7 @@
-/**
- * @slot  - message body
- * @slot cta - message CTAs
- */
-export declare class ZPocketMessage {
-  render(): any;
-}
+/**
+ * @slot  - message body
+ * @slot cta - message CTAs
+ */
+export declare class ZPocketMessage {
+  render(): any;
+}

package/dist/types/snowflakes/myz/topbar/index.d.ts

@@ -1,61 +1,61 @@
-import { MenuItem, HeaderUserData, ListItemBean } from "../../../beans";
-/**
- * @slot editors - top menu editors images bar (only with ismyz prop === true)
- */
-export declare class ZMyzTopbar {
-  /** data to fill internal navigation links */
-  intlinkdata?: string | MenuItem[];
-  /** data to fill external navigation links */
-  extlinkdata?: string | MenuItem[];
-  /** data to fill user dropdown menu (optional) */
-  userdata?: string | HeaderUserData;
-  /** graphic flag to set myzanichelli style */
-  ismyz: boolean;
-  /** url to attach to logo (optional) */
-  logolink?: string;
-  /** alternative logo title text (optional) */
-  imagealt?: string;
-  /** set current active menu link (optional) */
-  activeintlinkid?: string;
-  /** set current active sub menu link (optional) */
-  activesublinkid?: string;
-  /** hide login button if true (optional) */
-  hideloginbutton?: boolean;
-  activeMenuItem: MenuItem;
-  currentMenuItem: MenuItem;
-  isMobile: boolean;
-  isMenuMobileOpen: boolean;
-  private intMenuData;
-  private extMenuData;
-  private userData;
-  private isLogged;
-  private element;
-  activeIntLinkChange(newValue: string): void;
-  handleResize(): void;
-  handleZListItemLinkClick(): void;
-  handleZListItemClick(): void;
-  componentWillLoad(): void;
-  renderLogoDiv(): HTMLDivElement;
-  renderIntMenu(menuItems: MenuItem[]): HTMLDivElement | undefined;
-  renderIntMenuItem(menuItem: MenuItem): HTMLSpanElement;
-  getIntMenuItemTabindex(item: MenuItem): number;
-  handleToggleMobileMenuItem(elementId: string): void;
-  renderMenuItemsData(menuItem: any): HTMLSpanElement | null;
-  renderMobileSubMenu(menuItems: ListItemBean[], id?: string): HTMLSpanElement;
-  renderSubMenu(menuItem: MenuItem): HTMLDivElement | undefined;
-  renderExtLinksIcons(icon: any): {
-    icon: any;
-  };
-  renderExtMenu(menuItems: MenuItem[]): HTMLDivElement;
-  renderLoginDiv(userData: HeaderUserData): HTMLDivElement;
-  renderLoginButton(): any;
-  renderMobileLoginDiv(userData: HeaderUserData): HTMLDivElement;
-  renderUserData(userData: HeaderUserData): HTMLSpanElement;
-  renderDesktopHeader(): HTMLHeadingElement;
-  renderMainHeader(): HTMLDivElement;
-  renderMobileHeader(): HTMLHeadingElement;
-  renderMobileMenu(): HTMLDivElement;
-  renderMobileMenuToggle(): any;
-  renderMobileMenuContent(): HTMLDivElement | null;
-  render(): HTMLHeadingElement;
-}
+import { MenuItem, HeaderUserData, ListItemBean } from "../../../beans";
+/**
+ * @slot editors - top menu editors images bar (only with ismyz prop === true)
+ */
+export declare class ZMyzTopbar {
+  /** data to fill internal navigation links */
+  intlinkdata?: string | MenuItem[];
+  /** data to fill external navigation links */
+  extlinkdata?: string | MenuItem[];
+  /** data to fill user dropdown menu (optional) */
+  userdata?: string | HeaderUserData;
+  /** graphic flag to set myzanichelli style */
+  ismyz: boolean;
+  /** url to attach to logo (optional) */
+  logolink?: string;
+  /** alternative logo title text (optional) */
+  imagealt?: string;
+  /** set current active menu link (optional) */
+  activeintlinkid?: string;
+  /** set current active sub menu link (optional) */
+  activesublinkid?: string;
+  /** hide login button if true (optional) */
+  hideloginbutton?: boolean;
+  activeMenuItem: MenuItem;
+  currentMenuItem: MenuItem;
+  isMobile: boolean;
+  isMenuMobileOpen: boolean;
+  private intMenuData;
+  private extMenuData;
+  private userData;
+  private isLogged;
+  private element;
+  activeIntLinkChange(newValue: string): void;
+  handleResize(): void;
+  handleZListItemLinkClick(): void;
+  handleZListItemClick(): void;
+  componentWillLoad(): void;
+  renderLogoDiv(): HTMLDivElement;
+  renderIntMenu(menuItems: MenuItem[]): HTMLDivElement | undefined;
+  renderIntMenuItem(menuItem: MenuItem): HTMLSpanElement;
+  getIntMenuItemTabindex(item: MenuItem): number;
+  handleToggleMobileMenuItem(elementId: string): void;
+  renderMenuItemsData(menuItem: any): HTMLSpanElement | null;
+  renderMobileSubMenu(menuItems: ListItemBean[], id?: string): HTMLSpanElement;
+  renderSubMenu(menuItem: MenuItem): HTMLDivElement | undefined;
+  renderExtLinksIcons(icon: any): {
+    icon: any;
+  };
+  renderExtMenu(menuItems: MenuItem[]): HTMLDivElement;
+  renderLoginDiv(userData: HeaderUserData): HTMLDivElement;
+  renderLoginButton(): any;
+  renderMobileLoginDiv(userData: HeaderUserData): HTMLDivElement;
+  renderUserData(userData: HeaderUserData): HTMLSpanElement;
+  renderDesktopHeader(): HTMLHeadingElement;
+  renderMainHeader(): HTMLDivElement;
+  renderMobileHeader(): HTMLHeadingElement;
+  renderMobileMenu(): HTMLDivElement;
+  renderMobileMenuToggle(): any;
+  renderMobileMenuContent(): HTMLDivElement | null;
+  render(): HTMLHeadingElement;
+}

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

@@ -1,9 +1,9 @@
-import { AlertTypes } from "../../../beans/index";
-/**
- * @slot - alert content
- */
-export declare class ZAlert {
-  /** alert variant type */
-  type: AlertTypes;
-  render(): any;
-}
+import { AlertTypes } from "../../../beans/index";
+/**
+ * @slot - alert content
+ */
+export declare class ZAlert {
+  /** alert variant type */
+  type: AlertTypes;
+  render(): any;
+}

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

@@ -1,13 +1,13 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { InputStatusBean } from "../../../beans";
-export declare class ZOtp {
-  inputNum?: number;
-  status?: InputStatusBean;
-  message?: string;
-  private otp;
-  private otpRef;
-  otpChange: EventEmitter;
-  emitInputChange(value: string): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { InputStatusBean } from "../../../beans";
+export declare class ZOtp {
+  inputNum?: number;
+  status?: InputStatusBean;
+  message?: string;
+  private otp;
+  private otpRef;
+  otpChange: EventEmitter;
+  emitInputChange(value: string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,30 +1,30 @@
-import { DeviceType } from "../../../beans";
-/**
- * @slot footer-right - right content slot in footer
- * @slot footer-left - left content slot in footer
- */
-export declare class ZSlideshow {
-  el: HTMLElement;
-  /** slideshow id */
-  slideshowid: string;
-  /** array or JSON stringified images urls */
-  data: string[] | string;
-  device: DeviceType;
-  currentSlide: number;
-  private links;
-  watchData(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  handleResize(): void;
-  parseLinks(): any;
-  setStyle(): void;
-  setDevice(): void;
-  setCurrentSlide(index: number): void;
-  getBulletDimension(): number;
-  renderSlides(items: string[]): HTMLElement;
-  renderScroll(direction: "left" | "right"): HTMLZIconElement;
-  renderSlideshowMain(): HTMLElement;
-  renderBullet(i: number): HTMLElement;
-  renderSlideshowFooter(): HTMLElement;
-  render(): HTMLElement;
-}
+import { DeviceType } from "../../../beans";
+/**
+ * @slot footer-right - right content slot in footer
+ * @slot footer-left - left content slot in footer
+ */
+export declare class ZSlideshow {
+  el: HTMLElement;
+  /** slideshow id */
+  slideshowid: string;
+  /** array or JSON stringified images urls */
+  data: string[] | string;
+  device: DeviceType;
+  currentSlide: number;
+  private links;
+  watchData(): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  handleResize(): void;
+  parseLinks(): any;
+  setStyle(): void;
+  setDevice(): void;
+  setCurrentSlide(index: number): void;
+  getBulletDimension(): number;
+  renderSlides(items: string[]): HTMLElement;
+  renderScroll(direction: "left" | "right"): HTMLZIconElement;
+  renderSlideshowMain(): HTMLElement;
+  renderBullet(i: number): HTMLElement;
+  renderSlideshowFooter(): HTMLElement;
+  render(): HTMLElement;
+}

package/dist/types/snowflakes/registro-table/z-registro-table/index.d.ts

@@ -1,48 +1,48 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-/**
- * @slot - table elements
- * @slot sticky-footer - set the content of the sticky footer
- */
-export declare class ZRegistroTable {
-  host: HTMLElement;
-  /** Number of lines of element */
-  lines?: number;
-  /** Error message */
-  errorMessage?: string;
-  /** Sets table with border */
-  bordered?: boolean;
-  /** Sets call to action label */
-  callToActionLabel?: string;
-  /** Sets call to action label */
-  callToActionTwoLabel?: string;
-  /** Sets first column sticky */
-  columnSticky?: boolean;
-  /** Sets empty table */
-  empty?: boolean;
-  /** Set error status */
-  error?: boolean;
-  /** Set error status */
-  errorLink?: string;
-  /** Sets header sticky */
-  headerSticky?: boolean;
-  /** Set message */
-  message?: string;
-  /** Set subtitle */
-  subtitle?: string;
-  /** Set if has table content, useful when empty conte to who first column */
-  hasTableBody: boolean;
-  /** Handle mobile */
-  isMobile: boolean;
-  /** remove call to action event */
-  /** remove call to action event */
-  callToAction: EventEmitter;
-  /** remove call to action event */
-  callToActionTwo: EventEmitter;
-  handleResize(): void;
-  handleOrientationChange(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  renderError(tableClass: any): any;
-  renderEmpty(tableClass: any): any;
-  render(): any;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+/**
+ * @slot - table elements
+ * @slot sticky-footer - set the content of the sticky footer
+ */
+export declare class ZRegistroTable {
+  host: HTMLElement;
+  /** Number of lines of element */
+  lines?: number;
+  /** Error message */
+  errorMessage?: string;
+  /** Sets table with border */
+  bordered?: boolean;
+  /** Sets call to action label */
+  callToActionLabel?: string;
+  /** Sets call to action label */
+  callToActionTwoLabel?: string;
+  /** Sets first column sticky */
+  columnSticky?: boolean;
+  /** Sets empty table */
+  empty?: boolean;
+  /** Set error status */
+  error?: boolean;
+  /** Set error status */
+  errorLink?: string;
+  /** Sets header sticky */
+  headerSticky?: boolean;
+  /** Set message */
+  message?: string;
+  /** Set subtitle */
+  subtitle?: string;
+  /** Set if has table content, useful when empty conte to who first column */
+  hasTableBody: boolean;
+  /** Handle mobile */
+  isMobile: boolean;
+  /** remove call to action event */
+  /** remove call to action event */
+  callToAction: EventEmitter;
+  /** remove call to action event */
+  callToActionTwo: EventEmitter;
+  handleResize(): void;
+  handleOrientationChange(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  renderError(tableClass: any): any;
+  renderEmpty(tableClass: any): any;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-body/index.d.ts

@@ -1,5 +1,5 @@
-export declare class ZRegistroTableBody {
-  host: HTMLElement;
-  componentWillRender(): void;
-  render(): any;
-}
+export declare class ZRegistroTableBody {
+  host: HTMLElement;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts

@@ -1,9 +1,9 @@
-export declare class ZRegistroTableCell {
-  host: HTMLElement;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  isMenuOpened: boolean;
-  handleMenu(): void;
-  componentWillRender(): void;
-  render(): any;
-}
+export declare class ZRegistroTableCell {
+  host: HTMLElement;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  isMenuOpened: boolean;
+  handleMenu(): void;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-empty-box/index.d.ts

@@ -1,7 +1,7 @@
-export declare class ZRegistroTableEmptyBox {
-  /** Sets main title message*/
-  message?: string;
-  /** Sets message */
-  subtitle?: string;
-  render(): any;
-}
+export declare class ZRegistroTableEmptyBox {
+  /** Sets main title message*/
+  message?: string;
+  /** Sets message */
+  subtitle?: string;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-expanded-row/index.d.ts

@@ -1,5 +1,5 @@
-export declare class ZRegistroTableExpandedRow {
-  /** Number table column plus 1 for the expand button */
-  colSpan: number;
-  render(): any;
-}
+export declare class ZRegistroTableExpandedRow {
+  /** Number table column plus 1 for the expand button */
+  colSpan: number;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-footer/index.d.ts

@@ -1,5 +1,5 @@
-export declare class ZRegistroTableFooter {
-  host: HTMLElement;
-  componentWillRender(): void;
-  render(): any;
-}
+export declare class ZRegistroTableFooter {
+  host: HTMLElement;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/snowflakes/registro-table/z-registro-table-head/index.d.ts

@@ -1,5 +1,5 @@
-export declare class ZRegistroTableHead {
-  host: HTMLElement;
-  componentWillRender(): void;
-  render(): any;
-}
+export declare class ZRegistroTableHead {
+  host: HTMLElement;
+  componentWillRender(): void;
+  render(): any;
+}

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

@@ -1,25 +1,25 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { SortDirection, TableHeaderSize } from "../../../beans";
-export declare class ZRegistroTableHeader {
-  host: HTMLElement;
-  /** Column ID */
-  columnId: string;
-  /** [Optional] Padding of the header */
-  size?: TableHeaderSize;
-  /** [Optional] Make the header sortable */
-  sortable?: boolean;
-  /** [Optional] Show contextual menu button */
-  showButton?: boolean;
-  sortDirection: SortDirection;
-  isMenuOpened: boolean;
-  constructor();
-  /** [Optional] callback for sorting */
-  sort: EventEmitter;
-  emitOnSort(): void;
-  handleSort(): void;
-  handleMenuClick(): void;
-  handleOutsideClick(e: any): void;
-  handleClickHeaders(e: any): void;
-  componentWillRender(): void;
-  render(): any;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SortDirection, TableHeaderSize } from "../../../beans";
+export declare class ZRegistroTableHeader {
+  host: HTMLElement;
+  /** Column ID */
+  columnId: string;
+  /** [Optional] Padding of the header */
+  size?: TableHeaderSize;
+  /** [Optional] Make the header sortable */
+  sortable?: boolean;
+  /** [Optional] Show contextual menu button */
+  showButton?: boolean;
+  sortDirection: SortDirection;
+  isMenuOpened: boolean;
+  constructor();
+  /** [Optional] callback for sorting */
+  sort: EventEmitter;
+  emitOnSort(): void;
+  handleSort(): void;
+  handleMenuClick(): void;
+  handleOutsideClick(e: any): void;
+  handleClickHeaders(e: any): void;
+  componentWillRender(): void;
+  render(): any;
+}

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

@@ -1,5 +1,5 @@
-export declare class ZRegistroTableHeaderRow {
-  expandable?: boolean;
-  _renderExpandHeader(): any;
-  render(): any;
-}
+export declare class ZRegistroTableHeaderRow {
+  expandable?: boolean;
+  _renderExpandHeader(): any;
+  render(): any;
+}

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

@@ -1,11 +1,11 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { ZRegistroTableRowExpandedType } from "../../../beans";
-export declare class ZRegistroTableRow {
-  expandedType: ZRegistroTableRowExpandedType;
-  expanded: boolean;
-  expand: EventEmitter;
-  emitOnExpand(): void;
-  handleExpand(): void;
-  renderExpandButton(): any;
-  render(): any;
-}
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ZRegistroTableRowExpandedType } from "../../../beans";
+export declare class ZRegistroTableRow {
+  expandedType: ZRegistroTableRowExpandedType;
+  expanded: boolean;
+  expand: EventEmitter;
+  emitOnExpand(): void;
+  handleExpand(): void;
+  renderExpandButton(): any;
+  render(): any;
+}

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

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

package/dist/types/utils/utils.d.ts

@@ -1,11 +1,11 @@
-import { DeviceEnum } from "../beans/index";
-export declare function format(first: string, middle: string, last: string): string;
-export declare function retrieveAsset(assetName: string): string;
-export declare function randomId(): string;
-export declare function handleKeyboardSubmit(ev: KeyboardEvent, callback: Function, ...args: any[]): void;
-export declare function getClickedElement(elem?: null | Element): null | Element;
-export declare function getElementTree(elem: Element, tree?: Element[]): null | Element[];
-export declare function getSiblings(elem: HTMLElement): any[];
-export declare function getDevice(): DeviceEnum;
-export declare function convertJson(data: string): any;
-export declare function colorFromId(id: any): string;
+import { DeviceEnum } from "../beans/index";
+export declare function format(first: string, middle: string, last: string): string;
+export declare function retrieveAsset(assetName: string): string;
+export declare function randomId(): string;
+export declare function handleKeyboardSubmit(ev: KeyboardEvent, callback: Function, ...args: any[]): void;
+export declare function getClickedElement(elem?: null | Element): null | Element;
+export declare function getElementTree(elem: Element, tree?: Element[]): null | Element[];
+export declare function getSiblings(elem: HTMLElement): any[];
+export declare function getDevice(): DeviceEnum;
+export declare function convertJson(data: string): any;
+export declare function colorFromId(id: any): string;

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

@@ -1 +1 @@
-import{c as o}from"./p-feb1a4a6.js";import"./p-8dfa676e.js";import"./p-d69e14fb.js";const p={colorFromId:o};export{p as Utils}
+import{c as o}from"./p-2be4e3cb.js";import"./p-da365fd4.js";import"./p-e35d3552.js";const p={colorFromId:o};export{p as Utils}

package/dist/web-components-library/{p-418044b0.entry.js → p-12b32f04.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,g as s}from"./p-904a85e4.js";import{p as o}from"./p-8dfa676e.js";import{h as a}from"./p-feb1a4a6.js";import{h as r}from"./p-9912e411.js";import"./p-d69e14fb.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:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";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{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;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:0px;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{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}: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-904a85e4.js";import{p as o}from"./p-da365fd4.js";import{h as a}from"./p-2be4e3cb.js";import{h as r}from"./p-9912e411.js";import"./p-e35d3552.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:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";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{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;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:0px;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{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}: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-cfa47b41.entry.js → p-18420d63.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as s,g as e}from"./p-904a85e4.js";import{t as i}from"./p-8dfa676e.js";const n=class{constructor(o){t(this,o),this.newestontop=!0,this.slotChangeHandler=()=>{const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}render(){return o(s,{class:this.position?this.position:i.topRight},o("slot",{name:"toasts"}))}get hostElement(){return e(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";export{n as z_toast_notification_list}
+import{r as t,h as o,H as s,g as e}from"./p-904a85e4.js";import{t as i}from"./p-da365fd4.js";const n=class{constructor(o){t(this,o),this.newestontop=!0,this.slotChangeHandler=()=>{const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}render(){return o(s,{class:this.position?this.position:i.topRight},o("slot",{name:"toasts"}))}get hostElement(){return e(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";export{n as z_toast_notification_list}