@zanichelli/albe-web-components 15.0.0-rc2 → 15.0.0

package/dist/esm-es5/z-file.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZFileStyle0","ZFile","prototype","removeFileHandler","this","removeFile","emit","fileName","el","remove","onMouseOver","popoverVisible","onMouseLeave","onInteractiveIconClick","componentDidLoad","elementHasEllipsis","window","innerWidth","tabletBreakpoint","allowPopover","_b","_a","icon","focus","call","ellipsis","offsetWidth","scrollWidth","render","_this","h","Host","key","open","position","PopoverPosition","AUTO","bindTo","chip","class","innerText","ref","id","concat","fileNumber","interactiveIcon","type","ZChipType","DEFAULT","tabIndex"],"sources":["src/components/file-upload/z-file/styles.css?tag=z-file&encapsulation=scoped","src/components/file-upload/z-file/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-popover {\n  z-index: 10;\n}\n\n:host > z-popover > .tooltip-content {\n  white-space: nowrap;\n}\n\n:host > z-chip span {\n  display: block;\n  overflow: hidden;\n  max-width: 250px;\n  letter-spacing: 0.32px;\n  line-height: 1.33;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {PopoverPosition, ZChipType} from \"../../../beans\";\nimport {tabletBreakpoint} from \"../../../constants/breakpoints\";\n\n@Component({\n  tag: \"z-file\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZFile {\n  private icon: HTMLElement;\n\n  private ellipsis?: HTMLSpanElement;\n\n  private chip?: HTMLZChipElement;\n\n  /** File chip id */\n  @Prop()\n  fileNumber: number;\n\n  /** File name */\n  @Prop()\n  fileName: string;\n\n  @State()\n  allowPopover = false;\n\n  @State()\n  popoverVisible = false;\n\n  @Element() el: HTMLZFileElement;\n\n  /** Emitted when a z-file component is removed from the DOM */\n  @Event()\n  removeFile: EventEmitter;\n\n  private removeFileHandler(): void {\n    this.removeFile.emit({fileName: this.fileName});\n    this.el.remove();\n  }\n\n  @Listen(\"mouseover\")\n  onMouseOver(): void {\n    this.popoverVisible = true;\n  }\n\n  @Listen(\"mouseleave\")\n  onMouseLeave(): void {\n    this.popoverVisible = false;\n  }\n\n  @Listen(\"interactiveIconClick\")\n  onInteractiveIconClick(): void {\n    this.removeFileHandler();\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowPopover = true;\n    }\n\n    this.icon?.focus?.();\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLZFileElement {\n    return (\n      <Host>\n        {this.allowPopover && (\n          <z-popover\n            open={this.popoverVisible}\n            position={PopoverPosition.AUTO}\n            bindTo={this.chip}\n          >\n            <span class=\"body-5 tooltip-content\">{this.ellipsis.innerText}</span>\n          </z-popover>\n        )}\n        <z-chip\n          ref={(el) => (this.chip = el as HTMLZChipElement)}\n          id={`chip-${this.fileNumber}`}\n          interactiveIcon=\"multiply-circled\"\n          type={ZChipType.DEFAULT}\n        >\n          <span\n            ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n            tabIndex={-1}\n          >\n            {this.fileName}\n          </span>\n        </z-chip>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sOAAA,IAAMA,UAAY,wYAClB,IAAAC,YAAeD,U,ICSFE,MAAK,W,4JAgBD,M,oBAGE,K,CAQTA,EAAAC,UAAAC,kBAAA,WACNC,KAAKC,WAAWC,KAAK,CAACC,SAAUH,KAAKG,WACrCH,KAAKI,GAAGC,Q,EAIVR,EAAAC,UAAAQ,YAAA,WACEN,KAAKO,eAAiB,I,EAIxBV,EAAAC,UAAAU,aAAA,WACER,KAAKO,eAAiB,K,EAIxBV,EAAAC,UAAAW,uBAAA,WACET,KAAKD,mB,EAGPF,EAAAC,UAAAY,iBAAA,W,QACE,GAAIV,KAAKW,sBAAwBC,OAAOC,WAAaC,iBAAkB,CACrEd,KAAKe,aAAe,I,EAGtBC,GAAAC,EAAAjB,KAAKkB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAAK,MAAAH,SAAA,SAAAA,EAAAI,KAAAH,E,EAGVpB,EAAAC,UAAAa,mBAAA,WACN,OAAOX,KAAKqB,SAASC,YAActB,KAAKqB,SAASE,W,EAGnD1B,EAAAC,UAAA0B,OAAA,eAAAC,EAAAzB,KACE,OACE0B,EAACC,KAAI,CAAAC,IAAA,4CACF5B,KAAKe,cACJW,EAAA,aAAAE,IAAA,2CACEC,KAAM7B,KAAKO,eACXuB,SAAUC,gBAAgBC,KAC1BC,OAAQjC,KAAKkC,MAEbR,EAAA,QAAAE,IAAA,2CAAMO,MAAM,0BAA0BnC,KAAKqB,SAASe,YAGxDV,EAAA,UAAAE,IAAA,2CACES,IAAK,SAACjC,GAAE,OAAMqB,EAAKS,KAAO9B,CAAlB,EACRkC,GAAI,QAAAC,OAAQvC,KAAKwC,YACjBC,gBAAgB,mBAChBC,KAAMC,UAAUC,SAEhBlB,EAAA,QAAAE,IAAA,2CACES,IAAK,SAACjC,GAAE,OAAMqB,EAAKJ,SAAWjB,CAAtB,EACRyC,UAAW,GAEV7C,KAAKG,W,gIAjFA,G","ignoreList":[]}

package/dist/esm-es5/z-ghost-loading.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host}from"./index-ab5f1eaa.js";var stylesCss=':host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;-webkit-animation:progress 1.6s ease-in-out infinite;animation:progress 1.6s ease-in-out infinite;background-image:-webkit-gradient(\n    linear,\n    left top, right top,\n    from(var(--color-surface02)),\n    color-stop(95%, var(--color-surface03)),\n    to(var(--color-surface02))\n  );background-image:linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );content:"";-webkit-filter:blur(6px);filter:blur(6px)}@-webkit-keyframes progress{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes progress{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}';var ZGhostLoadingStyle0=stylesCss;var ZGhostLoading=function(){function r(r){registerInstance(this,r)}r.prototype.render=function(){return h(Host,{key:"dbc7747f3cf3b0578212c4d86f28410d40826cdc"})};return r}();ZGhostLoading.style=ZGhostLoadingStyle0;export{ZGhostLoading as z_ghost_loading};
+//# sourceMappingURL=z-ghost-loading.entry.js.map

package/dist/esm-es5/z-ghost-loading.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZGhostLoadingStyle0","ZGhostLoading","prototype","render","h","Host","key"],"sources":["src/components/z-ghost-loading/styles.css?tag=z-ghost-loading&encapsulation=shadow","src/components/z-ghost-loading/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background: var(--color-surface02);\n  border-radius: var(--border-radius);\n  transform: translate3d(0, 0, 0);\n}\n\n:host::after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  animation: progress 1.6s ease-in-out infinite;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );\n  content: \"\";\n  filter: blur(6px);\n}\n\n@keyframes progress {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n}\n","import {Component, h, Host} from \"@stencil/core\";\n@Component({\n  tag: \"z-ghost-loading\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZGhostLoading {\n  render(): HTMLZGhostLoadingElement {\n    return <Host />;\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,4iCAClB,IAAAC,oBAAeD,U,ICKFE,cAAa,W,uCACxBA,EAAAC,UAAAC,OAAA,WACE,OAAOC,EAACC,KAAI,CAAAC,IAAA,4C,WAFU,G","ignoreList":[]}

package/dist/esm-es5/z-info-box.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:-ms-flexbox;display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";var ZInfoBoxStyle0=stylesCss;var ZInfoBox=function(){function t(t){registerInstance(this,t);this.infoBoxClose=createEvent(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}t.prototype.emitInfoBoxClose=function(){this.infoBoxClose.emit({boxid:this.boxid})};t.prototype.render=function(){var t=this;return h("div",{key:"52cbca4a972a1fb53f65bf86428ee23f8933b616",id:this.boxid},h("slot",{key:"3b83aa34338ceb6c11f74a316bf50dd77bd0c662",name:"content"}),this.isclosable&&h("z-icon",{key:"2b3f8bbb5ce69105bddac3253047199028f4e2c0",name:"multiply","data-action":"infoBoxClose",onClick:function(){return t.emitInfoBoxClose()}}))};return t}();ZInfoBox.style=ZInfoBoxStyle0;export{ZInfoBox as z_info_box};
+//# sourceMappingURL=z-info-box.entry.js.map

package/dist/esm-es5/z-info-box.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoBoxStyle0","ZInfoBox","prototype","emitInfoBoxClose","this","infoBoxClose","emit","boxid","render","_this","h","key","id","name","isclosable","onClick"],"sources":["src/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","src/components/z-info-box/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  padding: calc(var(--space-unit) * 2);\n  background: var(--color-primary03);\n  border-radius: var(--border-radius);\n}\n\n:host > div > slot {\n  color: var(--color-default-text);\n  font-size: 14px;\n}\n\n:host > div > z-icon {\n  margin-left: calc(var(--space-unit) * 2);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot content - set the info box content\n */\n@Component({\n  tag: \"z-info-box\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoBox {\n  /** info box unique id */\n  @Prop()\n  boxid: string;\n\n  /** render close icon flag */\n  @Prop()\n  isclosable = true;\n\n  /** emitted on close icon click */\n  @Event()\n  infoBoxClose: EventEmitter;\n\n  private emitInfoBoxClose(): void {\n    this.infoBoxClose.emit({boxid: this.boxid});\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div id={this.boxid}>\n        <slot name=\"content\" />\n        {this.isclosable && (\n          <z-icon\n            name=\"multiply\"\n            data-action=\"infoBoxClose\"\n            onClick={() => this.emitInfoBoxClose()}\n          />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"0EAAA,IAAMA,UAAY,4YAClB,IAAAC,eAAeD,U,ICSFE,SAAQ,W,iIAON,I,CAMLA,EAAAC,UAAAC,iBAAA,WACNC,KAAKC,aAAaC,KAAK,CAACC,MAAOH,KAAKG,O,EAGtCN,EAAAC,UAAAM,OAAA,eAAAC,EAAAL,KACE,OACEM,EAAA,OAAAC,IAAA,2CAAKC,GAAIR,KAAKG,OACZG,EAAA,QAAAC,IAAA,2CAAME,KAAK,YACVT,KAAKU,YACJJ,EAAA,UAAAC,IAAA,2CACEE,KAAK,WAAU,cACH,eACZE,QAAS,WAAM,OAAAN,EAAKN,kBAAL,I,WAzBN,G","ignoreList":[]}

package/dist/esm-es5/z-info-reveal.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";import{J as InfoRevealPosition,e as ControlSize}from"./index-2255c6c8.js";var stylesCss=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:-ms-flexbox;display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:-ms-flexbox;display:flex;width:var(--z-info-reveal-panel-width);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-align:start;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);color:var(--color-text-inverse);-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}';var ZInfoRevealStyle0=stylesCss;var ZInfoReveal=function(){function e(e){registerInstance(this,e);this.icon="informationsource";this.position=InfoRevealPosition.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=ControlSize.BIG;this.open=false}e.prototype.adjustPanelPosition=function(){if(!this.open||!this.panel){return}var e=this.host.getBoundingClientRect();var i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);var t=document.documentElement.offsetWidth;var o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth="".concat(o,"px")};e.prototype.togglePanel=function(){this.open=!this.open};e.prototype.closePanel=function(){this.open=false};e.prototype.handleEscapeKey=function(e){if(e.key==="Escape"&&this.open){this.closePanel()}};e.prototype.render=function(){var e=this;return h(Host,{key:"45471ff481d7ce13ff05da131b5de64fadaf68d9",open:this.open},h("button",{key:"8677715bec503a1bd07f6df15932a98417599495",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&h("z-icon",{key:"48e14ecbee56d2dc6b9b297f8daa171c34c2a98d",name:this.icon}),this.label&&h("span",{key:"89e72867433abd07cb334120558ccdc02a5bbb81",class:"z-info-reveal-label"},this.label)),h("div",{key:"06268f048b3d6244f940900ca114dfcad5417849",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:function(i){return e.panel=i},hidden:!this.open},h("slot",{key:"3698cbc239ab16b04226e7e9f1619014500b30f6"}),h("button",{key:"7e03364aeb76b404d4ed78d640de500b95f68769",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},h("z-icon",{key:"524131a6b9b100729c10657c778bc6bb1daf6946",name:"multiply"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}},enumerable:false,configurable:true});return e}();ZInfoReveal.style=ZInfoRevealStyle0;export{ZInfoReveal as z_info_reveal};
+//# sourceMappingURL=z-info-reveal.entry.js.map

package/dist/esm-es5/z-info-reveal.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoRevealStyle0","ZInfoReveal","InfoRevealPosition","BOTTOM_RIGHT","ControlSize","BIG","prototype","adjustPanelPosition","this","open","panel","rect","host","getBoundingClientRect","gridMargin","parseInt","getComputedStyle","document","documentElement","getPropertyValue","pageWidth","offsetWidth","availableSpace","Math","round","position","includes","left","right","style","maxWidth","concat","togglePanel","closePanel","handleEscapeKey","event","key","render","_this","h","Host","class","type","onClick","bind","label","ariaLabel","undefined","icon","name","id","ref","el","hidden"],"sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n  --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n  --trigger-size: 44px;\n\n  position: relative;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\nbutton {\n  --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-info-reveal-trigger {\n  min-width: var(--trigger-size);\n  height: var(--trigger-size);\n  padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n  font-weight: var(--font-sb);\n  line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n  --trigger-size: 36px;\n\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n  --trigger-size: 32px;\n\n  padding: var(--space-unit);\n  font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n  --z-icon-width: var(--trigger-icon-size);\n  --z-icon-height: var(--trigger-icon-size);\n\n  display: flex;\n  fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 18px;\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: 16px;\n}\n\n.z-info-reveal-panel {\n  position: absolute;\n  display: flex;\n  width: var(--z-info-reveal-panel-width);\n  height: fit-content;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 1.5);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n  display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n  top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n  left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n  margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n  fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n  .z-info-reveal-panel {\n    position: fixed;\n    top: auto !important;\n    bottom: auto !important;\n    left: var(--grid-margin) !important;\n    width: calc(100% - (var(--grid-margin) * 2)) !important;\n    max-width: none !important;\n    margin-top: calc(var(--trigger-size) * -1);\n  }\n}\n","import {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\n\n    const rect = this.host.getBoundingClientRect();\n    const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n    const pageWidth = document.documentElement.offsetWidth;\n    // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n    const availableSpace = Math.round(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6JAAA,IAAMA,UAAY,g6FAClB,IAAAC,kBAAeD,U,ICaFE,YAAW,W,iDAGd,oB,cAQwBC,mBAAmBC,a,oCAQvC,6B,UAISC,YAAYC,I,UAI1B,K,CAYPJ,EAAAK,UAAAC,oBAAA,WACE,IAAKC,KAAKC,OAASD,KAAKE,MAAO,CAC7B,M,CAGF,IAAMC,EAAOH,KAAKI,KAAKC,wBACvB,IAAMC,EAAaC,SAASC,iBAAiBC,SAASC,iBAAiBC,iBAAiB,iBAAkB,IAC1G,IAAMC,EAAYH,SAASC,gBAAgBG,YAE3C,IAAMC,EAAiBC,KAAKC,OACzBhB,KAAKiB,SAASC,SAAS,QAAUN,EAAYT,EAAKgB,KAAOhB,EAAKiB,OAASd,GAE1EN,KAAKE,MAAMmB,MAAMC,SAAW,GAAAC,OAAGT,EAAc,K,EAMvCrB,EAAAK,UAAA0B,YAAA,WACNxB,KAAKC,MAAQD,KAAKC,I,EAMZR,EAAAK,UAAA2B,WAAA,WACNzB,KAAKC,KAAO,K,EAIdR,EAAAK,UAAA4B,gBAAA,SAAgBC,GACd,GAAIA,EAAMC,MAAQ,UAAY5B,KAAKC,KAAM,CACvCD,KAAKyB,Y,GAIThC,EAAAK,UAAA+B,OAAA,eAAAC,EAAA9B,KACE,OACE+B,EAACC,KAAI,CAAAJ,IAAA,2CAAC3B,KAAMD,KAAKC,MACf8B,EAAA,UAAAH,IAAA,2CACEK,MAAM,wBACNC,KAAK,SACLC,QAASnC,KAAKwB,YAAYY,KAAKpC,MAAK,cACvBA,KAAKqC,MAAQrC,KAAKsC,UAAYC,UAAS,gBACrCvC,KAAKC,KAAO,OAAS,QAAO,gBAC7B,uBAEbD,KAAKwC,MAAQT,EAAA,UAAAH,IAAA,2CAAQa,KAAMzC,KAAKwC,OAChCxC,KAAKqC,OAASN,EAAA,QAAAH,IAAA,2CAAMK,MAAM,uBAAuBjC,KAAKqC,QAEzDN,EAAA,OAAAH,IAAA,2CACEK,MAAM,sBACNS,GAAG,sBACHC,IAAK,SAACC,GAAE,OAAMd,EAAK5B,MAAQ0C,CAAnB,EACRC,QAAS7C,KAAKC,MAEd8B,EAAA,QAAAH,IAAA,6CACAG,EAAA,UAAAH,IAAA,2CACEK,MAAM,sBACNC,KAAK,SACLC,QAASnC,KAAKyB,WAAWW,KAAKpC,MAAK,aACxB,gCAEX+B,EAAA,UAAAH,IAAA,2CAAQa,KAAK,e,iSAtGD,G","ignoreList":[]}

package/dist/esm-es5/z-logo.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host}from"./index-ab5f1eaa.js";var stylesCss=":host{display:inline-block;width:255px;height:64px;vertical-align:top}img{display:block;width:100%;height:100%;margin:auto;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";var ZLogoStyle0=stylesCss;var ZLogo=function(){function i(i){registerInstance(this,i);this.width=undefined;this.height=undefined;this.imageAlt=undefined;this.link=undefined;this.targetBlank=undefined;this.mobileLogo=undefined}i.prototype.render=function(){var i={};if(this.width){i["width"]=i["max-width"]="".concat(this.width,"px")}if(this.height){i["height"]=i["max-height"]="".concat(this.height,"px")}return h(Host,{key:"2faf5f56df6dbfff397a42f15f18b496e407da11",style:i,class:{mobile:!!this.mobileLogo}},this.link?h("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},h("img",{alt:this.imageAlt})):h("img",{alt:this.imageAlt}))};return i}();ZLogo.style=ZLogoStyle0;export{ZLogo as z_logo};
+//# sourceMappingURL=z-logo.entry.js.map

package/dist/esm-es5/z-logo.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZLogoStyle0","ZLogo","prototype","render","style","this","width","concat","height","h","Host","key","class","mobile","mobileLogo","link","href","target","targetBlank","alt","imageAlt"],"sources":["src/components/z-logo/styles.css?tag=z-logo&encapsulation=shadow","src/components/z-logo/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 255px;\n  height: 64px;\n  vertical-align: top;\n}\n\nimg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  margin: auto;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\na {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n:host(.mobile) {\n  width: 31px;\n  height: 40px;\n}\n\n:host(.mobile) img {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-logo\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZLogo {\n  /** image width */\n  @Prop()\n  width?: number;\n\n  /** image height */\n  @Prop()\n  height?: number;\n\n  /** alternative image text */\n  @Prop()\n  imageAlt?: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target: true means _blank, false means _self */\n  @Prop()\n  targetBlank?: boolean;\n\n  /** if true, the mobile logo is displayed, otherwise the desktop one */\n  @Prop()\n  mobileLogo?: boolean;\n\n  render(): HTMLZLogoElement {\n    const style = {};\n\n    if (this.width) {\n      style[\"width\"] = style[\"max-width\"] = `${this.width}px`;\n    }\n\n    if (this.height) {\n      style[\"height\"] = style[\"max-height\"] = `${this.height}px`;\n    }\n\n    return (\n      <Host\n        style={style}\n        class={{mobile: !!this.mobileLogo}}\n      >\n        {this.link ? (\n          <a\n            href={this.link}\n            target={this.targetBlank ? \"_blank\" : \"_self\"}\n          >\n            <img alt={this.imageAlt} />\n          </a>\n        ) : (\n          <img alt={this.imageAlt} />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,m1IAClB,IAAAC,YAAeD,U,ICMFE,MAAK,W,mLAyBhBA,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAQ,GAEd,GAAIC,KAAKC,MAAO,CACdF,EAAM,SAAWA,EAAM,aAAe,GAAAG,OAAGF,KAAKC,MAAK,K,CAGrD,GAAID,KAAKG,OAAQ,CACfJ,EAAM,UAAYA,EAAM,cAAgB,GAAAG,OAAGF,KAAKG,OAAM,K,CAGxD,OACEC,EAACC,KAAI,CAAAC,IAAA,2CACHP,MAAOA,EACPQ,MAAO,CAACC,SAAUR,KAAKS,aAEtBT,KAAKU,KACJN,EAAA,KACEO,KAAMX,KAAKU,KACXE,OAAQZ,KAAKa,YAAc,SAAW,SAEtCT,EAAA,OAAKU,IAAKd,KAAKe,YAGjBX,EAAA,OAAKU,IAAKd,KAAKe,W,WAjDP,G","ignoreList":[]}

package/dist/esm-es5/z-menu-section.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";var stylesCss=':host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-secondary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:-ms-inline-flexbox;display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-secondary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-secondary01);font-weight:var(--font-bd)}';var ZMenuSectionStyle0=stylesCss;var ZMenuSection=function(){function e(e){registerInstance(this,e);this.opened=createEvent(this,"opened",7);this.closed=createEvent(this,"closed",7);this.active=undefined;this.open=undefined;this.hasContent=undefined}e.prototype.toggle=function(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()};e.prototype.handleClick=function(e){if(!this.open||this.hostElement.contains(e.target)){return}this.open=false;this.closed.emit()};e.prototype.checkContent=function(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0};e.prototype.onLabelSlotChange=function(e){var t=e.target.assignedElements()[0];t.dataset.text=(t===null||t===void 0?void 0:t.innerText)||null};e.prototype.componentWillLoad=function(){this.checkContent()};e.prototype.render=function(){return h(Host,{key:"7261f7c68d7e097fe0a70e6f8c0b513958605dbd",role:"menu",open:this.open},h("button",{key:"74fd64a789a7f9ea93ec118dc2978809e70c5312",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},h("slot",{key:"b8e32ae6fc27571d5318eb71ceddea6d87ca3ffa",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&h("z-icon",{key:"5500c12ff4f374564c03e887a69ceba287a8d577",name:this.open?"chevron-up":"chevron-down"})),this.open&&h("div",{key:"ff66588a6fa8fe8968ec9d7e12d6fac3bb1bb45f",class:"items"},h("slot",{key:"de19fdba5a89f0a048b6f8e824feacaa80bbe3fc",name:"item",onSlotchange:this.checkContent.bind(this)})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ZMenuSection.style=ZMenuSectionStyle0;export{ZMenuSection as z_menu_section};
+//# sourceMappingURL=z-menu-section.entry.js.map

package/dist/esm-es5/z-menu-section.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuSectionStyle0","ZMenuSection","prototype","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","hostElement","contains","target","checkContent","querySelectorAll","length","onLabelSlotChange","labelElement","assignedElements","dataset","text","innerText","componentWillLoad","render","h","Host","key","role","class","onClick","bind","onSlotchange","name"],"sources":["src/components/z-menu-section/styles.css?tag=z-menu-section&encapsulation=shadow","src/components/z-menu-section/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host(:is([active], [open])) .label,\n.label:hover {\n  border-color: var(--color-secondary01);\n}\n\n:host(:is([active], [open])) .label ::slotted(*),\n.label:focus:focus-visible ::slotted(*),\n.label:hover ::slotted(*) {\n  font-weight: var(--font-bd);\n}\n\n.label {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);\n  border: 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n/* Trick to prevent layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  overflow: hidden;\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n.label ::slotted(*) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n}\n\n.label:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.label z-icon {\n  margin-left: calc(var(--space-unit) * 4);\n  fill: var(--color-default-icon);\n}\n\n.items {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  padding: calc(var(--space-unit) / 2);\n  padding-bottom: calc(var(--space-unit) * 1.5);\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  display: inline-flex;\n  padding: calc(var(--space-unit) / 2);\n  margin: 0;\n  font-size: var(--font-size-2);\n  line-height: 1.4;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-secondary01);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"][active]) {\n  color: var(--color-secondary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.\n */\n@Component({\n  tag: \"z-menu-section\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuSection {\n  @Element() hostElement: HTMLZMenuSectionElement;\n\n  /** Active state */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  @State()\n  open: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  /** The section has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The section has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.open || this.hostElement.contains(ev.target as Node)) {\n      return;\n    }\n\n    this.open = false;\n    this.closed.emit();\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasContent = this.hostElement.querySelectorAll('[slot=\"item\"]').length > 0;\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.innerText || null;\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  render(): HTMLZMenuSectionElement {\n    return (\n      <Host\n        role=\"menu\"\n        open={this.open}\n      >\n        <button\n          class=\"label\"\n          aria-pressed={this.open ? \"true\" : \"false\"}\n          onClick={this.toggle.bind(this)}\n        >\n          <slot onSlotchange={this.onLabelSlotChange.bind(this)}></slot>\n          {this.hasContent && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n        </button>\n        {this.open && (\n          <div class=\"items\">\n            <slot\n              name=\"item\"\n              onSlotchange={this.checkContent.bind(this)}\n            ></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,IAAMA,UAAY,04EAClB,IAAAC,mBAAeD,U,ICWFE,aAAY,W,6LAqBfA,EAAAC,UAAAC,OAAA,WACN,IAAKC,KAAKC,WAAY,CACpB,M,CAGFD,KAAKE,MAAQF,KAAKE,KAClBF,KAAKE,KAAOF,KAAKG,OAAOC,OAASJ,KAAKK,OAAOD,M,EAK/CP,EAAAC,UAAAQ,YAAA,SAAYC,GACV,IAAKP,KAAKE,MAAQF,KAAKQ,YAAYC,SAASF,EAAGG,QAAiB,CAC9D,M,CAGFV,KAAKE,KAAO,MACZF,KAAKK,OAAOD,M,EAMNP,EAAAC,UAAAa,aAAA,WACNX,KAAKC,WAAaD,KAAKQ,YAAYI,iBAAiB,iBAAiBC,OAAS,C,EAOxEhB,EAAAC,UAAAgB,kBAAA,SAAkBP,GACxB,IAAMQ,EAAgBR,EAAGG,OAA2BM,mBAAmB,GACvED,EAAaE,QAAQC,MAAOH,IAAY,MAAZA,SAAY,SAAZA,EAAcI,YAAa,I,EAGzDtB,EAAAC,UAAAsB,kBAAA,WACEpB,KAAKW,c,EAGPd,EAAAC,UAAAuB,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CACHC,KAAK,OACLvB,KAAMF,KAAKE,MAEXoB,EAAA,UAAAE,IAAA,2CACEE,MAAM,QAAO,eACC1B,KAAKE,KAAO,OAAS,QACnCyB,QAAS3B,KAAKD,OAAO6B,KAAK5B,OAE1BsB,EAAA,QAAAE,IAAA,2CAAMK,aAAc7B,KAAKc,kBAAkBc,KAAK5B,QAC/CA,KAAKC,YAAcqB,EAAA,UAAAE,IAAA,2CAAQM,KAAM9B,KAAKE,KAAO,aAAe,kBAE9DF,KAAKE,MACJoB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SACTJ,EAAA,QAAAE,IAAA,2CACEM,KAAK,OACLD,aAAc7B,KAAKW,aAAaiB,KAAK5B,S,yIA/E1B,G","ignoreList":[]}

package/dist/esm-es5/z-menu.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";var stylesCss=':host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){-webkit-box-shadow:none !important;box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:"";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-secondary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:-ms-inline-flexbox;display:inline-flex;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;-o-object-fit:contain;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-secondary01);font-weight:var(--font-bd)}';var ZMenuStyle0=stylesCss;var ZMenu=function(){function e(e){registerInstance(this,e);this.opened=createEvent(this,"opened",7);this.closed=createEvent(this,"closed",7);this.active=undefined;this.floating=false;this.open=false;this.verticalContext=false;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onItemsChange=this.onItemsChange.bind(this)}e.prototype.toggle=function(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()};e.prototype.handleClick=function(e){if(!this.floating||!this.open||this.hostElement.contains(e.target)){return}this.reflow();this.open=false;this.closed.emit()};e.prototype.onOpenChanged=function(){if(this.open){this.reflow(true)}else{cancelAnimationFrame(this.raf)}};e.prototype.componentWillLoad=function(){this.checkContent()};e.prototype.onLabelSlotChange=function(e){var t=e.target.assignedElements()[0];t.dataset.text=t===null||t===void 0?void 0:t.textContent};e.prototype.reflow=function(e){if(e===void 0){e=false}if(this.content){var t=this.content.style;var n=this.hostElement.getBoundingClientRect().left;var i=getComputedStyle(this.content).width;var a=i?parseFloat(i.replace("px","")):375;var o=30;t.left="".concat(Math.min(window.innerWidth-n-a-o,0),"px")}if(e){this.raf=requestAnimationFrame(this.reflow.bind(this,e))}};e.prototype.checkContent=function(){this.hasHeader=!!this.hostElement.querySelectorAll("[slot=header]").length;this.hasContent=!!this.hostElement.querySelectorAll("[slot=item]").length||this.hasHeader};e.prototype.onItemsChange=function(){this.checkContent();var e=this.hostElement.querySelectorAll("[slot=item]");e.forEach((function(e){e.setAttribute("role","menuitem");e.dataset.text=e.textContent}))};e.prototype.renderMenuLabel=function(){if(this.hasContent){return h("button",{class:"menu-label","aria-expanded":this.open?"true":"false","aria-label":this.open?"Chiudi menù":"Apri menù",onClick:this.toggle},h("div",{class:"menu-label-content"},h("slot",{onSlotchange:this.onLabelSlotChange}),h("z-icon",{name:this.open?"chevron-up":"chevron-down"})))}return h("div",{class:"menu-label"},h("div",{class:"menu-label-content"},h("slot",{onSlotchange:this.onLabelSlotChange})))};e.prototype.render=function(){var e=this;return h(Host,{key:"675f13eb3d814743037d5e791afd82d8737ba57d"},this.renderMenuLabel(),this.hasContent&&h("div",{key:"50ef2a4dbf031fa211bc818b7704d46acbe63446",class:"content",ref:function(t){return e.content=t}},this.hasHeader&&h("header",{key:"9ed7520b00334a598c7664e0ccb1c4f8bfe3b858",class:"header"},h("slot",{key:"6a41d2d5802d54bf192fd7f03586df1c933a7877",name:"header",onSlotchange:this.checkContent})),h("div",{key:"7aa4c1c061559caac915866d1ae2acfe02dc3a8a",class:"items",role:"menu"},h("slot",{key:"8494b984ad295b61d2cad61a25571220e74b8dff",name:"item",onSlotchange:this.onItemsChange}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["onOpenChanged"]}},enumerable:false,configurable:true});return e}();ZMenu.style=ZMenuStyle0;export{ZMenu as z_menu};
+//# sourceMappingURL=z-menu.entry.js.map

package/dist/esm-es5/z-menu.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuStyle0","ZMenu","hostRef","this","toggle","bind","checkContent","onLabelSlotChange","onItemsChange","prototype","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","concat","Math","min","window","innerWidth","requestAnimationFrame","hasHeader","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","_this","Host","key","ref","el","role"],"sources":["src/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-default-text);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-secondary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-secondary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenu {\n  @Element() hostElement: HTMLZMenuElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = false;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  private content: HTMLElement;\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the floating list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n      return;\n    }\n\n    this.reflow();\n    this.open = false;\n    this.closed.emit();\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (this.open) {\n      this.reflow(true);\n    } else {\n      cancelAnimationFrame(this.raf);\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (this.content) {\n      const {style} = this.content;\n      const {left} = this.hostElement.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  /**\n   * Set `menuitem` role to all menu items.\n   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n   */\n  private onItemsChange(): void {\n    this.checkContent();\n    const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n    items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.dataset.text = item.textContent;\n    });\n  }\n\n  private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n    if (this.hasContent) {\n      return (\n        <button\n          class=\"menu-label\"\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          onClick={this.toggle}\n        >\n          <div class=\"menu-label-content\">\n            <slot onSlotchange={this.onLabelSlotChange}></slot>\n            <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"menu-label\">\n        <div class=\"menu-label-content\">\n          <slot onSlotchange={this.onLabelSlotChange}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZMenuElement {\n    return (\n      <Host>\n        {this.renderMenuLabel()}\n\n        {this.hasContent && (\n          <div\n            class=\"content\"\n            ref={(el) => (this.content = el)}\n          >\n            {this.hasHeader && (\n              <header class=\"header\">\n                <slot\n                  name=\"header\"\n                  onSlotchange={this.checkContent}\n                ></slot>\n              </header>\n            )}\n\n            <div\n              class=\"items\"\n              role=\"menu\"\n            >\n              <slot\n                name=\"item\"\n                onSlotchange={this.onItemsChange}\n              ></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,IAAMA,UAAY,69IAClB,IAAAC,YAAeD,U,ICYFE,MAAK,WA2EhB,SAAAA,EAAAC,G,+IA9DY,M,UAIL,M,qBAOW,M,mDAoDhBC,KAAKC,OAASD,KAAKC,OAAOC,KAAKF,MAC/BA,KAAKG,aAAeH,KAAKG,aAAaD,KAAKF,MAC3CA,KAAKI,kBAAoBJ,KAAKI,kBAAkBF,KAAKF,MACrDA,KAAKK,cAAgBL,KAAKK,cAAcH,KAAKF,K,CAlCvCF,EAAAQ,UAAAL,OAAA,WACN,IAAKD,KAAKO,WAAY,CACpB,M,CAGFP,KAAKQ,MAAQR,KAAKQ,KAClBR,KAAKQ,KAAOR,KAAKS,OAAOC,OAASV,KAAKW,OAAOD,M,EAK/CZ,EAAAQ,UAAAM,YAAA,SAAYC,GACV,IAAKb,KAAKc,WAAad,KAAKQ,MAAQR,KAAKe,YAAYC,SAASH,EAAGI,QAAoB,CACnF,M,CAGFjB,KAAKkB,SACLlB,KAAKQ,KAAO,MACZR,KAAKW,OAAOD,M,EAIdZ,EAAAQ,UAAAa,cAAA,WACE,GAAInB,KAAKQ,KAAM,CACbR,KAAKkB,OAAO,K,KACP,CACLE,qBAAqBpB,KAAKqB,I,GAW9BvB,EAAAQ,UAAAgB,kBAAA,WACEtB,KAAKG,c,EAOCL,EAAAQ,UAAAF,kBAAA,SAAkBS,GACxB,IAAMU,EAAgBV,EAAGI,OAA2BO,mBAAmB,GACvED,EAAaE,QAAQC,KAAOH,IAAY,MAAZA,SAAY,SAAZA,EAAcI,W,EAOpC7B,EAAAQ,UAAAY,OAAA,SAAOU,GAAA,GAAAA,SAAA,GAAAA,EAAA,KAAY,CACzB,GAAI5B,KAAK6B,QAAS,CACT,IAAAC,EAAS9B,KAAK6B,QAAOC,MACrB,IAAAC,EAAQ/B,KAAKe,YAAYiB,wBAAuBD,KACvD,IAAME,EAAUC,iBAAiBlC,KAAK6B,SAASM,MAC/C,IAAMA,EAAQF,EAAUG,WAAWH,EAAQI,QAAQ,KAAM,KAAO,IAChE,IAAMC,EAAqB,GAC3BR,EAAMC,KAAO,GAAAQ,OAAGC,KAAKC,IAAIC,OAAOC,WAAaZ,EAAOI,EAAQG,EAAoB,GAAE,K,CAEpF,GAAIV,EAAM,CACR5B,KAAKqB,IAAMuB,sBAAsB5C,KAAKkB,OAAOhB,KAAKF,KAAM4B,G,GAOpD9B,EAAAQ,UAAAH,aAAA,WACNH,KAAK6C,YAAc7C,KAAKe,YAAY+B,iBAAiB,iBAAiBC,OACtE/C,KAAKO,aAAeP,KAAKe,YAAY+B,iBAAiB,eAAeC,QAAU/C,KAAK6C,S,EAO9E/C,EAAAQ,UAAAD,cAAA,WACNL,KAAKG,eACL,IAAM6C,EAAQhD,KAAKe,YAAY+B,iBAA8B,eAC7DE,EAAMC,SAAQ,SAACC,GACbA,EAAKC,aAAa,OAAQ,YAC1BD,EAAKzB,QAAQC,KAAOwB,EAAKvB,W,KAIrB7B,EAAAQ,UAAA8C,gBAAA,WACN,GAAIpD,KAAKO,WAAY,CACnB,OACE8C,EAAA,UACEC,MAAM,aAAY,gBACHtD,KAAKQ,KAAO,OAAS,QAAO,aAC/BR,KAAKQ,KAAO,cAAgB,YACxC+C,QAASvD,KAAKC,QAEdoD,EAAA,OAAKC,MAAM,sBACTD,EAAA,QAAMG,aAAcxD,KAAKI,oBACzBiD,EAAA,UAAQI,KAAMzD,KAAKQ,KAAO,aAAe,kB,CAMjD,OACE6C,EAAA,OAAKC,MAAM,cACTD,EAAA,OAAKC,MAAM,sBACTD,EAAA,QAAMG,aAAcxD,KAAKI,qB,EAMjCN,EAAAQ,UAAAoD,OAAA,eAAAC,EAAA3D,KACE,OACEqD,EAACO,KAAI,CAAAC,IAAA,4CACF7D,KAAKoD,kBAELpD,KAAKO,YACJ8C,EAAA,OAAAQ,IAAA,2CACEP,MAAM,UACNQ,IAAK,SAACC,GAAE,OAAMJ,EAAK9B,QAAUkC,CAArB,GAEP/D,KAAK6C,WACJQ,EAAA,UAAAQ,IAAA,2CAAQP,MAAM,UACZD,EAAA,QAAAQ,IAAA,2CACEJ,KAAK,SACLD,aAAcxD,KAAKG,gBAKzBkD,EAAA,OAAAQ,IAAA,2CACEP,MAAM,QACNU,KAAK,QAELX,EAAA,QAAAQ,IAAA,2CACEJ,KAAK,OACLD,aAAcxD,KAAKK,kB,iQAzLjB,G","ignoreList":[]}

package/dist/esm-es5/z-messages-pocket.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";import{q as PocketStatus}from"./index-2255c6c8.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-pocket{width:100%}:host>z-pocket.closed{width:158px}:host>z-pocket>z-pocket-header{color:var(--color-primary01);fill:var(--color-primary01);font-size:12px;font-weight:var(--font-sb)}:host>z-pocket>z-pocket-header span.badge{display:inline-block;padding:0 calc(var(--space-unit) * 0.5);margin-left:var(--space-unit);background:var(--color-secondary02);border-radius:50%;color:var(--color-surface01)}:host>z-pocket>z-pocket-header>z-icon{margin-left:var(--space-unit)}:host>z-pocket>z-pocket-body>div.body{overflow:hidden;padding:var(--space-unit);margin:0 var(--space-unit)}:host>z-pocket.preview>z-pocket-body{position:relative}:host>z-pocket.preview>z-pocket-body>div.gradient{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(255 0 0 / 0%)), to(white));background-image:linear-gradient(rgb(255 0 0 / 0%), white)}:host>z-pocket.open>z-pocket-body>div.body{overflow:auto;max-height:calc(100vh - 166px);scrollbar-width:none}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>z-pocket{width:768px;margin:0 calc((100% - 768px) / 2)}:host>z-pocket.closed{margin:0 calc((100% - 158px) / 2)}:host>z-pocket.open>z-pocket-body>div.body{max-height:326px}}@media only screen and (min-width: 1152px){:host>z-pocket.open>z-pocket-body>div.body{scrollbar-color:var(--color-primary01) var(--color-surface03);scrollbar-width:thin}:host ::-webkit-scrollbar{width:10px;background:linear-gradient(\n      90deg,\n      var(--color-surface01) 2px,\n      var(--color-surface03) 4px,\n      var(--color-surface01) 8px\n    );border-radius:var(--border-radius)}:host ::-webkit-scrollbar-thumb{width:var(--space-unit);background-color:var(--color-primary01);border-radius:var(--border-radius)}}";var ZMessagesPocketStyle0=stylesCss;var ZMessagesPocket=function(){function e(e){registerInstance(this,e);this.pocketid=undefined;this.messages=undefined;this.status=PocketStatus.PREVIEW}e.prototype.handlePocketToggle=function(e){if(e.detail.id===this.pocketid){this.status=e.detail.status}};e.prototype.renderHeader=function(){var e;var t;switch(this.status){case PocketStatus.PREVIEW:case PocketStatus.CLOSED:e=h("span",null,"Messaggi ",h("span",{class:"badge"},this.messages));t="chevron-up";break;case PocketStatus.OPEN:e=h("span",null,"Riduci");t="chevron-down";break}return h("z-pocket-header",{pocketid:this.pocketid},e,h("z-icon",{name:t,width:14,height:14}))};e.prototype.renderBody=function(){return h("z-pocket-body",{pocketid:this.pocketid},h("div",{class:"body"},h("slot",null)),h("div",{class:"gradient"}))};e.prototype.render=function(){return h("z-pocket",{key:"5be608e84b6e356a29b5f1d7b96a36646ee0299a",pocketid:this.pocketid,status:this.status,class:this.status},this.renderHeader(),this.renderBody())};return e}();ZMessagesPocket.style=ZMessagesPocketStyle0;export{ZMessagesPocket as z_messages_pocket};
+//# sourceMappingURL=z-messages-pocket.entry.js.map

package/dist/esm-es5/z-messages-pocket.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMessagesPocketStyle0","ZMessagesPocket","PocketStatus","PREVIEW","prototype","handlePocketToggle","e","detail","id","this","pocketid","status","renderHeader","message","icon","CLOSED","h","class","messages","OPEN","name","width","height","renderBody","render","key"],"sources":["src/snowflakes/myz/pocket/z-messages-pocket/styles.css?tag=z-messages-pocket&encapsulation=shadow","src/snowflakes/myz/pocket/z-messages-pocket/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-pocket {\n  width: 100%;\n}\n\n:host > z-pocket.closed {\n  width: 158px;\n}\n\n:host > z-pocket > z-pocket-header {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n  font-size: 12px;\n  font-weight: var(--font-sb);\n}\n\n:host > z-pocket > z-pocket-header span.badge {\n  display: inline-block;\n  padding: 0 calc(var(--space-unit) * 0.5);\n  margin-left: var(--space-unit);\n  background: var(--color-secondary02);\n  border-radius: 50%;\n  color: var(--color-surface01);\n}\n\n:host > z-pocket > z-pocket-header > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > z-pocket > z-pocket-body > div.body {\n  overflow: hidden;\n  padding: var(--space-unit);\n  margin: 0 var(--space-unit);\n}\n\n:host > z-pocket.preview > z-pocket-body {\n  position: relative;\n}\n\n:host > z-pocket.preview > z-pocket-body > div.gradient {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-image: linear-gradient(rgb(255 0 0 / 0%), white);\n}\n\n:host > z-pocket.open > z-pocket-body > div.body {\n  overflow: auto;\n  max-height: calc(100vh - 166px);\n  scrollbar-width: none;\n}\n\n:host ::-webkit-scrollbar {\n  width: 0;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > z-pocket {\n    width: 768px;\n    margin: 0 calc((100% - 768px) / 2);\n  }\n\n  :host > z-pocket.closed {\n    margin: 0 calc((100% - 158px) / 2);\n  }\n\n  :host > z-pocket.open > z-pocket-body > div.body {\n    max-height: 326px;\n  }\n}\n\n/* Desktop breakpoint */\n@media only screen and (min-width: 1152px) {\n  :host > z-pocket.open > z-pocket-body > div.body {\n    scrollbar-color: var(--color-primary01) var(--color-surface03);\n    scrollbar-width: thin;\n  }\n\n  :host ::-webkit-scrollbar {\n    width: 10px;\n    background: linear-gradient(\n      90deg,\n      var(--color-surface01) 2px,\n      var(--color-surface03) 4px,\n      var(--color-surface01) 8px\n    );\n    border-radius: var(--border-radius);\n  }\n\n  :host ::-webkit-scrollbar-thumb {\n    width: var(--space-unit);\n    background-color: var(--color-primary01);\n    border-radius: var(--border-radius);\n  }\n}\n","import {Component, Listen /* , State */, Prop, h} from \"@stencil/core\";\nimport {PocketStatus} from \"../../../../beans\";\n\n/**\n * @slot  - pocket body content\n */\n@Component({\n  tag: \"z-messages-pocket\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMessagesPocket {\n  /** pocket id */\n  @Prop()\n  pocketid: string;\n\n  /** number of messages */\n  @Prop()\n  messages: number;\n\n  /** pocket status */\n  @Prop({mutable: true})\n  status: PocketStatus = PocketStatus.PREVIEW;\n\n  @Listen(\"pocketToggle\", {target: \"body\"})\n  handlePocketToggle(e: CustomEvent): void {\n    if (e.detail.id === this.pocketid) {\n      this.status = e.detail.status;\n    }\n  }\n\n  private renderHeader(): HTMLZPocketHeaderElement {\n    let message: HTMLElement;\n    let icon: string;\n    switch (this.status) {\n      case PocketStatus.PREVIEW:\n      case PocketStatus.CLOSED:\n        message = (\n          <span>\n            Messaggi <span class=\"badge\">{this.messages}</span>\n          </span>\n        );\n        icon = \"chevron-up\";\n        break;\n      case PocketStatus.OPEN:\n        message = <span>Riduci</span>;\n        icon = \"chevron-down\";\n        break;\n    }\n\n    return (\n      <z-pocket-header pocketid={this.pocketid}>\n        {message}\n        <z-icon\n          name={icon}\n          width={14}\n          height={14}\n        />\n      </z-pocket-header>\n    );\n  }\n\n  private renderBody(): HTMLZPocketBodyElement {\n    return (\n      <z-pocket-body pocketid={this.pocketid}>\n        <div class=\"body\">\n          <slot />\n        </div>\n        <div class=\"gradient\" />\n      </z-pocket-body>\n    );\n  }\n\n  render(): HTMLZPocketElement {\n    return (\n      <z-pocket\n        pocketid={this.pocketid}\n        status={this.status}\n        class={this.status}\n      >\n        {this.renderHeader()}\n        {this.renderBody()}\n      </z-pocket>\n    );\n  }\n}\n"],"mappings":"4GAAA,IAAMA,UAAY,+zDAClB,IAAAC,sBAAeD,U,ICUFE,gBAAe,W,mGAWHC,aAAaC,O,CAGpCF,EAAAG,UAAAC,mBAAA,SAAmBC,GACjB,GAAIA,EAAEC,OAAOC,KAAOC,KAAKC,SAAU,CACjCD,KAAKE,OAASL,EAAEC,OAAOI,M,GAInBV,EAAAG,UAAAQ,aAAA,WACN,IAAIC,EACJ,IAAIC,EACJ,OAAQL,KAAKE,QACX,KAAKT,aAAaC,QAClB,KAAKD,aAAaa,OAChBF,EACEG,EAAA,wBACWA,EAAA,QAAMC,MAAM,SAASR,KAAKS,WAGvCJ,EAAO,aACP,MACF,KAAKZ,aAAaiB,KAChBN,EAAUG,EAAA,sBACVF,EAAO,eACP,MAGJ,OACEE,EAAA,mBAAiBN,SAAUD,KAAKC,UAC7BG,EACDG,EAAA,UACEI,KAAMN,EACNO,MAAO,GACPC,OAAQ,K,EAMRrB,EAAAG,UAAAmB,WAAA,WACN,OACEP,EAAA,iBAAeN,SAAUD,KAAKC,UAC5BM,EAAA,OAAKC,MAAM,QACTD,EAAA,cAEFA,EAAA,OAAKC,MAAM,a,EAKjBhB,EAAAG,UAAAoB,OAAA,WACE,OACER,EAAA,YAAAS,IAAA,2CACEf,SAAUD,KAAKC,SACfC,OAAQF,KAAKE,OACbM,MAAOR,KAAKE,QAEXF,KAAKG,eACLH,KAAKc,a,WAtEc,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-alert.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";import{o as AlertType}from"./index-2255c6c8.js";var stylesCss=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;-ms-flex-align:center;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";var ZMyzCardAlertStyle0=stylesCss;var ZMyzCardAlert=function(){function e(e){registerInstance(this,e);this.undoAction=createEvent(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}e.prototype.emitUndoAction=function(){this.undoAction.emit({actionType:this.type})};e.prototype.handleSpaceKeyPress=function(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}};e.prototype.handleActionButtonClick=function(e){e.preventDefault();this.emitUndoAction()};e.prototype.retrieveClass=function(){var e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e};e.prototype.getAlertType=function(){switch(this.type){case"add":return AlertType.SUCCESS;case"remove":return AlertType.WARNING;default:return null}};e.prototype.render=function(){var e=this;return h("div",{key:"ee3f657b10628aa1d8b655fbad1f7f2d55d0cfcc",class:"alert-external-wrapper "+this.retrieveClass()},h("z-alert",{key:"f90c4944719e9d9842a159727be73e7d877aca9a",type:this.getAlertType()},h("div",{key:"414b27076e7e807f79987b8d1bf57724ff7aba21",class:"relative-container"},h("z-icon",{key:"4a17b0046552751eb1b4f78b666038a34950f669",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),h("span",{key:"dc7059e99b1cb56c47f0ce112f2dcabf0cdafb47",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&h("span",{key:"fe84b58a497310f2936b14fd06808717a572feb5",role:"button",tabindex:"0",class:"content-action",onClick:function(t){e.handleActionButtonClick(t)},onKeyPress:function(t){e.handleSpaceKeyPress(t)}},this.actiontext))))};return e}();ZMyzCardAlert.style=ZMyzCardAlertStyle0;export{ZMyzCardAlert as z_myz_card_alert};
+//# sourceMappingURL=z-myz-card-alert.entry.js.map

package/dist/esm-es5/z-myz-card-alert.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardAlertStyle0","ZMyzCardAlert","prototype","emitUndoAction","this","undoAction","emit","actionType","type","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","_this","h","key","class","name","iconname","width","height","contenttext","actiontext","trim","length","role","tabindex","onClick","onKeyPress"],"sources":["src/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-surface02);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-success-inverse);\n}\n\n:host div.remove-alert {\n  background: var(--color-warning-inverse);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"],"mappings":"0HAAA,IAAMA,UAAY,88BAClB,IAAAC,oBAAeD,U,ICOFE,cAAa,W,yLAqBhBA,EAAAC,UAAAC,eAAA,WACNC,KAAKC,WAAWC,KAAK,CAACC,WAAYH,KAAKI,M,EAGjCP,EAAAC,UAAAO,oBAAA,SAAoBC,GAC1B,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACtCD,EAAEE,iBACFR,KAAKD,gB,GAIDF,EAAAC,UAAAW,wBAAA,SAAwBH,GAC9BA,EAAEE,iBACFR,KAAKD,gB,EAGCF,EAAAC,UAAAY,cAAA,WACN,IAAIC,EAAY,GAChB,OAAQX,KAAKI,MACX,IAAK,MACHO,EAAY,YACZ,MACF,IAAK,SACHA,EAAY,eACZ,MACF,QACEA,EAAY,GACZ,MAGJ,OAAOA,C,EAGDd,EAAAC,UAAAc,aAAA,WACN,OAAQZ,KAAKI,MACX,IAAK,MACH,OAAOS,UAAUC,QACnB,IAAK,SACH,OAAOD,UAAUE,QACnB,QACE,OAAO,K,EAIblB,EAAAC,UAAAkB,OAAA,eAAAC,EAAAjB,KACE,OACEkB,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA4BpB,KAAKU,iBAC3CQ,EAAA,WAAAC,IAAA,2CAASf,KAAMJ,KAAKY,gBAClBM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,UAAAC,IAAA,2CACEE,KAAMrB,KAAKsB,SACXC,MAAO,GACPC,OAAQ,GACRJ,MAAOpB,KAAKU,kBAEdQ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBpB,KAAKyB,aAChCzB,KAAK0B,cAAgB1B,KAAK0B,WAAWC,OAAOC,QAC3CV,EAAA,QAAAC,IAAA,2CACEU,KAAK,SACLC,SAAS,IACTV,MAAM,iBACNW,QAAS,SAACzB,GACRW,EAAKR,wBAAwBH,E,EAE/B0B,WAAY,SAAC1B,GACXW,EAAKZ,oBAAoBC,E,GAG1BN,KAAK0B,c,WAzFI,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-dictionary.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";import{B as ButtonVariant,d as ButtonSize}from"./index-2255c6c8.js";var stylesCss=":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;-webkit-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;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;-webkit-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;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;-webkit-transform:rotateY(0deg);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:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hide-info{display:none}";var ZMyzCardDictionaryStyle0=stylesCss;var ZMyzCardDictionary=function(){function t(t){registerInstance(this,t);this.cardFlipped=createEvent(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}t.prototype.handleFlipCard=function(t){this.flipCard(t.detail)};t.prototype.flipCard=function(t){if(t===void 0){t=true}this.flipped=t;this.cardFlipped.emit(t)};t.prototype.render=function(){var t=this;return h("div",{key:"ed889966f8549cc26bb5a74907698789dc5589db"},h("z-myz-card",{key:"2f800d33d6ad0b9c0da423ae300d166c5cff1138"},h("z-myz-card-header",{key:"ac3b947d1bc44020038864cee354d25e03e35520",titolo:this.name}),h("div",{key:"510d58895ab181f57bf347181e9800e2905051ac",class:"content ".concat(this.flipped?"flipped":"")},h("div",{key:"5edbb595e686ab20daf7627d8853bac7ded0b400",class:"front"},h("z-myz-card-body",{key:"4429043e3309372204e1327b63af4bb7070e8821"},h("z-myz-card-cover",{key:"4131ba8eac6d1b4de4ebb2132b90b23c84a4e208",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),h("z-button",{key:"868186b2ce493dcea4927f02678da0014adde59e",class:{"hide-info":this.hideinfobtn},variant:ButtonVariant.SECONDARY,icon:"informationsource",size:ButtonSize.X_SMALL,onClick:function(){return t.flipCard(true)},disabled:this.flipped},this.flipbuttonlabel)),h("div",{key:"82831b99ec4d728738523fe6cc4ad63a63d503f1",class:"back"},h("slot",{key:"e636f908bec08c14febee93e62a3b053b46e5cfb",name:"info"}))),h("slot",{key:"c7fc3bc013651830a0777c1c41d7c11ea9d90041"})))};return t}();ZMyzCardDictionary.style=ZMyzCardDictionaryStyle0;export{ZMyzCardDictionary as z_myz_card_dictionary};
+//# sourceMappingURL=z-myz-card-dictionary.entry.js.map

package/dist/esm-es5/z-myz-card-dictionary.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardDictionaryStyle0","ZMyzCardDictionary","prototype","handleFlipCard","e","this","flipCard","detail","showBack","flipped","cardFlipped","emit","render","_this","h","key","titolo","name","class","concat","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:\n    transform 0.5s ease-out,\n    -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:\n    transform 0.5s ease-out,\n    -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, Event, EventEmitter, Listen, Prop, h} 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":"8IAAA,IAAMA,UAAY,2iDAClB,IAAAC,yBAAeD,U,ICWFE,mBAAkB,W,iJAWlB,M,aAID,M,qBAIQ,O,iBAIJ,K,CAGdA,EAAAC,UAAAC,eAAA,SAAeC,GACbC,KAAKC,SAASF,EAAEG,O,EAOVN,EAAAC,UAAAI,SAAA,SAASE,GAAA,GAAAA,SAAA,GAAAA,EAAA,IAAe,CAC9BH,KAAKI,QAAUD,EACfH,KAAKK,YAAYC,KAAKH,E,EAGxBP,EAAAC,UAAAU,OAAA,eAAAC,EAAAR,KACE,OACES,EAAA,OAAAC,IAAA,4CACED,EAAA,cAAAC,IAAA,4CACED,EAAA,qBAAAC,IAAA,2CAAmBC,OAAQX,KAAKY,OAChCH,EAAA,OAAAC,IAAA,2CAAKG,MAAO,WAAAC,OAAWd,KAAKI,QAAU,UAAY,KAChDK,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SACTJ,EAAA,mBAAAC,IAAA,4CACED,EAAA,oBAAAC,IAAA,2CACEK,KAAK,QACLJ,OAAQX,KAAKY,KACbI,IAAKhB,KAAKiB,MACVC,MAAOlB,KAAKmB,YAGhBV,EAAA,YAAAC,IAAA,2CACEG,MAAO,CAAC,YAAab,KAAKoB,aAC1BC,QAASC,cAAcC,UACvBC,KAAK,oBACLC,KAAMC,WAAWC,QACjBC,QAAS,WAAM,OAAApB,EAAKP,SAAS,KAAd,EACfkB,SAAUnB,KAAKI,SAEdJ,KAAK6B,kBAGVpB,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,QAAAC,IAAA,2CAAME,KAAK,WAGfH,EAAA,QAAAC,IAAA,8C,WArEqB,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-footer-sections.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";var ZMyzCardFooterSectionsStyle0=stylesCss;var ZMyzCardFooterSections=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{key:"c293773e2f737912b63345f9524e03a374f0c536"},h("footer",{key:"1a8148b580eef438c1a68d5a134bf3b224846946"},h("div",{key:"49863a18b930dcd3edb2a049c9e77c858be1dc76",class:"top"},h("slot",{key:"00bdadaa655b1018e42ed72fefd4d21b1a0529fb",name:"top"})),h("div",{key:"24e4dfb5e2eaac5ef6c61dd2303e9cd9e8832b68",class:"bottom"},h("slot",{key:"b8791e5c065a9ce4b4701444c137295123f99d3d",name:"bottom"}))))};return e}();ZMyzCardFooterSections.style=ZMyzCardFooterSectionsStyle0;export{ZMyzCardFooterSections as z_myz_card_footer_sections};
+//# sourceMappingURL=z-myz-card-footer-sections.entry.js.map

package/dist/esm-es5/z-myz-card-footer-sections.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterSectionsStyle0","ZMyzCardFooterSections","prototype","render","h","key","class","name"],"sources":["src/snowflakes/myz/card/z-myz-card-footer-sections/styles.css?tag=z-myz-card-footer-sections&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div > footer {\n  height: 128px;\n  box-sizing: border-box;\n  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-size: 16px;\n  line-height: 24px;\n}\n\n:host > div > footer > div.top,\n:host > div > footer > div.bottom {\n  height: 60px;\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n  tag: \"z-myz-card-footer-sections\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooterSections {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <footer>\n          <div class=\"top\">\n            <slot name=\"top\" />\n          </div>\n          <div class=\"bottom\">\n            <slot name=\"bottom\" />\n          </div>\n        </footer>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,8cAClB,IAAAC,6BAAeD,U,ICUFE,uBAAsB,W,uCACjCA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OACTF,EAAA,QAAAC,IAAA,2CAAME,KAAK,SAEbH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UACTF,EAAA,QAAAC,IAAA,2CAAME,KAAK,a,WATY,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-footer.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,g as getElement}from"./index-ab5f1eaa.js";import{L as LicenseType}from"./index-2255c6c8.js";var stylesCss='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);-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    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;-webkit-transition:all 200ms linear;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);-webkit-transition:all 200ms linear;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:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;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;-ms-flex-direction:column;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;-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    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;-webkit-box-sizing:border-box;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)}';var ZMyzCardFooterStyle0=stylesCss;var ZMyzCardFooter=function(){function e(e){registerInstance(this,e);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}e.prototype.handleToggle=function(){this.isOpen=!this.isOpen;if(this.isOpen){var e=this.getFirstListItem();if(e){requestAnimationFrame((function(){e.focus()}))}}};e.prototype.getTitleAuthors=function(){return this.allowTooltipAuthors?this.autori:""};e.prototype.componentWillLoad=function(){if(this.opened){this.isOpen=true}};e.prototype.elementsEllipsis=function(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false};e.prototype.elementAuthorsHasEllipsis=function(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth};e.prototype.retrieveClass=function(){return{isopen:this.isOpen,real:this.cardtype===LicenseType.REAL,trial:this.cardtype===LicenseType.TRIAL,temp:this.cardtype===LicenseType.TEMP,"custom-content":this.customContent}};e.prototype.footerTransitionHandler=function(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}};e.prototype.getFirstListItem=function(){return this.host.querySelector("[slot=list] > li a")};e.prototype.render=function(){var e=this;return h("div",{key:"e5711063557dce84367650a81a3313e4d4755ca7",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},h("footer",{key:"81fe8ba76037d6aabf6a34123ef7e16b9fdcf6bf",class:this.retrieveClass(),onTransitionEnd:function(t){return e.footerTransitionHandler(t)}},h("span",{key:"fe8a8eb5e9668ef98052aa77ea006e36e1da4362",class:"toggle"},h("slot",{key:"1b31d051074a5c49783adced5ab8a08ffce34c2c",name:"toggle"})),this.titolo&&h("p",{key:"fd5184ba3211dcaec0fbbada7e66c2424e8683a1",class:{"custom-content":this.customContent}},this.titolo),h("div",{key:"eb56f5377d285fa66090865f3750267827a55b30",class:{content:true,"custom-content":this.customContent}},h("div",{key:"73df88cb7871a4aeb47414cdfb2c248f4cae0454"},h("p",{key:"bcee7b1836e87540bb9ea7a0dae9b20717acb84b",class:"authors",ref:function(t){return e.ellipsisAuthors=t}},h("span",{key:"1a2741b228850ea9b438e2d0d3bbe161f1c58223",title:this.getTitleAuthors()},h("span",{key:"78e8afea170e944a119670a1f3ff35d9b1e68cca","aria-description":"Autori",class:"bold"},this.autori))),h("p",{key:"46339663289bca4d4c0d18f5a8a1e5c7f967a2c7",class:"year-isbn"},h("span",{key:"885b4e716717a5e7faf0b2cdd0eb0a120c6b02a5",class:"isbn"},h("span",{key:"8eb8fe819c2208bcd85a4ff75bcea45d126bbcfd"},h("span",{key:"adce63e9a8982d61692c899da383374914db342d","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),h("div",{key:"b36ed0288ce7e14a3c8770cd097f712440d10c5b",class:"slot-handler ".concat(this.isOpen?"visible":"hidden")},h("slot",{key:"f7eca7603fd10d49a68f7c41505d50ee185e206f",name:"list"})))),this.customContent&&h("slot",{key:"4f80af2d5fe5bba71f5d1704f4816aa395effe88",name:"content"}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ZMyzCardFooter.style=ZMyzCardFooterStyle0;export{ZMyzCardFooter as z_myz_card_footer};
+//# sourceMappingURL=z-myz-card-footer.entry.js.map

package/dist/esm-es5/z-myz-card-footer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterStyle0","ZMyzCardFooter","prototype","handleToggle","this","isOpen","firstElem_1","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","_this","h","key","class","Object","assign","wrapper","onTransitionEnd","name","titolo","content","ref","el","title","isbn","concat"],"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:\n    height 500ms ease-in-out,\n    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:\n    height 500ms ease-in-out,\n    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:\n    height 500ms ease-in-out,\n    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 {Component, Element, Listen, Prop, State, h} 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":"2HAAA,IAAMA,UAAY,s3GAClB,IAAAC,qBAAeD,U,ICYFE,eAAc,W,gKAyBN,M,mBAIH,M,YAGP,M,yBAGa,K,CAKtBA,EAAAC,UAAAC,aAAA,WACEC,KAAKC,QAAUD,KAAKC,OACpB,GAAID,KAAKC,OAAQ,CACf,IAAMC,EAAYF,KAAKG,mBACvB,GAAID,EAAW,CACbE,uBAAsB,WACpBF,EAAUG,O,OAMVR,EAAAC,UAAAQ,gBAAA,WACN,OAAON,KAAKO,oBAAsBP,KAAKQ,OAAS,E,EAGlDX,EAAAC,UAAAW,kBAAA,WACE,GAAIT,KAAKU,OAAQ,CACfV,KAAKC,OAAS,I,GAIVJ,EAAAC,UAAAa,iBAAA,WACNX,KAAKO,oBAAsBP,KAAKY,4BAA8B,KAAO,K,EAG/Df,EAAAC,UAAAc,0BAAA,WACN,OAAOZ,KAAKa,gBAAgBC,YAAcd,KAAKa,gBAAgBE,W,EAGzDlB,EAAAC,UAAAkB,cAAA,WACN,MAAO,CACLC,OAAUjB,KAAKC,OACfiB,KAAQlB,KAAKmB,WAAaC,YAAYC,KACtCC,MAAStB,KAAKmB,WAAaC,YAAYG,MACvCC,KAAQxB,KAAKmB,WAAaC,YAAYK,KACtC,iBAAkBzB,KAAK0B,c,EAInB7B,EAAAC,UAAA6B,wBAAA,SAAwBC,GAC9B,GAAI,CAAC,aAAc,UAAUC,SAASD,EAAEE,cAAe,CACrD9B,KAAKW,kB,GAIDd,EAAAC,UAAAK,iBAAA,WACN,OAAOH,KAAK+B,KAAKC,cAAc,qB,EAGjCnC,EAAAC,UAAAmC,OAAA,eAAAC,EAAAlC,KACE,OACEmC,EAAA,OAAAC,IAAA,2CAAKC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAOvC,KAAKgB,iBAA2C,CAAEwB,QAAS,QAC1EL,EAAA,UAAAC,IAAA,2CACEC,MAAOrC,KAAKgB,gBACZyB,gBAAiB,SAACb,GAAuB,OAAAM,EAAKP,wBAAwBC,EAA7B,GAEzCO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,UACVF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEZ1C,KAAK2C,QAAUR,EAAA,KAAAC,IAAA,2CAAGC,MAAO,CAAC,iBAAkBrC,KAAK0B,gBAAiB1B,KAAK2C,QACxER,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAACO,QAAW,KAAM,iBAAkB5C,KAAK0B,gBACnDS,EAAA,OAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CACEC,MAAM,UACNQ,IAAK,SAACC,GAAE,OAAMZ,EAAKrB,gBAAkBiC,CAA7B,GAERX,EAAA,QAAAC,IAAA,2CAAMW,MAAO/C,KAAKM,mBAChB6B,EAAA,QAAAC,IAAA,8DACmB,SACjBC,MAAM,QAELrC,KAAKQ,UAIZ2B,EAAA,KAAAC,IAAA,2CAAGC,MAAM,aACPF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,QACVF,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8DACmB,yBACjBC,MAAM,QAELrC,KAAKgD,MACA,IAAG,qBAMnBb,EAAA,OAAAC,IAAA,2CAAKC,MAAO,gBAAAY,OAAgBjD,KAAKC,OAAS,UAAY,WACpDkC,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAIhB1C,KAAK0B,eAAiBS,EAAA,QAAAC,IAAA,2CAAMM,KAAK,Y,kIAvIf,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-icon.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss="button{display:-ms-flexbox;display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:-ms-flexbox;display:flex;width:28px;height:28px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;-webkit-box-shadow:var(--shadow-0);box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";var ZMyzCardIconStyle0=stylesCss;var ZMyzCardIcon=function(){function r(r){registerInstance(this,r);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}r.prototype.render=function(){return h("button",{key:"d07c0ca573477aa1045a68da5f4fe528243ce36f",disabled:this.isdisabled,"aria-label":this.ariaLabel},h("span",{key:"d4fbc76e9d771efc6fba0f0f311e30261c4bb070"},h("z-icon",{key:"7a27b69214edf71caff54e1b0619f1b8ce7f1003",name:this.icon,width:16,height:16})))};return r}();ZMyzCardIcon.style=ZMyzCardIconStyle0;export{ZMyzCardIcon as z_myz_card_icon};
+//# sourceMappingURL=z-myz-card-icon.entry.js.map

package/dist/esm-es5/z-myz-card-icon.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardIconStyle0","ZMyzCardIcon","prototype","render","h","key","disabled","this","isdisabled","ariaLabel","name","icon","width","height"],"sources":["src/snowflakes/myz/card/z-myz-card-icon/styles.css?tag=z-myz-card-icon&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  width: 42px;\n  width: calc(var(--space-unit) * 6);\n  height: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 6);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  border-left: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background: none;\n  border-radius: 0 var(--border-radius) 0 0;\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  outline: none;\n}\n\nbutton:active,\nbutton:focus {\n  color: var(--blue700);\n  fill: var(--blue700);\n}\n\nbutton > span {\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--border-radius);\n}\n\nbutton:hover > span {\n  background: var(--color-primary03);\n}\n\nbutton:focus > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n}\n\nbutton:disabled > span {\n  background: none;\n  box-shadow: var(--shadow-0);\n  pointer-events: none;\n}\n\nbutton:disabled > span > z-icon {\n  fill: var(--color-surface03);\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardIcon {\n  /** icon name */\n  @Prop()\n  icon: string;\n\n  /** disabled status flag */\n  @Prop()\n  isdisabled = false;\n\n  /** description of the icon*/\n  @Prop()\n  ariaLabel = \"\";\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        disabled={this.isdisabled}\n        aria-label={this.ariaLabel}\n      >\n        <span>\n          <z-icon\n            name={this.icon}\n            width={16}\n            height={16}\n          />\n        </span>\n      </button>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,u1CAClB,IAAAC,mBAAeD,U,ICMFE,aAAY,W,2EAOV,M,eAID,E,CAEZA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,SAAUC,KAAKC,WAAU,aACbD,KAAKE,WAEjBL,EAAA,QAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,2CACEK,KAAMH,KAAKI,KACXC,MAAO,GACPC,OAAQ,M,WAvBK,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-info.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";import{P as PopoverPosition}from"./index-2255c6c8.js";import{a as handleKeyboardSubmit}from"./utils-7983d02c.js";import"./breakpoints-680e0e56.js";var stylesCss=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;-webkit-box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%);box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-item-align:end;align-self:end;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;-ms-flex-item-align:stretch;align-self:stretch}:host>div>div.content-wrapper>section{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255 0 0 / 0%)), color-stop(60%, rgb(255 0 0 / 0%)), to(white));background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';var ZMyzCardInfoStyle0=stylesCss;var ZMyzCardInfo=function(){function i(i){registerInstance(this,i);this.flipCard=createEvent(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}i.prototype.emitFlipCard=function(i){if(i===void 0){i=false}this.flipCard.emit(i)};i.prototype.componentWillLoad=function(){this.setStringOrArray()};i.prototype.componentWillUpdate=function(){this.setStringOrArray()};i.prototype.componentDidRender=function(){this.handleContentHeight()};i.prototype.handleContentHeight=function(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){var i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height="".concat(i,"px");this.hiddenContent=true;return}this.hiddenContent=false};i.prototype.setStringOrArray=function(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}};i.prototype.renderCloseIcon=function(){var i=this;return h("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:function(){return i.emitFlipCard(false)},tabindex:this.htmltabindex,onKeyUp:function(t){handleKeyboardSubmit(t,i.emitFlipCard,false)}})};i.prototype.renderGeneralSection=function(){var i=this;var t,n;var e=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.title;var o=(n=this===null||this===void 0?void 0:this.cardData)===null||n===void 0?void 0:n.description;return h("section",{class:"info-wrapper ".concat(this.hiddenContent?"hidden":""),onClick:function(){if(i.hiddenContent){i.tooltip=!i.tooltip}},ref:function(t){return i.infoWrapper=t}},this.renderAuthor(),this.renderYear(),e,h("br",null),o)};i.prototype.renderAuthor=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return h("span",null,"Autore: ",h("b",null,t),h("br",null))};i.prototype.renderYear=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return h("span",null,"Anno: ",h("b",null,t),h("br",null))};i.prototype.renderTooltip=function(){var i=this;if(!this.tooltip){return}if(!this.cardData){return}var t=this.cardData,n=t.title,e=t.year,o=t.author,r=t.description;return h("z-popover",{position:PopoverPosition.RIGHT,onClick:function(){return i.tooltip=false}},"".concat(n," ").concat(e," ").concat(o," ").concat(r))};i.prototype.setExpirationLicenseMessage=function(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return h("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return h("span",{class:"expiring"},"IN SCADENZA")}};i.prototype.renderOnlineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.onlineLicense)){return}return h("section",{ref:function(t){return i.onlineLicenseWrapper=t}},h("span",{class:"license-heading"},h("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",h("b",null,this.cardData.onlineLicense.expiration),h("br",null))};i.prototype.renderOfflineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.offlineLicense)){return}return h("section",{ref:function(t){return i.offlineLicenseWrapper=t}},h("span",{class:"license-heading"},h("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",h("b",null,this.cardData.offlineLicense.expiration),h("br",null),"Installazioni disponibili: ",h("b",null,this.cardData.offlineLicense.installations))};i.prototype.render=function(){var i=this;return h("div",{key:"086c4df611ed65fc3929e9d607b4043a6ef33f06"},this.renderCloseIcon(),h("div",{key:"c3dbdc2e386d06269e79109fc29ae6e0b5826ad5",class:"content-wrapper",ref:function(t){return i.contentWrapper=t}},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),h("div",{key:"5e79d55d2e1673de4e40d03d6e3ad385af65152f",class:"cta-wrapper"},h("slot",{key:"aa7141484bdbaf50856f31285dc2fef49f84abe1"})))};return i}();ZMyzCardInfo.style=ZMyzCardInfoStyle0;export{ZMyzCardInfo as z_myz_card_info};
+//# sourceMappingURL=z-myz-card-info.entry.js.map

package/dist/esm-es5/z-myz-card-info.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardInfoStyle0","ZMyzCardInfo","hostRef","this","emitFlipCard","bind","prototype","showBack","flipCard","emit","componentWillLoad","setStringOrArray","componentWillUpdate","componentDidRender","handleContentHeight","contentWrapper","infoWrapper","hiddenContent","scrollHeight","offsetHeight","height","onlineLicenseWrapper","offlineLicenseWrapper","style","concat","data","cardData","JSON","parse","renderCloseIcon","_this","h","name","width","onClick","tabindex","htmltabindex","onKeyUp","e","handleKeyboardSubmit","renderGeneralSection","title","_a","description","_b","class","tooltip","ref","el","renderAuthor","renderYear","author","year","renderTooltip","_c","position","PopoverPosition","RIGHT","setExpirationLicenseMessage","type","onlineLicense","expired","offlineLicense","expiring","renderOnlineLicenseSection","expiration","renderOfflineLicenseSection","installations","render","key"],"sources":["src/snowflakes/myz/card/z-myz-card-info/styles.css?tag=z-myz-card-info&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-info/index.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  position: relative;\n  display: grid;\n  width: calc(100% + calc(var(--space-unit) * 2));\n  height: 402px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--color-primary01);\n  margin-left: calc(-1 * var(--space-unit));\n  background: var(--color-surface01);\n  border-radius: 0;\n  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);\n}\n\n:host > div > z-icon {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-self: end;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper {\n  position: relative;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n:host > div > div.content-wrapper > section {\n  box-sizing: border-box;\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  color: var(--color-surface05);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n:host > div > div.content-wrapper > section:last-child {\n  border-bottom: none;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper.hidden::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);\n  content: \"\";\n  pointer-events: none;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading {\n  display: flex;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expired {\n  color: var(--color-secondary02);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expiring {\n  color: var(--color-warning01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > z-popover {\n  position: absolute;\n  top: 0;\n  left: calc(var(--space-unit) * 4);\n}\n","import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {DictionaryData, PopoverPosition} from \"../../../../beans\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/**\n * @slot  - content\n */\n@Component({\n  tag: \"z-myz-card-info\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardInfo {\n  /** dictionary info */\n  @Prop()\n  data: string | DictionaryData;\n\n  /** tabindex link attribute (optional) */\n  @Prop()\n  htmltabindex?: number = 0;\n\n  @State()\n  hiddenContent = false;\n\n  @State()\n  tooltip = false;\n\n  private cardData: DictionaryData;\n\n  private contentWrapper: HTMLElement;\n\n  private infoWrapper: HTMLElement;\n\n  private onlineLicenseWrapper: HTMLElement;\n\n  private offlineLicenseWrapper: HTMLElement;\n\n  /** flip card to front */\n  @Event()\n  flipCard: EventEmitter;\n\n  private emitFlipCard(showBack = false): void {\n    this.flipCard.emit(showBack);\n  }\n\n  constructor() {\n    this.emitFlipCard = this.emitFlipCard.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.setStringOrArray();\n  }\n\n  componentWillUpdate(): void {\n    this.setStringOrArray();\n  }\n\n  componentDidRender(): void {\n    this.handleContentHeight();\n  }\n\n  private handleContentHeight(): void {\n    if (!this.contentWrapper && !this.infoWrapper) {\n      this.hiddenContent = false;\n\n      return;\n    }\n\n    if (\n      this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||\n      this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight\n    ) {\n      const height =\n        this.contentWrapper.offsetHeight -\n        this.onlineLicenseWrapper.offsetHeight -\n        this.offlineLicenseWrapper.offsetHeight;\n      this.infoWrapper.style.height = `${height}px`;\n      this.hiddenContent = true;\n\n      return;\n    }\n\n    this.hiddenContent = false;\n  }\n\n  private setStringOrArray(): void {\n    if (typeof this.data === \"string\") {\n      this.cardData = JSON.parse(this.data);\n    } else {\n      this.cardData = this.data;\n    }\n  }\n\n  private renderCloseIcon(): HTMLZIconElement {\n    return (\n      <z-icon\n        name=\"multiply-circled-filled\"\n        height={18}\n        width={18}\n        onClick={() => this.emitFlipCard(false)}\n        tabindex={this.htmltabindex}\n        onKeyUp={(e: KeyboardEvent) => {\n          handleKeyboardSubmit(e, this.emitFlipCard, false);\n        }}\n      />\n    );\n  }\n\n  private renderGeneralSection(): HTMLElement {\n    const title = this?.cardData?.title;\n    const description = this?.cardData?.description;\n\n    return (\n      <section\n        class={`info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`}\n        onClick={() => {\n          if (this.hiddenContent) {\n            this.tooltip = !this.tooltip;\n          }\n        }}\n        ref={(el) => (this.infoWrapper = el)}\n      >\n        {this.renderAuthor()}\n        {this.renderYear()}\n        {title}\n        <br />\n        {description}\n      </section>\n    );\n  }\n\n  private renderAuthor(): HTMLSpanElement {\n    const author = this?.cardData?.author;\n    if (!author) {\n      return null;\n    }\n\n    return (\n      <span>\n        Autore: <b>{author}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderYear(): HTMLSpanElement {\n    const year = this?.cardData?.year;\n    if (!year) {\n      return null;\n    }\n\n    return (\n      <span>\n        Anno: <b>{year}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderTooltip(): HTMLZPopoverElement {\n    if (!this.tooltip) {\n      return;\n    }\n\n    if (!this.cardData) {\n      return;\n    }\n    const {title, year, author, description} = this.cardData;\n\n    return (\n      <z-popover\n        position={PopoverPosition.RIGHT}\n        onClick={() => (this.tooltip = false)}\n      >\n        {`${title} ${year} ${author} ${description}`}\n      </z-popover>\n    );\n  }\n\n  private setExpirationLicenseMessage(type: string): HTMLSpanElement {\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expired) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expired)\n    ) {\n      return <span class=\"expired\">SCADUTA</span>;\n    }\n\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expiring) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expiring)\n    ) {\n      return <span class=\"expiring\">IN SCADENZA</span>;\n    }\n  }\n\n  private renderOnlineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.onlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.onlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza online</span>\n          {this.setExpirationLicenseMessage(\"online\")}\n        </span>\n        Scadenza il <b>{this.cardData.onlineLicense.expiration}</b>\n        <br />\n      </section>\n    );\n  }\n\n  private renderOfflineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.offlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.offlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza offline</span>\n          {this.setExpirationLicenseMessage(\"offline\")}\n        </span>\n        Scadenza il <b>{this.cardData.offlineLicense.expiration}</b>\n        <br />\n        Installazioni disponibili: <b>{this.cardData.offlineLicense.installations}</b>\n      </section>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        {this.renderCloseIcon()}\n        <div\n          class=\"content-wrapper\"\n          ref={(el) => (this.contentWrapper = el)}\n        >\n          {this.renderGeneralSection()}\n          {this.renderTooltip()}\n          {this.renderOnlineLicenseSection()}\n          {this.renderOfflineLicenseSection()}\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"6NAAA,IAAMA,UAAY,8vEAClB,IAAAC,mBAAeD,U,ICWFE,aAAY,WAiCvB,SAAAA,EAAAC,G,4GA1BwB,E,mBAGR,M,aAGN,MAqBRC,KAAKC,aAAeD,KAAKC,aAAaC,KAAKF,K,CALrCF,EAAAK,UAAAF,aAAA,SAAaG,GAAA,GAAAA,SAAA,GAAAA,EAAA,KAAgB,CACnCJ,KAAKK,SAASC,KAAKF,E,EAOrBN,EAAAK,UAAAI,kBAAA,WACEP,KAAKQ,kB,EAGPV,EAAAK,UAAAM,oBAAA,WACET,KAAKQ,kB,EAGPV,EAAAK,UAAAO,mBAAA,WACEV,KAAKW,qB,EAGCb,EAAAK,UAAAQ,oBAAA,WACN,IAAKX,KAAKY,iBAAmBZ,KAAKa,YAAa,CAC7Cb,KAAKc,cAAgB,MAErB,M,CAGF,GACEd,KAAKY,eAAeG,aAAef,KAAKY,eAAeI,cACvDhB,KAAKa,YAAYE,aAAef,KAAKa,YAAYG,aACjD,CACA,IAAMC,EACJjB,KAAKY,eAAeI,aACpBhB,KAAKkB,qBAAqBF,aAC1BhB,KAAKmB,sBAAsBH,aAC7BhB,KAAKa,YAAYO,MAAMH,OAAS,GAAAI,OAAGJ,EAAM,MACzCjB,KAAKc,cAAgB,KAErB,M,CAGFd,KAAKc,cAAgB,K,EAGfhB,EAAAK,UAAAK,iBAAA,WACN,UAAWR,KAAKsB,OAAS,SAAU,CACjCtB,KAAKuB,SAAWC,KAAKC,MAAMzB,KAAKsB,K,KAC3B,CACLtB,KAAKuB,SAAWvB,KAAKsB,I,GAIjBxB,EAAAK,UAAAuB,gBAAA,eAAAC,EAAA3B,KACN,OACE4B,EAAA,UACEC,KAAK,0BACLZ,OAAQ,GACRa,MAAO,GACPC,QAAS,WAAM,OAAAJ,EAAK1B,aAAa,MAAlB,EACf+B,SAAUhC,KAAKiC,aACfC,QAAS,SAACC,GACRC,qBAAqBD,EAAGR,EAAK1B,aAAc,M,KAM3CH,EAAAK,UAAAkC,qBAAA,eAAAV,EAAA3B,K,QACN,IAAMsC,GAAQC,EAAAvC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAgB,SAAA,SAAAA,EAAED,MAC9B,IAAME,GAAcC,EAAAzC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAkB,SAAA,SAAAA,EAAED,YAEpC,OACEZ,EAAA,WACEc,MAAO,gBAAArB,OAAgBrB,KAAKc,cAAgB,SAAW,IACvDiB,QAAS,WACP,GAAIJ,EAAKb,cAAe,CACtBa,EAAKgB,SAAWhB,EAAKgB,O,GAGzBC,IAAK,SAACC,GAAE,OAAMlB,EAAKd,YAAcgC,CAAzB,GAEP7C,KAAK8C,eACL9C,KAAK+C,aACLT,EACDV,EAAA,WACCY,E,EAKC1C,EAAAK,UAAA2C,aAAA,W,MACN,IAAME,GAAST,EAAAvC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAgB,SAAA,SAAAA,EAAES,OAC/B,IAAKA,EAAQ,CACX,OAAO,I,CAGT,OACEpB,EAAA,uBACUA,EAAA,SAAIoB,GACZpB,EAAA,W,EAKE9B,EAAAK,UAAA4C,WAAA,W,MACN,IAAME,GAAOV,EAAAvC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAgB,SAAA,SAAAA,EAAEU,KAC7B,IAAKA,EAAM,CACT,OAAO,I,CAGT,OACErB,EAAA,qBACQA,EAAA,SAAIqB,GACVrB,EAAA,W,EAKE9B,EAAAK,UAAA+C,cAAA,eAAAvB,EAAA3B,KACN,IAAKA,KAAK2C,QAAS,CACjB,M,CAGF,IAAK3C,KAAKuB,SAAU,CAClB,M,CAEI,IAAA4B,EAAqCnD,KAAKuB,SAAzCe,EAAKa,EAAAb,MAAEW,EAAIE,EAAAF,KAAED,EAAMG,EAAAH,OAAER,EAAWW,EAAAX,YAEvC,OACEZ,EAAA,aACEwB,SAAUC,gBAAgBC,MAC1BvB,QAAS,kBAAOJ,EAAKgB,QAAU,KAAtB,GAER,GAAAtB,OAAGiB,EAAK,KAAAjB,OAAI4B,EAAI,KAAA5B,OAAI2B,EAAM,KAAA3B,OAAImB,G,EAK7B1C,EAAAK,UAAAoD,4BAAA,SAA4BC,GAClC,GACGA,IAAS,UAAYxD,KAAKuB,SAASkC,cAAcC,SACjDF,IAAS,WAAaxD,KAAKuB,SAASoC,eAAeD,QACpD,CACA,OAAO9B,EAAA,QAAMc,MAAM,WAAS,U,CAG9B,GACGc,IAAS,UAAYxD,KAAKuB,SAASkC,cAAcG,UACjDJ,IAAS,WAAaxD,KAAKuB,SAASoC,eAAeC,SACpD,CACA,OAAOhC,EAAA,QAAMc,MAAM,YAAU,c,GAIzB5C,EAAAK,UAAA0D,2BAAA,eAAAlC,EAAA3B,K,MACN,MAAKuC,EAAAvC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAgB,SAAA,SAAAA,EAAEkB,eAAe,CAClC,M,CAGF,OACE7B,EAAA,WAASgB,IAAK,SAACC,GAAE,OAAMlB,EAAKT,qBAAuB2B,CAAlC,GACfjB,EAAA,QAAMc,MAAM,mBACVd,EAAA,8BACC5B,KAAKuD,4BAA4B,WAC7B,eACK3B,EAAA,SAAI5B,KAAKuB,SAASkC,cAAcK,YAC5ClC,EAAA,W,EAKE9B,EAAAK,UAAA4D,4BAAA,eAAApC,EAAA3B,K,MACN,MAAKuC,EAAAvC,OAAI,MAAJA,YAAI,SAAJA,KAAMuB,YAAQ,MAAAgB,SAAA,SAAAA,EAAEoB,gBAAgB,CACnC,M,CAGF,OACE/B,EAAA,WAASgB,IAAK,SAACC,GAAE,OAAMlB,EAAKR,sBAAwB0B,CAAnC,GACfjB,EAAA,QAAMc,MAAM,mBACVd,EAAA,+BACC5B,KAAKuD,4BAA4B,YAC7B,eACK3B,EAAA,SAAI5B,KAAKuB,SAASoC,eAAeG,YAC7ClC,EAAA,WAAM,8BACqBA,EAAA,SAAI5B,KAAKuB,SAASoC,eAAeK,e,EAKlElE,EAAAK,UAAA8D,OAAA,eAAAtC,EAAA3B,KACE,OACE4B,EAAA,OAAAsC,IAAA,4CACGlE,KAAK0B,kBACNE,EAAA,OAAAsC,IAAA,2CACExB,MAAM,kBACNE,IAAK,SAACC,GAAE,OAAMlB,EAAKf,eAAiBiC,CAA5B,GAEP7C,KAAKqC,uBACLrC,KAAKkD,gBACLlD,KAAK6D,6BACL7D,KAAK+D,+BAERnC,EAAA,OAAAsC,IAAA,2CAAKxB,MAAM,eACTd,EAAA,QAAAsC,IAAA,8C,WAxOe,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-list.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss='ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';var ZMyzCardListStyle0=stylesCss;var ZMyzCardList=function(){function t(t){registerInstance(this,t);this.listdata=undefined;this.renderList=this.renderList.bind(this)}t.prototype.handleSpaceKeyPress=function(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}};t.prototype.formatListContent=function(t){var n=this;var a=t.value,i=t.isLink,r=t.url;if(!i){return h("span",null,a)}return h("a",{role:"button",onKeyPress:function(t){return n.handleSpaceKeyPress(t,r)},href:r,target:"_blank"},a)};t.prototype.renderList=function(t){var n=this;return t.map((function(t){return h("li",null,n.formatListContent(t))}))};t.prototype.render=function(){return h("ul",{key:"04fd2a50aca23fe43cb8126e7325dda58393cb7b"},this.renderList(JSON.parse(this.listdata)))};return t}();ZMyzCardList.style=ZMyzCardListStyle0;export{ZMyzCardList as z_myz_card_list};
+//# sourceMappingURL=z-myz-card-list.entry.js.map

package/dist/esm-es5/z-myz-card-list.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardListStyle0","ZMyzCardList","hostRef","this","renderList","bind","prototype","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","_this","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["ul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardList {\n  /** list data stringified array */\n  @Prop()\n  listdata: string;\n\n  constructor() {\n    this.renderList = this.renderList.bind(this);\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      window.open(url, \"_blank\");\n    }\n  }\n\n  private formatListContent(data: Action): HTMLAnchorElement {\n    const {value, isLink, url} = data;\n    if (!isLink) {\n      return <span>{value}</span>;\n    }\n\n    return (\n      <a\n        role=\"button\"\n        onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n        href={url}\n        target=\"_blank\"\n      >\n        {value}\n      </a>\n    );\n  }\n\n  private renderList(dataArray: Action[]): HTMLLIElement[] {\n    return dataArray.map((data: Action) => {\n      return <li>{this.formatListContent(data)}</li>;\n    });\n  }\n\n  render(): HTMLUListElement {\n    return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,8qBAClB,IAAAC,mBAAeD,U,ICOFE,aAAY,WAKvB,SAAAA,EAAAC,G,iDACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAGjCF,EAAAK,UAAAC,oBAAA,SAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,GAIbR,EAAAK,UAAAQ,kBAAA,SAAkBC,GAAlB,IAAAC,EAAAb,KACC,IAAAc,EAAsBF,EAAIE,MAAnBC,EAAeH,EAAIG,OAAXT,EAAOM,EAAIN,IACjC,IAAKS,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAY,SAACb,GAAqB,OAAAQ,EAAKT,oBAAoBC,EAAGC,EAA5B,EAClCa,KAAMb,EACNc,OAAO,UAENN,E,EAKChB,EAAAK,UAAAF,WAAA,SAAWoB,GAAX,IAAAR,EAAAb,KACN,OAAOqB,EAAUC,KAAI,SAACV,GACpB,OAAOI,EAAA,UAAKH,EAAKF,kBAAkBC,G,KAIvCd,EAAAK,UAAAoB,OAAA,WACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKxB,KAAKC,WAAWwB,KAAKC,MAAM1B,KAAK2B,W,WAzCvB,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card_4.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-ab5f1eaa.js";import{L as LicenseType}from"./index-2255c6c8.js";var stylesCss$3=":host{--card-overflow:hidden}div{display:-ms-flexbox;display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);outline:none}div.pressed{-webkit-box-shadow:var(--shadow-8);box-shadow:var(--shadow-8);outline:none}div:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}";var ZMyzCardStyle0=stylesCss$3;var ZMyzCardComponent=function(){function e(e){registerInstance(this,e);this.faded=undefined;this.cardtype=undefined;this.ispressed=false;this.ishighlighted=false}e.prototype.retrieveClass=function(){var e="";if(this.cardtype===LicenseType.REAL){e+="real"}else if(this.cardtype===LicenseType.TRIAL){e+="trial"}else if(this.cardtype===LicenseType.TEMP){e+="temp"}if(this.faded){e+=" faded"}else if(this.ispressed){e+=" pressed"}else if(this.ishighlighted){e+=" highlighted"}return e};e.prototype.render=function(){return h("div",{key:"254e3f158fbaa9eae4c801cd491abe9227fdd1fb",class:this.retrieveClass(),tabindex:"0"},h("slot",{key:"52145b4e99ae3616f767760faf97433d1e3047d8"}))};return e}();ZMyzCardComponent.style=ZMyzCardStyle0;var stylesCss$2=":host{width:auto;height:340px}:host>div{position:relative;display:-ms-flexbox;display:flex;width:auto;height:340px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";var ZMyzCardBodyStyle0=stylesCss$2;var ZMyzCardBody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{key:"6eaaf5ff0351e8844d3aa616e473712dafcff7fd"},h("slot",{key:"2984020a0568593cf9dd47aac83c4890c53d7460",name:"alert"}),h("slot",{key:"85e70e9dcd8068d00bdb40e71acaffae88326225",name:"cover"}))};return e}();ZMyzCardBody.style=ZMyzCardBodyStyle0;var stylesCss$1="img{display:block;max-width:100%;height:340px;margin:auto;-o-object-fit:cover;object-fit:cover}img.faded{opacity:0.3}";var ZMyzCardCoverStyle0=stylesCss$1;var ZMyzCardCover=function(){function e(e){registerInstance(this,e);this.img=undefined;this.titolo=undefined;this.faded=undefined;this.defaultimg=undefined}e.prototype.hadleOnImageError=function(){this.img=this.defaultimg};e.prototype.render=function(){return h("img",{key:"d7131bee1289159c5f6e60d390cd6e0984ac776f",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})};return e}();ZMyzCardCover.style=ZMyzCardCoverStyle0;var stylesCss='header{position:relative;display:-ms-flexbox;display:flex;width:auto;height:calc(var(--space-unit) * 6);-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}';var ZMyzCardHeaderStyle0=stylesCss;var ZMyzCardHeader=function(){function e(e){registerInstance(this,e);this.titolo=undefined;this.faded=undefined;this.cardtype=undefined;this.allowTooltip=false}e.prototype.getTitle=function(){return this.allowTooltip?this.titolo:""};e.prototype.componentDidLoad=function(){if(this.elementHasEllipsis()){this.allowTooltip=true}};e.prototype.elementHasEllipsis=function(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth};e.prototype.retrieveClass=function(){return{real:this.cardtype===LicenseType.REAL,trial:this.cardtype===LicenseType.TRIAL,temp:this.cardtype===LicenseType.TEMP,faded:this.faded}};e.prototype.render=function(){var e=this;return h("header",{key:"5d2f8e09c654cc0b51b0adf3619e8e85dbc81ff5",class:this.retrieveClass()},h("slot",{key:"884987f3e799018b57de5a6ab48a2534cbd5dec1",name:"aria-heading"}),h("span",{key:"c64c93f31d58655a0e17a3141cd9baf17bcf3122",class:"card-title",ref:function(r){return e.ellipsis=r},title:this.getTitle()},this.titolo),h("slot",{key:"f28cc800f9632ed16e4a53a6753a2173a19460f4",name:"icon"}))};return e}();ZMyzCardHeader.style=ZMyzCardHeaderStyle0;export{ZMyzCardComponent as z_myz_card,ZMyzCardBody as z_myz_card_body,ZMyzCardCover as z_myz_card_cover,ZMyzCardHeader as z_myz_card_header};
+//# sourceMappingURL=z-myz-card_4.entry.js.map

package/dist/esm-es5/z-myz-card_4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardStyle0","ZMyzCardComponent","prototype","retrieveClass","elemClasses","this","cardtype","LicenseType","REAL","TRIAL","TEMP","faded","ispressed","ishighlighted","render","h","key","class","tabindex","ZMyzCardBodyStyle0","ZMyzCardBody","name","ZMyzCardCoverStyle0","ZMyzCardCover","hadleOnImageError","img","defaultimg","onError","bind","alt","titolo","src","ZMyzCardHeaderStyle0","ZMyzCardHeader","getTitle","allowTooltip","componentDidLoad","elementHasEllipsis","ellipsis","offsetWidth","scrollWidth","real","trial","temp","_this","ref","el","title"],"sources":["src/snowflakes/myz/card/z-myz-card/styles.css?tag=z-myz-card&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card/index.tsx","src/snowflakes/myz/card/z-myz-card-body/styles.css?tag=z-myz-card-body&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-body/index.tsx","src/snowflakes/myz/card/z-myz-card-cover/styles.css?tag=z-myz-card-cover&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-cover/index.tsx","src/snowflakes/myz/card/z-myz-card-header/styles.css?tag=z-myz-card-header&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"sourcesContent":[":host {\n  --card-overflow: hidden;\n}\n\ndiv {\n  display: flex;\n  overflow: var(--card-overflow);\n  width: auto;\n  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */\n  height: 522px;\n  box-sizing: border-box;\n  flex-direction: column;\n  border: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n}\n\ndiv.real,\ndiv.trial,\ndiv.temp {\n  border-color: var(--blue100);\n}\n\n/* HIDDEN status */\ndiv.faded {\n  border: var(--border-size-medium) solid var(--color-surface02);\n}\n\n/* HIGHLIGHTED status */\ndiv.highlighted {\n  box-shadow: var(--shadow-4);\n  outline: none;\n}\n\n/* PRESSED status */\ndiv.pressed {\n  box-shadow: var(--shadow-8);\n  outline: none;\n}\n\ndiv:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot  - generic card slot\n */\n@Component({\n  tag: \"z-myz-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardComponent {\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** pressed status */\n  @Prop()\n  ispressed = false;\n\n  /** highlighted status */\n  @Prop()\n  ishighlighted = false;\n\n  private retrieveClass(): string {\n    let elemClasses = \"\";\n\n    if (this.cardtype === LicenseType.REAL) {\n      elemClasses += \"real\";\n    } else if (this.cardtype === LicenseType.TRIAL) {\n      elemClasses += \"trial\";\n    } else if (this.cardtype === LicenseType.TEMP) {\n      elemClasses += \"temp\";\n    }\n\n    if (this.faded) {\n      elemClasses += \" faded\";\n    } else if (this.ispressed) {\n      elemClasses += \" pressed\";\n    } else if (this.ishighlighted) {\n      elemClasses += \" highlighted\";\n    }\n\n    return elemClasses;\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={this.retrieveClass()}\n        tabindex=\"0\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n",":host {\n  width: auto;\n  height: 340px;\n}\n\n:host > div {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: 340px;\n  align-items: center;\n  justify-content: center;\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\n@Component({\n  tag: \"z-myz-card-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardBody {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <slot name=\"alert\"></slot>\n        <slot name=\"cover\" />\n      </div>\n    );\n  }\n}\n","img {\n  display: block;\n  max-width: 100%;\n  height: 340px;\n  margin: auto;\n  object-fit: cover;\n}\n\nimg.faded {\n  opacity: 0.3;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-cover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardCover {\n  /** image source */\n  @Prop()\n  img: string;\n\n  /** cover alt title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** default error image source */\n  @Prop()\n  defaultimg: string;\n\n  private hadleOnImageError(): void {\n    this.img = this.defaultimg;\n  }\n\n  render(): HTMLImageElement {\n    return (\n      <img\n        class={this.faded && \"faded\"}\n        onError={this.hadleOnImageError.bind(this)}\n        alt={this.titolo}\n        src={this.img}\n      />\n    );\n  }\n}\n","header {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);\n}\n\nslot[name=\"aria-heading\"]::slotted(*) {\n  position: absolute;\n  overflow: hidden !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 none !important;\n  margin: -1px !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n}\n\nheader.real,\nheader.trial,\nheader.temp {\n  border-bottom: var(--border-size-medium) solid var(--blue100);\n  background-color: var(--color-primary03);\n}\n\n.card-title {\n  overflow: hidden;\n  height: calc(var(--space-unit) * 2);\n  padding: calc(var(--space-unit) * 2);\n  margin: 0;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.22px;\n  line-height: calc(var(--space-unit) * 2);\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.faded {\n  border-bottom: var(--border-size-medium) solid var(--color-surface02);\n}\n\n.faded.real,\n.faded.trial,\n.faded.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n  border-right: var(--border-size-medium) solid var(--blue100);\n  border-left: var(--border-size-medium) solid var(--blue100);\n}\n","import {Component, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot icon - card header icon slot\n */\n@Component({\n  tag: \"z-myz-card-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardHeader {\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLElement;\n\n  private getTitle(): string {\n    return this.allowTooltip ? this.titolo : \"\";\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis()) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      real: this.cardtype === LicenseType.REAL,\n      trial: this.cardtype === LicenseType.TRIAL,\n      temp: this.cardtype === LicenseType.TEMP,\n      faded: this.faded,\n    };\n  }\n\n  render(): HTMLElement {\n    return (\n      <header class={this.retrieveClass()}>\n        <slot name=\"aria-heading\" />\n        <span\n          class=\"card-title\"\n          ref={(el) => (this.ellipsis = el as HTMLElement)}\n          title={this.getTitle()}\n        >\n          {this.titolo}\n        </span>\n        <slot name=\"icon\" />\n      </header>\n    );\n  }\n}\n"],"mappings":"2GAAA,IAAMA,YAAY,mxBAClB,IAAAC,eAAeD,Y,ICUFE,kBAAiB,W,mGAWhB,M,mBAII,K,CAERA,EAAAC,UAAAC,cAAA,WACN,IAAIC,EAAc,GAElB,GAAIC,KAAKC,WAAaC,YAAYC,KAAM,CACtCJ,GAAe,M,MACV,GAAIC,KAAKC,WAAaC,YAAYE,MAAO,CAC9CL,GAAe,O,MACV,GAAIC,KAAKC,WAAaC,YAAYG,KAAM,CAC7CN,GAAe,M,CAGjB,GAAIC,KAAKM,MAAO,CACdP,GAAe,Q,MACV,GAAIC,KAAKO,UAAW,CACzBR,GAAe,U,MACV,GAAIC,KAAKQ,cAAe,CAC7BT,GAAe,c,CAGjB,OAAOA,C,EAGTH,EAAAC,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOZ,KAAKF,gBACZe,SAAS,KAETH,EAAA,QAAAC,IAAA,6C,WA7CsB,G,uCCX9B,IAAMjB,YAAY,2MAClB,IAAAoB,mBAAepB,Y,ICUFqB,aAAY,W,uCACvBA,EAAAlB,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UACXN,EAAA,QAAAC,IAAA,2CAAMK,KAAK,U,WALM,G,sCCXzB,IAAMtB,YAAY,wHAClB,IAAAuB,oBAAevB,Y,ICMFwB,cAAa,W,+HAiBhBA,EAAArB,UAAAsB,kBAAA,WACNnB,KAAKoB,IAAMpB,KAAKqB,U,EAGlBH,EAAArB,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOZ,KAAKM,OAAS,QACrBgB,QAAStB,KAAKmB,kBAAkBI,KAAKvB,MACrCwB,IAAKxB,KAAKyB,OACVC,IAAK1B,KAAKoB,K,WA3BQ,G,wCCP1B,IAAM1B,UAAY,g9CAClB,IAAAiC,qBAAejC,U,ICWFkC,eAAc,W,4HAcV,K,CAIPA,EAAA/B,UAAAgC,SAAA,WACN,OAAO7B,KAAK8B,aAAe9B,KAAKyB,OAAS,E,EAG3CG,EAAA/B,UAAAkC,iBAAA,WACE,GAAI/B,KAAKgC,qBAAsB,CAC7BhC,KAAK8B,aAAe,I,GAIhBF,EAAA/B,UAAAmC,mBAAA,WACN,OAAOhC,KAAKiC,SAASC,YAAclC,KAAKiC,SAASE,W,EAG3CP,EAAA/B,UAAAC,cAAA,WACN,MAAO,CACLsC,KAAMpC,KAAKC,WAAaC,YAAYC,KACpCkC,MAAOrC,KAAKC,WAAaC,YAAYE,MACrCkC,KAAMtC,KAAKC,WAAaC,YAAYG,KACpCC,MAAON,KAAKM,M,EAIhBsB,EAAA/B,UAAAY,OAAA,eAAA8B,EAAAvC,KACE,OACEU,EAAA,UAAAC,IAAA,2CAAQC,MAAOZ,KAAKF,iBAClBY,EAAA,QAAAC,IAAA,2CAAMK,KAAK,iBACXN,EAAA,QAAAC,IAAA,2CACEC,MAAM,aACN4B,IAAK,SAACC,GAAE,OAAMF,EAAKN,SAAWQ,CAAtB,EACRC,MAAO1C,KAAK6B,YAEX7B,KAAKyB,QAERf,EAAA,QAAAC,IAAA,2CAAMK,KAAK,S,WApDQ,G","ignoreList":[]}

package/dist/esm-es5/z-myz-list-item.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-ab5f1eaa.js";import{a as handleKeyboardSubmit}from"./utils-7983d02c.js";import"./index-2255c6c8.js";import"./breakpoints-680e0e56.js";var stylesCss=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:-ms-flexbox;display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";var ZMyzListItemStyle0=stylesCss;var ZMyzListItem=function(){function t(t){registerInstance(this,t);this.zListItemLinkClick=createEvent(this,"zListItemLinkClick",7);this.zListItemClick=createEvent(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}t.prototype.emitZListItemLinkClick=function(t,i){this.zListItemLinkClick.emit({e:t,linkId:i})};t.prototype.emitZListItemClick=function(t,i){this.zListItemClick.emit({e:t,listitemid:i})};t.prototype.render=function(){var t=this;var i=this.listitemid?"link_".concat(this.listitemid):"";return h("li",{key:"de14506aedfc2f75ad3314a6491118e42c3f845b",role:"button",id:this.listitemid,"data-action":this.action,onClick:function(i){return t.emitZListItemClick(i,t.listitemid)},onKeyPress:function(i){return handleKeyboardSubmit(i,t.emitZListItemClick,t.listitemid)}},h("span",{key:"1fd3c77d35ba7c9d93235f1dee870fcccd8c9861",class:this.underlined&&"border"},this.icon&&h("z-icon",{key:"e154e814209d09377037d9df89e6c0018b6e02b3",name:this.icon}),this.link?h("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:function(e){return t.emitZListItemLinkClick(e,i)},onKeyPress:function(e){return handleKeyboardSubmit(e,t.emitZListItemLinkClick,i)},role:this.link?"link":"button",tabindex:"0"},this.text):h("span",{innerHTML:this.text}),h("slot",{key:"3c3a24c8332321e062d0d3ac864ee3c92a699ace"})))};return t}();ZMyzListItem.style=ZMyzListItemStyle0;export{ZMyzListItem as z_myz_list_item};
+//# sourceMappingURL=z-myz-list-item.entry.js.map

package/dist/esm-es5/z-myz-list-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzListItemStyle0","ZMyzListItem","hostRef","this","emitZListItemLinkClick","bind","emitZListItemClick","prototype","e","linkId","zListItemLinkClick","emit","listitemid","zListItemClick","render","_this","concat","h","key","role","id","action","onClick","onKeyPress","ev","handleKeyboardSubmit","class","underlined","icon","name","link","href","target","linktarget","tabindex","text","innerHTML"],"sources":["src/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list-item/index.tsx"],"sourcesContent":[":host li {\n  all: unset;\n  all: reset;\n  width: 100%;\n  line-height: 14px;\n  list-style-type: none;\n}\n\n:host li > span {\n  display: flex;\n  padding: calc(var(--space-unit) * 2) 0;\n  color: var(--color-default-text);\n  fill: var(--color-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.23px;\n  line-height: 14px;\n}\n\n:host(.small) li > span {\n  padding: calc(var(--space-unit) * 1.5) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n  padding: var(--space-unit) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n  padding: 0;\n}\n\n:host li > span.border {\n  border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n  color: inherit;\n  fill: inherit;\n  text-decoration: none;\n}\n\n:host li span z-icon {\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n  tag: \"z-myz-list-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzListItem {\n  /** content text */\n  @Prop()\n  text: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target (optional) */\n  @Prop()\n  linktarget?: string = \"_self\";\n\n  /** icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** id (optional) */\n  @Prop()\n  listitemid?: string;\n\n  /** data-action attribute (optional) */\n  @Prop()\n  action?: string;\n\n  /** underlined style flag */\n  @Prop()\n  underlined = true;\n\n  /** emitted on list item link click, returns linkId */\n  @Event()\n  zListItemLinkClick: EventEmitter;\n\n  private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n    this.zListItemLinkClick.emit({e, linkId});\n  }\n\n  /** emitted on list item click, returns listitemid */\n  @Event()\n  zListItemClick: EventEmitter;\n\n  private emitZListItemClick(e: MouseEvent, listitemid): void {\n    this.zListItemClick.emit({e, listitemid});\n  }\n\n  constructor() {\n    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n    this.emitZListItemClick = this.emitZListItemClick.bind(this);\n  }\n\n  render(): HTMLLIElement {\n    const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n    return (\n      <li\n        role=\"button\"\n        id={this.listitemid}\n        data-action={this.action}\n        onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n      >\n        <span class={this.underlined && \"border\"}>\n          {this.icon && <z-icon name={this.icon} />}\n          {this.link ? (\n            <a\n              href={this.link ? this.link : null}\n              target={this.linktarget}\n              id={linkId}\n              onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n              onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n              role={this.link ? \"link\" : \"button\"}\n              tabindex=\"0\"\n            >\n              {this.text}\n            </a>\n          ) : (\n            <span innerHTML={this.text}></span>\n          )}\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"],"mappings":"mMAAA,IAAMA,UAAY,0nCAClB,IAAAC,mBAAeD,U,ICOFE,aAAY,WA6CvB,SAAAA,EAAAC,G,2MAlCsB,Q,oFAgBT,KAmBXC,KAAKC,uBAAyBD,KAAKC,uBAAuBC,KAAKF,MAC/DA,KAAKG,mBAAqBH,KAAKG,mBAAmBD,KAAKF,K,CAdjDF,EAAAM,UAAAH,uBAAA,SAAuBI,EAAeC,GAC5CN,KAAKO,mBAAmBC,KAAK,CAACH,EAACA,EAAEC,OAAMA,G,EAOjCR,EAAAM,UAAAD,mBAAA,SAAmBE,EAAeI,GACxCT,KAAKU,eAAeF,KAAK,CAACH,EAACA,EAAEI,WAAUA,G,EAQzCX,EAAAM,UAAAO,OAAA,eAAAC,EAAAZ,KACE,IAAMM,EAASN,KAAKS,WAAa,QAAAI,OAAQb,KAAKS,YAAe,GAE7D,OACEK,EAAA,MAAAC,IAAA,2CACEC,KAAK,SACLC,GAAIjB,KAAKS,WAAU,cACNT,KAAKkB,OAClBC,QAAS,SAACd,GAAkB,OAAAO,EAAKT,mBAAmBE,EAAGO,EAAKH,WAAhC,EAC5BW,WAAY,SAACC,GAAsB,OAAAC,qBAAqBD,EAAIT,EAAKT,mBAAoBS,EAAKH,WAAvD,GAEnCK,EAAA,QAAAC,IAAA,2CAAMQ,MAAOvB,KAAKwB,YAAc,UAC7BxB,KAAKyB,MAAQX,EAAA,UAAAC,IAAA,2CAAQW,KAAM1B,KAAKyB,OAChCzB,KAAK2B,KACJb,EAAA,KACEc,KAAM5B,KAAK2B,KAAO3B,KAAK2B,KAAO,KAC9BE,OAAQ7B,KAAK8B,WACbb,GAAIX,EACJa,QAAS,SAACd,GAAkB,OAAAO,EAAKX,uBAAuBI,EAAGC,EAA/B,EAC5Bc,WAAY,SAACC,GAAsB,OAAAC,qBAAqBD,EAAIT,EAAKX,uBAAwBK,EAAtD,EACnCU,KAAMhB,KAAK2B,KAAO,OAAS,SAC3BI,SAAS,KAER/B,KAAKgC,MAGRlB,EAAA,QAAMmB,UAAWjC,KAAKgC,OAExBlB,EAAA,QAAAC,IAAA,8C,WA9Ee,G","ignoreList":[]}

package/dist/esm-es5/z-myz-list.entry.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var r=0,e=i.length,s;r<e;r++){if(s||!(r in i)){if(!s)s=Array.prototype.slice.call(i,0,r);s[r]=i[r]}}return t.concat(s||Array.prototype.slice.call(i))};import{r as registerInstance,h}from"./index-ab5f1eaa.js";var stylesCss="ul{padding:0;margin:0}";var ZMyzListStyle0=stylesCss;var ZMyzList=function(){function t(t){registerInstance(this,t);this.inputrawdata=undefined;this.list=undefined}t.prototype.componentWillLoad=function(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}};t.prototype.parseinputrawdata=function(t){this.list=__spreadArray([],JSON.parse(t),true)};t.prototype.oninputrawdataChange=function(t){this.parseinputrawdata(t)};t.prototype.render=function(){var t=this.list?this.list.length-1:-1;return h("ul",{key:"9cf1e909a4da9d319f437c1d5fcbc799a49e668b"},this.list&&this.list.map((function(i,n){return h("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:t!=n})})))};Object.defineProperty(t,"watchers",{get:function(){return{inputrawdata:["oninputrawdataChange"]}},enumerable:false,configurable:true});return t}();ZMyzList.style=ZMyzListStyle0;export{ZMyzList as z_myz_list};
+//# sourceMappingURL=z-myz-list.entry.js.map

package/dist/esm-es5/z-myz-list.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzListStyle0","ZMyzList","prototype","componentWillLoad","this","inputrawdata","parseinputrawdata","list","__spreadArray","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"sources":["src/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list/index.tsx"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import {Component, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n  tag: \"z-myz-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzList {\n  /** json stringified list data (mutable, optional) */\n  @Prop()\n  inputrawdata?: string;\n\n  /** list item data (mutable, optional)*/\n  @Prop({mutable: true})\n  list?: ListItem[];\n\n  componentWillLoad(): void {\n    if (this.inputrawdata) {\n      this.parseinputrawdata(this.inputrawdata);\n    }\n  }\n\n  private parseinputrawdata(inputrawdata: string): void {\n    this.list = [...JSON.parse(inputrawdata)];\n  }\n\n  @Watch(\"inputrawdata\")\n  oninputrawdataChange(newValue: string): void {\n    this.parseinputrawdata(newValue);\n  }\n\n  render(): HTMLUListElement {\n    const lastElem = this.list ? this.list.length - 1 : -1;\n\n    return (\n      <ul>\n        {this.list &&\n          this.list.map((bean, i) => (\n            <z-myz-list-item\n              listitemid={bean.listitemid}\n              text={bean.text}\n              link={bean.link}\n              linktarget={bean.linktarget}\n              icon={bean.icon}\n              underlined={lastElem != i}\n            />\n          ))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"2SAAA,IAAMA,UAAY,yBAClB,IAAAC,eAAeD,U,ICOFE,SAAQ,W,uFASnBA,EAAAC,UAAAC,kBAAA,WACE,GAAIC,KAAKC,aAAc,CACrBD,KAAKE,kBAAkBF,KAAKC,a,GAIxBJ,EAAAC,UAAAI,kBAAA,SAAkBD,GACxBD,KAAKG,KAAIC,cAAA,GAAOC,KAAKC,MAAML,GAAa,K,EAI1CJ,EAAAC,UAAAS,qBAAA,SAAqBC,GACnBR,KAAKE,kBAAkBM,E,EAGzBX,EAAAC,UAAAW,OAAA,WACE,IAAMC,EAAWV,KAAKG,KAAOH,KAAKG,KAAKQ,OAAS,GAAK,EAErD,OACEC,EAAA,MAAAC,IAAA,4CACGb,KAAKG,MACJH,KAAKG,KAAKW,KAAI,SAACC,EAAMC,GAAC,OACpBJ,EAAA,mBACEK,WAAYF,EAAKE,WACjBC,KAAMH,EAAKG,KACXC,KAAMJ,EAAKI,KACXC,WAAYL,EAAKK,WACjBC,KAAMN,EAAKM,KACXC,WAAYZ,GAAYM,GAPN,I,kJA9BX,G","ignoreList":[]}