@zanichelli/albe-web-components 12.4.1-RC1 → 12.4.1

package/dist/web-components-library/p-10c29fb4.entry.js

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

package/dist/web-components-library/p-10c29fb4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterStyle0","ZMyzCardFooter","handleToggle","this","isOpen","firstElem","getFirstListItem","requestAnimationFrame","focus","getTitleAuthors","allowTooltipAuthors","autori","componentWillLoad","opened","elementsEllipsis","elementAuthorsHasEllipsis","ellipsisAuthors","offsetWidth","scrollWidth","retrieveClass","isopen","real","cardtype","LicenseType","REAL","trial","TRIAL","temp","TEMP","customContent","footerTransitionHandler","e","includes","propertyName","host","querySelector","render","h","key","class","Object","assign","wrapper","onTransitionEnd","name","titolo","content","ref","el","title","isbn"],"sources":["src/snowflakes/myz/card/z-myz-card-footer/styles.css?tag=z-myz-card-footer&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"sourcesContent":["footer {\n  position: relative;\n  z-index: 5;\n  top: 0;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  padding: 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  transition: height 500ms ease-in-out, top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n}\n\nfooter > p {\n  overflow: hidden;\n  height: 40px;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n  margin: 0;\n  background-color: var(--color-surface01);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  line-height: 22px;\n  transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n  background-color: var(--gray200);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n  background-color: var(--blue100);\n}\n\nfooter .visible {\n  display: block;\n}\n\nfooter .hidden {\n  display: none;\n}\n\nfooter > div.content {\n  overflow: hidden;\n  height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n  overflow: hidden;\n  height: 20px;\n  padding: 0;\n  margin: 0;\n  font-size: 14px;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n  height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n  height: 40px;\n  text-overflow: initial;\n  white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n  height: 50px;\n  flex-direction: column;\n  padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n  display: inline-grid;\n  padding-left: 0;\n}\n\nfooter.isopen {\n  top: -212px;\n  height: 295px;\n  transition: height 500ms ease-in-out, top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n  top: -292px;\n}\n\nfooter.isopen > div.content {\n  height: 280px;\n  transition: height 500ms ease-in-out, top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n  height: 230px;\n}\n\n.toggle {\n  position: absolute;\n  z-index: 10;\n  top: -24px;\n  left: 16px;\n}\n\n.faded {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n  display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n  display: block;\n}\n\ndiv.wrapper {\n  position: relative;\n  height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n  position: absolute;\n  z-index: 10;\n  top: calc(var(--space-unit) * 2);\n  display: block;\n  width: 100%;\n  height: 112px;\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 2);\n  border-top: var(--border-size-medium) solid transparent;\n  background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n  top: 0;\n  bottom: 0;\n  height: 128px;\n  padding: calc(var(--space-unit) * 2);\n  border-color: var(--blue100);\n}\n","import {Element, Component, Prop, h, State, Listen} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n  tag: \"z-myz-card-footer\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooter {\n  @Element() host: HTMLZMyzCardFooterElement;\n\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** authors name text */\n  @Prop()\n  autori: string;\n\n  /** volume isbn */\n  @Prop()\n  isbn: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** footer opened by default (optional) */\n  @Prop()\n  opened?: boolean = false;\n\n  /** display footer custom slotted content */\n  @Prop()\n  customContent = false;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  allowTooltipAuthors = false;\n\n  private ellipsisAuthors?: HTMLElement;\n\n  @Listen(\"toggleClick\")\n  handleToggle(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      const firstElem = this.getFirstListItem();\n      if (firstElem) {\n        requestAnimationFrame(() => {\n          firstElem.focus();\n        });\n      }\n    }\n  }\n\n  private getTitleAuthors(): string {\n    return this.allowTooltipAuthors ? this.autori : \"\";\n  }\n\n  componentWillLoad(): void {\n    if (this.opened) {\n      this.isOpen = true;\n    }\n  }\n\n  private elementsEllipsis(): void {\n    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n  }\n\n  private elementAuthorsHasEllipsis(): boolean {\n    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      \"isopen\": this.isOpen,\n      \"real\": this.cardtype === LicenseType.REAL,\n      \"trial\": this.cardtype === LicenseType.TRIAL,\n      \"temp\": this.cardtype === LicenseType.TEMP,\n      \"custom-content\": this.customContent,\n    };\n  }\n\n  private footerTransitionHandler(e: TransitionEvent): void {\n    if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n      this.elementsEllipsis();\n    }\n  }\n\n  private getFirstListItem(): HTMLElement {\n    return this.host.querySelector(\"[slot=list] > li a\");\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n        <footer\n          class={this.retrieveClass()}\n          onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n        >\n          <span class=\"toggle\">\n            <slot name=\"toggle\" />\n          </span>\n          {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n          <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n            <div>\n              <p\n                class=\"authors\"\n                ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n              >\n                <span title={this.getTitleAuthors()}>\n                  <span\n                    aria-description=\"Autori\"\n                    class=\"bold\"\n                  >\n                    {this.autori}\n                  </span>\n                </span>\n              </p>\n              <p class=\"year-isbn\">\n                <span class=\"isbn\">\n                  <span>\n                    <span\n                      aria-description=\"ISBN edizione cartacea\"\n                      class=\"bold\"\n                    >\n                      {this.isbn}\n                    </span>{\" \"}\n                    (ed. cartacea)\n                  </span>\n                </span>\n              </p>\n            </div>\n            <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n              <slot name=\"list\" />\n            </div>\n          </div>\n        </footer>\n        {this.customContent && <slot name=\"content\" />}\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,88FAClB,MAAAC,EAAeD,E,MCYFE,EAAc,M,kJAyBN,M,mBAIH,M,YAGP,M,yBAGa,K,CAKtB,YAAAC,GACEC,KAAKC,QAAUD,KAAKC,OACpB,GAAID,KAAKC,OAAQ,CACf,MAAMC,EAAYF,KAAKG,mBACvB,GAAID,EAAW,CACbE,uBAAsB,KACpBF,EAAUG,OAAO,G,GAMjB,eAAAC,GACN,OAAON,KAAKO,oBAAsBP,KAAKQ,OAAS,E,CAGlD,iBAAAC,GACE,GAAIT,KAAKU,OAAQ,CACfV,KAAKC,OAAS,I,EAIV,gBAAAU,GACNX,KAAKO,oBAAsBP,KAAKY,4BAA8B,KAAO,K,CAG/D,yBAAAA,GACN,OAAOZ,KAAKa,gBAAgBC,YAAcd,KAAKa,gBAAgBE,W,CAGzD,aAAAC,GACN,MAAO,CACLC,OAAUjB,KAAKC,OACfiB,KAAQlB,KAAKmB,WAAaC,EAAYC,KACtCC,MAAStB,KAAKmB,WAAaC,EAAYG,MACvCC,KAAQxB,KAAKmB,WAAaC,EAAYK,KACtC,iBAAkBzB,KAAK0B,c,CAInB,uBAAAC,CAAwBC,GAC9B,GAAI,CAAC,aAAc,UAAUC,SAASD,EAAEE,cAAe,CACrD9B,KAAKW,kB,EAID,gBAAAR,GACN,OAAOH,KAAK+B,KAAKC,cAAc,qB,CAGjC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAOtC,KAAKgB,iBAA2C,CAAEuB,QAAS,QAC1EL,EAAA,UAAAC,IAAA,2CACEC,MAAOpC,KAAKgB,gBACZwB,gBAAkBZ,GAAuB5B,KAAK2B,wBAAwBC,IAEtEM,EAAA,QAAAC,IAAA,2CAAMC,MAAM,UACVF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEZzC,KAAK0C,QAAUR,EAAA,KAAGE,MAAO,CAAC,iBAAkBpC,KAAK0B,gBAAiB1B,KAAK0C,QACxER,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAACO,QAAW,KAAM,iBAAkB3C,KAAK0B,gBACnDQ,EAAA,OAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CACEC,MAAM,UACNQ,IAAMC,GAAQ7C,KAAKa,gBAAkBgC,GAErCX,EAAA,QAAAC,IAAA,2CAAMW,MAAO9C,KAAKM,mBAChB4B,EAAA,QAAAC,IAAA,8DACmB,SACjBC,MAAM,QAELpC,KAAKQ,UAIZ0B,EAAA,KAAAC,IAAA,2CAAGC,MAAM,aACPF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,QACVF,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8DACmB,yBACjBC,MAAM,QAELpC,KAAK+C,MACA,IAAG,qBAMnBb,EAAA,OAAAC,IAAA,2CAAKC,MAAO,gBAAgBpC,KAAKC,OAAS,UAAY,YACpDiC,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAIhBzC,KAAK0B,eAAiBQ,EAAA,QAAMO,KAAK,Y"}

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

@@ -0,0 +1,2 @@
+export{Z as z_tfoot}from"./p-ac768eff.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-13a93aef.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/p-158b6dda.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,a,g as s}from"./p-10bb4f4b.js";import"./p-04fdb6fa.js";import"./p-2aa42d09.js";import"./p-f76d0247.js";import"./p-ac768eff.js";import"./p-955da62e.js";import"./p-025f494e.js";import"./p-2c886e8b.js";import"./p-88cf27cf.js";import"./p-c0bfa87d.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";const o=r;const i=class{constructor(t){e(this,t);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){this.expandableMutationObserver.disconnect()}render(){return t(a,{key:"4c33beca2ea12f899450df4a244ea271ea30c018",expandable:this.expandable},t("div",{key:"e5f6e45535e0251091d58b9784cfbe0b9bfc8f7e",class:"table",role:"table"},t("slot",{key:"d244f077dd25df7f2189f5b5f4b6f89e69db4768"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
+//# sourceMappingURL=p-158b6dda.entry.js.map

package/dist/web-components-library/p-158b6dda.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n\n.table {\n  min-width: max-content;\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-thead/index\";\nimport \"../z-tbody/index\";\nimport \"../z-tr/index\";\nimport \"../z-tfoot/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4QAAA,MAAMA,EAAY,4VAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,uCAON,M,gBAME,K,CAEL,gBAAAC,GACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAQ5E,iBAAAC,GACEL,KAAKM,2BAA6B,IAAIC,kBAAiB,KACrDP,KAAKD,kBAAkB,IAEzBC,KAAKM,2BAA2BE,QAAQR,KAAKE,KAAM,CACjDO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAIvB,oBAAAC,GACEd,KAAKM,2BAA2BS,Y,CAGlC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAClB,WAAYD,KAAKC,YACrBgB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C"}

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

@@ -0,0 +1,2 @@
+export{Z as z_tbody}from"./p-2aa42d09.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-1de0e2a1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export{Z as z_td}from"./p-88cf27cf.js";import"./p-10bb4f4b.js";import"./p-025f494e.js";
+//# sourceMappingURL=p-1e4befc7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/p-210fbe0f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a}from"./p-10bb4f4b.js";import{B as i,d as s}from"./p-025f494e.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const d=o;const n=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"27902c8b5de865c26c56ba38e245b9bad6edbd18"},a("z-myz-card",{key:"fc8095edfa2a7d59331977975e24af5fb6e35930"},a("z-myz-card-header",{key:"66dd4738696aa8417d36de2bcd4e8b6957a5f5e2",titolo:this.name}),a("div",{key:"5f825ad42844b2e895f17516e7b090d3c5ce8a6c",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"f86a2a9e7378ba99b4eacf5c106f1a0dce5f4f96",class:"front"},a("z-myz-card-body",{key:"ca603d9fde5d8eef714dce707d6d7107d3211e4d"},a("z-myz-card-cover",{key:"63381a0912ced7fd24ad16865417c4e1da993e77",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"0cdfdcd7c39064180d4ec16bd5c0beb4b82c6e8c",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"ca62bad1d808d9f5fec3b620fa558c0a6ecea908",class:"back"},a("slot",{key:"068e582536a203fbf6bbd56eeef4ede786b89d1c",name:"info"}))),a("slot",{key:"97fb9bea58f45f42d81ff5344f34a9acaba32639"})))}};n.style=d;export{n as z_myz_card_dictionary};
+//# sourceMappingURL=p-210fbe0f.entry.js.map

package/dist/web-components-library/p-210fbe0f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardDictionaryStyle0","ZMyzCardDictionary","handleFlipCard","e","this","flipCard","detail","showBack","flipped","cardFlipped","emit","render","h","key","titolo","name","class","slot","img","cover","faded","disabled","hideinfobtn","variant","ButtonVariant","SECONDARY","icon","size","ButtonSize","X_SMALL","onClick","flipbuttonlabel"],"sources":["src/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n  --card-overflow: visible;\n}\n\n:host > div {\n  position: relative;\n  width: 100%;\n  height: 522px;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 522px;\n  transform-style: preserve-3d;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n  margin-top: -2px;\n  transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n}\n\n:host > div .front {\n  z-index: 2;\n  top: 0;\n  left: 0;\n  transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n  position: absolute;\n  z-index: 3;\n  top: calc(var(--space-unit) * 0.5);\n  left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  padding: 0 var(--space-unit);\n  margin-left: calc(-1 * var(--space-unit));\n  transform: rotateY(180deg);\n}\n\n.hide-info {\n  display: none;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,+lCAClB,MAAAC,EAAeD,E,MCWFE,EAAkB,M,yHAWlB,M,aAID,M,qBAIQ,O,iBAIJ,K,CAGd,cAAAC,CAAeC,GACbC,KAAKC,SAASF,EAAEG,O,CAOV,QAAAD,CAASE,EAAW,MAC1BH,KAAKI,QAAUD,EACfH,KAAKK,YAAYC,KAAKH,E,CAGxB,MAAAI,GACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,cAAAC,IAAA,4CACED,EAAA,qBAAAC,IAAA,2CAAmBC,OAAQV,KAAKW,OAChCH,EAAA,OAAAC,IAAA,2CAAKG,MAAO,WAAWZ,KAAKI,QAAU,UAAY,MAChDI,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SACTJ,EAAA,mBAAAC,IAAA,4CACED,EAAA,oBAAAC,IAAA,2CACEI,KAAK,QACLH,OAAQV,KAAKW,KACbG,IAAKd,KAAKe,MACVC,MAAOhB,KAAKiB,YAGhBT,EAAA,YAAAC,IAAA,2CACEG,MAAO,CAAC,YAAaZ,KAAKkB,aAC1BC,QAASC,EAAcC,UACvBC,KAAK,oBACLC,KAAMC,EAAWC,QACjBC,QAAS,IAAM1B,KAAKC,SAAS,MAC7BgB,SAAUjB,KAAKI,SAEdJ,KAAK2B,kBAGVnB,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,QAAAC,IAAA,2CAAME,KAAK,WAGfH,EAAA,QAAAC,IAAA,8C"}

package/dist/web-components-library/p-21735a65.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as i}from"./p-10bb4f4b.js";import{A as e}from"./p-025f494e.js";const a=":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";const r=a;const o=class{constructor(s){t(this,s);var i,a;this.size=e.MEDIUM;this.text=undefined;this.textColor="color-white";this.backgroundColor="gray700";this.image=undefined;if(((i=this.text)===null||i===void 0?void 0:i.length)===0&&((a=this.image)===null||a===void 0?void 0:a.length)===0){console.warn("z-avatar must contain at least one prop between text and image")}}getTextSize(){if(this.size===e.SMALL){return"5"}else if(this.size===e.MEDIUM){return"4"}else if(this.size===e.LARGE){return"2"}}render(){return s(i,{key:"de60cf77cb859ea6ba50222aa625dc9e35e1cf08",class:{[this.size]:true,[`body-${this.getTextSize()}-sb`]:true},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};o.style=r;export{o as z_avatar};
+//# sourceMappingURL=p-21735a65.entry.js.map

package/dist/web-components-library/p-21735a65.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAvatarStyle0","ZAvatar","constructor","hostRef","AvatarSize","MEDIUM","_a","this","text","length","_b","image","console","warn","getTextSize","size","SMALL","LARGE","render","h","Host","key","class","style","color","textColor","backgroundColor","substring","src","onError"],"sources":["src/components/z-avatar/styles.css?tag=z-avatar&encapsulation=shadow","src/components/z-avatar/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gray700);\n  border-radius: 50%;\n  font-family: var(--font-family-sans);\n  text-transform: uppercase;\n}\n\n:host(.small),\n:host(.small) > img {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n}\n\n:host(.medium),\n:host(.medium) > img {\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n}\n\n:host(.large),\n:host(.large) > img {\n  width: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 5);\n}\n\n:host > img {\n  object-fit: cover;\n}\n","import {Component, Prop, h, Host} from \"@stencil/core\";\nimport {AvatarSize} from \"../../beans\";\n\n@Component({\n  tag: \"z-avatar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAvatar {\n  /** [optional] Avatar size */\n  @Prop()\n  size?: AvatarSize = AvatarSize.MEDIUM;\n\n  /** [optional] Avatar text */\n  @Prop()\n  text?: string;\n\n  /** [optional] Avatar text color */\n  @Prop()\n  textColor?: string = \"color-white\";\n\n  /** [optional] Avatar background color */\n  @Prop()\n  backgroundColor?: string = \"gray700\";\n\n  /** [optional] Avatar image */\n  @Prop({mutable: true})\n  image?: string;\n\n  constructor() {\n    if (this.text?.length === 0 && this.image?.length === 0) {\n      console.warn(\"z-avatar must contain at least one prop between text and image\");\n    }\n  }\n\n  private getTextSize(): string {\n    if (this.size === AvatarSize.SMALL) {\n      return \"5\";\n    } else if (this.size === AvatarSize.MEDIUM) {\n      return \"4\";\n    } else if (this.size === AvatarSize.LARGE) {\n      return \"2\";\n    }\n  }\n\n  render(): HTMLZAvatarElement {\n    return (\n      <Host\n        class={{[this.size]: true, [`body-${this.getTextSize()}-sb`]: true}}\n        style={{\n          color: `var(--${this.textColor})`,\n          backgroundColor: `var(--${this.backgroundColor})`,\n        }}\n      >\n        {this.text && !this.image && <span>{this.text.substring(0, 2)}</span>}\n        {this.image && (\n          <img\n            src={this.image}\n            onError={() => (this.image = \"\")}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,khBAClB,MAAAC,EAAeD,E,MCOFE,EAAO,MAqBlB,WAAAC,CAAAC,G,4BAlBoBC,EAAWC,O,mCAQV,c,qBAIM,U,qBAOzB,KAAIC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,UAAW,KAAKC,EAAAH,KAAKI,SAAK,MAAAD,SAAA,SAAAA,EAAED,UAAW,EAAG,CACvDG,QAAQC,KAAK,iE,EAIT,WAAAC,GACN,GAAIP,KAAKQ,OAASX,EAAWY,MAAO,CAClC,MAAO,G,MACF,GAAIT,KAAKQ,OAASX,EAAWC,OAAQ,CAC1C,MAAO,G,MACF,GAAIE,KAAKQ,OAASX,EAAWa,MAAO,CACzC,MAAO,G,EAIX,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CAAC,CAACf,KAAKQ,MAAO,KAAM,CAAC,QAAQR,KAAKO,oBAAqB,MAC9DS,MAAO,CACLC,MAAO,SAASjB,KAAKkB,aACrBC,gBAAiB,SAASnB,KAAKmB,qBAGhCnB,KAAKC,OAASD,KAAKI,OAASQ,EAAA,YAAOZ,KAAKC,KAAKmB,UAAU,EAAG,IAC1DpB,KAAKI,OACJQ,EAAA,OACES,IAAKrB,KAAKI,MACVkB,QAAS,IAAOtB,KAAKI,MAAQ,K"}

package/dist/web-components-library/p-2731d501.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as a,a as i,g as r}from"./p-10bb4f4b.js";import{B as s,d as l}from"./p-025f494e.js";import{m as o}from"./p-2c886e8b.js";import"./p-356aac96.js";import"./p-4bc82510.js";import"./p-5e585fe9.js";import"./p-6790a3c1.js";import"./p-ca5975a3.js";import"./p-011a7536.js";import"./p-820c2503.js";import"./p-55d22af2.js";import"./p-cc46f0ce.js";import"./p-6087739d.js";import"./p-955da62e.js";const d="z-table-deprecated{display:block;width:100%;background-color:var(--color-white);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow-x:auto}z-table-deprecated>div.table{display:table;width:100%;border-collapse:separate}z-table-deprecated>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table-deprecated>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--color-surface03)}z-table-deprecated>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table-deprecated>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table-deprecated>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-deprecated>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table-deprecated>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;z-index:1;left:0;box-shadow:1px 0 4px -1px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;z-index:2;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}z-table-deprecated>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table-deprecated>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--color-surface03)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--color-surface03)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;width:100%;flex-direction:row}.error-content{display:flex;padding:calc(var(--space-unit) * 3);font-family:var(--font-family-sans)}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table-deprecated>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";const n=d;const c=class{constructor(a){e(this,a);this.callToAction=t(this,"callToAction",7);this.callToActionTwo=t(this,"callToActionTwo",7);this.lines=undefined;this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";this.bordered=false;this.callToActionLabel=undefined;this.callToActionTwoLabel=undefined;this.columnSticky=false;this.empty=false;this.error=false;this.errorLink=undefined;this.headerSticky=false;this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare";this.subtitle="";this.hasTableBody=undefined;this.isMobile=undefined}handleResize(){this.isMobile=window.innerWidth<=o}handleOrientationChange(){this.isMobile=screen.width<=o}componentWillLoad(){var e;this.isMobile=window.innerWidth<=o;const t=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!((e=t===null||t===void 0?void 0:t.children)===null||e===void 0?void 0:e.length);if(!!t&&!this.hasTableBody){t.remove()}}componentWillRender(){this.host.setAttribute("role","table")}renderError(e){const t=this.lines?`calc(40px * ${this.lines})`:"auto";return a(i,null,a("div",{class:e},a("slot",{name:"table-header"})),a("z-table-error",null,a("div",{class:"error-content",style:{minHeight:t}},a("slot",{name:"error-image"}),a("div",{class:"text"},a("span",{class:"body-3-sb error-message"},this.errorMessage),a("slot",{name:"error-action"})))))}renderEmpty(e){const t=this.isMobile?l.SMALL:l.BIG;const r=`${this.hasTableBody?"table-content":""}`;if(this.hasTableBody){return a(i,null,a("div",{class:e},a("slot",{name:"table-header"}),a("div",{class:r},a("slot",{name:"table-body"}),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:s.TERTIARY,onClick:()=>this.callToAction.emit(),size:t},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:s.TERTIARY,onClick:()=>this.callToActionTwo.emit(),size:t},this.callToActionTwoLabel)))))}return a(i,null,a("div",{class:e},a("slot",{name:"table-header"})),a("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&a("z-button",{slot:"cta1",variant:s.TERTIARY,onClick:()=>this.callToAction.emit(),size:t},this.callToActionLabel),!!this.callToActionTwoLabel&&a("z-button",{slot:"cta2",variant:s.TERTIARY,onClick:()=>this.callToActionTwo.emit(),size:t},this.callToActionTwoLabel)))}render(){const e=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n    ${this.columnSticky?"table-column-sticky":""}\n    ${this.headerSticky?"table-header-sticky":""}`;if(this.error){return this.renderError(e)}if(this.empty){return this.renderEmpty(e)}return a(i,null,a("div",{class:e},a("slot",null)),a("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return r(this)}};c.style=n;export{c as z_table_deprecated};
+//# sourceMappingURL=p-2731d501.entry.js.map

package/dist/web-components-library/p-2731d501.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableDeprecatedStyle0","ZTableDeprecated","handleResize","this","isMobile","window","innerWidth","mobileBreakpoint","handleOrientationChange","screen","width","componentWillLoad","tableBody","host","querySelector","hasTableBody","_a","children","length","remove","componentWillRender","setAttribute","renderError","tableClass","minHeight","lines","h","Host","class","name","style","errorMessage","renderEmpty","buttonSize","ButtonSize","SMALL","BIG","tableContentClass","bordered","message","subtitle","callToActionLabel","slot","variant","ButtonVariant","TERTIARY","onClick","callToAction","emit","size","callToActionTwoLabel","callToActionTwo","render","empty","columnSticky","headerSticky","error"],"sources":["src/deprecated/z-table-deprecated/z-table-deprecated/styles.css?tag=z-table-deprecated","src/deprecated/z-table-deprecated/z-table-deprecated/index.tsx"],"sourcesContent":["z-table-deprecated {\n  display: block;\n  width: 100%;\n  background-color: var(--color-white);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  overflow-x: auto;\n}\n\nz-table-deprecated > div.table {\n  display: table;\n  width: 100%;\n  border-collapse: separate;\n}\n\nz-table-deprecated > div.table-bordered > z-table-body > z-table-row > z-table-cell:not(:last-child),\nz-table-deprecated > div.table-bordered > z-table-head > z-table-header-row > z-table-header:not(:last-child) {\n  border-right: var(--border-size-small) solid var(--color-surface03);\n}\n\n/** Remove border right to first cell if row is expandable */\nz-table-deprecated > div > z-table-body > z-table-row[expandable] > z-table-cell:first-child,\nz-table-deprecated > div > z-table-head > z-table-header-row[expandable] > z-table-header:first-child {\n  border-right: none;\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] > z-table-cell {\n  background-color: var(--gray50);\n}\n\nz-table-deprecated > div > z-table-body > z-table-row[expanded] + z-table-expanded-row {\n  border-bottom: 1px solid var(--gray200);\n}\n\nz-table-deprecated > div.table-column-sticky > z-table-body > z-table-row > z-table-cell:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  position: sticky;\n  z-index: 1;\n  left: 0;\n  box-shadow: 1px 0 4px -1px rgb(66 69 72 / 40%);\n}\n\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header {\n  position: sticky;\n  z-index: 2; /* L'ombra delle celle sticky non va sopra all'header fisso. */\n  top: 0;\n  box-shadow: 0 2px 3px -3px rgb(66 69 72 / 40%);\n}\n\n/**\n * La cella in alto a sinistra rimane sempre sopra alle cell durante lo scroll.\n */\nz-table-deprecated > div.table-header-sticky > z-table-head > z-table-header-row > z-table-header:first-child,\nz-table-deprecated > div.table-column-sticky > z-table-head > z-table-header-row > z-table-header:first-child {\n  z-index: 5;\n}\n\nz-table-body {\n  width: auto;\n  background-color: var(--color-white);\n}\n\nz-table-empty-box {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\nz-table-empty-box.bordered {\n  border-left: var(--border-size-small) solid var(--color-surface03);\n}\n\n.error-message {\n  margin-top: calc(var(--space-unit) * 2);\n}\n\n.table-content {\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n}\n\n.error-content {\n  display: flex;\n  padding: calc(var(--space-unit) * 3);\n  font-family: var(--font-family-sans);\n}\n\n.error-content > img {\n  width: 244px;\n  height: 188px;\n  margin-right: calc(var(--space-unit) * 3);\n}\n\n/* Mobile */\n@media only screen and (max-width: 768px) {\n  z-table-deprecated > div.table-empty {\n    display: none;\n  }\n\n  .error-content {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .error-content > img {\n    width: auto;\n    height: auto;\n  }\n\n  .text {\n    padding: calc(var(--space-unit) * 3) 0;\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../beans\";\nimport {mobileBreakpoint} from \"../../../constants/breakpoints\";\nimport \"../z-table-body/index\";\nimport \"../z-table-cell/index\";\nimport \"../z-table-empty-box/index\";\nimport \"../z-table-expanded-row/index\";\nimport \"../z-table-footer/index\";\nimport \"../z-table-head/index\";\nimport \"../z-table-header/index\";\nimport \"../z-table-header-row/index\";\nimport \"../z-table-row/index\";\nimport \"../z-table-sticky-footer/index\";\n\n/**\n * @slot - table elements\n * @slot sticky-footer - set the content of the sticky footer\n * @deprecated\n */\n@Component({\n  assetsDirs: [\"assets\"],\n  styleUrl: \"styles.css\",\n  tag: \"z-table-deprecated\",\n})\nexport class ZTableDeprecated {\n  @Element() host: HTMLZTableDeprecatedElement;\n\n  /** Number of lines of element */\n  @Prop({reflect: true})\n  lines?: number;\n\n  /** Error message */\n  @Prop()\n  errorMessage?: string = \"Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto\";\n\n  /** Sets table with border */\n  @Prop()\n  bordered?: boolean = false;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionLabel?: string;\n\n  /** Sets call to action label */\n  @Prop()\n  callToActionTwoLabel?: string;\n\n  /** Sets first column sticky */\n  @Prop()\n  columnSticky?: boolean = false;\n\n  /** Sets empty table */\n  @Prop()\n  empty?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  error?: boolean = false;\n\n  /** Set error status */\n  @Prop()\n  errorLink?: string;\n\n  /** Sets header sticky */\n  @Prop()\n  headerSticky?: boolean = false;\n\n  /** Set message */\n  @Prop()\n  message?: string = \"Siamo spiacenti, al momento non sono presenti dati da visualizzare\";\n\n  /** Set subtitle */\n  @Prop()\n  subtitle?: string = \"\";\n\n  /** Set if has table content, useful when empty conte to who first column */\n  @State()\n  hasTableBody: boolean;\n\n  /** Handle mobile */\n  @State()\n  isMobile: boolean;\n  /** remove call to action event */\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToAction\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToAction: EventEmitter;\n\n  /** remove call to action event */\n  @Event({\n    eventName: \"callToActionTwo\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  callToActionTwo: EventEmitter;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n  }\n\n  @Listen(\"orientationchange\", {target: \"window\"})\n  handleOrientationChange(): void {\n    this.isMobile = screen.width <= mobileBreakpoint;\n  }\n\n  componentWillLoad(): void {\n    this.isMobile = window.innerWidth <= mobileBreakpoint;\n\n    const tableBody = this.host.querySelector('[slot=\"table-body\"]');\n    this.hasTableBody = !!tableBody?.children?.length;\n\n    if (!!tableBody && !this.hasTableBody) {\n      tableBody.remove();\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"table\");\n  }\n\n  private renderError(tableClass): HTMLZTableDeprecatedElement {\n    const minHeight = this.lines ? `calc(40px * ${this.lines})` : \"auto\";\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-error>\n          <div\n            class=\"error-content\"\n            style={{minHeight}}\n          >\n            <slot name=\"error-image\" />\n            <div class=\"text\">\n              <span class=\"body-3-sb error-message\">{this.errorMessage}</span>\n              <slot name=\"error-action\" />\n            </div>\n          </div>\n        </z-table-error>\n      </Host>\n    );\n  }\n\n  private renderEmpty(tableClass): HTMLZTableDeprecatedElement {\n    const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;\n    const tableContentClass = `${this.hasTableBody ? \"table-content\" : \"\"}`;\n    if (this.hasTableBody) {\n      return (\n        <Host>\n          <div class={tableClass}>\n            <slot name=\"table-header\" />\n            <div class={tableContentClass}>\n              <slot name=\"table-body\" />\n              <z-table-empty-box\n                class={this.bordered && \"bordered\"}\n                message={this.message}\n                subtitle={this.subtitle}\n              >\n                {!!this.callToActionLabel && (\n                  <z-button\n                    slot=\"cta1\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToAction.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionLabel}\n                  </z-button>\n                )}\n                {!!this.callToActionTwoLabel && (\n                  <z-button\n                    slot=\"cta2\"\n                    variant={ButtonVariant.TERTIARY}\n                    onClick={() => this.callToActionTwo.emit()}\n                    size={buttonSize}\n                  >\n                    {this.callToActionTwoLabel}\n                  </z-button>\n                )}\n              </z-table-empty-box>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot name=\"table-header\" />\n        </div>\n        <z-table-empty-box\n          class={this.bordered && \"bordered\"}\n          message={this.message}\n          subtitle={this.subtitle}\n        >\n          {!!this.callToActionLabel && (\n            <z-button\n              slot=\"cta1\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToAction.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionLabel}\n            </z-button>\n          )}\n          {!!this.callToActionTwoLabel && (\n            <z-button\n              slot=\"cta2\"\n              variant={ButtonVariant.TERTIARY}\n              onClick={() => this.callToActionTwo.emit()}\n              size={buttonSize}\n            >\n              {this.callToActionTwoLabel}\n            </z-button>\n          )}\n        </z-table-empty-box>\n      </Host>\n    );\n  }\n\n  render(): HTMLZTableDeprecatedElement {\n    const tableClass = `table ${this.empty ? \"table-empty\" : \"\"} ${this.bordered ? \"table-bordered\" : \"\"}\n    ${this.columnSticky ? \"table-column-sticky\" : \"\"}\n    ${this.headerSticky ? \"table-header-sticky\" : \"\"}`;\n\n    if (this.error) {\n      return this.renderError(tableClass);\n    }\n    if (this.empty) {\n      return this.renderEmpty(tableClass);\n    }\n\n    return (\n      <Host>\n        <div class={tableClass}>\n          <slot />\n        </div>\n        <slot name=\"sticky-footer\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"uZAAA,MAAMA,EAAY,k1EAClB,MAAAC,EAAeD,E,MCuBFE,EAAgB,M,4JASH,wE,cAIH,M,uFAYI,M,WAIP,M,WAIA,M,2CAQO,M,aAIN,qE,cAIC,G,oDA8BpB,YAAAC,GACEC,KAAKC,SAAWC,OAAOC,YAAcC,C,CAIvC,uBAAAC,GACEL,KAAKC,SAAWK,OAAOC,OAASH,C,CAGlC,iBAAAI,G,MACER,KAAKC,SAAWC,OAAOC,YAAcC,EAErC,MAAMK,EAAYT,KAAKU,KAAKC,cAAc,uBAC1CX,KAAKY,iBAAiBC,EAAAJ,IAAS,MAATA,SAAS,SAATA,EAAWK,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAE3C,KAAMN,IAAcT,KAAKY,aAAc,CACrCH,EAAUO,Q,EAId,mBAAAC,GACEjB,KAAKU,KAAKQ,aAAa,OAAQ,Q,CAGzB,WAAAC,CAAYC,GAClB,MAAMC,EAAYrB,KAAKsB,MAAQ,eAAetB,KAAKsB,SAAW,OAE9D,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,QAAMG,KAAK,kBAEbH,EAAA,qBACEA,EAAA,OACEE,MAAM,gBACNE,MAAO,CAACN,cAERE,EAAA,QAAMG,KAAK,gBACXH,EAAA,OAAKE,MAAM,QACTF,EAAA,QAAME,MAAM,2BAA2BzB,KAAK4B,cAC5CL,EAAA,QAAMG,KAAK,oB,CAQf,WAAAG,CAAYT,GAClB,MAAMU,EAAa9B,KAAKC,SAAW8B,EAAWC,MAAQD,EAAWE,IACjE,MAAMC,EAAoB,GAAGlC,KAAKY,aAAe,gBAAkB,KACnE,GAAIZ,KAAKY,aAAc,CACrB,OACEW,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,QAAMG,KAAK,iBACXH,EAAA,OAAKE,MAAOS,GACVX,EAAA,QAAMG,KAAK,eACXH,EAAA,qBACEE,MAAOzB,KAAKmC,UAAY,WACxBC,QAASpC,KAAKoC,QACdC,SAAUrC,KAAKqC,YAEZrC,KAAKsC,mBACNf,EAAA,YACEgB,KAAK,OACLC,QAASC,EAAcC,SACvBC,QAAS,IAAM3C,KAAK4C,aAAaC,OACjCC,KAAMhB,GAEL9B,KAAKsC,qBAGPtC,KAAK+C,sBACNxB,EAAA,YACEgB,KAAK,OACLC,QAASC,EAAcC,SACvBC,QAAS,IAAM3C,KAAKgD,gBAAgBH,OACpCC,KAAMhB,GAEL9B,KAAK+C,yB,CAUtB,OACExB,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,QAAMG,KAAK,kBAEbH,EAAA,qBACEE,MAAOzB,KAAKmC,UAAY,WACxBC,QAASpC,KAAKoC,QACdC,SAAUrC,KAAKqC,YAEZrC,KAAKsC,mBACNf,EAAA,YACEgB,KAAK,OACLC,QAASC,EAAcC,SACvBC,QAAS,IAAM3C,KAAK4C,aAAaC,OACjCC,KAAMhB,GAEL9B,KAAKsC,qBAGPtC,KAAK+C,sBACNxB,EAAA,YACEgB,KAAK,OACLC,QAASC,EAAcC,SACvBC,QAAS,IAAM3C,KAAKgD,gBAAgBH,OACpCC,KAAMhB,GAEL9B,KAAK+C,uB,CAQlB,MAAAE,GACE,MAAM7B,EAAa,SAASpB,KAAKkD,MAAQ,cAAgB,MAAMlD,KAAKmC,SAAW,iBAAmB,WAChGnC,KAAKmD,aAAe,sBAAwB,WAC5CnD,KAAKoD,aAAe,sBAAwB,KAE9C,GAAIpD,KAAKqD,MAAO,CACd,OAAOrD,KAAKmB,YAAYC,E,CAE1B,GAAIpB,KAAKkD,MAAO,CACd,OAAOlD,KAAK6B,YAAYT,E,CAG1B,OACEG,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,cAEFA,EAAA,QAAMG,KAAK,kB"}

package/dist/web-components-library/p-28c6bb97.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_table_sticky_footer}from"./p-6087739d.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-28c6bb97.entry.js.map

package/dist/web-components-library/p-28c6bb97.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/p-2aa42d09.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,a as r}from"./p-10bb4f4b.js";const s=":host{display:block;box-sizing:border-box}";const c=s;const b=class{constructor(e){o(this,e)}render(){return e(r,{key:"f60a683407e08dc44c3e60699142dbe15714af8f",role:"rowgroup"},e("slot",{key:"cce2e55d056641c4bbe3c043e51525303d75562b"}))}};b.style=c;export{b as Z};
+//# sourceMappingURL=p-2aa42d09.js.map

package/dist/web-components-library/p-2aa42d09.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTbodyStyle0","ZTbody","render","h","Host","key","role"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6CAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,yBACjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C"}

package/dist/web-components-library/p-2c886e8b.js

@@ -0,0 +1,2 @@
+const s=767;const t=1052;const o=1365;export{o as d,s as m,t};
+//# sourceMappingURL=p-2c886e8b.js.map

package/dist/web-components-library/p-2c886e8b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mobileBreakpoint","tabletBreakpoint","desktopBreakpoint"],"sources":["src/constants/breakpoints.ts"],"sourcesContent":["const mobileBreakpoint = 767;\nconst tabletBreakpoint = 1052;\nconst desktopBreakpoint = 1365;\n\nexport {mobileBreakpoint, tabletBreakpoint, desktopBreakpoint};\n"],"mappings":"MAAMA,EAAmB,I,MACnBC,EAAmB,K,MACnBC,EAAoB,Y"}

package/dist/web-components-library/p-2f2f460a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,a,g as e}from"./p-10bb4f4b.js";import{C as r}from"./p-025f494e.js";const i=':host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;--z-card--text-padding:calc(var(--space-unit) * 2) var(--space-unit);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant="overlay"])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot="cover"]),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:var(--space-unit)}::slotted([slot="metadata"]),::slotted([slot="title"]),::slotted([slot="text"]){display:-webkit-inline-box;overflow:hidden;-webkit-box-orient:vertical}::slotted([slot="title"]:not(:last-child)),::slotted([slot="text"]:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot="title"])::before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:""}::slotted([slot="metadata"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot="title"]){margin:0;color:inherit;font-size:inherit;font-weight:var(--font-sb);-webkit-line-clamp:2;text-decoration:none}::slotted([slot="text"]){margin:0;-webkit-line-clamp:3}.actions{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([variant="text"]){border:var(--z-card--text-border);background-color:var(--z-card--text-background);border-radius:var(--z-card--text-border-radius)}:host([show-shadow])>.content,:host([variant="border"])>.content,:host([variant="shadow"])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant="text"])>.content{padding:var(--z-card--text-padding)}:host([variant="border"]) .actions,:host([variant="shadow"]) .actions{margin-top:auto}:host([variant="border"]){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant="border"][clickable]:hover)>.content{background:var(--color-background)}:host([variant="border"][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="border"][clickable]:active){border-color:transparent}:host([variant="shadow"]),:host([show-shadow]){box-shadow:var(--shadow-2)}:host([variant="shadow"][clickable]:hover),:host([clickable][show-shadow]:hover){box-shadow:var(--shadow-4)}:host([variant="shadow"][clickable]:focus:focus-visible),:host([clickable][show-shadow]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="shadow"][clickable]:active),:host([clickable][show-shadow]:active){box-shadow:none}:host([variant="overlay"]) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));color:var(--color-text-inverse);fill:var(--color-text-inverse)}';const s=i;const n=class{constructor(o){t(this,o);this.variant=undefined;this.coverIcon=undefined;this.showShadow=false;this.clickable=false;this.hasCoverImage=undefined}componentWillLoad(){this.hasCoverImage=this.host.querySelector('[slot="cover"]')!==null}renderColorCoverCard(){return[o("div",{class:"cover-container"},o("div",{class:"color-cover"},o("div",{class:"cover-content"},o("slot",{name:"metadata"}),o("slot",{name:"title"})))),o("div",{class:"content"},o("slot",{name:"text"}),o("div",{class:"actions"},o("slot",{name:"action"})))]}renderContentDiv(){return o("div",{class:"content"},o("slot",{name:"metadata"}),o("slot",{name:"title"}),o("slot",{name:"text"}),o("div",{class:"actions"},o("slot",{name:"action"})))}render(){if(this.variant===r.TEXT){return o(a,null,this.renderContentDiv())}if(this.variant===r.OVERLAY||this.hasCoverImage){return o(a,null,o("div",{class:"cover-container"},this.hasCoverImage&&[o("slot",{name:"cover"}),this.variant!==r.OVERLAY&&this.coverIcon&&o("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&o("div",{class:"color-cover"})),this.renderContentDiv())}return o(a,null,this.renderColorCoverCard())}get host(){return e(this)}};n.style=s;export{n as z_card};
+//# sourceMappingURL=p-2f2f460a.entry.js.map

package/dist/web-components-library/p-2f2f460a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCardStyle0","ZCard","componentWillLoad","this","hasCoverImage","host","querySelector","renderColorCoverCard","h","class","name","renderContentDiv","render","variant","CardVariant","TEXT","Host","OVERLAY","coverIcon"],"sources":["src/components/z-card/styles.css?tag=z-card&encapsulation=shadow","src/components/z-card/index.tsx"],"sourcesContent":["/* The width of the card must be set by its container,\nrespecting the grid indications of the design. */\n\n:host {\n  /* Override this var to change the cover's aspect ratio */\n  --aspect-ratio: 1.62;\n  --z-card--border-color: var(--gray200);\n  --z-card--color-cover-background: var(--color-surface01);\n  --z-card--text-background: var(--color-surface01);\n  --z-card--text-border-radius: none;\n  --z-card--text-border: none;\n  --z-card--text-padding: calc(var(--space-unit) * 2) var(--space-unit);\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n*,\n::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host(:not([variant=\"overlay\"])) .cover-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Old good trick with percentage padding to keep the aspect ratio.\nUnfortunately the `aspect-ratio` property is still experimental */\n.cover-container {\n  padding-bottom: calc(100% / var(--aspect-ratio));\n}\n\n::slotted([slot=\"cover\"]),\n.color-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.cover-container > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 11);\n  --z-icon-height: var(--z-icon-width);\n\n  position: absolute;\n  top: calc(50% - calc(var(--z-icon-height) / 2));\n  left: calc(50% - calc(var(--z-icon-width) / 2));\n  fill: var(--color-primary01);\n}\n\n.color-cover {\n  background-color: var(--z-card--color-cover-background);\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--space-unit);\n}\n\n.color-cover .cover-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n}\n\n/* Truncates overflowing text */\n::slotted([slot=\"metadata\"]),\n::slotted([slot=\"title\"]),\n::slotted([slot=\"text\"]) {\n  display: -webkit-inline-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n}\n\n::slotted([slot=\"title\"]:not(:last-child)),\n::slotted([slot=\"text\"]:not(:last-child)) {\n  margin-bottom: var(--space-unit);\n}\n\n::slotted([slot=\"title\"])::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \"\";\n}\n\n::slotted([slot=\"metadata\"]:not(:last-child)) {\n  margin: 0 0 calc(var(--space-unit) * 0.25);\n  -webkit-line-clamp: 1;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"title\"]) {\n  margin: 0;\n  color: inherit;\n  font-size: inherit;\n  font-weight: var(--font-sb);\n  -webkit-line-clamp: 2;\n  text-decoration: none;\n}\n\n::slotted([slot=\"text\"]) {\n  margin: 0;\n  -webkit-line-clamp: 3;\n}\n\n.actions {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n::slotted([slot=\"action\"]:not(:last-child)) {\n  margin-right: calc(var(--space-unit) * 2);\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n:host([variant=\"text\"]) {\n  border: var(--z-card--text-border);\n  background-color: var(--z-card--text-background);\n  border-radius: var(--z-card--text-border-radius);\n}\n\n:host([show-shadow]) > .content,\n:host([variant=\"border\"]) > .content,\n:host([variant=\"shadow\"]) > .content {\n  height: 100%;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host([variant=\"text\"]) > .content {\n  padding: var(--z-card--text-padding);\n}\n\n:host([variant=\"border\"]) .actions,\n:host([variant=\"shadow\"]) .actions {\n  margin-top: auto;\n}\n\n/* Border */\n:host([variant=\"border\"]) {\n  border: var(--border-size-small) solid var(--z-card--border-color);\n}\n\n:host([variant=\"border\"][clickable]:hover) > .content {\n  background: var(--color-background);\n}\n\n:host([variant=\"border\"][clickable]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"border\"][clickable]:active) {\n  border-color: transparent;\n}\n\n/* Shadow */\n:host([variant=\"shadow\"]),\n:host([show-shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\n:host([variant=\"shadow\"][clickable]:hover),\n:host([clickable][show-shadow]:hover) {\n  box-shadow: var(--shadow-4);\n}\n\n:host([variant=\"shadow\"][clickable]:focus:focus-visible),\n:host([clickable][show-shadow]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"shadow\"][clickable]:active),\n:host([clickable][show-shadow]:active) {\n  box-shadow: none;\n}\n\n/* Overlay */\n:host([variant=\"overlay\"]) .content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n  background-image: linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n","import {Component, Prop, h, Element, State, Host} from \"@stencil/core\";\nimport {CardVariant} from \"../../beans\";\n\n/**\n * ZCard component.\n * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`\n * @cssprop --z-card--border-color - Default: `var(--gray200)`\n * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-border-radius - Default: `none`\n * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`\n * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`\n * @slot cover - Image cover\n * @slot metadata - Metadata\n * @slot title - Title\n * @slot text - Text content\n * @slot action - Actions\n */\n@Component({\n  tag: \"z-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCard {\n  /**\n   * Card variant.\n   * Can be one of \"text\", \"border\", \"shadow\", \"overlay\".\n   * Leave it undefined for the default card.\n   */\n  @Prop({reflect: true})\n  variant: CardVariant;\n\n  /** Name of the icon to place over the image cover */\n  @Prop()\n  coverIcon: string;\n\n  /** Enable shadow. Default: false. */\n  @Prop({reflect: true})\n  showShadow = false;\n\n  /** Enable 'clickable' style like hover and focus style. */\n  @Prop({reflect: true})\n  clickable = false;\n\n  @Element() host: HTMLZCardElement;\n\n  @State()\n  hasCoverImage: boolean;\n\n  componentWillLoad(): void {\n    this.hasCoverImage = this.host.querySelector('[slot=\"cover\"]') !== null;\n  }\n\n  /**\n   * Template for a card without image cover.\n   * A colored background replaces the image and some data is moved over it.\n   */\n  private renderColorCoverCard(): HTMLDivElement[] {\n    return [\n      <div class=\"cover-container\">\n        <div class=\"color-cover\">\n          <div class=\"cover-content\">\n            <slot name=\"metadata\"></slot>\n            <slot name=\"title\"></slot>\n          </div>\n        </div>\n      </div>,\n      <div class=\"content\">\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>,\n    ];\n  }\n\n  /**\n   * Template for the content div.\n   */\n  private renderContentDiv(): HTMLDivElement {\n    return (\n      <div class=\"content\">\n        <slot name=\"metadata\"></slot>\n        <slot name=\"title\"></slot>\n        <slot name=\"text\"></slot>\n        <div class=\"actions\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZCardElement {\n    if (this.variant === CardVariant.TEXT) {\n      return <Host>{this.renderContentDiv()}</Host>;\n    }\n\n    if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {\n      return (\n        <Host>\n          <div class=\"cover-container\">\n            {this.hasCoverImage && [\n              <slot name=\"cover\"></slot>,\n              this.variant !== CardVariant.OVERLAY && this.coverIcon && <z-icon name={this.coverIcon}></z-icon>,\n            ]}\n            {!this.hasCoverImage && <div class=\"color-cover\"></div>}\n          </div>\n          {this.renderContentDiv()}\n        </Host>\n      );\n    }\n\n    return <Host>{this.renderColorCoverCard()}</Host>;\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAY,0yHAClB,MAAAC,EAAeD,E,MCsBFE,EAAK,M,yFAeH,M,eAID,M,6BAOZ,iBAAAC,GACEC,KAAKC,cAAgBD,KAAKE,KAAKC,cAAc,oBAAsB,I,CAO7D,oBAAAC,GACN,MAAO,CACLC,EAAA,OAAKC,MAAM,mBACTD,EAAA,OAAKC,MAAM,eACTD,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAME,KAAK,aACXF,EAAA,QAAME,KAAK,aAIjBF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,SACXF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,a,CASX,gBAAAC,GACN,OACEH,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,aACXF,EAAA,QAAME,KAAK,UACXF,EAAA,QAAME,KAAK,SACXF,EAAA,OAAKC,MAAM,WACTD,EAAA,QAAME,KAAK,Y,CAMnB,MAAAE,GACE,GAAIT,KAAKU,UAAYC,EAAYC,KAAM,CACrC,OAAOP,EAACQ,EAAI,KAAEb,KAAKQ,mB,CAGrB,GAAIR,KAAKU,UAAYC,EAAYG,SAAWd,KAAKC,cAAe,CAC9D,OACEI,EAACQ,EAAI,KACHR,EAAA,OAAKC,MAAM,mBACRN,KAAKC,eAAiB,CACrBI,EAAA,QAAME,KAAK,UACXP,KAAKU,UAAYC,EAAYG,SAAWd,KAAKe,WAAaV,EAAA,UAAQE,KAAMP,KAAKe,cAE7Ef,KAAKC,eAAiBI,EAAA,OAAKC,MAAM,iBAEpCN,KAAKQ,mB,CAKZ,OAAOH,EAACQ,EAAI,KAAEb,KAAKI,uB"}

package/dist/web-components-library/p-2f72475d.entry.js

@@ -0,0 +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 a=r;const s=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:"ed4894a5e991ebb5e870ab0a1f54c75217721c5c",class:"otp-container"},e("div",{key:"1bef4aae264fb80813a5b7b71412eb638c17736d",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:"6b40b61f792ad0f1789a44d27b51657e2f446a8b",message:this.message,status:this.status}))}};s.style=a;export{s as z_otp};
+//# sourceMappingURL=p-2f72475d.entry.js.map

package/dist/web-components-library/p-2f72475d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZOtpStyle0","ZOtp","emitInputChange","value","this","otpChange","emit","componentWillLoad","otp","Array","inputNum","otpRef","render","h","key","class","map","_val","i","status","InputStatus","ERROR","onKeyDown","e","keyCode","onKeyUp","focus","onInput","target","join","type","minlength","maxlength","autoComplete","ref","el","message"],"sources":["src/snowflakes/myz/z-otp/styles.css?tag=z-otp&encapsulation=shadow","src/snowflakes/myz/z-otp/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.digits-container {\n  display: flex;\n  justify-content: flex-start;\n}\n\ninput {\n  width: calc(var(--space-unit) * 5);\n  height: 72px;\n  box-sizing: border-box;\n  padding: 0;\n  caret-color: transparent;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 32px;\n  font-weight: 300;\n  text-align: center;\n}\n\ninput.error {\n  border: 1px solid;\n  border-color: var(--color-error01);\n  background-color: var(--color-error-inverse);\n  border-radius: 4px;\n}\n\ninput:not(:last-of-type) {\n  margin-right: var(--space-unit);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  input:not(:last-of-type) {\n    margin-right: calc(var(--space-unit) * 2);\n  }\n}\n\n/* Desktop breakpoint */\n@media only screen and (min-width: 1025px) {\n  input {\n    width: calc(var(--space-unit) * 6);\n  }\n}\n","import {Component, h, Event, EventEmitter, Prop} from \"@stencil/core\";\nimport {InputStatus} from \"../../../beans\";\n\n@Component({\n  tag: \"z-otp\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZOtp {\n  /** Input number */\n  @Prop()\n  inputNum?: number = 6;\n\n  /** Input status */\n  @Prop()\n  status?: InputStatus;\n\n  /** Input message */\n  @Prop()\n  message?: string;\n\n  private otp: string[];\n\n  private otpRef: HTMLInputElement[];\n\n  /** Otp change event */\n  @Event()\n  otpChange: EventEmitter;\n\n  private emitInputChange(value: string): void {\n    this.otpChange.emit({value});\n  }\n\n  componentWillLoad(): void {\n    this.otp = [...Array(this.inputNum)];\n    this.otpRef = [...Array(this.inputNum)];\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"otp-container\">\n        <div class=\"digits-container\">\n          {this.otp.map((_val, i) => (\n            <input\n              class={this.status == InputStatus.ERROR ? \"error\" : null}\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  this.otpRef[i].value = \"\";\n                }\n              }}\n              onKeyUp={(e: KeyboardEvent) => {\n                if (e.keyCode > 47) {\n                  i < this.inputNum - 1 && this.otpRef[i + 1].focus();\n                }\n              }}\n              onInput={(e: InputEvent) => {\n                this.otp[i] = (e.target as HTMLInputElement).value;\n                this.emitInputChange(this.otp.join(\"\"));\n              }}\n              type=\"text\"\n              minlength=\"1\"\n              maxlength=\"1\"\n              autoComplete=\"off\"\n              ref={(el) => (this.otpRef[i] = el)}\n            />\n          ))}\n        </div>\n        <z-input-message\n          message={this.message}\n          status={this.status}\n        ></z-input-message>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,stBAClB,MAAAC,EAAeD,E,MCOFE,EAAI,M,4EAGK,E,6CAkBZ,eAAAC,CAAgBC,GACtBC,KAAKC,UAAUC,KAAK,CAACH,S,CAGvB,iBAAAI,GACEH,KAAKI,IAAM,IAAIC,MAAML,KAAKM,WAC1BN,KAAKO,OAAS,IAAIF,MAAML,KAAKM,U,CAG/B,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACRX,KAAKI,IAAIQ,KAAI,CAACC,EAAMC,IACnBL,EAAA,SACEE,MAAOX,KAAKe,QAAUC,EAAYC,MAAQ,QAAU,KACpDC,UAAYC,IACV,GAAIA,EAAEC,QAAU,GAAI,CAClBpB,KAAKO,OAAOO,GAAGf,MAAQ,E,GAG3BsB,QAAUF,IACR,GAAIA,EAAEC,QAAU,GAAI,CAClBN,EAAId,KAAKM,SAAW,GAAKN,KAAKO,OAAOO,EAAI,GAAGQ,O,GAGhDC,QAAUJ,IACRnB,KAAKI,IAAIU,GAAMK,EAAEK,OAA4BzB,MAC7CC,KAAKF,gBAAgBE,KAAKI,IAAIqB,KAAK,IAAI,EAEzCC,KAAK,OACLC,UAAU,IACVC,UAAU,IACVC,aAAa,MACbC,IAAMC,GAAQ/B,KAAKO,OAAOO,GAAKiB,OAIrCtB,EAAA,mBAAAC,IAAA,2CACEsB,QAAShC,KAAKgC,QACdjB,OAAQf,KAAKe,S"}

package/dist/web-components-library/p-303663a9.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as i}from"./p-10bb4f4b.js";const a="button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled02);fill:var(--color-disabled02)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";const t=a;const e=class{constructor(i){r(this,i);this.toggleClick=o(this,"toggleClick",7);this.label=undefined;this.isdisabled=false;this.avoidclick=undefined;this.opened=false;this.ariaLabel=""}emitToggleClick(){if(this.isdisabled){return}this.opened=!this.opened;this.toggleClick.emit(this.opened)}render(){return i("button",{key:"45734652da19db32f9ca48cc87ae096a961b8fdb",tabindex:this.avoidclick?"-1":"0",class:{isopen:this.opened,"avoid-clicks":this.avoidclick},disabled:this.isdisabled,"aria-expanded":this.opened?"true":"false","aria-label":this.ariaLabel,onClick:()=>this.emitToggleClick()},i("z-icon",{key:"0630ac16f3c2fe347cf9c81cdbf07a06bc526778",name:this.opened?"chevron-down":"chevron-up",width:16,height:16}),this.label)}};e.style=t;export{e as z_toggle_button};
+//# sourceMappingURL=p-303663a9.entry.js.map

package/dist/web-components-library/p-303663a9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZToggleButtonStyle0","ZToggleButton","emitToggleClick","this","isdisabled","opened","toggleClick","emit","render","h","key","tabindex","avoidclick","class","isopen","disabled","ariaLabel","onClick","name","width","height","label"],"sources":["src/components/buttons/z-toggle-button/styles.css?tag=z-toggle-button&encapsulation=shadow","src/components/buttons/z-toggle-button/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  padding-right: calc(var(--space-unit) * 2);\n  padding-left: 0;\n  border: var(--border-size-medium) solid;\n  border-color: transparent;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n  text-transform: uppercase;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-pressed-primary);\n}\n\nbutton:disabled {\n  color: var(--color-disabled02);\n  fill: var(--color-disabled02);\n}\n\nz-icon {\n  display: inline-block;\n  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\nbutton.isopen {\n  top: -20px;\n}\n\nbutton.avoid-clicks {\n  pointer-events: none;\n}\n","import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAY,6iCAClB,MAAAC,EAAeD,E,MCMFE,EAAa,M,uGAOD,M,sCAQJ,M,eAIP,E,CAMJ,eAAAC,GACN,GAAIC,KAAKC,WAAY,CACnB,M,CAGFD,KAAKE,QAAUF,KAAKE,OACpBF,KAAKG,YAAYC,KAAKJ,KAAKE,O,CAG7B,MAAAG,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,SAAUR,KAAKS,WAAa,KAAO,IACnCC,MAAO,CACLC,OAAUX,KAAKE,OACf,eAAgBF,KAAKS,YAEvBG,SAAUZ,KAAKC,WAAU,gBACVD,KAAKE,OAAS,OAAS,QAAO,aACjCF,KAAKa,UACjBC,QAAS,IAAMd,KAAKD,mBAEpBO,EAAA,UAAAC,IAAA,2CACEQ,KAAMf,KAAKE,OAAS,eAAiB,aACrCc,MAAO,GACPC,OAAQ,KAETjB,KAAKkB,M"}

package/dist/web-components-library/p-3441cb4e.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_table_head}from"./p-011a7536.js";import"./p-10bb4f4b.js";
+//# sourceMappingURL=p-3441cb4e.entry.js.map

package/dist/web-components-library/p-3441cb4e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/web-components-library/p-34541d7c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,a as e,g as o}from"./p-10bb4f4b.js";import{V as r,W as h,p as n,P as a,g as l,i as p}from"./p-025f494e.js";import{g as c,a as d}from"./p-955da62e.js";import"./p-2c886e8b.js";const f=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;height:30px;align-items:center;padding-left:calc(var(--space-unit) / 2);overflow-x:hidden}li{display:flex;align-items:baseline}:host a:focus,:host button:focus{box-shadow:var(--shadow-focus-primary);outline:0}:host a{color:var(--color-link-primary);font-size:var(--font-size-2);text-decoration:none;white-space:nowrap}:host a.homepage-icon{display:list-item}:host a.homepage-text{display:initial;margin-top:calc(var(--space-unit) / 4);margin-right:var(--space-unit)}:host a.missing-path{color:var(--color-text01)}:host a.text-ellipsis{display:-webkit-box !important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:normal}:host ol{display:flex;padding:0;margin:0;list-style-type:none}:host ol>li:not(:first-child,:last-child){margin-right:var(--space-unit)}nav.underlined>ol>li a:not(.missing-path),nav.underlined>ol>li button{text-decoration:underline}nav.semibold>ol>li a:not(.missing-path),nav.semibold>ol>li button{font-weight:var(--font-sb)}:host z-icon{margin-right:var(--space-unit);--z-icon-width:12px;--z-icon-height:12px}:host button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}:host .hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}:host .hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}:host .hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}:host .hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}:host .full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}:host .tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){:host ol>li+li::before{display:inline-block;width:10px;height:10px;flex:1;margin-right:2px;color:var(--color-disabled03);content:"\\203A"}:host a.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}';const u=f;const m=class{constructor(s){t(this,s);this.clickOnNode=i(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=r.UNDERLINED;this.homepageVariant=h.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==n.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}handleResizeUp(t,i){if(t===n.MOBILE||i===n.MOBILE&&t===n.TABLET||i===n.MOBILE&&t===n.DESKTOP||i===n.MOBILE&&t===n.DESKTOP_WIDE||i===n.TABLET&&t===n.DESKTOP||i===n.TABLET&&t===n.DESKTOP_WIDE||i===n.DESKTOP&&t===n.DESKTOP_WIDE){this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}componentWillRender(){if(this.viewPortWidth!==n.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==n.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}initializeBreadcrumb(t){if(t){this.pathsList=this.getPathsItemsList().filter((t=>!!t.path))}else{this.pathsList=this.getPathsItemsList()}this.totalLenght=this.pathsList.length;this.homepageNode=this.pathsList.shift();this.pathListCopy=JSON.parse(JSON.stringify(this.pathsList));this.collapsedElements=[];if(this.totalLenght>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){if(this.pathListCopy.length>0){for(let t=0;t<this.pathsList.length;t++){if(this.pathsList[t].text.length>this.truncateChar){if(this.truncatePosition!==null){if(this.truncatePosition>0){const t=this.pathListCopy.splice(0,this.truncatePosition);t.forEach((t=>{this.collapsedElements.push(t)}));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}if(this.truncatePosition===0){const t=this.pathListCopy.splice(0,this.truncatePosition+1);this.collapsedElements.push(...t);this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}}if(t!==this.pathsList.length-1){const i=this.truncateWithEllipsis(this.pathsList[t].text,this.truncateChar);this.currentEllipsisText=this.pathsList[t].text;this.pathsList[t].text=i;this.pathsList[t].hasTooltip=true;this.truncatePosition=t;return}}}}}truncateWithEllipsis(t,i){const s="&mldr;";if(t.length>i){return t.substring(0,i-1)+s}return t}getPathsItemsList(){return Array.from(this.hostElement.children).map((t=>({text:t.textContent,path:t.href,hasTooltip:false})))}renderMobileBreadcrumb(){const t=this.pathsList[this.pathsList.length-1];return s("nav",{"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===r.UNDERLINED,semibold:this.pathStyle===r.SEMIBOLD}},s("ol",null,this.renderNode(t,true)))}renderHomepageNode(t){return s("li",null,s("a",{class:{"homepage-icon":this.homepageVariant===h.ICON,"homepage-text":this.homepageVariant===h.TEXT},href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t)},this.homepageVariant===h.ICON?s("z-icon",{name:"home",fill:"color-link-primary",height:16,width:16}):"Home"))}renderNode(t,i){return s("li",null,t.hasTooltip&&s("z-popover",{class:"full-path-tooltip","bind-to":this.triggerEllipsis,open:this.popoverEllipsisOpen,position:a.BOTTOM_RIGHT,closable:false,showArrow:true},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!t.path,"text-ellipsis":i},ref:t=>this.triggerEllipsis=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:i?`<z-icon fill="color-link-primary" name="chevron-left"></z-icon>${t.text}`:t.text}))}renderBreadcrumb(){return s("nav",{ref:t=>this.wrapElement=t,"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===r.UNDERLINED,semibold:this.pathStyle===r.SEMIBOLD}},s("ol",null,this.renderHomepageNode(this.homepageNode),this.collapsedElements.length?this.renderOverflowMenu():"",this.pathsList.map((t=>this.renderNode(t,false)))))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(t,i){if(this.preventFollowUrl){t.preventDefault();this.clickOnNode.emit(i.path)}}handleOverflowMenuAccessibility(t){const i=this.anchorElements.length;if(t.key===l.TAB){t.preventDefault();return}t.stopPropagation();const s=[l.ARROW_DOWN,l.ARROW_UP];if(s.includes(t.key)){t.preventDefault();if(t.key===l.ARROW_DOWN){this.currentIndex=i===this.currentIndex+1?0:this.currentIndex+1}if(t.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?i-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(t.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){if(this.collapsedElements.length){return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:t=>this.collapsedElementsRef=t,"bind-to":this.triggerButton,position:a.BOTTOM_RIGHT,closable:true,showArrow:true},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:p.SMALL},this.collapsedElements.map(((t,i,e)=>s("div",null,s("z-list-element",{clickable:true},s("a",{class:"text-ellipsis",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onKeyDown:t=>this.handleOverflowMenuAccessibility(t)},t.text)),i<e.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",ref:t=>this.triggerButton=t,class:"dots",onClick:()=>{this.togglePopover()},onKeyDown:t=>{d(t,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)}},"..."))}}render(){return s(e,{key:"0fdd2556f767ddc969bb26ad157149092c28976f",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},this.viewPortWidth===n.MOBILE?this.renderMobileBreadcrumb():this.renderBreadcrumb())}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};m.style=u;export{m as z_breadcrumb};
+//# sourceMappingURL=p-34541d7c.entry.js.map

package/dist/web-components-library/p-34541d7c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZBreadcrumbStyle0","ZBreadcrumb","this","collapsedElements","currentIndex","truncatePosition","BreadcrumbPathStyle","UNDERLINED","BreadcrumbHomepageVariant","ICON","handleResize","viewPortWidth","getDevice","Device","MOBILE","wrapElement","scrollWidth","clientWidth","hasOverflow","handlePropChange","initializeBreadcrumb","handleResizeUp","newValue","oldValue","TABLET","DESKTOP","DESKTOP_WIDE","componentWillLoad","componentWillRender","checkEllipsisOrOverflowMenu","componentDidRender","collapsedElementsRef","anchorElements","Array","from","hostElement","shadowRoot","querySelectorAll","isMobile","pathsList","getPathsItemsList","filter","item","path","totalLenght","length","homepageNode","shift","pathListCopy","JSON","parse","stringify","maxNodesToShow","splice","i","text","truncateChar","arrayToPush","forEach","push","truncatedString","truncateWithEllipsis","currentEllipsisText","hasTooltip","str","ending","substring","children","map","textContent","href","renderMobileBreadcrumb","lastPath","h","class","underlined","pathStyle","semibold","SEMIBOLD","renderNode","renderHomepageNode","homepageVariant","TEXT","onClick","e","handlePreventFollowUrl","name","fill","height","width","mobile","triggerEllipsis","open","popoverEllipsisOpen","position","PopoverPosition","BOTTOM_RIGHT","closable","showArrow","ref","val","undefined","onMouseOver","onMouseLeave","innerHTML","renderBreadcrumb","renderOverflowMenu","togglePopover","preventFollowUrl","preventDefault","clickOnNode","emit","handleOverflowMenuAccessibility","anchorElementsLenght","key","KeyboardCode","TAB","stopPropagation","arrows","ARROW_DOWN","ARROW_UP","includes","focus","ESC","triggerButton","size","ListSize","SMALL","index","array","clickable","onKeyDown","color","el","handleKeyboardSubmit","bind","setTimeout","render","Host","style","overflowMenuItemRows"],"sources":["src/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","src/components/z-breadcrumb/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --line-clamp-popover: 0;\n  --line-clamp-mobile: 1;\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nnav {\n  display: flex;\n  height: 30px;\n  align-items: center;\n  padding-left: calc(var(--space-unit) / 2);\n  overflow-x: hidden;\n}\n\nli {\n  display: flex;\n  align-items: baseline;\n}\n\n:host a:focus,\n:host button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: 0;\n}\n\n:host a {\n  color: var(--color-link-primary);\n  font-size: var(--font-size-2);\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n:host a.homepage-icon {\n  display: list-item;\n}\n\n:host a.homepage-text {\n  display: initial;\n  margin-top: calc(var(--space-unit) / 4);\n  margin-right: var(--space-unit);\n}\n\n:host a.missing-path {\n  color: var(--color-text01);\n}\n\n:host a.text-ellipsis {\n  display: -webkit-box !important;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--line-clamp-mobile);\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n\n:host ol {\n  display: flex;\n  padding: 0;\n  margin: 0;\n  list-style-type: none;\n}\n\n:host ol > li:not(:first-child, :last-child) {\n  margin-right: var(--space-unit);\n}\n\nnav.underlined > ol > li a:not(.missing-path),\nnav.underlined > ol > li button {\n  text-decoration: underline;\n}\n\nnav.semibold > ol > li a:not(.missing-path),\nnav.semibold > ol > li button {\n  font-weight: var(--font-sb);\n}\n\n:host z-icon {\n  margin-right: var(--space-unit);\n\n  --z-icon-width: 12px;\n  --z-icon-height: 12px;\n}\n\n:host button.dots {\n  display: inline-block;\n  color: var(--color-link-primary);\n  cursor: pointer;\n}\n\n:host .hidden-paths-popover .popover-content {\n  max-width: 302px;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  text-align: left;\n}\n\n:host .hidden-paths-popover .popover-content a {\n  font-weight: var(--font-rg);\n  text-decoration: none;\n}\n\n:host .hidden-paths-popover {\n  --z-popover-theme--surface: var(--color-surface02);\n  --z-popover-padding: 0;\n}\n\n:host .hidden-paths-popover::before,\n.full-path-tooltip::before {\n  --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n:host .full-path-tooltip {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n  --z-popover-padding: 0;\n}\n\n:host .tooltip-content {\n  padding: 0 var(--space-unit);\n  font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n  /* https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/#accessibilityfeatures */\n  :host ol > li + li::before {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    flex: 1;\n    margin-right: 2px;\n    color: var(--color-disabled03);\n    content: \"\\203A\";\n  }\n\n  :host a.text-ellipsis {\n    -webkit-line-clamp: var(--line-clamp-popover);\n  }\n}\n","import {Component, Prop, h, State, Host, Listen, Element, Event, Watch, EventEmitter} from \"@stencil/core\";\nimport {\n  BreadcrumbHomepageVariant,\n  BreadcrumbPath,\n  BreadcrumbPathStyle,\n  Device,\n  KeyboardCode,\n  ListSize,\n  PopoverPosition,\n} from \"../../beans\";\nimport {getDevice, handleKeyboardSubmit} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-breadcrumb\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZBreadcrumb {\n  /* Accessibility references */\n  /* Overflow-menu: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/ */\n  /* Breadcrumb: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/ */\n  /* Focus on multiline link: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html */\n\n  @Element() hostElement: HTMLZBreadcrumbElement;\n\n  /** [optional] Sets the path style */\n  @Prop({reflect: true})\n  pathStyle?: BreadcrumbPathStyle = BreadcrumbPathStyle.UNDERLINED;\n\n  /** [optional] Variant of first node */\n  @Prop()\n  homepageVariant?: BreadcrumbHomepageVariant = BreadcrumbHomepageVariant.ICON;\n\n  /** [optional] Sets max number of element to show */\n  @Prop()\n  maxNodesToShow? = 5;\n\n  /** [optional] Controls the behaviour on <a> tag click/enter */\n  @Prop()\n  preventFollowUrl? = false;\n\n  /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */\n  @Prop()\n  overflowMenuItemRows? = 0;\n\n  /** [optional] Sets the maximun number of chars per single node */\n  @Prop()\n  truncateChar? = 30;\n\n  /** Handle mobile */\n  @State()\n  viewPortWidth: Device;\n\n  /** Detect whether the length of the nodes shown exceeds the container length */\n  @State()\n  hasOverflow = false;\n\n  @State()\n  popoverEllipsisOpen = false;\n\n  /** Emitted when preventFollowUrl=true to handle custom page transition */\n  @Event()\n  clickOnNode: EventEmitter<BreadcrumbPath[\"path\"]>;\n\n  @Listen(\"resize\", {target: \"window\"})\n  handleResize(): void {\n    this.viewPortWidth = getDevice();\n    if (\n      this.viewPortWidth !== Device.MOBILE &&\n      this.wrapElement &&\n      this.wrapElement.scrollWidth > this.wrapElement.clientWidth\n    ) {\n      this.hasOverflow = true;\n    }\n  }\n  // eslint-disable-next-line lines-between-class-members\n  @Watch(\"maxNodesToShow\")\n  handlePropChange(): void {\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  @Watch(\"viewPortWidth\")\n  handleResizeUp(newValue: Device, oldValue: Device): void {\n    if (\n      newValue === Device.MOBILE ||\n      (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n      (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n      (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n      (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)\n    ) {\n      this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n    }\n  }\n\n  private pathsList: BreadcrumbPath[];\n\n  private pathListCopy: BreadcrumbPath[];\n\n  private collapsedElements: BreadcrumbPath[] = [];\n\n  private collapsedElementsRef: HTMLZPopoverElement;\n\n  private triggerButton: HTMLButtonElement;\n\n  private triggerEllipsis: HTMLAnchorElement;\n\n  private wrapElement: HTMLElement;\n\n  private currentIndex = 0;\n\n  private homepageNode: BreadcrumbPath;\n\n  private totalLenght: number;\n\n  private anchorElements;\n\n  private currentEllipsisText: string;\n\n  private truncatePosition = null;\n\n  componentWillLoad(): void {\n    this.viewPortWidth = getDevice();\n    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);\n  }\n\n  componentWillRender(): void {\n    if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n      this.checkEllipsisOrOverflowMenu();\n      this.hasOverflow = false;\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.collapsedElementsRef) {\n      this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n    }\n\n    if (this.viewPortWidth !== Device.MOBILE && this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n      this.hasOverflow = true;\n    }\n  }\n\n  private initializeBreadcrumb(isMobile: boolean): void {\n    if (isMobile) {\n      this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n    } else {\n      this.pathsList = this.getPathsItemsList();\n    }\n    this.totalLenght = this.pathsList.length;\n    this.homepageNode = this.pathsList.shift();\n    this.pathListCopy = JSON.parse(JSON.stringify(this.pathsList));\n    this.collapsedElements = [];\n    if (this.totalLenght > this.maxNodesToShow) {\n      this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n    }\n  }\n\n  private checkEllipsisOrOverflowMenu(): void {\n    if (this.pathListCopy.length > 0) {\n      for (let i = 0; i < this.pathsList.length; i++) {\n        if (this.pathsList[i].text.length > this.truncateChar) {\n          if (this.truncatePosition !== null) {\n            if (this.truncatePosition > 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition);\n              arrayToPush.forEach((item) => {\n                this.collapsedElements.push(item);\n              });\n              this.pathsList.splice(0, this.truncatePosition);\n              this.truncatePosition = 0;\n\n              return;\n            }\n            if (this.truncatePosition === 0) {\n              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition + 1);\n              this.collapsedElements.push(...arrayToPush);\n              this.pathsList.splice(0, this.truncatePosition + 1);\n              this.truncatePosition = null;\n\n              return;\n            }\n          }\n          if (i !== this.pathsList.length - 1) {\n            const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n            this.currentEllipsisText = this.pathsList[i].text;\n            this.pathsList[i].text = truncatedString;\n            this.pathsList[i].hasTooltip = true;\n            this.truncatePosition = i;\n\n            return;\n          }\n        }\n      }\n    }\n  }\n\n  private truncateWithEllipsis(str: string, length: number): string {\n    const ending = \"&mldr;\";\n\n    if (str.length > length) {\n      return str.substring(0, length - 1) + ending;\n    }\n\n    return str;\n  }\n\n  private getPathsItemsList(): BreadcrumbPath[] {\n    return Array.from(this.hostElement.children).map((item: HTMLAnchorElement) => {\n      return {\n        text: item.textContent,\n        path: item.href,\n        hasTooltip: false,\n      };\n    });\n  }\n\n  private renderMobileBreadcrumb(): HTMLDivElement {\n    const lastPath = this.pathsList[this.pathsList.length - 1];\n\n    return (\n      <nav\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>{this.renderNode(lastPath, true)}</ol>\n      </nav>\n    );\n  }\n\n  private renderHomepageNode(item): HTMLLIElement {\n    return (\n      <li>\n        <a\n          class={{\n            \"homepage-icon\": this.homepageVariant === BreadcrumbHomepageVariant.ICON,\n            \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n          }}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n        >\n          {this.homepageVariant === BreadcrumbHomepageVariant.ICON ? (\n            <z-icon\n              name=\"home\"\n              fill=\"color-link-primary\"\n              height={16}\n              width={16}\n            />\n          ) : (\n            \"Home\"\n          )}\n        </a>\n      </li>\n    );\n  }\n\n  private renderNode(item, mobile): HTMLLIElement {\n    return (\n      <li>\n        {item.hasTooltip && (\n          <z-popover\n            class=\"full-path-tooltip\"\n            bind-to={this.triggerEllipsis}\n            open={this.popoverEllipsisOpen}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={false}\n            showArrow\n          >\n            <span class=\"tooltip-content\">{this.currentEllipsisText}</span>\n          </z-popover>\n        )}\n        <a\n          class={{\n            \"missing-path\": !item.path,\n            \"text-ellipsis\": mobile,\n          }}\n          ref={(val) => (this.triggerEllipsis = val)}\n          aria-current={item.path ? undefined : \"page\"}\n          href={item.path}\n          onClick={(e) => this.handlePreventFollowUrl(e, item)}\n          onMouseOver={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = true;\n            }\n          }}\n          onMouseLeave={() => {\n            if (item.hasTooltip) {\n              this.popoverEllipsisOpen = false;\n            }\n          }}\n          innerHTML={mobile ? `<z-icon fill=\"color-link-primary\" name=\"chevron-left\"></z-icon>${item.text}` : item.text}\n        />\n      </li>\n    );\n  }\n\n  private renderBreadcrumb(): HTMLElement {\n    return (\n      <nav\n        ref={(val) => (this.wrapElement = val)}\n        aria-label=\"Breadcrumb\"\n        class={{\n          underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n          semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n        }}\n      >\n        <ol>\n          {this.renderHomepageNode(this.homepageNode)}\n          {this.collapsedElements.length ? this.renderOverflowMenu() : \"\"}\n          {this.pathsList.map((item) => this.renderNode(item, false))}\n        </ol>\n      </nav>\n    );\n  }\n\n  private togglePopover(): void {\n    if (!this.collapsedElementsRef.open) {\n      this.collapsedElementsRef.open = true;\n    }\n  }\n\n  private handlePreventFollowUrl(e: MouseEvent, item): void {\n    if (this.preventFollowUrl) {\n      e.preventDefault();\n      this.clickOnNode.emit(item.path);\n    }\n  }\n\n  private handleOverflowMenuAccessibility(e: KeyboardEvent): void {\n    const anchorElementsLenght = this.anchorElements.length;\n    if (e.key === KeyboardCode.TAB) {\n      e.preventDefault();\n\n      return;\n    }\n    e.stopPropagation();\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (arrows.includes(e.key as KeyboardCode)) {\n      e.preventDefault();\n\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n      }\n      if (e.key === KeyboardCode.ARROW_UP) {\n        this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n      }\n\n      this.anchorElements[this.currentIndex].focus();\n    }\n\n    if (e.key === KeyboardCode.ESC) {\n      this.triggerButton.focus();\n    }\n  }\n\n  private renderOverflowMenu(): HTMLLIElement {\n    if (this.collapsedElements.length) {\n      return (\n        <li>\n          <z-popover\n            class=\"hidden-paths-popover\"\n            ref={(val) => (this.collapsedElementsRef = val as HTMLZPopoverElement)}\n            bind-to={this.triggerButton}\n            position={PopoverPosition.BOTTOM_RIGHT}\n            closable={true}\n            showArrow\n          >\n            <div class=\"popover-content\">\n              <z-list>\n                <z-list-group size={ListSize.SMALL}>\n                  {this.collapsedElements.map((item, index, array) => {\n                    return (\n                      <div>\n                        <z-list-element clickable>\n                          <a\n                            class=\"text-ellipsis\"\n                            href={item.path}\n                            onClick={(e) => this.handlePreventFollowUrl(e, item)}\n                            onKeyDown={(e) => this.handleOverflowMenuAccessibility(e)}\n                          >\n                            {item.text}\n                          </a>\n                        </z-list-element>\n                        {index < array.length - 1 && <z-divider color=\"color-surface03\"></z-divider>}\n                      </div>\n                    );\n                  })}\n                </z-list-group>\n              </z-list>\n            </div>\n          </z-popover>\n          <button\n            aria-label=\"Mostra più breadcrumb\"\n            aria-haspopup=\"true\"\n            ref={(el) => (this.triggerButton = el as HTMLButtonElement)}\n            class=\"dots\"\n            onClick={() => {\n              this.togglePopover();\n            }}\n            onKeyDown={(e) => {\n              handleKeyboardSubmit(e, this.togglePopover.bind(this));\n              setTimeout(() => {\n                this.anchorElements[0].focus();\n              }, 100);\n            }}\n          >\n            ...\n          </button>\n        </li>\n      );\n    }\n  }\n\n  render(): HTMLZBreadcrumbElement {\n    return (\n      <Host style={{\"--line-clamp-popover\": `${this.overflowMenuItemRows}`}}>\n        {this.viewPortWidth === Device.MOBILE ? this.renderMobileBreadcrumb() : this.renderBreadcrumb()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/web-components-library/p-356aac96.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,g as a}from"./p-10bb4f4b.js";const r=".sc-z-table-body-h{display:table-row-group;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const e=r;const s=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup");Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",{key:"d422df9305a81ae9beb6b1a695cf08a944f7b893"})}get host(){return a(this)}};s.style=e;export{s as Z};
+//# sourceMappingURL=p-356aac96.js.map

package/dist/web-components-library/p-356aac96.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableBodyStyle0","ZTableBody","componentWillRender","this","host","setAttribute","Array","from","children","forEach","child","index","render","h","key"],"sources":["src/deprecated/z-table-deprecated/z-table-body/styles.css?tag=z-table-body&encapsulation=scoped","src/deprecated/z-table-deprecated/z-table-body/index.tsx"],"sourcesContent":[":host {\n  display: table-row-group;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-table-row[expanded] + z-table-expanded-row {\n  display: table-row;\n}\n","import {Component, Element, h} from \"@stencil/core\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-body\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTableBody {\n  @Element() host: HTMLZTableBodyElement;\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"rowgroup\");\n\n    Array.from(this.host.children).forEach((child, index) => child.setAttribute(\"aria-rowindex\", `${index}`));\n  }\n\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,6NAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,yBAGrB,mBAAAC,GACEC,KAAKC,KAAKC,aAAa,OAAQ,YAE/BC,MAAMC,KAAKJ,KAAKC,KAAKI,UAAUC,SAAQ,CAACC,EAAOC,IAAUD,EAAML,aAAa,gBAAiB,GAAGM,M,CAGlG,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/dist/web-components-library/p-378b2bbf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,a as n,g as o}from"./p-10bb4f4b.js";import{d as s,a as e}from"./p-955da62e.js";import{T as c}from"./p-025f494e.js";import"./p-2c886e8b.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const a=r;const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=s(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"148da854d3c5a83e5c103b3efcc5358f86278936",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-white":this.variant===c.DARK,"z-link-black":this.variant!==c.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>e(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=a;export{l as z_skip_to_content};
+//# sourceMappingURL=p-378b2bbf.entry.js.map

package/dist/web-components-library/p-378b2bbf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSkipToContentStyle0","ZSkipToContent","handleFocusOutSkipToContent","e","this","isInSkipToContent","target","visible","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","links","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","firstChild","_a","hostElement","children","visibleLink","id","handleLinkClick","render","h","Host","key","class","variant","map","link","i","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  left: -100%;\n  height: 60px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n  background-color: #24f4ff;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  text-align: center;\n}\n\n:host > .link-container {\n  display: inline-flex;\n  height: 100%;\n  align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n  position: static;\n  display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n  overflow: hidden;\n  width: 0;\n  height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n  width: initial;\n  height: initial;\n}\n\n:host.dark {\n  background-color: var(--color-surface05);\n  color: var(--color-surface01);\n}\n\n:host.light {\n  border: var(--border-size-medium) solid var(--color-surface05);\n  background-color: var(--color-surface01);\n  color: var(--color-text01);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    text-align: start;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .link-container {\n    padding: 0 calc(var(--space-unit) * 3);\n    border-right: var(--border-size-small) solid var(--color-surface05);\n  }\n\n  :host > .link-container > a.z-link.link-invisible {\n    overflow: initial;\n    width: initial;\n    height: initial;\n  }\n\n  :host > .link-container:first-child {\n    padding-left: 0;\n  }\n\n  :host > .link-container:last-child,\n  :host.dark > .link-container:last-child,\n  :host.light > .link-container:last-child {\n    padding-right: 0;\n    border-right: none;\n  }\n\n  :host.dark > .link-container {\n    border-right: var(--border-size-small) solid var(--color-surface01);\n  }\n}\n","import {Component, h, Host, Element, Listen, Prop, State} from \"@stencil/core\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\nimport {ThemeVariant, SkipToContentLink} from \"../../beans\";\n\n/**\n * Component short description.\n */\n@Component({\n  tag: \"z-skip-to-content\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSkipToContent {\n  /** Graphical variant: `dark`, `light`. */\n  @Prop({reflect: true})\n  variant?: ThemeVariant;\n\n  /** Array to fill link into skip-content */\n  @Prop({mutable: true})\n  links: string | SkipToContentLink[] = [];\n\n  @State()\n  visible = false;\n\n  @State()\n  visibleLink = \"\";\n\n  @Element() hostElement: HTMLZSkipToContentElement;\n\n  @Listen(\"focusout\", {target: \"document\"})\n  handleFocusOutSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = false;\n    }\n  }\n\n  @Listen(\"focusin\", {target: \"document\"})\n  handleFocusSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.showFirstChild();\n  }\n\n  componentWillRender(): void {\n    if (this.links) {\n      this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n    }\n  }\n\n  private isInSkipToContent(elem): boolean {\n    const tree = getElementTree(elem);\n    const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n    return !!menuParent;\n  }\n\n  private showFirstChild(): void {\n    const firstChild = this.hostElement.children?.[0];\n    if (firstChild) {\n      this.visibleLink = firstChild.id;\n    }\n  }\n\n  private handleLinkClick(): void {\n    this.visible = false;\n  }\n\n  render(): HTMLZSkipToContentElement {\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n          \"skip-to-content-visible\": this.visible,\n        }}\n      >\n        {(this.links as SkipToContentLink[]).map((link, i) => {\n          const id = `skip-to-content-${i}`;\n\n          return (\n            <div class=\"link-container\">\n              <a\n                id={id}\n                class={{\n                  \"body-1-sb\": true,\n                  \"z-link\": true,\n                  \"z-link-underline\": true,\n                  \"z-link-white\": this.variant === ThemeVariant.DARK,\n                  \"z-link-black\": this.variant !== ThemeVariant.DARK,\n                  \"link-visible\": id == this.visibleLink,\n                  \"link-invisible\": id != this.visibleLink,\n                }}\n                aria-label={link.ariaLabel || link.label}\n                href={link.href}\n                onFocus={() => (this.visibleLink = id)}\n                onClick={() => this.handleLinkClick()}\n                onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n              >\n                {link.label}\n              </a>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gKAAA,MAAMA,EAAY,m3DAClB,MAAAC,EAAeD,E,MCYFE,EAAc,M,2DAOa,G,aAG5B,M,iBAGI,E,CAKd,2BAAAC,CAA4BC,GAC1B,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,K,EAKnB,wBAAAC,CAAyBL,GACvB,GAAIC,KAAKC,kBAAkBF,EAAEG,QAAS,CACpCF,KAAKG,QAAU,I,EAInB,gBAAAE,GACEL,KAAKM,gB,CAGP,mBAAAC,GACE,GAAIP,KAAKQ,MAAO,CACdR,KAAKQ,aAAeR,KAAKQ,QAAU,SAAWC,KAAKC,MAAMV,KAAKQ,OAASR,KAAKQ,K,EAIxE,iBAAAP,CAAkBU,GACxB,MAAMC,EAAOC,EAAeF,GAC5B,MAAMG,EAAaF,EAAKG,MAAMJ,GAAkBA,EAAKK,SAASC,gBAAkB,sBAEhF,QAASH,C,CAGH,cAAAR,G,MACN,MAAMY,GAAaC,EAAAnB,KAAKoB,YAAYC,YAAQ,MAAAF,SAAA,SAAAA,EAAG,GAC/C,GAAID,EAAY,CACdlB,KAAKsB,YAAcJ,EAAWK,E,EAI1B,eAAAC,GACNxB,KAAKG,QAAU,K,CAGjB,MAAAsB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC7B,KAAK8B,SAAU,KAChB,0BAA2B9B,KAAKG,UAGhCH,KAAKQ,MAA8BuB,KAAI,CAACC,EAAMC,KAC9C,MAAMV,EAAK,mBAAmBU,IAE9B,OACEP,EAAA,OAAKG,MAAM,kBACTH,EAAA,KACEH,GAAIA,EACJM,MAAO,CACL,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,eAAgB7B,KAAK8B,UAAYI,EAAaC,KAC9C,eAAgBnC,KAAK8B,UAAYI,EAAaC,KAC9C,eAAgBZ,GAAMvB,KAAKsB,YAC3B,iBAAkBC,GAAMvB,KAAKsB,aAC9B,aACWU,EAAKI,WAAaJ,EAAKK,MACnCC,KAAMN,EAAKM,KACXC,QAAS,IAAOvC,KAAKsB,YAAcC,EACnCiB,QAAS,IAAMxC,KAAKwB,kBACpBiB,QAAU1C,GAAM2C,EAAqB3C,EAAGC,KAAKwB,gBAAgBmB,KAAK3C,QAEjEgC,EAAKK,OAEJ,I"}

package/dist/web-components-library/p-38c63f28.entry.js

@@ -0,0 +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:"b5b630a2b5ffe83a239315612faf6b673158c782",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-38c63f28.entry.js.map

package/dist/web-components-library/p-38c63f28.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZLinkStyle0","ZLink","constructor","hostRef","this","emitZLinkClick","bind","emitZLinkInteraction","componentWillLoad","iswhite","console","warn","big","e","linkId","zLinkClick","emit","componentDidLoad","icon","height","parseFloat","window","getComputedStyle","hostElement","getPropertyValue","currentSize","Math","round","Number","isNaN","iconSize","render","h","key","id","htmlid","href","class","disabled","isdisabled","active","isactive","white","textcolor","underline","target","role","tabindex","htmltabindex","onClick","iconposition","style","name"],"sources":["src/deprecated/z-link/styles.css?tag=z-link&encapsulation=shadow","src/deprecated/z-link/index.tsx"],"sourcesContent":[":host {\n  --font-size-link: inherit;\n  --font-weight-link: inherit;\n\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-link);\n  font-weight: var(--font-weight-link);\n  line-height: inherit;\n  outline: none;\n}\n\n:host([big]) {\n  --font-size-link: 16px;\n  --font-weight-link: var(--font-sb);\n}\n\na {\n  display: inline-flex;\n  align-items: center;\n  padding: calc(var(--space-unit) / 2) 0;\n  border-top: var(--border-size-medium) solid transparent;\n  border-bottom: var(--border-size-medium) solid transparent;\n  color: var(--color-link-primary);\n  cursor: pointer;\n  fill: var(--color-link-primary);\n  text-decoration: none;\n}\n\na:hover,\na:focus,\na:active {\n  text-decoration: underline;\n}\n\na.active {\n  color: var(--color-active-link);\n  fill: var(--color-active-link);\n}\n\na:hover,\na:focus {\n  color: var(--color-hover-link);\n  fill: var(--color-hover-link);\n}\n\na:active {\n  color: var(--color-pressed-link);\n  fill: var(--color-pressed-link);\n}\n\na:visited {\n  color: var(--color-visited-link);\n  fill: var(--color-visited-link);\n}\n\na.disabled,\na.inverse.disabled {\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  pointer-events: none;\n}\n\na.underline,\na.underline:active,\na.underline:hover,\na.underline:visited,\na.underline.disabled,\na.underline.black,\na.underline.white {\n  text-decoration: underline;\n}\n\na.disabled,\na.disabled:active,\na.disabled:visited,\na.disabled:hover {\n  text-decoration: none;\n}\n\na.inverse {\n  color: var(--color-inverse-link);\n  fill: var(--color-inverse-link);\n}\n\na.inverse.active {\n  color: var(--color-inverse-active-link);\n  fill: var(--color-inverse-active-link);\n}\n\na.inverse:hover,\na.inverse:focus {\n  color: var(--color-inverse-hover-link);\n  fill: var(--color-inverse-hover-link);\n}\n\na.inverse:active {\n  color: var(--color-inverse-pressed-link);\n  fill: var(--color-inverse-pressed-link);\n}\n\na.inverse:visited {\n  color: var(--color-inverse-visited-link);\n  fill: var(--color-inverse-visited-link);\n}\n\na.black {\n  color: var(--gray800);\n  fill: var(--gray800);\n  text-decoration: none;\n}\n\na.black:hover,\na.black.active {\n  color: var(--color-black);\n  fill: var(--color-black);\n}\n\na.black:visited {\n  color: var(--gray800);\n  fill: var(--gray800);\n}\n\na.black:hover,\na.black:focus,\na.black:active {\n  text-decoration: underline;\n}\n\na.black:active {\n  color: var(--gray700);\n  fill: var(--gray700);\n}\n\na.white,\na.white:active,\na.white:hover,\na.white.active {\n  color: var(--color-white);\n  fill: var(--color-white);\n  text-decoration: none;\n}\n\na.white:visited {\n  color: var(--color-white);\n  fill: var(--color-white);\n}\n\na.white:hover,\na.white:focus,\na.white:active {\n  text-decoration: underline;\n}\n\na.white.disabled,\na.black.disabled {\n  color: var(--gray500);\n  fill: var(--gray500);\n}\n\na > z-icon:first-child {\n  margin-right: var(--space-unit);\n}\n\na > z-icon:last-child {\n  margin-left: var(--space-unit);\n}\n","import {Component, Prop, h, Event, EventEmitter, Element} from \"@stencil/core\";\nimport {State} from \"@stencil/core/internal\";\n\n/**\n * @deprecated - use a native `<a>` with the `z-link` CSS class instead\n * @slot - link content\n */\n@Component({\n  tag: \"z-link\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLink {\n  /** link id (optional) */\n  @Prop()\n  htmlid?: string;\n\n  /** link url (optional) */\n  @Prop()\n  href?: string;\n\n  /** link target (optional) */\n  @Prop()\n  target?: string = \"_self\";\n\n  /** tabindex link attribute (optional) */\n  @Prop()\n  htmltabindex?: number = 0;\n\n  /** disable link flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** active link flag (optional) */\n  @Prop()\n  isactive?: boolean = false;\n\n  /** white variant flag (optional) */\n  @Prop()\n  iswhite?: boolean = false;\n\n  /** link text variant (optional) */\n  @Prop()\n  textcolor?: \"primary\" | \"inverse\" | \"white\" | \"black\" = \"primary\";\n\n  /** link icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** big link version */\n  @Prop({reflect: true})\n  big?: boolean = false;\n\n  /** link icon position (optional) */\n  @Prop()\n  iconposition?: \"left\" | \"right\" = \"left\";\n\n  /** draw underline on text (optional) */\n  @Prop()\n  underline?: boolean = false;\n\n  /** emitted on link click, returns linkId */\n  @Event()\n  zLinkClick: EventEmitter;\n\n  @Element() hostElement: HTMLZLinkElement;\n\n  @State()\n  iconSize = 18;\n\n  constructor() {\n    this.emitZLinkClick = this.emitZLinkClick.bind(this);\n    this.emitZLinkInteraction = this.emitZLinkInteraction.bind(this);\n  }\n\n  componentWillLoad(): void {\n    if (this.iswhite) {\n      console.warn(\n        \"z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead\"\n      );\n    }\n    if (this.big) {\n      console.warn(\n        \"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\"\n      );\n    }\n  }\n\n  private emitZLinkClick(e: MouseEvent, linkId): void {\n    this.emitZLinkInteraction(e, linkId);\n  }\n\n  private emitZLinkInteraction(e: Event, linkId: string): void {\n    this.zLinkClick.emit({e, linkId});\n  }\n\n  componentDidLoad(): void {\n    if (this.icon) {\n      const height: number = parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue(\"font-size\"));\n      const currentSize = this.big ? 18 : Math.round(height * 1.125);\n      if (!Number.isNaN(currentSize) && this.iconSize !== currentSize) {\n        this.iconSize = currentSize;\n      }\n    }\n  }\n\n  render(): HTMLAnchorElement {\n    return (\n      <a\n        id={this.htmlid}\n        href={this.href ? this.href : null}\n        class={{\n          disabled: this.isdisabled,\n          active: this.isactive,\n          white: this.iswhite,\n          [this.textcolor || \"\"]: true,\n          underline: this.underline,\n        }}\n        target={this.target}\n        role={this.href ? \"link\" : \"button\"}\n        tabindex={this.isdisabled ? -1 : this.htmltabindex}\n        onClick={(e: MouseEvent) => this.emitZLinkClick(e, this.htmlid)}\n      >\n        {this.iconposition === \"right\" && <slot />}\n        {this.icon && (\n          <z-icon\n            style={{\n              \"--z-icon-width\": `${this.iconSize}px`,\n              \"--z-icon-height\": `${this.iconSize}px`,\n            }}\n            name={this.icon}\n          />\n        )}\n        {this.iconposition === \"left\" && <slot />}\n      </a>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,27EAClB,MAAAC,EAAeD,E,MCWFE,EAAK,MA0DhB,WAAAC,CAAAC,G,uGA/CkB,Q,kBAIM,E,gBAID,M,cAIF,M,aAID,M,eAIoC,U,6BAQxC,M,kBAIkB,O,eAIZ,M,cASX,GAGTC,KAAKC,eAAiBD,KAAKC,eAAeC,KAAKF,MAC/CA,KAAKG,qBAAuBH,KAAKG,qBAAqBD,KAAKF,K,CAG7D,iBAAAI,GACE,GAAIJ,KAAKK,QAAS,CAChBC,QAAQC,KACN,6G,CAGJ,GAAIP,KAAKQ,IAAK,CACZF,QAAQC,KACN,iJ,EAKE,cAAAN,CAAeQ,EAAeC,GACpCV,KAAKG,qBAAqBM,EAAGC,E,CAGvB,oBAAAP,CAAqBM,EAAUC,GACrCV,KAAKW,WAAWC,KAAK,CAACH,IAAGC,U,CAG3B,gBAAAG,GACE,GAAIb,KAAKc,KAAM,CACb,MAAMC,EAAiBC,WAAWC,OAAOC,iBAAiBlB,KAAKmB,aAAaC,iBAAiB,cAC7F,MAAMC,EAAcrB,KAAKQ,IAAM,GAAKc,KAAKC,MAAMR,EAAS,OACxD,IAAKS,OAAOC,MAAMJ,IAAgBrB,KAAK0B,WAAaL,EAAa,CAC/DrB,KAAK0B,SAAWL,C,GAKtB,MAAAM,GACE,OACEC,EAAA,KAAAC,IAAA,2CACEC,GAAI9B,KAAK+B,OACTC,KAAMhC,KAAKgC,KAAOhC,KAAKgC,KAAO,KAC9BC,MAAO,CACLC,SAAUlC,KAAKmC,WACfC,OAAQpC,KAAKqC,SACbC,MAAOtC,KAAKK,QACZ,CAACL,KAAKuC,WAAa,IAAK,KACxBC,UAAWxC,KAAKwC,WAElBC,OAAQzC,KAAKyC,OACbC,KAAM1C,KAAKgC,KAAO,OAAS,SAC3BW,SAAU3C,KAAKmC,YAAc,EAAInC,KAAK4C,aACtCC,QAAUpC,GAAkBT,KAAKC,eAAeQ,EAAGT,KAAK+B,SAEvD/B,KAAK8C,eAAiB,SAAWlB,EAAA,aACjC5B,KAAKc,MACJc,EAAA,UACEmB,MAAO,CACL,iBAAkB,GAAG/C,KAAK0B,aAC1B,kBAAmB,GAAG1B,KAAK0B,cAE7BsB,KAAMhD,KAAKc,OAGdd,KAAK8C,eAAiB,QAAUlB,EAAA,a"}

package/dist/web-components-library/p-38dd5e41.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t}from"./p-10bb4f4b.js";import{P as e}from"./p-025f494e.js";const r=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";const s=r;const p=class{constructor(t){o(this,t);this.position=e.AUTO;this.dark=false;this.open=false;this.bindTo=undefined;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return t("z-popover",{key:"307a54499b3c7c6b9929f427a226fbb784b4c620",ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true},t("slot",{key:"09baa9194d76cec1bb471d65a5903ac3642823b8"}))}};p.style=s;export{p as z_tooltip};
+//# sourceMappingURL=p-38dd5e41.entry.js.map

package/dist/web-components-library/p-38dd5e41.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTooltipStyle0","ZTooltip","PopoverPosition","AUTO","onPopoverOpenChange","this","open","popoverEl","render","h","key","ref","el","bindTo","position","closable","center","showArrow"],"sources":["src/components/notification/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","src/components/notification/z-tooltip/index.tsx"],"sourcesContent":[":host {\n  --z-tooltip-theme--surface: var(--color-surface01);\n  --z-tooltip-theme--text: var(--color-text01);\n  --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n}\n\n:host([dark]) z-popover {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n}\n\nz-popover {\n  --z-popover-padding: var(--space-unit);\n  --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n  --z-popover-theme--text: var(--z-tooltip-theme--text);\n  --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n","import {Component, Prop, h, Listen} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAY,sgBAClB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,uCAGSC,EAAgBC,K,UAIrC,M,UAMA,M,oCAcI,I,CAKX,mBAAAC,GACEC,KAAKC,KAAOD,KAAKE,UAAUD,I,CAG7B,MAAAE,GACE,OACEC,EAAA,aAAAC,IAAA,2CACEC,IAAMC,GAAQP,KAAKE,UAAYK,EAC/BC,OAAQR,KAAKQ,OACbP,KAAMD,KAAKC,KACXQ,SAAUT,KAAKS,SACfC,SAAUV,KAAKU,SACfC,OAAM,KACNC,UAAS,MAETR,EAAA,QAAAC,IAAA,6C"}