@zanichelli/albe-web-components 13.3.1-vs → 13.3.1

package/dist/esm/z-pocket_3.entry.js

@@ -60,7 +60,7 @@ const ZPocket = class {
         }
     }
     render() {
-        return (h("div", { key: '97d80e0b2cb56a932f35aa104256bf763f1eee7c' }, h("div", { key: '9e8f3eacd18892d80cc1a5c314c861ef18178daa', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'ee7d44929e94ebe8f2c128a74e0b8250819df04b', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '57a77810690ce70ed3c7fac92cc4fa7e5158f17d' }, h("slot", { key: '9f1c1757f0bc2ff2db326ac9158d80f33802970f' })))));
+        return (h("div", { key: 'ad25460e1d77b82434d7237fc8bf70bdaccd1037' }, h("div", { key: '66003489b14556acf7ea4345dfd942cb244abfad', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '69e23ca317f9aa2d68e00213af6d4aba2d01a5f9', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '1d02d4b55e0853375c3770bd0f038e38922ce3f4' }, h("slot", { key: 'a4a0ebc7522d5f242263ac87b8b61191dd98d2b7' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -84,7 +84,7 @@ const ZPocketBody = class {
         }
     }
     render() {
-        return (h("main", { key: 'cd660568916f4384dc815a3c0067a579c217fa33', class: this.status }, h("slot", { key: '3dd94db83f10a36a3656914a90ca571bd088fc6d' })));
+        return (h("main", { key: 'f017441cd9ae7d12e0bea9ee61f6ebae5809ade7', class: this.status }, h("slot", { key: '02d262a95a8d41b1e303ac9d0efbd4218e8b28c9' })));
     }
 };
 ZPocketBody.style = ZPocketBodyStyle0;
@@ -114,7 +114,7 @@ const ZPocketHeader = class {
         mc.on("pandown", () => this.emitPocketHeaderPan("down"));
     }
     render() {
-        return (h("header", { key: '4f1f69686926f9b45d72800e711ae8437a3ca2f5', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'cfdaf2acf381639e86ea15349a83834c311fda71' })));
+        return (h("header", { key: 'f14fbd3ff1d6757a840175eb9f17e71e40d7c507', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'f6087dbe044ca3f0d2777194a73e60c4d5306c3c' })));
     }
 };
 ZPocketHeader.style = ZPocketHeaderStyle0;

package/dist/esm/z-popover.entry.js

@@ -300,7 +300,7 @@ const ZPopover = class {
         this.onOpen();
     }
     render() {
-        return h("slot", { key: 'dd51a369f1d5c8097418f1e69dd52c155adbe46e' });
+        return h("slot", { key: '5b096156553e94c50200ccd47d6ea97d65f03c54' });
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-section-title.entry.js

@@ -14,7 +14,7 @@ const ZSectionTitle = class {
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (h(Host, { key: 'b629b236477e358e5e1f839dfab33ac08aa3cd68' }, h("slot", { key: 'f0752bbd190a7ad8a1e5f72a81c0cd92c77137f7', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'a4477bb9b91f62cdf839532f54eeb783615cc498', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'ffae3cccc6d4923d5904055ab083a1d581818e5b' }, h("slot", { key: 'a8bad3881acb225f24dafd28316bc08be97657f1', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '7121066325d4be6c5385d70083da300f15eacf2b', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/z-skip-to-content.entry.js

@@ -48,7 +48,7 @@ const ZSkipToContent = class {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '08004b426a63113ef27d0cac85716b5433a2a292', class: {
+        return (h(Host, { key: '911d2c6e0710ecc5f438fba15ace454e2d43b2d1', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/esm/z-visually-hidden.entry.js

@@ -8,7 +8,7 @@ const ZVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: '9fb05af5cc8c977fc5041b5a5b75d5813caefd82' });
+        return h("slot", { key: '65fd2ab29bc68aa93203b219daa615d80bc6bdba' });
     }
 };
 ZVisuallyHidden.style = ZVisuallyHiddenStyle0;

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

@@ -26,7 +26,7 @@ export declare class ZAnchorNavigation {
     /** Reference to the nav element. */
     private nav;
     /**
-     * Set aria-current attribute to the anchors and `current` to nav children.
+     * Set aria-current attribute to the anchors.
      */
     private setAriaCurrent;
     /**

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

@@ -21,22 +21,20 @@ export declare class ZBreadcrumb {
     popoverEllipsisOpen: boolean;
     /** Emitted when preventFollowUrl=true to handle custom page transition */
     clickOnNode: EventEmitter<BreadcrumbPath["path"]>;
-    handleResize(): void;
-    handlePropChange(): void;
-    handleResizeUp(newValue: Device, oldValue: Device): void;
     private pathsList;
     private pathListCopy;
     private collapsedElements;
     private collapsedElementsRef;
     private triggerButton;
-    private triggerEllipsis;
     private wrapElement;
     private currentIndex;
     private homepageNode;
-    private totalLenght;
     private anchorElements;
     private currentEllipsisText;
     private truncatePosition;
+    handleResize(): void;
+    handlePropChange(): void;
+    handleResizeUp(newValue: Device, oldValue: Device): void;
     componentWillLoad(): void;
     componentWillRender(): void;
     componentDidRender(): void;
@@ -44,13 +42,12 @@ export declare class ZBreadcrumb {
     private checkEllipsisOrOverflowMenu;
     private truncateWithEllipsis;
     private getPathsItemsList;
-    private renderMobileBreadcrumb;
     private renderHomepageNode;
-    private renderNode;
-    private renderBreadcrumb;
     private togglePopover;
     private handlePreventFollowUrl;
     private handleOverflowMenuAccessibility;
     private renderOverflowMenu;
+    private renderMobileItems;
+    private renderItems;
     render(): HTMLZBreadcrumbElement;
 }

package/dist/web-components-library/{p-dbc437d8.entry.js → p-06d2cd5d.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as o}from"./p-10bb4f4b.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{flex-direction:row;grid-column:2 / 3}}";const t=r;const e=class{constructor(o){a(this,o)}render(){return o("div",{key:"af350f4364cdc056efb2bfb7573f32aff6e1fb74"},o("z-icon",{key:"978d77e166c93ff7dc66ce4488b9de335ad222f1",name:"exclamation-circle"}),o("div",{key:"8b2b15f096af975a001abc24f13145c19a93df10",class:"content"},o("slot",{key:"dc4a2c27b657fa13e1ed27b095c31903f481dfb6"})),o("div",{key:"73f8485447c46858f416f8cf10c332808ee8a129",class:"cta-wrapper"},o("slot",{key:"9b36b26758f23f527da634df4a115d0db6ca8b51",name:"cta"})))}};e.style=t;export{e as z_pocket_message};
-//# sourceMappingURL=p-dbc437d8.entry.js.map
+import{r as a,h as o}from"./p-10bb4f4b.js";const e=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{flex-direction:row;grid-column:2 / 3}}";const r=e;const t=class{constructor(o){a(this,o)}render(){return o("div",{key:"843ee900479a31fb894034f112cc0228b96777db"},o("z-icon",{key:"fd7328544da14a6f0291267e9b5b0f13eebc6d78",name:"exclamation-circle"}),o("div",{key:"1612d02ebeb6a3181d632350af14d847883cdce4",class:"content"},o("slot",{key:"f7256dfd56028f2dc9e3c42c324c210041ed50ad"})),o("div",{key:"9b5db0c5c46967ba4ae2091fac0ab3e4ec3718ff",class:"cta-wrapper"},o("slot",{key:"9a23bdb386bd1c10d311c41226a430e2a61b9d45",name:"cta"})))}};t.style=r;export{t as z_pocket_message};
+//# sourceMappingURL=p-06d2cd5d.entry.js.map

package/dist/web-components-library/p-1768c5e0.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as n,a}from"./p-10bb4f4b.js";import{B as i}from"./p-025f494e.js";const t="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-text01);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button,z-icon){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}z-anchor-navigation nav z-icon{--z-icon-width:16px;--z-icon-height:16px;display:flex;padding:calc(var(--space-unit) * 1.5);fill:var(--color-icon02)}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav a{outline:none}@media (hover: hover){z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation nav>*:is(:focus,:focus-within),z-anchor-navigation nav :is(z-icon,button):focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent}z-anchor-navigation nav>*:not([data-current],:hover,:focus,:focus-within)>*:is(z-button,button,z-icon):not(:focus:focus-visible){opacity:0;pointer-events:none}@media (hover: none){z-anchor-navigation:not([hide-unselected]) nav>*>*:is(z-button,button,z-icon){opacity:1;pointer-events:all}}}";const r=t;const e=class{constructor(n){o(this,n);this.hideUnselected=false;this.collapsed=false}setAriaCurrent(){Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a");const a=window.location.href===n.href;n.setAttribute("aria-current",a.toString());o.toggleAttribute("data-current",a)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){window.addEventListener("hashchange",this.setAriaCurrent.bind(this));this.setAriaCurrent()}disconnectedCallback(){window.removeEventListener("hashchange",this.setAriaCurrent)}render(){return n(a,{key:"7dbd18145c5e8f799ae5dca19f1f1f4eaa8690b3",collapsed:this.collapsed},n("z-button",{key:"5c36d79b8284d4f0aef21c659947fa5042a784c1",class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),n("nav",{key:"26c60ec5a4110f25a9dc9f3e34f1338c170f07b2",ref:o=>this.nav=o},n("slot",{key:"06320c9dd7b84048b5008cd6d3163df0455dd83d"})))}};e.style=r;export{e as z_anchor_navigation};
+//# sourceMappingURL=p-1768c5e0.entry.js.map

package/dist/web-components-library/p-1768c5e0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAnchorNavigationStyle0","ZAnchorNavigation","setAriaCurrent","Array","from","this","nav","children","forEach","item","anchor","HTMLAnchorElement","querySelector","isCurrent","window","location","href","setAttribute","toString","toggleAttribute","toggleCollapsed","collapsed","componentDidLoad","addEventListener","bind","disconnectedCallback","removeEventListener","render","h","Host","key","class","variant","ButtonVariant","SECONDARY","icon","onClick","ref","el"],"sources":["src/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","src/components/z-anchor-navigation/index.tsx"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  color: inherit;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-surface04);\n  color: var(--color-text01);\n  font-family: var(--font-family-sans);\n  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-link-primary);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button, z-icon) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nz-anchor-navigation nav z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  display: flex;\n  padding: calc(var(--space-unit) * 1.5);\n  fill: var(--color-icon02);\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  z-anchor-navigation nav a {\n    outline: none;\n  }\n\n  @media (hover: hover) {\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-secondary);\n      background-color: var(--color-hover-surface);\n      color: var(--color-hover-link);\n    }\n  }\n\n  z-anchor-navigation nav > *:is(:focus, :focus-within),\n  z-anchor-navigation nav :is(z-icon, button):focus:focus-visible {\n    box-shadow: var(--shadow-focus-primary);\n    outline: none;\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n    color: transparent;\n  }\n\n  z-anchor-navigation\n    nav\n    > *:not([data-current], :hover, :focus, :focus-within)\n    > *:is(z-button, button, z-icon):not(:focus:focus-visible) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: none) {\n    z-anchor-navigation:not([hide-unselected]) nav > * > *:is(z-button, button, z-icon) {\n      opacity: 1;\n      pointer-events: all;\n    }\n  }\n}\n","import {Component, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * * Anchor navigation component.\n * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n  tag: \"z-anchor-navigation\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZAnchorNavigation {\n  /**\n   * If enabled, the text of each anchor will be hidden unless\n   * for the current one or the one the user is hovering.\n   */\n  @Prop({reflect: true})\n  hideUnselected = false;\n\n  /**\n   * Whether the mobile list is collapsed.\n   */\n  @State()\n  collapsed = false;\n\n  /** Reference to the nav element. */\n  private nav: HTMLElement;\n\n  /**\n   * Set aria-current attribute to the anchors.\n   */\n  private setAriaCurrent(): void {\n    Array.from(this.nav.children).forEach((item) => {\n      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n      const isCurrent = window.location.href === anchor.href;\n      anchor.setAttribute(\"aria-current\", isCurrent.toString());\n      item.toggleAttribute(\"data-current\", isCurrent);\n    });\n  }\n\n  /**\n   * Toggle collapsed state.\n   */\n  private toggleCollapsed(): void {\n    this.collapsed = !this.collapsed;\n  }\n\n  componentDidLoad(): void {\n    window.addEventListener(\"hashchange\", this.setAriaCurrent.bind(this));\n    this.setAriaCurrent();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"hashchange\", this.setAriaCurrent);\n  }\n\n  render(): HTMLZAnchorNavigationElement {\n    return (\n      <Host collapsed={this.collapsed}>\n        <z-button\n          class=\"toggle\"\n          variant={ButtonVariant.SECONDARY}\n          icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n          onClick={this.toggleCollapsed.bind(this)}\n        >\n          salta a\n        </z-button>\n        <nav ref={(el) => (this.nav = el)}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iFAAA,MAAMA,EAAY,i8EAClB,MAAAC,EAAeD,E,MCsBFE,EAAiB,M,6CAMX,M,eAML,K,CAQJ,cAAAC,GACNC,MAAMC,KAAKC,KAAKC,IAAIC,UAAUC,SAASC,IACrC,MAAMC,EAASD,aAAgBE,kBAAoBF,EAAOA,EAAKG,cAAc,KAC7E,MAAMC,EAAYC,OAAOC,SAASC,OAASN,EAAOM,KAClDN,EAAOO,aAAa,eAAgBJ,EAAUK,YAC9CT,EAAKU,gBAAgB,eAAgBN,EAAU,G,CAO3C,eAAAO,GACNf,KAAKgB,WAAahB,KAAKgB,S,CAGzB,gBAAAC,GACER,OAAOS,iBAAiB,aAAclB,KAAKH,eAAesB,KAAKnB,OAC/DA,KAAKH,gB,CAGP,oBAAAuB,GACEX,OAAOY,oBAAoB,aAAcrB,KAAKH,e,CAGhD,MAAAyB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACT,UAAWhB,KAAKgB,WACpBO,EAAA,YAAAE,IAAA,2CACEC,MAAM,SACNC,QAASC,EAAcC,UACvBC,KAAM9B,KAAKgB,UAAY,aAAe,eACtCe,QAAS/B,KAAKe,gBAAgBI,KAAKnB,OAAK,WAI1CuB,EAAA,OAAAE,IAAA,2CAAKO,IAAMC,GAAQjC,KAAKC,IAAMgC,GAC5BV,EAAA,QAAAE,IAAA,8C"}

package/dist/web-components-library/{p-8d81a5c8.entry.js → p-20226d0d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as i,g as o}from"./p-10bb4f4b.js";import{y as s,D as r}from"./p-025f494e.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const l=a;const n=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"b629b236477e358e5e1f839dfab33ac08aa3cd68"},e("slot",{key:"f0752bbd190a7ad8a1e5f72a81c0cd92c77137f7",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"a4477bb9b91f62cdf839532f54eeb783615cc498",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};n.style=l;export{n as z_section_title};
-//# sourceMappingURL=p-8d81a5c8.entry.js.map
+import{r as t,h as e,a as i,g as o}from"./p-10bb4f4b.js";import{y as s,D as r}from"./p-025f494e.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const l=a;const n=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"ffae3cccc6d4923d5904055ab083a1d581818e5b"},e("slot",{key:"a8bad3881acb225f24dafd28316bc08be97657f1",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"7121066325d4be6c5385d70083da300f15eacf2b",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};n.style=l;export{n as z_section_title};
+//# sourceMappingURL=p-20226d0d.entry.js.map

package/dist/web-components-library/{p-6edd5dbe.entry.js → p-242b71f0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e}from"./p-10bb4f4b.js";import{f as n}from"./p-025f494e.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const s=r;const o=class{constructor(e){t(this,e);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return e("div",{key:"52fb020b2ebcd1d55b61a700c42b9292e23e88d7",class:"otp-container"},e("div",{key:"fd1c71d7029342f745a0adee68b79b5440c01927",class:"digits-container"},this.otp.map(((t,i)=>e("input",{class:this.status==n.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),e("z-input-message",{key:"2eb46b8273e78ce177f352d50441493e5ac260e8",message:this.message,status:this.status}))}};o.style=s;export{o as z_otp};
-//# sourceMappingURL=p-6edd5dbe.entry.js.map
+import{r as t,c as i,h as a}from"./p-10bb4f4b.js";import{f as e}from"./p-025f494e.js";const n=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-error01);background-color:var(--color-error-inverse);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";const r=n;const s=class{constructor(a){t(this,a);this.otpChange=i(this,"otpChange",7);this.inputNum=6;this.status=undefined;this.message=undefined}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=[...Array(this.inputNum)];this.otpRef=[...Array(this.inputNum)]}render(){return a("div",{key:"3ade863dca22eba0ad15da52ead3264745aeca8c",class:"otp-container"},a("div",{key:"d95c622db298145d11b422312f12194b9014163b",class:"digits-container"},this.otp.map(((t,i)=>a("input",{class:this.status==e.ERROR?"error":null,onKeyDown:t=>{if(t.keyCode>47){this.otpRef[i].value=""}},onKeyUp:t=>{if(t.keyCode>47){i<this.inputNum-1&&this.otpRef[i+1].focus()}},onInput:t=>{this.otp[i]=t.target.value;this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[i]=t})))),a("z-input-message",{key:"be1d42180f1079a7a3dc199c2e4a9467e6216a47",message:this.message,status:this.status}))}};s.style=r;export{s as z_otp};
+//# sourceMappingURL=p-242b71f0.entry.js.map

package/dist/web-components-library/{p-5d67d311.entry.js → p-2ec544c4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-10bb4f4b.js";const n="ul{padding:0;margin:0}";const s=n;const a=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"8441b9ea072bc8d0e77ef66cbdcc6a71dc37cfca"},this.list&&this.list.map(((n,s)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};a.style=s;export{a as z_myz_list};
-//# sourceMappingURL=p-5d67d311.entry.js.map
+import{r as t,h as i}from"./p-10bb4f4b.js";const n="ul{padding:0;margin:0}";const s=n;const a=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"7ae896a090c0215b27d6e4b9cd44a269c03c009c"},this.list&&this.list.map(((n,s)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};a.style=s;export{a as z_myz_list};
+//# sourceMappingURL=p-2ec544c4.entry.js.map

package/{www/build/p-d1f8ca38.entry.js → dist/web-components-library/p-2ee5c83c.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,h as r,g as a}from"./p-10bb4f4b.js";const t=":host{--font-size-link:inherit;--font-weight-link:inherit;font-family:var(--font-family-sans);font-size:var(--font-size-link);font-weight:var(--font-weight-link);line-height:inherit;outline:none}:host([big]){--font-size-link:16px;--font-weight-link:var(--font-sb)}a{display:inline-flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--color-white);fill:var(--color-white);text-decoration:none}a.white:visited{color:var(--color-white);fill:var(--color-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:var(--space-unit)}a>z-icon:last-child{margin-left:var(--space-unit)}";const l=t;const o=class{constructor(r){i(this,r);this.zLinkClick=e(this,"zLinkClick",7);this.htmlid=undefined;this.href=undefined;this.target="_self";this.htmltabindex=0;this.isdisabled=false;this.isactive=false;this.iswhite=false;this.textcolor="primary";this.icon=undefined;this.big=false;this.iconposition="left";this.underline=false;this.iconSize=18;this.emitZLinkClick=this.emitZLinkClick.bind(this);this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillLoad(){if(this.iswhite){console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead")}if(this.big){console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}}emitZLinkClick(i,e){this.emitZLinkInteraction(i,e)}emitZLinkInteraction(i,e){this.zLinkClick.emit({e:i,linkId:e})}componentDidLoad(){if(this.icon){const i=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size"));const e=this.big?18:Math.round(i*1.125);if(!Number.isNaN(e)&&this.iconSize!==e){this.iconSize=e}}}render(){return r("a",{key:"e5b80b5dac596f11648e2e8afa373c1da00e6e5d",id:this.htmlid,href:this.href?this.href:null,class:{disabled:this.isdisabled,active:this.isactive,white:this.iswhite,[this.textcolor||""]:true,underline:this.underline},target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:i=>this.emitZLinkClick(i,this.htmlid)},this.iconposition==="right"&&r("slot",null),this.icon&&r("z-icon",{style:{"--z-icon-width":`${this.iconSize}px`,"--z-icon-height":`${this.iconSize}px`},name:this.icon}),this.iconposition==="left"&&r("slot",null))}get hostElement(){return a(this)}};o.style=l;export{o as z_link};
-//# sourceMappingURL=p-d1f8ca38.entry.js.map
+import{r as i,c as e,h as r,g as a}from"./p-10bb4f4b.js";const t=":host{--font-size-link:inherit;--font-weight-link:inherit;font-family:var(--font-family-sans);font-size:var(--font-size-link);font-weight:var(--font-weight-link);line-height:inherit;outline:none}:host([big]){--font-size-link:16px;--font-weight-link:var(--font-sb)}a{display:inline-flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);text-decoration:none}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--color-white);fill:var(--color-white);text-decoration:none}a.white:visited{color:var(--color-white);fill:var(--color-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:var(--space-unit)}a>z-icon:last-child{margin-left:var(--space-unit)}";const l=t;const o=class{constructor(r){i(this,r);this.zLinkClick=e(this,"zLinkClick",7);this.htmlid=undefined;this.href=undefined;this.target="_self";this.htmltabindex=0;this.isdisabled=false;this.isactive=false;this.iswhite=false;this.textcolor="primary";this.icon=undefined;this.big=false;this.iconposition="left";this.underline=false;this.iconSize=18;this.emitZLinkClick=this.emitZLinkClick.bind(this);this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillLoad(){if(this.iswhite){console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead")}if(this.big){console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}}emitZLinkClick(i,e){this.emitZLinkInteraction(i,e)}emitZLinkInteraction(i,e){this.zLinkClick.emit({e:i,linkId:e})}componentDidLoad(){if(this.icon){const i=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size"));const e=this.big?18:Math.round(i*1.125);if(!Number.isNaN(e)&&this.iconSize!==e){this.iconSize=e}}}render(){return r("a",{key:"425050abb1336c772d5bbe5ec770a998c50089b5",id:this.htmlid,href:this.href?this.href:null,class:{disabled:this.isdisabled,active:this.isactive,white:this.iswhite,[this.textcolor||""]:true,underline:this.underline},target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:i=>this.emitZLinkClick(i,this.htmlid)},this.iconposition==="right"&&r("slot",null),this.icon&&r("z-icon",{style:{"--z-icon-width":`${this.iconSize}px`,"--z-icon-height":`${this.iconSize}px`},name:this.icon}),this.iconposition==="left"&&r("slot",null))}get hostElement(){return a(this)}};o.style=l;export{o as z_link};
+//# sourceMappingURL=p-2ee5c83c.entry.js.map

package/dist/web-components-library/{p-d251f105.entry.js → p-3643303f.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a,a as o}from"./p-10bb4f4b.js";const e=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const s=e;const t=class{constructor(a){r(this,a)}render(){return a(o,{key:"463019d2e47586ce45bfac3ab258320c5c7c3785"})}};t.style=s;export{t as z_ghost_loading};
-//# sourceMappingURL=p-d251f105.entry.js.map
+import{r,h as a,a as e}from"./p-10bb4f4b.js";const o=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}';const s=o;const t=class{constructor(a){r(this,a)}render(){return a(e,{key:"efae0dd8d520db16bbb3bd49b434ba0fe8e45c33"})}};t.style=s;export{t as z_ghost_loading};
+//# sourceMappingURL=p-3643303f.entry.js.map

package/dist/web-components-library/{p-239fb968.entry.js → p-48c6050f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as a}from"./p-10bb4f4b.js";import{q as s}from"./p-025f494e.js";import{a as o}from"./p-955da62e.js";import{H as r}from"./p-54b0b04e.js";import"./p-2c886e8b.js";const n=":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 c=n;const h=class{constructor(i){t(this,i);this.pocketToggle=e(this,"pocketToggle",7);this.pocketid=undefined;this.status=s.PREVIEW}async open(){this.status=s.OPEN}async close(){this.status=s.CLOSED}emitPocketToggle(t,e){this.pocketToggle.emit({id:t,status:e})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid){switch(this.status){case s.PREVIEW:case s.CLOSED:this.status=s.OPEN;break;case s.OPEN:this.status=s.CLOSED;break}}}handlePocketHeaderPan(t){if(t.detail.id&&t.detail.id===this.pocketid){if(t.detail.direction==="up"){this.status=s.OPEN}else if(t.detail.direction==="down"){this.status=s.CLOSED}}}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){if(t.target.dataset.action=="pocketBackground"){this.close()}}render(){return i("div",{key:"97d80e0b2cb56a932f35aa104256bf763f1eee7c"},i("div",{key:"9e8f3eacd18892d80cc1a5c314c861ef18178daa","data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),i("div",{key:"ee7d44929e94ebe8f2c128a74e0b8250819df04b",id:this.pocketid,class:"content-wrapper"},i("div",{key:"57a77810690ce70ed3c7fac92cc4fa7e5158f17d"},i("slot",{key:"9f1c1757f0bc2ff2db326ac9158d80f33802970f"}))))}get hostElement(){return a(this)}static get watchers(){return{status:["watchStatusHandler"]}}};h.style=c;const d=":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 l=d;const f=class{constructor(e){t(this,e);this.pocketid=undefined;this.status=s.PREVIEW}handlePocketToggle(t){if(t.detail.id&&t.detail.id===this.pocketid){this.status=t.detail.status}}render(){return i("main",{key:"cd660568916f4384dc815a3c0067a579c217fa33",class:this.status},i("slot",{key:"3dd94db83f10a36a3656914a90ca571bd088fc6d"}))}};f.style=l;const p=":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}";const u=p;const b=class{emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}constructor(i){t(this,i);this.pocketHeaderClick=e(this,"pocketHeaderClick",7);this.pocketHeaderPan=e(this,"pocketHeaderPan",7);this.pocketid=undefined;this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}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 i("header",{key:"4f1f69686926f9b45d72800e711ae8437a3ca2f5",role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>o(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},i("slot",{key:"cfdaf2acf381639e86ea15349a83834c311fda71"}))}};b.style=u;export{h as z_pocket,f as z_pocket_body,b as z_pocket_header};
-//# sourceMappingURL=p-239fb968.entry.js.map
+import{r as t,c as e,h as i,g as s}from"./p-10bb4f4b.js";import{q as a}from"./p-025f494e.js";import{a as o}from"./p-955da62e.js";import{H as r}from"./p-54b0b04e.js";import"./p-2c886e8b.js";const n=":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 d=n;const c=class{constructor(i){t(this,i);this.pocketToggle=e(this,"pocketToggle",7);this.pocketid=undefined;this.status=a.PREVIEW}async open(){this.status=a.OPEN}async close(){this.status=a.CLOSED}emitPocketToggle(t,e){this.pocketToggle.emit({id:t,status:e})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid){switch(this.status){case a.PREVIEW:case a.CLOSED:this.status=a.OPEN;break;case a.OPEN:this.status=a.CLOSED;break}}}handlePocketHeaderPan(t){if(t.detail.id&&t.detail.id===this.pocketid){if(t.detail.direction==="up"){this.status=a.OPEN}else if(t.detail.direction==="down"){this.status=a.CLOSED}}}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){if(t.target.dataset.action=="pocketBackground"){this.close()}}render(){return i("div",{key:"ad25460e1d77b82434d7237fc8bf70bdaccd1037"},i("div",{key:"66003489b14556acf7ea4345dfd942cb244abfad","data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),i("div",{key:"69e23ca317f9aa2d68e00213af6d4aba2d01a5f9",id:this.pocketid,class:"content-wrapper"},i("div",{key:"1d02d4b55e0853375c3770bd0f038e38922ce3f4"},i("slot",{key:"a4a0ebc7522d5f242263ac87b8b61191dd98d2b7"}))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};c.style=d;const h=":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 l=h;const f=class{constructor(e){t(this,e);this.pocketid=undefined;this.status=a.PREVIEW}handlePocketToggle(t){if(t.detail.id&&t.detail.id===this.pocketid){this.status=t.detail.status}}render(){return i("main",{key:"f017441cd9ae7d12e0bea9ee61f6ebae5809ade7",class:this.status},i("slot",{key:"02d262a95a8d41b1e303ac9d0efbd4218e8b28c9"}))}};f.style=l;const p=":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}";const b=p;const u=class{emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}constructor(i){t(this,i);this.pocketHeaderClick=e(this,"pocketHeaderClick",7);this.pocketHeaderPan=e(this,"pocketHeaderPan",7);this.pocketid=undefined;this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}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 i("header",{key:"f14fbd3ff1d6757a840175eb9f17e71e40d7c507",role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>o(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},i("slot",{key:"f6087dbe044ca3f0d2777194a73e60c4d5306c3c"}))}};u.style=b;export{c as z_pocket,f as z_pocket_body,u as z_pocket_header};
+//# sourceMappingURL=p-48c6050f.entry.js.map

package/{www/build/p-d92765b6.entry.js → dist/web-components-library/p-4e71c395.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as r}from"./p-10bb4f4b.js";import{L as i}from"./p-025f494e.js";const t=":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(--blue100)}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 a=t;const o=class{constructor(r){e(this,r);this.faded=undefined;this.cardtype=undefined;this.ispressed=false;this.ishighlighted=false}retrieveClass(){let e="";if(this.cardtype===i.REAL){e+="real"}else if(this.cardtype===i.TRIAL){e+="trial"}else if(this.cardtype===i.TEMP){e+="temp"}if(this.faded){e+=" faded"}else if(this.ispressed){e+=" pressed"}else if(this.ishighlighted){e+=" highlighted"}return e}render(){return r("div",{key:"bb61c603563fe59552323e57f54348036621173a",class:this.retrieveClass(),tabindex:"0"},r("slot",{key:"154d569cd2055c0ba1fca9c2551a5078e7f2f7ce"}))}};o.style=a;const d=":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";const s=d;const c=class{constructor(r){e(this,r)}render(){return r("div",{key:"bc6cdeae214e8d2a678b06affa36c464edc8f7ea"},r("slot",{key:"6891036c0f1a98722edc901ea45042c0451831a3",name:"alert"}),r("slot",{key:"50357c351f505338ffb08cd3b0df6eb6619745e7",name:"cover"}))}};c.style=s;const n="img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";const l=n;const h=class{constructor(r){e(this,r);this.img=undefined;this.titolo=undefined;this.faded=undefined;this.defaultimg=undefined}hadleOnImageError(){this.img=this.defaultimg}render(){return r("img",{key:"b248cf088629c40f40cbd42695c8dd2ec93d92e0",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};h.style=l;const f='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(--blue100);background-color:var(--color-primary03)}.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(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}';const b=f;const u=class{constructor(r){e(this,r);this.titolo=undefined;this.faded=undefined;this.cardtype=undefined;this.allowTooltip=false}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){if(this.elementHasEllipsis()){this.allowTooltip=true}}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,faded:this.faded}}render(){return r("header",{key:"f3d234d1b49462a02c765ca33c76bc787bb6e1f0",class:this.retrieveClass()},r("slot",{key:"9b83dea3d133b504dc5a233165c268f5c30fd001",name:"aria-heading"}),r("span",{key:"e05a6f12405b5615d4722dbff22cb5148ed372b4",class:"card-title",ref:e=>this.ellipsis=e,title:this.getTitle()},this.titolo),r("slot",{key:"318bc12c3d51dd4cb5227d0017d18ceb9a7326f5",name:"icon"}))}};u.style=b;export{o as z_myz_card,c as z_myz_card_body,h as z_myz_card_cover,u as z_myz_card_header};
-//# sourceMappingURL=p-d92765b6.entry.js.map
+import{r as e,h as r}from"./p-10bb4f4b.js";import{L as i}from"./p-025f494e.js";const t=":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(--blue100)}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 a=t;const o=class{constructor(r){e(this,r);this.faded=undefined;this.cardtype=undefined;this.ispressed=false;this.ishighlighted=false}retrieveClass(){let e="";if(this.cardtype===i.REAL){e+="real"}else if(this.cardtype===i.TRIAL){e+="trial"}else if(this.cardtype===i.TEMP){e+="temp"}if(this.faded){e+=" faded"}else if(this.ispressed){e+=" pressed"}else if(this.ishighlighted){e+=" highlighted"}return e}render(){return r("div",{key:"37a248c80cbcc045d2c053bda3acb7506a6d3028",class:this.retrieveClass(),tabindex:"0"},r("slot",{key:"e62b60f5edc7bc949261b0e1f5a9734db07f3ed9"}))}};o.style=a;const d=":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";const s=d;const c=class{constructor(r){e(this,r)}render(){return r("div",{key:"7d193913aaee1ce18633cb39f322bde63dd0f636"},r("slot",{key:"59b557d02f579f35c15ac0ac03a084a3f43a00c0",name:"alert"}),r("slot",{key:"bcd8832a6c010f6dbc6a6d5579efe7801ff6a60c",name:"cover"}))}};c.style=s;const n="img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";const l=n;const h=class{constructor(r){e(this,r);this.img=undefined;this.titolo=undefined;this.faded=undefined;this.defaultimg=undefined}hadleOnImageError(){this.img=this.defaultimg}render(){return r("img",{key:"5d3f258dae6077687ccd98690f6caad390bc05aa",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};h.style=l;const f='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(--blue100);background-color:var(--color-primary03)}.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(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}';const b=f;const u=class{constructor(r){e(this,r);this.titolo=undefined;this.faded=undefined;this.cardtype=undefined;this.allowTooltip=false}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){if(this.elementHasEllipsis()){this.allowTooltip=true}}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===i.REAL,trial:this.cardtype===i.TRIAL,temp:this.cardtype===i.TEMP,faded:this.faded}}render(){return r("header",{key:"904634bcd078321c3142c3b92eb8ad14244c6c4b",class:this.retrieveClass()},r("slot",{key:"c6e19f0f2b536def7a32c3dd9343439f8d532e98",name:"aria-heading"}),r("span",{key:"36da9db6eb1620f5ef38db575ec81196997ccb48",class:"card-title",ref:e=>this.ellipsis=e,title:this.getTitle()},this.titolo),r("slot",{key:"7f3f94bb0161e385189963b861eb61ef224c1548",name:"icon"}))}};u.style=b;export{o as z_myz_card,c as z_myz_card_body,h as z_myz_card_cover,u as z_myz_card_header};
+//# sourceMappingURL=p-4e71c395.entry.js.map