@zanichelli/albe-web-components 14.5.3-rc7 → 14.6.0

package/dist/web-components-library/p-3985e76a.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardDictionaryStyle0","ZMyzCardDictionary","exports","class_1","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":"wMAAA,IAAMA,EAAY,2iDAClB,IAAAC,EAAeD,E,ICWFE,EAAkBC,EAAA,mC,wHAWlB,M,aAID,M,qBAIQ,O,iBAIJ,K,CAGdC,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,EAAcC,UACvBC,KAAK,oBACLC,KAAMC,EAAWC,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,I","ignoreList":[]}

package/dist/web-components-library/p-3afa342c.entry.js

@@ -0,0 +1,2 @@
+import{r,h as t,a}from"./p-cc3c02fe.js";const e=':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%)}}';const o=e;const n=class{constructor(t){r(this,t)}render(){return t(a,{key:"dbc7747f3cf3b0578212c4d86f28410d40826cdc"})}};n.style=o;export{n as z_ghost_loading};
+//# sourceMappingURL=p-3afa342c.entry.js.map

package/dist/web-components-library/p-3afa342c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZGhostLoadingStyle0","ZGhostLoading","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":"wCAAA,MAAMA,EAAY,4iCAClB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C","ignoreList":[]}

package/dist/web-components-library/p-3b03ec76.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,a as o,g as r}from"./p-cc3c02fe.js";import{M as a,Q as i}from"./p-025f494e.js";const n=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{-webkit-box-sizing:border-box;box-sizing:border-box}:host .main-container{position:relative;width:100%;-ms-flex-align:baseline;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';const s=n;const c=class{constructor(t){e(this,t);this.variant=a.OVERLAY;this.contentPosition=i.TOP;this.preserveAspectRatio=true}onImgLoad({target:e}){if(e instanceof Image&&e.closest("[slot=cover]")){const t=e.naturalWidth/e.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",t.toString())}}renderContent(){return t("div",{class:"content-container"},t("slot",{name:"content"}))}render(){return t(o,{key:"782c8ef237b2744069752392ab29176ae65bf798"},this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),t("div",{key:"97f1b49350218a75b19946a46190c63c15f70058",class:"main-container"},t("div",{key:"2dc3210d8807b998ad1823bb2776d59a762f15dd",class:"cover-container"},t("slot",{key:"2ab5b85aa02c25ee81ecafb3db91e0e57df549b3",name:"cover"})),t("slot",{key:"a77f81fef651d1aae577079c4918cb26fb9af328",name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};c.style=s;export{c as z_cover_hero};
+//# sourceMappingURL=p-3b03ec76.entry.js.map

package/dist/web-components-library/p-3b03ec76.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCoverHeroStyle0","ZCoverHero","CoverHeroVariant","OVERLAY","CoverHeroContentPosition","TOP","onImgLoad","target","Image","closest","ratio","naturalWidth","naturalHeight","this","host","style","setProperty","toString","renderContent","h","class","name","render","Host","key","variant","STACKED","contentPosition","BOTTOM"],"sources":["src/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","src/components/z-cover-hero/index.tsx"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-default-text);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import {Component, Element, Host, Listen, Prop, h} from \"@stencil/core\";\nimport {CoverHeroContentPosition, CoverHeroVariant} from \"../../beans\";\n\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\n@Component({\n  tag: \"z-cover-hero\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCoverHero {\n  @Element() host: HTMLZCoverHeroElement;\n\n  /**\n   * Cover hero variant. Can be `OVERLAY` or `STACKED`.\n   */\n  @Prop({reflect: true})\n  variant: CoverHeroVariant = CoverHeroVariant.OVERLAY;\n\n  /**\n   * Vertical content position (for `STACKED` variant).\n   */\n  @Prop({reflect: true})\n  contentPosition: CoverHeroContentPosition = CoverHeroContentPosition.TOP;\n\n  /**\n   * Whether to keep the image aspect ratio.\n   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\n   * instead, the height of the component follows the content's one.\n   * Note: it may be necessary to set a min and/or max height to the component.\n   */\n  @Prop({reflect: true})\n  preserveAspectRatio = true;\n\n  /**\n   * Store the intrinsic aspect ratio of the slotted image when loaded,\n   * to have a default when `--cover-hero-aspect-ratio` is not set.\n   * @param target The event target\n   */\n  @Listen(\"load\", {capture: true})\n  protected onImgLoad({target}: Event): void {\n    if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n      const ratio = target.naturalWidth / target.naturalHeight;\n      this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n    }\n  }\n\n  /**\n   * Template for the content.\n   */\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"content-container\">\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n\n  render(): HTMLZCoverHeroElement {\n    return (\n      <Host>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.TOP &&\n          this.renderContent()}\n        <div class=\"main-container\">\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <slot name=\"info-reveal\"></slot>\n          {this.variant === CoverHeroVariant.OVERLAY && this.renderContent()}\n        </div>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n          this.renderContent()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,quDAClB,MAAAC,EAAeD,E,MCkBFE,EAAU,M,sCAOOC,EAAiBC,Q,qBAMDC,EAAyBC,I,yBAS/C,I,CAQZ,SAAAC,EAAUC,OAACA,IACnB,GAAIA,aAAkBC,OAASD,EAAOE,QAAQ,gBAAiB,CAC7D,MAAMC,EAAQH,EAAOI,aAAeJ,EAAOK,cAC3CC,KAAKC,KAAKC,MAAMC,YAAY,uBAAwBN,EAAMO,W,EAOtD,aAAAC,GACN,OACEC,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAME,KAAK,Y,CAKjB,MAAAC,GACE,OACEH,EAACI,EAAI,CAAAC,IAAA,4CACFX,KAAKY,UAAYvB,EAAiBwB,SACjCb,KAAKc,kBAAoBvB,EAAyBC,KAClDQ,KAAKK,gBACPC,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,kBACTD,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,mBACTD,EAAA,QAAAK,IAAA,2CAAMH,KAAK,WAEbF,EAAA,QAAAK,IAAA,2CAAMH,KAAK,gBACVR,KAAKY,UAAYvB,EAAiBC,SAAWU,KAAKK,iBAEpDL,KAAKY,UAAYvB,EAAiBwB,SACjCb,KAAKc,kBAAoBvB,EAAyBwB,QAClDf,KAAKK,gB","ignoreList":[]}

package/dist/web-components-library/p-3d6a39ba.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,s,i){function n(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,r){function c(e){try{a(i.next(e))}catch(e){r(e)}}function l(e){try{a(i["throw"](e))}catch(e){r(e)}}function a(e){e.done?s(e.value):n(e.value).then(c,l)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,c;return c={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function l(e){return function(t){return a([e,t])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(c&&(c=0,l[0]&&(s=0)),s)try{if(i=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:s.label++;return{value:l[1],done:false};case 5:s.label++;n=l[1];l=[0];continue;case 7:l=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){s=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){s.label=l[1];break}if(l[0]===6&&s.label<r[1]){s.label=r[1];r=l;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(l);break}if(r[2])s.ops.pop();s.trys.pop();continue}l=t.call(e,s)}catch(e){l=[6,e];n=0}finally{i=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-1fe56b25.system.js","./p-ad6b3f77.system.js"],(function(e){"use strict";var t,s,i,n,r,c,l,a,o,u,h,f,p;return{setters:[function(e){t=e.r;s=e.c;i=e.h;n=e.g},function(e){r=e.e;c=e.g;l=e.l;a=e.i},function(e){o=e.r;u=e.b;h=e.d;f=e.a;p=e.e},function(){}],execute:function(){var d='.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}';var z=d;var v=e("z_select",function(){function e(e){t(this,e);this.optionSelect=s(this,"optionSelect",7);this.resetSelect=s(this,"resetSelect",7);this.itemsList=[];this.htmlid="id-".concat(o());this.items=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.disabled=false;this.readonly=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.hasGroupItems=undefined;this.isfixed=false;this.resetItem=undefined;this.size=r.BIG;this.isOpen=false;this.selectedItem=null;this.focusedItemId=undefined;this.searchString=undefined;this.toggleSelectUl=this.toggleSelectUl.bind(this);this.selectItem=this.selectItem.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}e.prototype.watchItems=function(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.itemsList.find((function(e){return e.selected}))};e.prototype.getFocusedItemHandler=function(e){this.focusedItemId=e.target.id};e.prototype.getSelectedItem=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.selectedItem]}))}))};e.prototype.getValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.getSelectedValue()]}))}))};e.prototype.setValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.selectedItem=this.itemsList.find((function(e){return t.includes(e.id)}));return[2]}))}))};e.prototype.emitOptionSelect=function(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})};e.prototype.emitResetSelect=function(){this.resetSelect.emit({id:this.htmlid})};e.prototype.componentWillLoad=function(){this.watchItems()};e.prototype.componentWillRender=function(){this.filterItems(this.searchString)};e.prototype.getInitialItemsArray=function(){return typeof this.items==="string"?JSON.parse(this.items):this.items};e.prototype.mapSelectedItemToItemsArray=function(){var e=this;var t=this.getInitialItemsArray();return t.map((function(t){var s;t.selected=t.id===((s=e.selectedItem)===null||s===void 0?void 0:s.id);return t}))};e.prototype.getSelectedValue=function(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id};e.prototype.filterItems=function(e){var t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t}else{this.itemsList=t.filter((function(t){return t.name.toUpperCase().includes(e.toUpperCase())})).map((function(t){var s=t.name.toUpperCase().indexOf(e.toUpperCase());var i=s+e.length;var n=t.name.substring(0,s)+"<strong>".concat(t.name.substring(s,i),"</strong>")+t.name.substring(i,t.name.length);t.name=n;return t}))}};e.prototype.hasAutocomplete=function(){return u(this.autocomplete)===true};e.prototype.handleInputChange=function(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}};e.prototype.selectItem=function(e,t){if(e&&e.disabled){return}this.itemsList=this.mapSelectedItemToItemsArray();this.itemsList=this.itemsList.map((function(s){s.selected=false;if(s.id===(e===null||e===void 0?void 0:e.id)){s.selected=t}return s}));this.selectedItem=this.itemsList.find((function(e){return e.selected}));this.emitOptionSelect();if(this.searchString){this.searchString=null}};e.prototype.arrowsSelectNav=function(e,t){var s=this.resetItem&&!!this.selectedItem;var i=[c.ARROW_DOWN,c.ARROW_UP];if(!i.includes(e.key)){return}e.preventDefault();e.stopPropagation();if(!this.isOpen){this.toggleSelectUl()}var n;if(this.resetItem){if(e.key===c.ARROW_DOWN){n=t+1===this.itemsList.length+1?+!s:t+1}else if(e.key===c.ARROW_UP){n=t<=+!s?this.itemsList.length:t-1}}if(!this.resetItem){if(e.key===c.ARROW_DOWN){n=t+1===this.itemsList.length?0:t+1}else if(e.key===c.ARROW_UP){n=t<=0?this.itemsList.length-1:t-1}}this.focusSelectItem(n)};e.prototype.focusSelectItem=function(e){var t=this.element.querySelector("#".concat(this.htmlid,"_").concat(e));if(t){t.focus()}};e.prototype.toggleSelectUl=function(e){if(e===void 0){e=false}if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){this.element.querySelector("#".concat(this.htmlid,"_input")).focus()}}this.focusedItemId="";this.isOpen=!this.isOpen};e.prototype.handleInputClick=function(e){var t=e.composedPath();var s=t.find((function(e){return e.classList&&e.classList.contains("reset-icon")}));if(s){e.stopPropagation();return}this.toggleSelectUl()};e.prototype.handleSelectFocus=function(e){var t=this;if(e instanceof KeyboardEvent&&e.key===c.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&e.key!==c.TAB&&e.key!==c.ENTER){return}var s=h(p());var i=s.find((function(e){return e.nodeName.toLowerCase()==="z-input"&&e.id==="".concat(t.htmlid,"_input")}));if(!i){this.toggleSelectUl(e instanceof MouseEvent?true:false)}};e.prototype.scrollToLetter=function(e){var t=this.itemsList.find((function(t){return t.name.charAt(0)===e}));if(t){this.focusSelectItem(this.itemsList.indexOf(t))}};e.prototype.renderInput=function(){var e=this;return i("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:"".concat(this.htmlid,"_input"),htmlid:"".concat(this.htmlid,"_select_input"),placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-expanded":this.isOpen?"true":"false","aria-label":this.ariaLabel,"aria-controls":"".concat(this.htmlid,"_list"),"aria-autocomplete":this.hasAutocomplete()?"list":"none","aria-activedescendant":this.isOpen?this.focusedItemId:"",icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:false,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?undefined:this.status,role:"combobox",size:this.size,onClick:function(t){e.handleInputClick(t)},onKeyUp:function(t){if(t.keyCode!==13){t.preventDefault()}f(t,e.toggleSelectUl)},onKeyDown:function(t){return e.arrowsSelectNav(t,e.selectedItem?e.itemsList.indexOf(e.selectedItem):e.resetItem?0:-1)},onInputChange:function(t){e.handleInputChange(t)},onKeyPress:function(t){if(!e.hasAutocomplete()){t.preventDefault();e.scrollToLetter(String.fromCharCode(t.keyCode))}}})};e.prototype.renderSelectUl=function(){var e;return i("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},i("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed},tabindex:"-1"},i("z-list",{role:"listbox","aria-label":this.ariaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:"".concat(this.htmlid,"_list"),"aria-multiselectable":false,size:this.listSizeType(),class:(e={disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem},e["input-".concat(this.status)]=!this.isOpen&&!!this.status,e)},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))};e.prototype.renderResetItem=function(){var e=this;return i("z-list-element",{class:{hide:!this.selectedItem||!this.resetItem,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:l.ELEMENT,role:"option",tabindex:"0","aria-selected":"false",id:"".concat(this.htmlid,"_").concat(this.resetItem?"0":"none"),size:this.listSizeType(),onClickItem:function(){e.selectedItem=null;e.searchString=null;e.emitResetSelect()},onKeyDown:function(t){return e.arrowsSelectNav(t,0)}},i("div",{class:"reset-item-content"},i("z-icon",{name:"multiply-circled"}),i("span",null,this.resetItem)))};e.prototype.renderItem=function(e,t,s){var n=this;return i("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:s?l.HEADER:l.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":e.selected?"true":"false",id:"".concat(this.htmlid,"_").concat(t),size:this.listSizeType(),onClickItem:function(){return n.selectItem(e,true)},onKeyDown:function(e){return n.arrowsSelectNav(e,t)}},i("div",{class:"list-element-container"},e.icon&&i("z-icon",{name:e.icon}),i("span",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name})))};e.prototype.listSizeType=function(){if(this.size===r.SMALL||this.size===r.X_SMALL){return a.SMALL}return a.MEDIUM};e.prototype.renderSelectUlItems=function(){var e=this;if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems){return this.renderSelectGroupItems()}return this.itemsList.map((function(t,s,i){var n=i.length===s+1;var r=e.resetItem?s+1:s;return e.renderItem(t,r,n)}))};e.prototype.renderSelectGroupItems=function(){var e=this;var t=this.itemsList.reduce((function(t,s,i,n){var r;var c=s.category;var l=n.length===i+1;var a=e.resetItem?i+1:i;var o=e.renderItem(s,a,l);t[c]=(r=t[c])!==null&&r!==void 0?r:[];t[c].push(o);return t}),{});return Object.entries(t).map((function(e){var t=e[0],s=e[1];return i("z-list-group",{"divider-type":l.ELEMENT},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),s.map((function(e){return e})))}))};e.prototype.renderNoSearchResults=function(){return i("z-list-element",{color:"blue500",class:"no-results",size:this.listSizeType()},i("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)};e.prototype.renderMessage=function(){if(u(this.message)===false){return}return i("z-input-message",{message:u(this.message)===true?undefined:this.message,status:this.status,class:this.size})};e.prototype.render=function(){return i("div",{key:"9746ad38f69cb9f568cd1ef2e36937ae0f13bfed",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{items:["watchItems"]}},enumerable:false,configurable:true});return e}());v.style=z}}}));
+//# sourceMappingURL=p-3d6a39ba.system.entry.js.map

package/dist/web-components-library/p-3d6a39ba.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSelectStyle0","ZSelect","exports","class_1","hostRef","this","itemsList","concat","randomId","ControlSize","BIG","toggleSelectUl","bind","selectItem","handleSelectFocus","prototype","watchItems","getInitialItemsArray","selectedItem","find","item","selected","getFocusedItemHandler","e","focusedItemId","target","id","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","includes","emitOptionSelect","optionSelect","emit","htmlid","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","items","JSON","parse","mapSelectedItemToItemsArray","_this","initialItemsList","map","_a","prevList","length","filter","name","toUpperCase","start","indexOf","end","newName","substring","hasAutocomplete","boolean","autocomplete","handleInputChange","detail","isOpen","disabled","i","arrowsSelectNav","key","showResetIcon","resetItem","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","preventDefault","stopPropagation","index","focusSelectItem","focusElem","element","querySelector","focus","selfFocusOnClose","readonly","document","addEventListener","removeEventListener","handleInputClick","cp","composedPath","clearIcon","classList","contains","KeyboardEvent","ESC","TAB","ENTER","tree","getElementTree","getClickedElement","parent","elem","nodeName","toLowerCase","MouseEvent","scrollToLetter","letter","foundItem","charAt","renderInput","h","class","placeholder","replace","label","ariaLabel","icon","hasclearicon","message","status","undefined","role","size","onClick","onKeyUp","keyCode","handleKeyboardSubmit","onKeyDown","onInputChange","onKeyPress","String","fromCharCode","renderSelectUl","tabindex","fixed","isfixed","listSizeType","_b","filled","renderResetItem","renderSelectUlItems","hide","hasGroupItems","clickable","dividerType","ListDividerType","ELEMENT","onClickItem","renderItem","lastItem","HEADER","innerHTML","SMALL","X_SMALL","ListSize","MEDIUM","renderNoSearchResults","renderSelectGroupItems","array","itemKey","newData","reduce","group","category","zListItem","Object","entries","slot","color","fill","noresultslabel","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n  font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n  width: 100%;\n}\n\n.select-wrapper > div {\n  position: relative;\n}\n\n.select-wrapper > div.closed {\n  overflow: hidden;\n  height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n  position: absolute;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: none;\n  background: var(--color-surface01);\n  outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n  z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n  z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n  position: static;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n  position: relative;\n  overflow: auto;\n  max-height: 240px;\n  padding: calc(var(--space-unit) * 0.5);\n  outline: none;\n\n  /* Firefox scrollbar */\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n  display: flex;\n  align-items: center;\n  padding-left: calc(var(--space-unit) * 1.5);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n  display: block;\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n  display: block;\n  padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  .list-element-content {\n  padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n  .select-wrapper\n  .ul-scroll-wrapper\n  z-list\n  z-list-element\n  .list-element-container\n  > z-icon\n  + .list-element-content {\n  padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n  font-weight: bold;\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n  margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n  color: var(--gray800);\n}\n\n.reset-item {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\n.reset-item-content {\n  display: flex;\n  align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n  margin-left: calc(var(--space-unit));\n}\n\n.reset-item .reset-item-content > z-icon {\n  margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n  display: none;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, getClickedElement, getElementTree, handleKeyboardSubmit, randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-select\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSelect {\n  @Element() element: HTMLZSelectElement;\n\n  /** the id of the input element */\n  @Prop()\n  htmlid = `id-${randomId()}`;\n\n  /** the input select options */\n  @Prop()\n  items: SelectItem[] | string;\n\n  /** the input name */\n  @Prop()\n  name?: string;\n\n  /** the input label */\n  @Prop()\n  label?: string;\n\n  /** the input aria-label */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** the input is disabled */\n  @Prop()\n  disabled?: boolean = false;\n\n  /** the input is readonly */\n  @Prop()\n  readonly?: boolean = false;\n\n  /** the input placeholder (optional) */\n  @Prop()\n  placeholder?: string;\n\n  /** the input html title (optional) */\n  @Prop()\n  htmltitle?: string;\n\n  /** the input status (optional) */\n  @Prop()\n  status?: InputStatus;\n\n  /** input helper message (optional) - if set to `false` message won't be displayed */\n  @Prop()\n  message?: string | boolean = true;\n\n  /** the input has autocomplete option */\n  @Prop()\n  autocomplete?: boolean = false;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** */\n  @Prop()\n  hasGroupItems?: boolean;\n\n  /** When fixed, it occupies space and pushes down next elements. */\n  @Prop()\n  isfixed?: boolean = false;\n\n  /** */\n  @Prop()\n  resetItem?: string;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  selectedItem: null | SelectItem = null;\n\n  @State()\n  focusedItemId: string;\n\n  @State()\n  searchString: null | string;\n\n  private itemsList: SelectItem[] = [];\n\n  constructor() {\n    this.toggleSelectUl = this.toggleSelectUl.bind(this);\n    this.selectItem = this.selectItem.bind(this);\n    this.handleSelectFocus = this.handleSelectFocus.bind(this);\n  }\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = this.getInitialItemsArray();\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n  }\n\n  @Listen(\"ariaDescendantFocus\")\n  getFocusedItemHandler(e: CustomEvent): void {\n    this.focusedItemId = (e.target as Element).id;\n  }\n\n  /** get the input selected options */\n  @Method()\n  async getSelectedItem(): Promise<SelectItem> {\n    return this.selectedItem;\n  }\n\n  /** get the input value */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.getSelectedValue();\n  }\n\n  /** set the input value */\n  @Method()\n  async setValue(value: string | string[]): Promise<void> {\n    let values: string[] = [];\n    if (typeof value === \"string\") {\n      values.push(value);\n    } else {\n      values = value;\n    }\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n  }\n\n  /** Emitted on select option selection, returns select id, selected item id */\n  @Event()\n  optionSelect: EventEmitter;\n\n  private emitOptionSelect(): void {\n    this.optionSelect.emit({\n      id: this.htmlid,\n      selected: this.getSelectedValue(),\n    });\n  }\n\n  /** Emitted on reset selected item, returns select id, selected item id */\n  @Event()\n  resetSelect: EventEmitter;\n\n  private emitResetSelect(): void {\n    this.resetSelect.emit({\n      id: this.htmlid,\n    });\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.filterItems(this.searchString);\n  }\n\n  private getInitialItemsArray(): SelectItem[] {\n    return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n  }\n\n  private mapSelectedItemToItemsArray(): SelectItem[] {\n    const initialItemsList = this.getInitialItemsArray();\n\n    return initialItemsList.map((item: SelectItem) => {\n      item.selected = item.id === this.selectedItem?.id;\n\n      return item;\n    });\n  }\n\n  private getSelectedValue(): string {\n    return this.selectedItem?.id;\n  }\n\n  private filterItems(searchString: string): void {\n    const prevList = this.mapSelectedItemToItemsArray();\n    if (!searchString?.length) {\n      this.itemsList = prevList;\n    } else {\n      this.itemsList = prevList\n        .filter((item: SelectItem) => {\n          return item.name.toUpperCase().includes(searchString.toUpperCase());\n        })\n        .map((item: SelectItem) => {\n          const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n          const end = start + searchString.length;\n          const newName =\n            item.name.substring(0, start) +\n            `<strong>${item.name.substring(start, end)}</strong>` +\n            item.name.substring(end, item.name.length);\n          item.name = newName;\n\n          return item;\n        });\n    }\n  }\n\n  private hasAutocomplete(): boolean {\n    return boolean(this.autocomplete) === true;\n  }\n\n  private handleInputChange(e: CustomEvent): void {\n    this.searchString = e.detail.value;\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n  }\n\n  private selectItem(item: null | SelectItem, selected: boolean): void {\n    if (item && item.disabled) {\n      return;\n    }\n\n    this.itemsList = this.mapSelectedItemToItemsArray();\n    this.itemsList = this.itemsList.map((i: SelectItem) => {\n      i.selected = false;\n      if (i.id === item?.id) {\n        i.selected = selected;\n      }\n\n      return i;\n    });\n\n    this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n    this.emitOptionSelect();\n\n    if (this.searchString) {\n      this.searchString = null;\n    }\n  }\n\n  private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n    const showResetIcon = this.resetItem && !!this.selectedItem;\n    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n    if (!arrows.includes(e.key as KeyboardCode)) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.isOpen) {\n      this.toggleSelectUl();\n    }\n\n    let index: number;\n\n    if (this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n      }\n    }\n\n    if (!this.resetItem) {\n      if (e.key === KeyboardCode.ARROW_DOWN) {\n        index = key + 1 === this.itemsList.length ? 0 : key + 1;\n      } else if (e.key === KeyboardCode.ARROW_UP) {\n        index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n      }\n    }\n\n    this.focusSelectItem(index);\n  }\n\n  private focusSelectItem(index: number): void {\n    const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n    if (focusElem) {\n      focusElem.focus();\n    }\n  }\n\n  private toggleSelectUl(selfFocusOnClose = false): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      document.addEventListener(\"click\", this.handleSelectFocus);\n      document.addEventListener(\"keyup\", this.handleSelectFocus);\n    } else {\n      document.removeEventListener(\"click\", this.handleSelectFocus);\n      document.removeEventListener(\"keyup\", this.handleSelectFocus);\n      if (selfFocusOnClose) {\n        (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n      }\n    }\n\n    this.focusedItemId = \"\";\n    this.isOpen = !this.isOpen;\n  }\n\n  private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n    const cp = e.composedPath();\n    const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n    if (clearIcon) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    this.toggleSelectUl();\n  }\n\n  private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n    if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n      e.stopPropagation();\n\n      return this.toggleSelectUl(true);\n    }\n\n    if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n      return;\n    }\n\n    const tree = getElementTree(getClickedElement());\n    const parent = tree.find((elem: HTMLElement) => {\n      return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n    });\n\n    if (!parent) {\n      this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n    }\n  }\n\n  private scrollToLetter(letter: string): void {\n    const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n    if (foundItem) {\n      this.focusSelectItem(this.itemsList.indexOf(foundItem));\n    }\n  }\n\n  private renderInput(): HTMLZInputElement {\n    return (\n      <z-input\n        class={{\n          \"active-select\": this.isOpen,\n          \"cursor-select\": !this.autocomplete,\n        }}\n        id={`${this.htmlid}_input`}\n        htmlid={`${this.htmlid}_select_input`}\n        placeholder={this.placeholder}\n        value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n        label={this.label}\n        aria-expanded={this.isOpen ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        aria-controls={`${this.htmlid}_list`}\n        aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n        aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n        icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n        hasclearicon={this.hasAutocomplete()}\n        message={false}\n        disabled={this.disabled}\n        readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n        status={this.isOpen ? undefined : this.status}\n        role=\"combobox\"\n        size={this.size}\n        onClick={(e: MouseEvent) => {\n          this.handleInputClick(e);\n        }}\n        onKeyUp={(e: KeyboardEvent) => {\n          if (e.keyCode !== 13) {\n            e.preventDefault();\n          }\n          handleKeyboardSubmit(e, this.toggleSelectUl);\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          return this.arrowsSelectNav(\n            e,\n            this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n          );\n        }}\n        onInputChange={(e: CustomEvent) => {\n          this.handleInputChange(e);\n        }}\n        onKeyPress={(e: KeyboardEvent) => {\n          if (!this.hasAutocomplete()) {\n            e.preventDefault();\n            this.scrollToLetter(String.fromCharCode(e.keyCode));\n          }\n        }}\n      />\n    );\n  }\n\n  private renderSelectUl(): HTMLDivElement {\n    return (\n      <div\n        class={this.isOpen ? \"open\" : \"closed\"}\n        tabindex=\"-1\"\n      >\n        <div\n          class={{\n            \"ul-scroll-wrapper\": true,\n            \"fixed\": this.isfixed,\n          }}\n          tabindex=\"-1\"\n        >\n          <z-list\n            role=\"listbox\"\n            aria-label={this.ariaLabel || this.label}\n            tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n            id={`${this.htmlid}_list`}\n            aria-multiselectable={false}\n            size={this.listSizeType()}\n            class={{\n              disabled: this.disabled,\n              readonly: this.readonly,\n              filled: !!this.selectedItem,\n              [`input-${this.status}`]: !this.isOpen && !!this.status,\n            }}\n          >\n            {this.resetItem && this.renderResetItem()}\n            {this.renderSelectUlItems()}\n          </z-list>\n        </div>\n      </div>\n    );\n  }\n\n  private renderResetItem(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        class={{\n          \"hide\": !this.selectedItem || !this.resetItem,\n          \"reset-item\": true,\n          \"reset-item-margin\": !this.hasGroupItems,\n        }}\n        clickable={true}\n        disabled={false}\n        dividerType={ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected=\"false\"\n        id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n        size={this.listSizeType()}\n        onClickItem={() => {\n          this.selectedItem = null;\n          this.searchString = null;\n          this.emitResetSelect();\n        }}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n      >\n        <div class=\"reset-item-content\">\n          <z-icon name=\"multiply-circled\" />\n          <span>{this.resetItem}</span>\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n    return (\n      <z-list-element\n        clickable={!item.disabled}\n        disabled={item.disabled}\n        dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n        role=\"option\"\n        tabindex={item.disabled || !this.isOpen ? -1 : 0}\n        aria-selected={item.selected ? \"true\" : \"false\"}\n        id={`${this.htmlid}_${key}`}\n        size={this.listSizeType()}\n        onClickItem={() => this.selectItem(item, true)}\n        onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n      >\n        <div class=\"list-element-container\">\n          {item.icon && <z-icon name={item.icon} />}\n          <span\n            class={{\n              \"selected\": !!item.selected,\n              \"list-element-content\": true,\n            }}\n            innerHTML={item.name}\n          />\n        </div>\n      </z-list-element>\n    );\n  }\n\n  private listSizeType(): ListSize {\n    if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n      return ListSize.SMALL;\n    }\n\n    return ListSize.MEDIUM;\n  }\n\n  private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    if (!this.itemsList.length) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasGroupItems) {\n      return this.renderSelectGroupItems();\n    }\n\n    return this.itemsList.map((item: SelectItem, key, array) => {\n      const lastItem = array.length === key + 1;\n      const itemKey = this.resetItem ? key + 1 : key;\n\n      return this.renderItem(item, itemKey, lastItem);\n    });\n  }\n\n  private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n    const newData = this.itemsList.reduce((group, item, index, array) => {\n      const {category} = item;\n      const lastItem = array.length === index + 1;\n      const itemKey = this.resetItem ? index + 1 : index;\n      const zListItem = this.renderItem(item, itemKey, lastItem);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n  }\n\n  private renderNoSearchResults(): HTMLZListElementElement {\n    return (\n      <z-list-element\n        color=\"blue500\"\n        class=\"no-results\"\n        size={this.listSizeType()}\n      >\n        <z-icon\n          name=\"multiply-circle\"\n          fill=\"blue500\"\n        />\n        {this.noresultslabel}\n      </z-list-element>\n    );\n  }\n\n  private renderMessage(): HTMLZInputMessageElement {\n    if (boolean(this.message) === false) {\n      return;\n    }\n\n    return (\n      <z-input-message\n        message={boolean(this.message) === true ? undefined : (this.message as string)}\n        status={this.status}\n        class={this.size}\n      />\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class=\"select-wrapper\">\n        {this.renderInput()}\n        {this.renderSelectUl()}\n        {this.renderMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/p-3e13bb4d.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-02f7fe6b.system.js","./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";return{setters:[function(s){t("z_th",s.Z)},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-3e13bb4d.system.entry.js.map

package/dist/web-components-library/p-43905ef3.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e}from"./p-cc3c02fe.js";const r=":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}";const t=r;const a=class{constructor(e){o(this,e)}render(){return e("div",{key:"c293773e2f737912b63345f9524e03a374f0c536"},e("footer",{key:"1a8148b580eef438c1a68d5a134bf3b224846946"},e("div",{key:"49863a18b930dcd3edb2a049c9e77c858be1dc76",class:"top"},e("slot",{key:"00bdadaa655b1018e42ed72fefd4d21b1a0529fb",name:"top"})),e("div",{key:"24e4dfb5e2eaac5ef6c61dd2303e9cd9e8832b68",class:"bottom"},e("slot",{key:"b8791e5c065a9ce4b4701444c137295123f99d3d",name:"bottom"}))))}};a.style=t;export{a as z_myz_card_footer_sections};
+//# sourceMappingURL=p-43905ef3.entry.js.map

package/dist/web-components-library/p-43905ef3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterSectionsStyle0","ZMyzCardFooterSections","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":"2CAAA,MAAMA,EAAY,8cAClB,MAAAC,EAAeD,E,MCUFE,EAAsB,M,yBACjC,MAAAC,GACE,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","ignoreList":[]}

package/dist/web-components-library/p-47a6173f.system.entry.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var a=0,o=i.length,e;a<o;a++){if(e||!(a in i)){if(!e)e=Array.prototype.slice.call(i,0,a);e[a]=i[a]}}return t.concat(e||Array.prototype.slice.call(i))};System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(t){"use strict";var i,n,a,o,e,s;return{setters:[function(t){i=t.r;n=t.c;a=t.h;o=t.a;e=t.g},function(t){s=t.I}],execute:function(){var r="z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-flow:column wrap;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{-webkit-box-sizing:border-box;box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:-ms-flexbox;display:flex;max-width:100%;height:48px;-ms-flex-align:center;align-items:center}z-pagination .pagination-bar button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;margin:0;background-color:var(--color-surface03);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;-webkit-transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-hover-surface);-webkit-box-shadow:inset var(--shadow-focus-primary);box-shadow:inset var(--shadow-focus-primary);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{background-color:var(--color-disabled01);color:var(--color-disabled03);cursor:default;pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:-ms-flexbox;display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button:focus-visible{border-bottom-color:var(--color-hover-light)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}z-pagination .go-to-page .inputs{display:-ms-flexbox;display:flex;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}z-pagination .mobile-go-to-page{display:-ms-flexbox;display:flex;height:100%;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-surface03)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";var l=r;var p=t("z_pagination",function(){function t(t){i(this,t);this.pageChanged=n(this,"pageChanged",7);this.label=undefined;this.navArrows=true;this.totalPages=undefined;this.skip=0;this.edges=false;this.split=undefined;this.visiblePages=undefined;this.currentPage=1;this.goToPage=undefined;this._visiblePages=this.visiblePages;this.isMobile=false;this.goToPageValue=null}t.prototype.setPagesContainerWidth=function(){if(!this._visiblePages||this.split){this.host.style.setProperty("--z-pagination--pages-container-max-width","100%");return}var t=window.getComputedStyle(this.host);var i=t.getPropertyValue("--z-pagination--page-button-width");this.host.style.setProperty("--z-pagination--pages-container-max-width","calc(".concat(i," * ").concat(this._visiblePages,")"))};t.prototype.setVisiblePages=function(){this._visiblePages=Math.min(this.visiblePages||this.totalPages,this.totalPages)};t.prototype.onPageChanged=function(){this.pageChanged.emit(this.currentPage);this.scrollToPage()};t.prototype.onSplitChanged=function(){if(this.split){this.edges=false}};t.prototype.onResize=function(){this.setMobile()};t.prototype.setMobile=function(){var t="screen and (max-width: 767px)";this.isMobile=window.matchMedia(t).matches};t.prototype.getPagesChunks=function(){var t=Array.from({length:this.totalPages},(function(t,i){return i+1}));var i=[];var n=Math.ceil(t.length/this._visiblePages);for(var a=0;a<n;a++){i.push(t.slice(a*this._visiblePages,(a+1)*this._visiblePages))}return i};t.prototype.scrollToPage=function(){var t=this.host.querySelector('[data-page="'.concat(this.currentPage,'"]'));if(!t){return}t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})};t.prototype.selectPage=function(t){this.currentPage=Math.min(Math.max(t,1),this.totalPages)};t.prototype.renderPage=function(t){var i=this;return a("button",{class:"page-button",type:"button","aria-current":this.currentPage===t?"page":"false",title:"Vai alla pagina ".concat(t),"data-page":t,"data-current":this.currentPage===t,onClick:function(){return i.selectPage(t)}},t)};t.prototype.renderEllipsisButton=function(t){var i=this;return a("button",{class:"ellipsis-button",type:"button",title:"Vai alla pagina ".concat(t),onClick:function(){return i.selectPage(t)}},"…")};t.prototype.renderPages=function(){var t=this;var i=this.getPagesChunks();if(i.length<=0){return}return i.map((function(i){return a("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))};t.prototype.renderSplitPages=function(){var t=this;if(this.totalPages<=this.split*2+5){return Array.from({length:this.totalPages},(function(i,n){return t.renderPage(n+1)}))}if(this.currentPage<=this.split*2+2){return __spreadArray(__spreadArray([],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(n+1)})),true),[this.renderEllipsisButton(this.split*2+4),this.renderPage(this.totalPages)],false)}if(this.currentPage>this.split*2+2&&this.currentPage<this.totalPages-this.split*2-1){return __spreadArray(__spreadArray([this.renderPage(1),this.renderEllipsisButton(this.currentPage-this.split-1)],Array.from({length:this.split*2+1},(function(i,n){return t.renderPage(t.currentPage-t.split+n)})),true),[this.renderEllipsisButton(this.currentPage+this.split+1),this.renderPage(this.totalPages)],false)}return __spreadArray([this.renderPage(1),this.renderEllipsisButton(this.totalPages-this.split*2-3)],Array.from({length:this.split*2+3},(function(i,n){return t.renderPage(t.totalPages-t.split*2-2+n)})),true)};t.prototype.renderBackButton=function(){var t=this;return a("button",{class:"navigation-button",type:"button",title:"Vai alla pagina precedente",disabled:this.currentPage===1,onClick:function(){return t.selectPage(t.currentPage-1)}},a("z-icon",{name:"chevron-left"}))};t.prototype.renderForwardButton=function(){var t=this;return a("button",{class:"navigation-button",type:"button",title:"Vai alla prossima pagina",disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.currentPage+1)}},a("z-icon",{name:"chevron-right"}))};t.prototype.renderMobile=function(){var t=this;var i=this.getPagesChunks();return[this.label&&a("span",{class:"page-label body-1-sb"},this.label),a("div",{class:"pagination-bar"},this.renderBackButton(),!this.goToPage&&a("div",{class:"pages-container",role:"navigation",tabIndex:-1},i.length>0&&i.map((function(i){return a("div",{class:"pages-chunk"},i.map((function(i){return t.renderPage(i)})))}))),this.goToPage&&a("form",{class:"mobile-go-to-page",onSubmit:function(i){i.preventDefault();t.selectPage(t.goToPageValue)}},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,onInput:function(i){t.goToPageValue=i.target.value},placeholder:this.currentPage.toString(),hasclearicon:false}),a("span",null,"/".concat(this.totalPages))),this.renderForwardButton())]};t.prototype.componentDidLoad=function(){this.setVisiblePages()};t.prototype.componentDidRender=function(){if(this.split){this.edges=false}this.setPagesContainerWidth();this.setMobile()};t.prototype.render=function(){var t=this;if(this.isMobile){return a(o,null,this.renderMobile())}return a(o,null,a("div",{class:"pagination-bar"},this.label&&a("span",{class:"page-label body-1-sb"},this.label),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina 1",disabled:this.currentPage===1,onClick:function(){return t.selectPage(1)}},"Pagina 1"),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage-this.skip),disabled:this.currentPage<=this.skip,onClick:function(){return t.selectPage(t.currentPage-t.skip)}},"-",this.skip),this.navArrows&&this.renderBackButton(),a("div",{class:"pages-container",role:"navigation",tabIndex:-1},this.split?this.renderSplitPages():this.renderPages()),this.navArrows&&this.renderForwardButton(),this.skip<this.totalPages&&this.skip>1&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.currentPage+this.skip),disabled:this.currentPage>this.totalPages-this.skip,onClick:function(){return t.selectPage(t.currentPage+t.skip)}},"+",this.skip),this.edges&&a("button",{class:"pagination-button",type:"button",title:"Vai alla pagina ".concat(this.totalPages),disabled:this.currentPage===this.totalPages,onClick:function(){return t.selectPage(t.totalPages)}},"Pagina ",this.totalPages)),this.goToPage&&a("div",{class:"go-to-page"},a("span",{class:"label body-5-sb"},"Vai a pagina:"),a("div",{class:"inputs"},a("z-input",{class:"go-to-page-input",type:s.NUMBER,min:1,max:this.totalPages,message:false,placeholder:"2",hasclearicon:false,onInput:function(i){t.goToPageValue=i.target.value},onKeyDown:function(i){return i.key==="Enter"&&t.selectPage(t.goToPageValue)}}),a("z-button",{disabled:!this.goToPageValue,title:"Vai alla pagina inserita",onClick:function(){return t.selectPage(t.goToPageValue)}},"vai"))))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{_visiblePages:["setPagesContainerWidth"],visiblePages:["setVisiblePages"],currentPage:["onPageChanged"],split:["onSplitChanged"]}},enumerable:false,configurable:true});return t}());p.style=l}}}));
+//# sourceMappingURL=p-47a6173f.system.entry.js.map

package/dist/web-components-library/p-47a6173f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPaginationStyle0","ZPagination","exports","this","visiblePages","class_1","prototype","setPagesContainerWidth","_visiblePages","split","host","style","setProperty","pagesContainerStyle","window","getComputedStyle","pageButtonWidth","getPropertyValue","concat","setVisiblePages","Math","min","totalPages","onPageChanged","pageChanged","emit","currentPage","scrollToPage","onSplitChanged","edges","onResize","setMobile","mobileMediaQuery","isMobile","matchMedia","matches","getPagesChunks","pages","Array","from","length","_","i","chunks","chunksCount","ceil","index","push","slice","pageBtn","querySelector","scrollIntoView","behavior","block","inline","selectPage","page","max","renderPage","_this","h","class","type","title","onClick","renderEllipsisButton","renderPages","pagesChunks","map","chunk","renderSplitPages","__spreadArray","renderBackButton","disabled","name","renderForwardButton","renderMobile","label","goToPage","role","tabIndex","onSubmit","ev","preventDefault","goToPageValue","InputType","NUMBER","message","onInput","target","value","placeholder","toString","hasclearicon","componentDidLoad","componentDidRender","render","Host","skip","navArrows","onKeyDown","key"],"sources":["src/components/z-pagination/styles.css?tag=z-pagination","src/components/z-pagination/index.tsx"],"sourcesContent":["z-pagination {\n  --z-pagination--page-button-width: 64px;\n  --z-pagination--pages-container-max-width: 100%;\n\n  display: flex;\n  max-width: 100%;\n  flex-flow: column wrap;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n  box-sizing: border-box;\n}\n\nz-pagination button {\n  height: 100%;\n}\n\nz-pagination z-icon {\n  fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n  fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n  margin-right: calc(var(--space-unit) * 3);\n  color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n  display: flex;\n  max-width: 100%;\n  height: 48px;\n  align-items: center;\n}\n\nz-pagination .pagination-bar button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background-color: var(--color-surface03);\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: inherit;\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n  background-color: var(--color-hover-surface);\n  box-shadow: inset var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n  padding: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n  cursor: default;\n  pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n  width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  height: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-align: center;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n  display: none;\n}\n\nz-pagination .pages-chunk {\n  display: flex;\n  scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n  padding-top: var(--border-size-large) solid transparent;\n  border-bottom: var(--border-size-large) solid transparent;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button:focus-visible {\n  border-bottom-color: var(--color-hover-light);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n  border-bottom-color: var(--color-primary01);\n  font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n  display: flex;\n  column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n  width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n  padding: 0 calc(var(--space-unit) * 1.5) !important;\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n  display: flex;\n  height: 100%;\n  flex: 1 auto;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-surface03);\n}\n\nz-pagination .mobile-go-to-page z-input {\n  width: var(--z-pagination--page-button-width);\n  margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n  text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n  font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n  z-pagination .pagination-bar button:hover {\n    background-color: var(--color-hover-surface);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-light);\n  }\n}\n\n@media (min-width: 768px) {\n  z-pagination {\n    --z-pagination--page-button-width: 88px;\n\n    flex-direction: row;\n    align-items: flex-end;\n  }\n\n  z-pagination .pages-container {\n    max-width: var(--z-pagination--pages-container-max-width);\n  }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {InputType} from \"../../beans\";\n\n/**\n * Pagination bar component.\n */\n@Component({\n  tag: \"z-pagination\",\n  styleUrl: \"styles.css\",\n})\nexport class ZPagination {\n  @Element() host: HTMLZPaginationElement;\n\n  /** Pagination label placed before the bar. */\n  @Prop()\n  label?: string;\n\n  /** Enable navigation arrows. */\n  @Prop()\n  navArrows = true;\n\n  /** Total number of pages. Required. */\n  @Prop()\n  totalPages!: number;\n\n  /** Number of pages to skip. */\n  @Prop()\n  skip = 0;\n\n  /** Enable buttons to go to the first and last pages. */\n  @Prop()\n  edges = false;\n\n  /** Number of pages to show left/right of the current, before showing \"load more\" symbol (…). */\n  @Prop()\n  split?: number;\n\n  /** Number of pages to show at a time. If not set, all pages will be shown. */\n  @Prop()\n  visiblePages?: number;\n\n  /** Current page. */\n  @Prop({mutable: true})\n  currentPage = 1;\n\n  /** Whether to show \"go to page\" feature. */\n  @Prop()\n  goToPage: boolean;\n\n  /**\n   * Internal visible pages variable.\n   * Needed to better handle conflicting props like `visiblePages` and `split`.\n   * This state will change based on props values and validation,\n   * keeping original `visiblePages` value intact.\n   */\n  @State()\n  private _visiblePages = this.visiblePages;\n\n  /** Used to hides/change some functionalities on smaller screen sizes */\n  @State()\n  isMobile = false;\n\n  /** Value of the go to page input */\n  @State()\n  goToPageValue = null;\n\n  /** Event emitted when the current page has changed. */\n  @Event()\n  pageChanged: EventEmitter;\n\n  /**\n   * Set the max width of the pages container.\n   */\n  @Watch(\"_visiblePages\")\n  setPagesContainerWidth(): void {\n    if (!this._visiblePages || this.split) {\n      this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n\n      return;\n    }\n\n    const pagesContainerStyle = window.getComputedStyle(this.host);\n    const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n    this.host.style.setProperty(\n      \"--z-pagination--pages-container-max-width\",\n      `calc(${pageButtonWidth} * ${this._visiblePages})`\n    );\n  }\n\n  /**\n   * Set visible pages.\n   * Ensure that the visible pages are always <= the total pages.\n   * If `visiblePages` isn't set, fallback to the total pages.\n   */\n  @Watch(\"visiblePages\")\n  setVisiblePages(): void {\n    this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n  }\n\n  /**\n   * On page changed.\n   * @emits pageChanged\n   */\n  @Watch(\"currentPage\")\n  onPageChanged(): void {\n    this.pageChanged.emit(this.currentPage);\n    this.scrollToPage();\n  }\n\n  /**\n   * On split changed.\n   * Empty `edges` value. The split feature wins over the pages chunks and edges.\n   */\n  @Watch(\"split\")\n  onSplitChanged(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n  }\n\n  /**\n   * Hide stuff on mobile.\n   */\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  onResize(): void {\n    this.setMobile();\n  }\n\n  /**\n   * Set functionalities according to screen size.\n   */\n  private setMobile(): void {\n    const mobileMediaQuery = \"screen and (max-width: 767px)\";\n    this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n  }\n\n  /**\n   * Get a list of pages chunks, each of `visiblePages` length.\n   * @returns {number[][]}\n   */\n  private getPagesChunks(): number[][] {\n    // array of numbers from 1 to `totalPages`\n    const pages = Array.from({length: this.totalPages}, (_, i) => i + 1);\n\n    const chunks = [];\n    const chunksCount = Math.ceil(pages.length / this._visiblePages);\n    for (let index = 0; index < chunksCount; index++) {\n      chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n    }\n\n    return chunks;\n  }\n\n  /**\n   * Scroll to the left the chunk of pages containing the current page.\n   */\n  private scrollToPage(): void {\n    const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`) as HTMLElement;\n\n    if (!pageBtn) {\n      return;\n    }\n\n    pageBtn.scrollIntoView({\n      behavior: \"smooth\",\n      block: \"nearest\",\n      inline: \"center\",\n    });\n  }\n\n  /**\n   * Select a page.\n   * Do validations on the passed value before assigning it to `currentPage`.\n   * @param {number} page Page number to set\n   */\n  private selectPage(page): void {\n    this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n  }\n\n  /**\n   * Render page number button.\n   * @param {number} page Page number to render\n   * @returns {HTMLButtonElement}\n   */\n  private renderPage(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"page-button\"\n        type=\"button\"\n        aria-current={this.currentPage === page ? \"page\" : \"false\"}\n        title={`Vai alla pagina ${page}`}\n        data-page={page}\n        data-current={this.currentPage === page}\n        onClick={() => this.selectPage(page)}\n      >\n        {page}\n      </button>\n    );\n  }\n\n  /**\n   * Render split button.\n   * @param {number} page Page to select on click.\n   * @returns {HTMLButtonElement}\n   */\n  private renderEllipsisButton(page): HTMLButtonElement {\n    return (\n      <button\n        class=\"ellipsis-button\"\n        type=\"button\"\n        title={`Vai alla pagina ${page}`}\n        onClick={() => this.selectPage(page)}\n      >\n        …\n      </button>\n    );\n  }\n\n  /**\n   * Render chunked page buttons.\n   * @returns {HTMLDivElement[]}\n   */\n  private renderPages(): HTMLDivElement[] {\n    const pagesChunks = this.getPagesChunks();\n    if (pagesChunks.length <= 0) {\n      return;\n    }\n\n    return pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>);\n  }\n\n  /**\n   * Render page buttons when split feature is enabled.\n   * @returns {HTMLButtonElement[]}\n   */\n  private renderSplitPages(): HTMLButtonElement[] {\n    // left and right split pages, current page, first and last page, left and right ellipsis button\n    if (this.totalPages <= this.split * 2 + 5) {\n      // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n      return Array.from({length: this.totalPages}, (_, i) => this.renderPage(i + 1));\n    }\n\n    if (this.currentPage <= this.split * 2 + 2) {\n      // Render first (2 * split + 3) pages, ellipsis, then last page.\n      return [\n        ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(i + 1)),\n        this.renderEllipsisButton(this.split * 2 + 4),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n      // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n      return [\n        this.renderPage(1),\n        this.renderEllipsisButton(this.currentPage - this.split - 1),\n        ...Array.from({length: this.split * 2 + 1}, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n        this.renderEllipsisButton(this.currentPage + this.split + 1),\n        this.renderPage(this.totalPages),\n      ];\n    }\n\n    // Render first page, ellipsis, then last (2 * split + 3) pages.\n    return [\n      this.renderPage(1),\n      this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n      ...Array.from({length: this.split * 2 + 3}, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n    ];\n  }\n\n  private renderBackButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla pagina precedente\"\n        disabled={this.currentPage === 1}\n        onClick={() => this.selectPage(this.currentPage - 1)}\n      >\n        <z-icon name=\"chevron-left\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderForwardButton(): HTMLButtonElement {\n    return (\n      <button\n        class=\"navigation-button\"\n        type=\"button\"\n        title=\"Vai alla prossima pagina\"\n        disabled={this.currentPage === this.totalPages}\n        onClick={() => this.selectPage(this.currentPage + 1)}\n      >\n        <z-icon name=\"chevron-right\"></z-icon>\n      </button>\n    );\n  }\n\n  private renderMobile(): HTMLElement[] {\n    const pagesChunks = this.getPagesChunks();\n\n    return [\n      this.label && <span class=\"page-label body-1-sb\">{this.label}</span>,\n\n      <div class=\"pagination-bar\">\n        {this.renderBackButton()}\n\n        {!this.goToPage && (\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {pagesChunks.length > 0 &&\n              pagesChunks.map((chunk) => <div class=\"pages-chunk\">{chunk.map((page) => this.renderPage(page))}</div>)}\n          </div>\n        )}\n\n        {this.goToPage && (\n          <form\n            class=\"mobile-go-to-page\"\n            onSubmit={(ev) => {\n              ev.preventDefault();\n              this.selectPage(this.goToPageValue);\n            }}\n          >\n            <z-input\n              class=\"go-to-page-input\"\n              type={InputType.NUMBER}\n              min={1}\n              max={this.totalPages}\n              message={false}\n              onInput={(ev: InputEvent) => {\n                this.goToPageValue = (ev.target as HTMLZInputElement).value;\n              }}\n              placeholder={this.currentPage.toString()}\n              hasclearicon={false}\n            ></z-input>\n            <span>{`/${this.totalPages}`}</span>\n          </form>\n        )}\n\n        {this.renderForwardButton()}\n      </div>,\n    ];\n  }\n\n  componentDidLoad(): void {\n    this.setVisiblePages();\n  }\n\n  componentDidRender(): void {\n    if (this.split) {\n      this.edges = false;\n    }\n\n    this.setPagesContainerWidth();\n    this.setMobile();\n  }\n\n  render(): HTMLZPaginationElement {\n    if (this.isMobile) {\n      return <Host>{this.renderMobile()}</Host>;\n    }\n\n    return (\n      <Host>\n        <div class=\"pagination-bar\">\n          {this.label && <span class=\"page-label body-1-sb\">{this.label}</span>}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title=\"Vai alla pagina 1\"\n              disabled={this.currentPage === 1}\n              onClick={() => this.selectPage(1)}\n            >\n              Pagina 1\n            </button>\n          )}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage - this.skip}`}\n              disabled={this.currentPage <= this.skip}\n              onClick={() => this.selectPage(this.currentPage - this.skip)}\n            >\n              -{this.skip}\n            </button>\n          )}\n\n          {this.navArrows && this.renderBackButton()}\n\n          <div\n            class=\"pages-container\"\n            role=\"navigation\"\n            tabIndex={-1}\n          >\n            {this.split ? this.renderSplitPages() : this.renderPages()}\n          </div>\n\n          {this.navArrows && this.renderForwardButton()}\n\n          {this.skip < this.totalPages && this.skip > 1 && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.currentPage + this.skip}`}\n              disabled={this.currentPage > this.totalPages - this.skip}\n              onClick={() => this.selectPage(this.currentPage + this.skip)}\n            >\n              +{this.skip}\n            </button>\n          )}\n\n          {this.edges && (\n            <button\n              class=\"pagination-button\"\n              type=\"button\"\n              title={`Vai alla pagina ${this.totalPages}`}\n              disabled={this.currentPage === this.totalPages}\n              onClick={() => this.selectPage(this.totalPages)}\n            >\n              Pagina {this.totalPages}\n            </button>\n          )}\n        </div>\n        {this.goToPage && (\n          <div class=\"go-to-page\">\n            <span class=\"label body-5-sb\">Vai a pagina:</span>\n            <div class=\"inputs\">\n              <z-input\n                class=\"go-to-page-input\"\n                type={InputType.NUMBER}\n                min={1}\n                max={this.totalPages}\n                message={false}\n                placeholder=\"2\"\n                hasclearicon={false}\n                onInput={(ev: InputEvent) => {\n                  this.goToPageValue = (ev.target as HTMLZInputElement).value;\n                }}\n                onKeyDown={(ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue)}\n              ></z-input>\n              <z-button\n                disabled={!this.goToPageValue}\n                title=\"Vai alla pagina inserita\"\n                onClick={() => this.selectPage(this.goToPageValue)}\n              >\n                vai\n              </z-button>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/web-components-library/p-47b3dc77.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-da925f05.system.js","./p-d8fcaf1f.system.js","./p-1fe56b25.system.js","./p-c39f227f.system.js","./p-ad6b3f77.system.js","./p-07c0b378.system.js","./p-02f7fe6b.system.js"],(function(s){"use strict";return{setters:[function(t){s("z_tr",t.Z)},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-47b3dc77.system.entry.js.map

package/dist/web-components-library/p-4b95363f.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js"],(function(e){"use strict";var i,t,o,a,n,r;return{setters:[function(e){i=e.r;t=e.h;o=e.a;a=e.g},function(e){n=e.J;r=e.e}],execute:function(){var s=':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 l=s;var c=e("z_info_reveal",function(){function e(e){i(this,e);this.icon="informationsource";this.position=n.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.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 t(o,{key:"45471ff481d7ce13ff05da131b5de64fadaf68d9",open:this.open},t("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&&t("z-icon",{key:"48e14ecbee56d2dc6b9b297f8daa171c34c2a98d",name:this.icon}),this.label&&t("span",{key:"89e72867433abd07cb334120558ccdc02a5bbb81",class:"z-info-reveal-label"},this.label)),t("div",{key:"06268f048b3d6244f940900ca114dfcad5417849",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:function(i){return e.panel=i},hidden:!this.open},t("slot",{key:"3698cbc239ab16b04226e7e9f1619014500b30f6"}),t("button",{key:"7e03364aeb76b404d4ed78d640de500b95f68769",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},t("z-icon",{key:"524131a6b9b100729c10657c778bc6bb1daf6946",name:"multiply"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}},enumerable:false,configurable:true});return e}());c.style=l}}}));
+//# sourceMappingURL=p-4b95363f.system.entry.js.map

package/dist/web-components-library/p-4b95363f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoRevealStyle0","ZInfoReveal","exports","InfoRevealPosition","BOTTOM_RIGHT","ControlSize","BIG","class_1","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":"gNAAA,IAAMA,EAAY,g6FAClB,IAAAC,EAAeD,E,ICaFE,EAAWC,EAAA,2B,kCAGd,oB,cAQwBC,EAAmBC,a,oCAQvC,6B,UAISC,EAAYC,I,UAI1B,K,CAYPC,EAAAC,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,EAMvCjB,EAAAC,UAAA0B,YAAA,WACNxB,KAAKC,MAAQD,KAAKC,I,EAMZJ,EAAAC,UAAA2B,WAAA,WACNzB,KAAKC,KAAO,K,EAIdJ,EAAAC,UAAA4B,gBAAA,SAAgBC,GACd,GAAIA,EAAMC,MAAQ,UAAY5B,KAAKC,KAAM,CACvCD,KAAKyB,Y,GAIT5B,EAAAC,UAAA+B,OAAA,eAAAC,EAAA9B,KACE,OACE+B,EAACC,EAAI,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,wRAtGD,I","ignoreList":[]}

package/dist/web-components-library/p-4f4233fc.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js","./p-c39f227f.system.js","./p-1fe56b25.system.js","./p-ad6b3f77.system.js"],(function(i){"use strict";var t,n,e,o,s;return{setters:[function(i){t=i.r;n=i.c;e=i.h},function(i){o=i.P},function(i){s=i.a},function(){}],execute:function(){var r=':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 a=r;var l=i("z_myz_card_info",function(){function i(i){t(this,i);this.flipCard=n(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 e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:function(){return i.emitFlipCard(false)},tabindex:this.htmltabindex,onKeyUp:function(t){s(t,i.emitFlipCard,false)}})};i.prototype.renderGeneralSection=function(){var i=this;var t,n;var o=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.title;var s=(n=this===null||this===void 0?void 0:this.cardData)===null||n===void 0?void 0:n.description;return e("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(),o,e("br",null),s)};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 e("span",null,"Autore: ",e("b",null,t),e("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 e("span",null,"Anno: ",e("b",null,t),e("br",null))};i.prototype.renderTooltip=function(){var i=this;if(!this.tooltip){return}if(!this.cardData){return}var t=this.cardData,n=t.title,s=t.year,r=t.author,a=t.description;return e("z-popover",{position:o.RIGHT,onClick:function(){return i.tooltip=false}},"".concat(n," ").concat(s," ").concat(r," ").concat(a))};i.prototype.setExpirationLicenseMessage=function(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("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 e("section",{ref:function(t){return i.onlineLicenseWrapper=t}},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("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 e("section",{ref:function(t){return i.offlineLicenseWrapper=t}},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))};i.prototype.render=function(){var i=this;return e("div",{key:"086c4df611ed65fc3929e9d607b4043a6ef33f06"},this.renderCloseIcon(),e("div",{key:"c3dbdc2e386d06269e79109fc29ae6e0b5826ad5",class:"content-wrapper",ref:function(t){return i.contentWrapper=t}},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"5e79d55d2e1673de4e40d03d6e3ad385af65152f",class:"cta-wrapper"},e("slot",{key:"aa7141484bdbaf50856f31285dc2fef49f84abe1"})))};return i}());l.style=a}}}));
+//# sourceMappingURL=p-4f4233fc.system.entry.js.map

package/dist/web-components-library/p-4f4233fc.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardInfoStyle0","ZMyzCardInfo","exports","class_1","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":"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","ignoreList":[]}

package/dist/web-components-library/p-50861123.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js"],(function(e){"use strict";var a,t;return{setters:[function(e){a=e.r;t=e.h}],execute:function(){var o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:grid;padding-top:calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--color-surface03);color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;grid-template-columns:36px auto;grid-template-rows:auto auto}:host>div>z-icon{grid-column:1 / 2;grid-row:1 / 2}:host>div>div.content{margin-bottom:var(--space-unit);grid-column:2 / 3;grid-row:1 / 2}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:var(--space-unit);grid-column:1 / 3;grid-row:2 / 3}@media only screen and (min-width: 768px){:host>div>div.cta-wrapper{-ms-flex-direction:row;flex-direction:row;grid-column:2 / 3}}";var r=o;var i=e("z_pocket_message",function(){function e(e){a(this,e)}e.prototype.render=function(){return t("div",{key:"94fdc25ba4ed0c5f5e84c009b28349a659a35e7d"},t("z-icon",{key:"dbfe2f3bde1476afa7b852e3e53f1150477e9992",name:"exclamation-circle"}),t("div",{key:"7391e3e79397acaf1d8ef706549403f33ff4e649",class:"content"},t("slot",{key:"7a54d609a2d40de9df327b3a73bc9a9e01eddc27"})),t("div",{key:"dd97a4204d0ab7668b3ef6847b18ae578bb4aeea",class:"cta-wrapper"},t("slot",{key:"7bdc0e8253113f03976d151baefaf7b8bcbf777f",name:"cta"})))};return e}());i.style=r}}}));
+//# sourceMappingURL=p-50861123.system.entry.js.map

package/dist/web-components-library/p-50861123.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPocketMessageStyle0","ZPocketMessage","exports","class_1","prototype","render","h","key","name","class"],"sources":["src/snowflakes/myz/pocket/z-pocket-message/styles.css?tag=z-pocket-message&encapsulation=shadow","src/snowflakes/myz/pocket/z-pocket-message/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: grid;\n  padding-top: calc(var(--space-unit) * 1.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  color: var(--color-surface05);\n  fill: var(--color-surface05);\n  font-size: 14px;\n  grid-template-columns: 36px auto;\n  grid-template-rows: auto auto;\n}\n\n:host > div > z-icon {\n  grid-column: 1 / 2;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.content {\n  margin-bottom: var(--space-unit);\n  grid-column: 2 / 3;\n  grid-row: 1 / 2;\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  margin-bottom: var(--space-unit);\n  grid-column: 1 / 3;\n  grid-row: 2 / 3;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host > div > div.cta-wrapper {\n    flex-direction: row;\n    grid-column: 2 / 3;\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot  - message body\n * @slot cta - message CTAs\n */\n@Component({\n  tag: \"z-pocket-message\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPocketMessage {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-icon name=\"exclamation-circle\" />\n        <div class=\"content\">\n          <slot />\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"0IAAA,IAAMA,EAAY,o2BAClB,IAAAC,EAAeD,E,ICUFE,EAAcC,EAAA,8B,wBACzBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,2CAAQC,KAAK,uBACbF,EAAA,OAAAC,IAAA,2CAAKE,MAAM,WACTH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CAAKE,MAAM,eACTH,EAAA,QAAAC,IAAA,2CAAMC,KAAK,S,WATM,I","ignoreList":[]}

package/dist/web-components-library/p-5377560b.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-d8fcaf1f.system.js"],(function(t){"use strict";var e,r,o;return{setters:[function(t){e=t.r;r=t.h;o=t.a}],execute:function(){var n=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}";var f=n;var c=t("Z",function(){function t(t){e(this,t)}t.prototype.render=function(){return r(o,{key:"82690ddf3bdd8b742cadcf45a75778892d15c5bf",role:"rowgroup"},r("slot",{key:"6b1a45b35318f6df0966ee67aa60f33aa32c5751"}))};return t}());c.style=f}}}));
+//# sourceMappingURL=p-5377560b.system.js.map

package/dist/web-components-library/p-5377560b.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTbodyStyle0","ZTbody","exports","class_1","prototype","render","h","Host","key","role"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,2EAClB,IAAAC,EAAeD,E,ICUFE,EAAMC,EAAA,e,wBACjBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C,WAJW,I","ignoreList":[]}

package/dist/web-components-library/p-56ba5cbf.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){var n=t("g",(function(){}))}}}));
+//# sourceMappingURL=p-56ba5cbf.system.js.map

package/dist/web-components-library/p-56ba5cbf.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalScripts","exports"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"uEAAY,IAACA,EAAaC,EAAA,KAAG,WAAM,G","ignoreList":[]}

package/dist/web-components-library/p-58ca2dea.entry.js

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

package/dist/web-components-library/p-58ca2dea.entry.js.map

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