@zanichelli/albe-web-components 17.0.5-RC2 → 17.0.5

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

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

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

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

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

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var e,r,o,i,s,n;return{setters:[function(t){e=t.r;r=t.c;o=t.h;i=t.g},function(t){s=t.P;n=t.g}],execute:function(){var a=':host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;-webkit-filter:var(--z-popover-shadow-filter);filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open="true"][current-position]){display:-ms-flexbox;display:flex}:host([center][current-position="top"]),:host([center][current-position="bottom"]){-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([current-position^="top"]){margin:0 0 var(--space-unit)}:host([current-position^="bottom"]){margin:var(--space-unit) 0 0}:host([current-position^="left"]){margin:0 var(--space-unit) 0 0}:host([current-position^="right"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;-ms-flex:1 auto;flex:1 auto}';var f=a;var h=document.documentElement;function p(t){if(t.parentNode===t.shadowRoot){return t.shadowRoot.host}return t.parentElement}function c(t){var e=p(t);while(e&&e!==h){var r=window.getComputedStyle(e),o=r.overflow,i=r.overflowX,s=r.overflowY;if(o==="hidden"||s==="hidden"||i==="hidden"){return e}if(e.scrollHeight>e.clientHeight&&o!=="visible"&&s!=="visible"||e.scrollWidth>e.clientWidth&&o!=="visible"&&i!=="visible"){return e}e=p(e)}return h}function u(t,e){var r=t.getBoundingClientRect();var o=r.width;var i=r.height;var s=0;var n=0;var a=t;while(a&&a!=e){n+=a.offsetLeft;if(a===document.body){s+=a.getBoundingClientRect().top+window.scrollY}else{s+=a.offsetTop}if(window.DOMMatrix){var f=window.getComputedStyle(a);var h=f.transform||f.webkitTransform;var p=new DOMMatrix(h);if(p){n+=p.m41;if(a!==document.body){s+=p.m42}}}if(!a.offsetParent){break}a=a.offsetParent}var c;var u;if(a===document.body){c=window.innerWidth;u=window.innerHeight}else{c=a.offsetWidth;u=a.offsetHeight}var v=c-n-r.width;var l=u-s-r.height;return{top:s,right:v,bottom:l,left:n,width:o,height:i}}var v=t("z_popover",function(){function t(t){e(this,t);this.positionChange=r(this,"positionChange",7);this.openChange=r(this,"openChange",7);this.position=s.AUTO;this.open=false;this.bindTo=undefined;this.showArrow=false;this.center=false;this.closable=true;this.currentPosition=undefined}t.prototype.closePopoverWithKeyboard=function(t){if(this.closable&&t.key===n.ESC){this.open=false}};t.prototype.handleOutsideClick=function(t){if(!this.closable||!this.open){return}if(!t.composedPath().includes(this.host)){var e=t.target;var r=this.bindTo instanceof HTMLElement?this.bindTo.contains(e):e.closest(this.bindTo);if(r){t.stopPropagation()}this.open=false;this.positionChange.emit({position:this.currentPosition})}};t.prototype.validatePosition=function(t){if(t&&!Object.values(s).includes(t)){this.position=s.AUTO}this.currentPosition=this.position;this.positionChange.emit({position:this.currentPosition})};t.prototype.onOpen=function(){var t=this;cancelAnimationFrame(this.animationFrameRequestId);if(this.open){var e=function(){if(t.open){t.setPosition();t.animationFrameRequestId=requestAnimationFrame(e)}};e()}else if(this.host.hasAttribute("current-position")){this.host.removeAttribute("current-position");this.currentPosition=undefined}this.openChange.emit({open:this.open})};t.prototype.disconnectedCallback=function(){cancelAnimationFrame(this.animationFrameRequestId)};t.prototype.setPosition=function(){var t;if(typeof this.bindTo==="string"){t=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){t=this.bindTo}else{t=this.host.parentElement}if(!t){return}var e=c(t);var r=e.getBoundingClientRect();var o=this.host.offsetParent;var i=o?u(o,e):{top:0,right:0,bottom:0,left:0};var n=u(t,e);var a=n.top-e.scrollTop;var f=r.height-(n.top+n.height)+e.scrollTop;var h=n.left-e.scrollLeft;var p=r.width-(n.left+n.width)+e.scrollLeft;var v=Math.max(0,r.top+r.height-window.innerHeight);var l=Math.max(0,r.left+r.width-window.innerWidth);var b=Math.min(a,a+r.top);var d=Math.min(f,f-v);var w=Math.min(h,h+r.left);var m=Math.min(p,p-l);var x=b+d+n.height;var g=w+m+n.width;var y=this.currentPosition;var z=[];if(this.position===s.AUTO){if(w/g>.6){z.push(s.LEFT)}else if(w/g<.4){z.push(s.RIGHT)}if(b/x>.9){z.unshift(s.TOP)}else if(b/x>.6){z.push(s.TOP)}else if(b/x<.1){z.unshift(s.BOTTOM)}else{z.push(s.BOTTOM)}y=z.join("_")}var _=this.host.style;_.position="absolute";var k=n.top-i.top;var M=n.right-i.right;var j=n.bottom-i.bottom;var O=n.left-i.left;var A=this.center?.5:0;var F=this.center?.5:0;if(y===s.TOP||y===s.TOP_RIGHT){_.top="auto";_.right="auto";_.bottom="".concat(j+n.height,"px");_.left="".concat(O+n.width*A,"px");_.maxHeight="".concat(b,"px");if(y===s.TOP_RIGHT){_.maxWidth="".concat(m+n.width*F,"px")}}else if(y===s.TOP_LEFT){_.top="auto";_.right="".concat(M+n.width*A,"px");_.bottom="".concat(j+n.height,"px");_.left="auto";_.maxWidth="".concat(w,"px");_.maxHeight="".concat(b,"px")}else if(y===s.BOTTOM||y===s.BOTTOM_RIGHT){_.top="".concat(k+n.height,"px");_.right="auto";_.bottom="auto";_.left="".concat(O+n.width*A,"px");_.maxHeight="".concat(d,"px");if(y===s.BOTTOM_RIGHT){_.maxWidth="".concat(m+n.width*F,"px")}}else if(y===s.BOTTOM_LEFT){_.top="".concat(k+n.height,"px");_.right="".concat(M+n.width*A,"px");_.bottom="auto";_.left="auto";_.maxWidth="".concat(w,"px");_.maxHeight="".concat(d,"px")}else if(y===s.RIGHT||y===s.RIGHT_BOTTOM){_.top="".concat(k+n.height*A,"px");_.right="auto";_.bottom="auto";_.left="".concat(O+n.width,"px");_.maxWidth="".concat(m,"px");_.maxHeight="".concat(d+n.height*F,"px")}else if(y===s.RIGHT_TOP){_.top="auto";_.right="auto";_.bottom="".concat(j+n.height*A,"px");_.left="".concat(O+n.width,"px");_.maxWidth="".concat(m,"px");_.maxHeight="".concat(b+n.height*F,"px")}else if(y===s.LEFT||y===s.LEFT_BOTTOM){_.top="".concat(k+n.height*A,"px");_.right="".concat(M+n.width,"px");_.bottom="auto";_.left="auto";_.maxWidth="".concat(w,"px");_.maxHeight="".concat(d+n.height*F,"px")}else if(y===s.LEFT_TOP){_.top="auto";_.right="".concat(M+n.width,"px");_.bottom="".concat(j+n.height*A,"px");_.left="auto";_.maxWidth="".concat(w,"px");_.maxHeight="".concat(b+n.height*F,"px")}this.currentPosition=y||this.position;this.host.setAttribute("current-position",this.currentPosition)};t.prototype.componentWillLoad=function(){this.validatePosition(this.position);this.onOpen()};t.prototype.render=function(){return o("slot",{key:"ea2b46de2cec89ebd692407e0ddb51e47d552e73"})};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["validatePosition"],open:["onOpen"]}},enumerable:false,configurable:true});return t}());v.style=f}}}));
-//# sourceMappingURL=p-290e0806.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZPopoverStyle0","DOCUMENT_ELEMENT","document","documentElement","getParentElement","element","parentNode","shadowRoot","host","parentElement","findScrollableParent","parent","_a","window","getComputedStyle","overflow","overflowX","overflowY","scrollHeight","clientHeight","scrollWidth","clientWidth","computeOffset","targetParentOffset","rect","getBoundingClientRect","width","height","top","left","offsetParent","offsetLeft","body","scrollY","offsetTop","DOMMatrix","style","transform","webkitTransform","domMatrix","m41","m42","parentWidth","parentHeight","innerWidth","innerHeight","offsetWidth","offsetHeight","right","bottom","ZPopover","exports","PopoverPosition","AUTO","class_1","prototype","closePopoverWithKeyboard","e","this","closable","key","KeyboardCode","ESC","open","handleOutsideClick","composedPath","includes","target","triggerElemClicked","bindTo","HTMLElement","contains","closest","stopPropagation","positionChange","emit","position","currentPosition","validatePosition","newValue","Object","values","onOpen","_this","cancelAnimationFrame","animationFrameRequestId","setPosition_1","setPosition","requestAnimationFrame","hasAttribute","removeAttribute","undefined","openChange","disconnectedCallback","ownerDocument","querySelector","scrollContainer","scrollingBoundingRect","offsetContainer","relativeBoundingRect","boundingRect","scrollTop","scrollLeft","overflowBottom","Math","max","overflowRight","availableTop","min","availableBottom","availableLeft","availableRight","availableHeight","availableWidth","positions","push","LEFT","RIGHT","unshift","TOP","BOTTOM","join","offsetRight","offsetBottom","offsetModifier","center","sizeModifier","TOP_RIGHT","concat","maxHeight","maxWidth","TOP_LEFT","BOTTOM_RIGHT","BOTTOM_LEFT","RIGHT_BOTTOM","RIGHT_TOP","LEFT_BOTTOM","LEFT_TOP","setAttribute","componentWillLoad","render","h"],"sources":["src/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","src/components/z-popover/index.tsx"],"sourcesContent":[":host {\n  --z-popover-theme--surface: var(--color-surface01);\n  --z-popover-theme--text: var(--color-default-text);\n  --z-popover-padding: 0;\n  --z-popover-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n\n  position: relative;\n  display: none;\n  min-width: calc(var(--space-unit) * 8);\n  min-height: calc(var(--space-unit) * 4);\n  align-items: center;\n  justify-content: center;\n  padding: var(--z-popover-padding);\n  background: var(--z-popover-theme--surface);\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text);\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter);\n  font-family: var(--font-family-sans);\n  text-align: center;\n}\n\n:host([open][current-position]),\n:host([open=\"true\"][current-position]) {\n  display: flex;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n:host([current-position^=\"top\"]) {\n  margin: 0 0 var(--space-unit);\n}\n\n:host([current-position^=\"bottom\"]) {\n  margin: var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"left\"]) {\n  margin: 0 var(--space-unit) 0 0;\n}\n\n:host([current-position^=\"right\"]) {\n  margin: 0 0 0 var(--space-unit);\n}\n\n/* Arrow style */\n\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface);\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n\n::slotted(*) {\n  overflow: auto;\n  flex: 1 auto;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode, PopoverPosition} from \"../../beans\";\n\nconst DOCUMENT_ELEMENT = document.documentElement;\n\nfunction getParentElement(element: Element): Element {\n  if (element.parentNode === element.shadowRoot) {\n    return element.shadowRoot.host;\n  }\n\n  return element.parentElement;\n}\n\n/**\n * Find the closest scrollable parent of a node.\n *\n * @param {Element} element The node\n */\nfunction findScrollableParent(element: Element): Element {\n  let parent = getParentElement(element);\n\n  while (parent && parent !== DOCUMENT_ELEMENT) {\n    const {overflow, overflowX, overflowY} = window.getComputedStyle(parent);\n    if (overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\") {\n      return parent;\n    }\n\n    if (\n      (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n      (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\")\n    ) {\n      return parent;\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return DOCUMENT_ELEMENT;\n}\n\n/**\n * Calculate computed offset.\n * It includes matrix transformations.\n * @param element The target element.\n * @param targetParentOffset The relative offset parent.\n * @return A client rect object.\n */\nfunction computeOffset(element: HTMLElement, targetParentOffset?: HTMLElement): Record<string, number> {\n  const rect = element.getBoundingClientRect();\n  const width = rect.width;\n  const height = rect.height;\n\n  let top = 0;\n  let left = 0;\n  let offsetParent = element;\n  while (offsetParent && offsetParent != targetParentOffset) {\n    left += offsetParent.offsetLeft;\n\n    // document.body sometimes has offsetTop == 0 but still has an\n    // offset because of children margins!\n    if (offsetParent === document.body) {\n      top += offsetParent.getBoundingClientRect().top + window.scrollY;\n    } else {\n      top += offsetParent.offsetTop;\n    }\n\n    if (window.DOMMatrix) {\n      const style = window.getComputedStyle(offsetParent);\n      const transform = style.transform || style.webkitTransform;\n      const domMatrix = new DOMMatrix(transform);\n      if (domMatrix) {\n        left += domMatrix.m41;\n        if (offsetParent !== document.body) {\n          top += domMatrix.m42;\n        }\n      }\n    }\n\n    if (!offsetParent.offsetParent) {\n      break;\n    }\n\n    offsetParent = offsetParent.offsetParent as HTMLElement;\n  }\n\n  let parentWidth: number;\n  let parentHeight: number;\n  if (offsetParent === document.body) {\n    parentWidth = window.innerWidth;\n    parentHeight = window.innerHeight;\n  } else {\n    parentWidth = offsetParent.offsetWidth;\n    parentHeight = offsetParent.offsetHeight;\n  }\n\n  const right = parentWidth - left - rect.width;\n  const bottom = parentHeight - top - rect.height;\n\n  return {top, right, bottom, left, width, height};\n}\n\n/**\n * Popover component.\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\n@Component({\n  tag: \"z-popover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPopover {\n  /** Popover position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * The open state of the popover.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the popover.\n   * If string css selector is provided make sure to use a valid selector.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Whether to show popover's arrow.\n   */\n  @Prop({reflect: true})\n  showArrow = false;\n\n  /**\n   * Whether to center the popup on the main side (according to \"position\").\n   */\n  @Prop({reflect: true})\n  center = false;\n\n  /**\n   * If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * The current position of the popover.\n   */\n  @State()\n  currentPosition?: PopoverPosition;\n\n  /**\n   * Position change event.\n   */\n  @Event()\n  positionChange: EventEmitter;\n\n  /**\n   * Open change event.\n   */\n  @Event()\n  openChange: EventEmitter;\n\n  @Element() host: HTMLZPopoverElement;\n\n  private animationFrameRequestId?: number;\n\n  @Listen(\"keyup\", {target: \"window\"})\n  closePopoverWithKeyboard(e: KeyboardEvent): void {\n    if (this.closable && e.key === KeyboardCode.ESC) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Close the popover when clicking outside of its content.\n   * Stop event propagation if the click was fired by popover's trigger element,\n   * to prevent close and reopen glitches.\n   * @param {MouseEvent} e\n   */\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    if (!this.closable || !this.open) {\n      return;\n    }\n\n    if (!e.composedPath().includes(this.host)) {\n      const target = e.target as HTMLElement;\n      const triggerElemClicked =\n        this.bindTo instanceof HTMLElement ? this.bindTo.contains(target) : target.closest(this.bindTo);\n      if (triggerElemClicked) {\n        e.stopPropagation();\n      }\n\n      this.open = false;\n      this.positionChange.emit({position: this.currentPosition});\n    }\n  }\n\n  @Watch(\"position\")\n  validatePosition(newValue: PopoverPosition): void {\n    if (newValue && !Object.values(PopoverPosition).includes(newValue as PopoverPosition)) {\n      this.position = PopoverPosition.AUTO;\n    }\n\n    this.currentPosition = this.position;\n    this.positionChange.emit({position: this.currentPosition});\n  }\n\n  /**\n   * Setup popover behaviors on opening.\n   */\n  @Watch(\"open\")\n  onOpen(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n    if (this.open) {\n      const setPosition = (): void => {\n        if (this.open) {\n          this.setPosition();\n          this.animationFrameRequestId = requestAnimationFrame(setPosition);\n        }\n      };\n\n      setPosition();\n    } else if (this.host.hasAttribute(\"current-position\")) {\n      this.host.removeAttribute(\"current-position\");\n      this.currentPosition = undefined;\n    }\n\n    this.openChange.emit({open: this.open});\n  }\n\n  disconnectedCallback(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n  }\n\n  /**\n   * Set the position of the popover.\n   */\n  private setPosition(): void {\n    let element: HTMLElement;\n    if (typeof this.bindTo === \"string\") {\n      element = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n    } else if (this.bindTo) {\n      element = this.bindTo;\n    } else {\n      element = this.host.parentElement as HTMLElement;\n    }\n\n    if (!element) {\n      return;\n    }\n\n    const scrollContainer = findScrollableParent(element) as HTMLElement;\n    const scrollingBoundingRect = scrollContainer.getBoundingClientRect();\n    const offsetContainer = this.host.offsetParent as HTMLElement;\n\n    const relativeBoundingRect = offsetContainer\n      ? computeOffset(offsetContainer, scrollContainer)\n      : {top: 0, right: 0, bottom: 0, left: 0};\n    const boundingRect = computeOffset(element, scrollContainer);\n\n    const top = boundingRect.top - scrollContainer.scrollTop;\n    const bottom = scrollingBoundingRect.height - (boundingRect.top + boundingRect.height) + scrollContainer.scrollTop;\n    const left = boundingRect.left - scrollContainer.scrollLeft;\n    const right = scrollingBoundingRect.width - (boundingRect.left + boundingRect.width) + scrollContainer.scrollLeft;\n\n    const overflowBottom = Math.max(0, scrollingBoundingRect.top + scrollingBoundingRect.height - window.innerHeight);\n    const overflowRight = Math.max(0, scrollingBoundingRect.left + scrollingBoundingRect.width - window.innerWidth);\n\n    const availableTop = Math.min(top, top + scrollingBoundingRect.top);\n    const availableBottom = Math.min(bottom, bottom - overflowBottom);\n    const availableLeft = Math.min(left, left + scrollingBoundingRect.left);\n    const availableRight = Math.min(right, right - overflowRight);\n\n    const availableHeight = availableTop + availableBottom + boundingRect.height;\n    const availableWidth = availableLeft + availableRight + boundingRect.width;\n\n    let position = this.currentPosition;\n    const positions: PopoverPosition[] = [];\n    if (this.position === PopoverPosition.AUTO) {\n      /**\n       * The `AUTO` position tries to place the popover in the 'safest' area,\n       * where there's more space available.\n       */\n      if (availableLeft / availableWidth > 0.6) {\n        positions.push(PopoverPosition.LEFT);\n      } else if (availableLeft / availableWidth < 0.4) {\n        positions.push(PopoverPosition.RIGHT);\n      }\n\n      if (availableTop / availableHeight > 0.9) {\n        positions.unshift(PopoverPosition.TOP);\n      } else if (availableTop / availableHeight > 0.6) {\n        positions.push(PopoverPosition.TOP);\n      } else if (availableTop / availableHeight < 0.1) {\n        positions.unshift(PopoverPosition.BOTTOM);\n      } else {\n        positions.push(PopoverPosition.BOTTOM);\n      }\n\n      position = positions.join(\"_\") as PopoverPosition;\n    }\n\n    const style = this.host.style;\n    style.position = \"absolute\";\n\n    const offsetTop = boundingRect.top - relativeBoundingRect.top;\n    const offsetRight = boundingRect.right - relativeBoundingRect.right;\n    const offsetBottom = boundingRect.bottom - relativeBoundingRect.bottom;\n    const offsetLeft = boundingRect.left - relativeBoundingRect.left;\n    const offsetModifier = this.center ? 0.5 : 0;\n    const sizeModifier = this.center ? 0.5 : 0;\n\n    if (position === PopoverPosition.TOP || position === PopoverPosition.TOP_RIGHT) {\n      style.top = \"auto\";\n      style.right = \"auto\";\n      style.bottom = `${offsetBottom + boundingRect.height}px`;\n\n      style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n      style.maxHeight = `${availableTop}px`;\n      if (position === PopoverPosition.TOP_RIGHT) {\n        style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n      }\n    } else if (position === PopoverPosition.TOP_LEFT) {\n      style.top = \"auto\";\n      style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n      style.bottom = `${offsetBottom + boundingRect.height}px`;\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableTop}px`;\n    } else if (position === PopoverPosition.BOTTOM || position === PopoverPosition.BOTTOM_RIGHT) {\n      style.top = `${offsetTop + boundingRect.height}px`;\n      style.right = \"auto\";\n      style.bottom = \"auto\";\n      style.left = `${offsetLeft + boundingRect.width * offsetModifier}px`;\n      style.maxHeight = `${availableBottom}px`;\n      if (position === PopoverPosition.BOTTOM_RIGHT) {\n        style.maxWidth = `${availableRight + boundingRect.width * sizeModifier}px`;\n      }\n    } else if (position === PopoverPosition.BOTTOM_LEFT) {\n      style.top = `${offsetTop + boundingRect.height}px`;\n      style.right = `${offsetRight + boundingRect.width * offsetModifier}px`;\n      style.bottom = \"auto\";\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableBottom}px`;\n    } else if (position === PopoverPosition.RIGHT || position === PopoverPosition.RIGHT_BOTTOM) {\n      style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n      style.right = \"auto\";\n      style.bottom = \"auto\";\n      style.left = `${offsetLeft + boundingRect.width}px`;\n      style.maxWidth = `${availableRight}px`;\n      style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.RIGHT_TOP) {\n      style.top = \"auto\";\n      style.right = \"auto\";\n      style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n      style.left = `${offsetLeft + boundingRect.width}px`;\n      style.maxWidth = `${availableRight}px`;\n      style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.LEFT || position === PopoverPosition.LEFT_BOTTOM) {\n      style.top = `${offsetTop + boundingRect.height * offsetModifier}px`;\n      style.right = `${offsetRight + boundingRect.width}px`;\n      style.bottom = \"auto\";\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableBottom + boundingRect.height * sizeModifier}px`;\n    } else if (position === PopoverPosition.LEFT_TOP) {\n      style.top = \"auto\";\n      style.right = `${offsetRight + boundingRect.width}px`;\n      style.bottom = `${offsetBottom + boundingRect.height * offsetModifier}px`;\n      style.left = \"auto\";\n      style.maxWidth = `${availableLeft}px`;\n      style.maxHeight = `${availableTop + boundingRect.height * sizeModifier}px`;\n    }\n\n    this.currentPosition = position || this.position;\n    this.host.setAttribute(\"current-position\", this.currentPosition);\n  }\n\n  componentWillLoad(): void {\n    this.validatePosition(this.position);\n    this.onOpen();\n  }\n\n  render(): HTMLSlotElement {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var a=0,e=i.length,o;a<e;a++){if(o||!(a in i)){if(!o)o=Array.prototype.slice.call(i,0,a);o[a]=i[a]}}return t.concat(o||Array.prototype.slice.call(i))};System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var i,n,a,e,o,s;return{setters:[function(t){i=t.r;n=t.c;a=t.h;e=t.a;o=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-surface02);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-surface01);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{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);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[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-surface02)}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-surface01)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@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(e,null,this.renderMobile())}return a(e,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 o(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-29735d58.system.entry.js.map

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

@@ -1 +0,0 @@
-{"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-surface02);\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-surface01);\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  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\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[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-surface02);\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-surface01);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-primary);\n    color: var(--color-hover-primary);\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-2e0c2a2e.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-e7dbba78.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var a,r,e,i,n,o,l,p,c,s,d,f,h;return{setters:[function(t){a=t.r;r=t.c;e=t.h;i=t.g},function(t){n=t.f;o=t.s;l=t.v;p=t.i;c=t.a},function(t){s=t.G;d=t.F;f=t.I;h=t.f}],execute:function(){var m='.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;-ms-flex-wrap:wrap;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:-ms-flexbox !important;display:flex !important;width:-webkit-fill-available;width:-moz-available;width:fill-available;height:calc(var(--space-unit) * 6);-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:-ms-flexbox;display:flex;height:calc(var(--space-unit) * 5.5) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:-ms-flexbox;display:flex;gap:16px}';var k=m;var b=t("z_range_picker",function(){function t(t){a(this,t);this.dateSelect=r(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=s.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=d.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}t.prototype.handleClick=function(){this.getFocusedInput()};t.prototype.handleKeyDown=function(t){var a,r,e,i,n,o;var l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))&&((a=this.firstPicker)===null||a===void 0?void 0:a.close());document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))&&((r=this.lastPicker)===null||r===void 0?void 0:r.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))||document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))){l===null||l===void 0?void 0:l.open()}var p=document.activeElement.classList.contains("reset-icon");if(p){if(this.activeInput==="start-input"){this.firstInputError=false;(e=this.firstPicker)===null||e===void 0?void 0:e.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}var c=document.activeElement.classList.contains("flatpickr-prev-month");var s=document.activeElement.classList.contains("flatpickr-next-month");var d=c||s;d&&t.key===" "&&t.preventDefault();c&&(l===null||l===void 0?void 0:l.changeMonth(-1));s&&(l===null||l===void 0?void 0:l.changeMonth(1))}};t.prototype.componentDidLoad=function(){this.setupPickers()};t.prototype.setupFirstPickersReadOnly=function(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)};t.prototype.setupLastPickersReadOnly=function(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)};t.prototype.setupPickers=function(){var t=this;var a={enableTime:this.mode===s.DATE_TIME,locale:p.exports.Italian,allowInput:true,wrap:true,dateFormat:this.mode===s.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:function(){var a=t.activeInput==="start-input";var r=t.firstPicker.selectedDates[0];var e=t.lastPicker.selectedDates[0];if(+r>+e){if(a){t.firstInputError=true;t.printDate(null,e||null)}else{t.lastInputError=true;t.printDate(r||null,null)}}else{t.lastInputError=false;t.firstInputError=false;t.printDate(r||null,e||null)}t.setRangeStyle(0);t.setRangeStyle(1)},onChange:function(a,r,e){t.onDateSelect();t.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onOpen:function(a,r,e){o(t.element,t.mode);t.flatpickrPosition=c(t.element,t.mode);t.setRangeStyle(e.input.classList.contains("start-input")?0:1);t.getFocusedInput()},onYearChange:function(a,r,e){t.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onMonthChange:function(a,r,e){t.setRangeStyle(e.input.classList.contains("start-input")?0:1)},onKeyDown:function(){o(t.element,t.mode)}};this.firstPicker=n(".".concat(this.rangePickerId,"-1-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-1-wrapper"))}));this.lastPicker=n(".".concat(this.rangePickerId,"-2-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-2-wrapper"))}));this.element.querySelectorAll(".flatpickr-weekday").forEach((function(t){t.innerHTML=t.innerHTML.trim().charAt(0)}))};t.prototype.onDateSelect=function(){var t=this.activeInput==="start-input";var a=this.firstPicker.selectedDates[0];var r=this.lastPicker.selectedDates[0];if(+a>+r){if(t){this.firstInputError=true;this.printDate(null,r||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,r||null)}};t.prototype.disableDates=function(t,a){var r=this;var e=this.element.getElementsByClassName("flatpickr-calendar")[a];Array.from(e.getElementsByClassName("flatpickr-day")).forEach((function(e){var i=r.getDateWithoutTime(r.replaceMonths(e.ariaLabel,null));var n=r.getDateWithoutTime(t);var o=a===0?i>n:i<n;if(o){e.classList.toggle("flatpickr-disabled",true)}else{e.classList.toggle("flatpickr-disabled",false)}}));o(this.element,this.mode)};t.prototype.formatDate=function(t){if(this.mode===s.DATE){return"".concat(n.formatDate(t,"d-m-Y"))}return"".concat(n.formatDate(t,"d-m-Y - H:i"))};t.prototype.printDate=function(t,a){var r=t?this.formatDate(t):null;var e=a?this.formatDate(a):null;this.dateSelect.emit([r,e])};t.prototype.getDateWithoutTime=function(t){var a=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return a};t.prototype.replaceMonths=function(t,a){var r=t.split(" ")[1];var e={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};var i=t.replace(r,e[r]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),a?parseInt(a.split(":")[0]):0,a?parseInt(a.split(":")[1]):0)};t.prototype.getFocusedInput=function(){var t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}};t.prototype.setRangeStyle=function(t){var a=this;Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((function(r){Array.from(r.getElementsByClassName("flatpickr-day")).forEach((function(r){var e=a.firstPicker.selectedDates.length===1;var i=a.lastPicker.selectedDates.length===1;var n;var o;var l=a.getDateWithoutTime(a.replaceMonths(r.ariaLabel,null));if(e){n=a.getDateWithoutTime(a.firstPicker.selectedDates[0]);if(+l===+n){r.classList.toggle("startRange",true)}else{r.classList.toggle("startRange",false)}}if(i){o=a.getDateWithoutTime(a.lastPicker.selectedDates[0]);if(+l===+o){r.classList.toggle("endRange",true)}else{r.classList.toggle("endRange",false)}}if(e&&i){if(l>n&&l<o){r.classList.toggle("inRange",true)}else{r.classList.toggle("inRange",false)}}if(t===0&&i){a.disableDates(a.lastPicker.selectedDates[0],t)}if(t===1&&e){a.disableDates(a.firstPicker.selectedDates[0],t)}}))}))};t.prototype.onStopTyping=function(t){var a=t.detail.value.replace("/","-");var r=a.split("-");var e=this.mode===s.DATE_TIME?"T".concat(r[3],":00"):"";var i="".concat(r[2],"-").concat(r[1],"-").concat(r[0]).concat(e).split(" ").join("");var n=l(a,this.mode===s.DATE_TIME);var o=Date.parse(i).toString();if(this.activeInput==="start-input"){if(a===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+o<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),null)}}}else if(a===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+o>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)};t.prototype.render=function(){var t;var a=this;var r={type:f.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return e("div",{key:"a53d148ab03744a1f3db628f7b246c24c5974c64",class:(t={},t["range-pickers-container"]=true,t[this.mode]=true,t[this.activeInput]=true,t[this.flatpickrPosition]=true,t)},e("div",{key:"b48ad8c0946dbf4d293ab727d48434377754bcd2",class:"".concat(this.rangePickerId,"-1-wrapper")},e("div",{key:"fdf59e2f5910fa066ab81ad9e43af5e88f26ec17",class:"".concat(this.rangePickerId,"-1-container")},e("z-input",Object.assign({key:"d850efc6a9d2d1405b201fc200cd1b624e0fd3db"},r,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:"start-input ".concat(this.rangePickerId,"-1"),ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&h.ERROR,onStartTyping:function(){a.firstInputError=false}})))),e("div",{key:"5d033db058bb143ac0cca9020605f6ab9153cc0d",class:"".concat(this.rangePickerId,"-2-wrapper")},e("div",{key:"eabdc4b1a5703a349c8b3d978970b77278352a53",class:"".concat(this.rangePickerId,"-2-container")},e("z-input",Object.assign({key:"bfd97975a2dd54710ce8da89c8debb68b7fc3af3"},r,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:"end-input ".concat(this.rangePickerId,"-2"),ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&h.ERROR,onStartTyping:function(){a.lastInputError=false}})))))};Object.defineProperty(t.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}},enumerable:false,configurable:true});return t}());b.style=k}}}));
-//# sourceMappingURL=p-2e0c2a2e.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZRangePickerStyle0","ZRangePicker","exports","ZRangePickerMode","DATE","ZDatePickerPosition","BOTTOM","class_1","prototype","handleClick","this","getFocusedInput","handleKeyDown","ev","currentPicker","activeInput","firstPicker","lastPicker","key","document","activeElement","classList","contains","concat","rangePickerId","_a","close","_b","open","isCrossIconEntered","firstInputError","_c","clear","printDate","_d","selectedDates","lastInputError","_e","_f","isPrevArrowEntered","isNextArrowEntered","arrowPressed","preventDefault","changeMonth","componentDidLoad","setupPickers","setupFirstPickersReadOnly","set","firstPickerReadOnly","setupLastPickersReadOnly","lastPickerReadOnly","_this","config","enableTime","mode","DATE_TIME","locale","Italian","allowInput","wrap","dateFormat","ariaDateFormat","minuteIncrement","time_24hr","onValueUpdate","firstInputActive","firstDate","lastDate","setRangeStyle","onChange","_selectedDates","_dateStr","instance","onDateSelect","input","onOpen","setAriaOptions","element","flatpickrPosition","setFlatpickrPosition","onYearChange","onMonthChange","onKeyDown","flatpickr","Object","assign","clickOpens","appendTo","querySelector","querySelectorAll","forEach","innerHTML","trim","charAt","disableDates","date","index","calendar","getElementsByClassName","Array","from","calendarDate","getDateWithoutTime","replaceMonths","ariaLabel","breakpoint","inRange","toggle","formatDate","firstDateString","lastDateString","dateSelect","emit","newDate","Date","getFullYear","getMonth","getDate","time","month","split","months","Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre","pieces","replace","parseInt","focusedZInput","closest","hasFirstDate","length","hasLastDate","onStopTyping","value","text","detail","englishData","englishParsedData","join","isValidDate","validateDate","parse","toString","setDate","render","zInputProps","type","InputType","TEXT","icon","tabindex","message","bind","h","class","_g","placeholder","firstPickerPlaceholder","readonly","firstAriaLabel","label","firstLabel","status","InputStatus","ERROR","onStartTyping","lastPickerPlaceholder","secondAriaLabel","secondLabel"],"sources":["src/components/date-picker/styles.css?tag=z-range-picker","src/components/date-picker/z-range-picker/index.tsx"],"sourcesContent":["@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/* stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming */\n\n:host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n  position: relative;\n}\n\nz-date-picker > div > * {\n  cursor: pointer !important;\n}\n\nz-range-picker {\n  position: relative;\n}\n\n.flatpickr-toggle-container {\n  width: fit-content;\n}\n\n.range-pickers-container > div {\n  position: relative;\n}\n\n.hidden-input {\n  position: absolute;\n  bottom: 0;\n  width: 0;\n  height: 0;\n  visibility: hidden !important;\n}\n\n/* Calendar container selectors */\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n  display: none;\n}\n\n.flatpickr-calendar {\n  position: absolute !important;\n  top: var(--z-range-picker--toggle-height) !important;\n  left: 0 !important;\n  padding-top: calc(var(--space-unit) * 2);\n  border-radius: 2px;\n  box-shadow: var(--shadow-2);\n  font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n  top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n  top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n  top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n  width: calc(var(--space-unit) * 42) !important;\n  max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n  box-sizing: border-box;\n  padding: 0 !important;\n  margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors */\n.flatpickr-months {\n  position: relative;\n  height: calc(var(--space-unit) * 6) !important;\n  align-items: center;\n  margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n  overflow: visible !important;\n  height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n  left: 0 !important;\n  display: flex !important;\n  width: fill-available;\n  height: calc(var(--space-unit) * 6);\n  align-items: baseline;\n  justify-content: space-evenly;\n  padding-top: 0;\n}\n\n/* Months arrows selectors */\n.flatpickr-next-month,\n.flatpickr-prev-month {\n  position: static !important;\n  display: flex;\n  width: calc(var(--space-unit) * 4) !important;\n  height: calc(var(--space-unit) * 4) !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n  margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n  margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n  border: none !important;\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n  outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n  fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n  fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors */\n.flatpickr-monthDropdown-months {\n  width: 108px !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  padding-left: var(--space-unit) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text) !important;\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors */\n.flatpickr-current-month > .numInputWrapper {\n  display: flex;\n  width: calc(var(--space-unit) * 10);\n  height: calc(var(--space-unit) * 5.5) !important;\n  background: var(--color-surface01) !important;\n  color: var(--color-default-text);\n  outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n  padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  text-align: center;\n}\n\n/* Weekdays selectors */\n.flatpickr-weekdays {\n  height: calc(var(--space-unit) * 6);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors */\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 6) !important;\n  max-width: 100% !important;\n  height: calc(var(--space-unit) * 6) !important;\n  border: none;\n  margin: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  font-size: var(--font-size-3) !important;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n  width: calc(var(--space-unit) * 6) !important;\n  border: none;\n  line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n  width: calc(var(--space-unit) * 14) !important;\n  padding: 0 !important;\n  border: 2px solid var(--color-surface01) !important;\n  line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n  color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n  border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n  font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors */\n.flatpickr-time {\n  display: block;\n  height: 90px !important;\n  max-height: 90px !important;\n  text-align: left;\n}\n\n.flatpickr-time::before {\n  display: block;\n  width: 100%;\n  padding-left: var(--space-unit);\n  color: var(--color-default-text) !important;\n  content: \"Orario\";\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n  margin: calc(var(--space-unit) * 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n  background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n  width: calc(var(--space-unit) * 10) !important;\n  height: calc(var(--space-unit) * 5.5) !important;\n  margin-right: var(--space-unit) !important;\n  margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n  display: flex;\n  height: calc(var(--space-unit) * 5.5) !important;\n  align-items: center;\n  justify-content: center;\n  font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n  font-size: var(--font-size-3) !important;\n  font-weight: var(--font-rg) !important;\n  outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n  outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors */\n.arrowUp,\n.arrowDown {\n  width: calc(var(--space-unit) * 2) !important;\n  height: calc(var(--space-unit) * 2) !important;\n  padding: 0 !important;\n  border: none !important;\n  opacity: 1 !important;\n}\n\n.arrowUp {\n  margin-top: calc(var(--space-unit) / 2) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n  top: auto !important;\n  margin-top: calc(var(--space-unit) * 3) !important;\n  margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n  border-color: var(--color-primary03) !important;\n  background-color: var(--color-primary03) !important;\n  border-radius: var(--border-radius);\n  color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n  border-color: var(--color-surface01) !important;\n  background-color: var(--color-surface01) !important;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2) !important;\n  color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n  padding: 2.5px !important;\n  border: solid var(--color-primary01) !important;\n  border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n  top: 0 !important;\n  margin-top: 6px !important;\n  margin-left: 5.5px !important;\n  transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n  top: 0 !important;\n  left: 5.5px !important;\n  margin-top: 4px !important;\n  transform: rotate(45deg);\n}\n\n/* range-date-picker selectors */\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n  border-color: var(--color-hover-primary) !important;\n  background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n  border-color: var(--color-primary03);\n  background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n  border-color: var(--color-primary01) !important;\n  background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n  cursor: pointer;\n}\n\n.range-pickers-container {\n  display: flex;\n  gap: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\n\nimport {InputStatus, InputType, ZDatePickerPosition, ZRangePickerMode} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n  tag: \"z-range-picker\",\n  styleUrl: \"../styles.css\",\n  shadow: false,\n})\nexport class ZRangePicker {\n  @Element() element: HTMLZRangePickerElement;\n\n  /** unique id */\n  @Prop()\n  rangePickerId: string;\n\n  /** first z-input aria label */\n  @Prop()\n  firstAriaLabel?: string;\n\n  /** first z-input label */\n  @Prop()\n  firstLabel?: string;\n\n  /** second z-input aria label */\n  @Prop()\n  secondAriaLabel?: string;\n\n  /** second z-input label */\n  @Prop()\n  secondLabel?: string;\n\n  /** [Optional] datepicker mode: date or datetime */\n  @Prop()\n  mode: ZRangePickerMode = ZRangePickerMode.DATE;\n\n  /** readonly mode */\n  @Prop()\n  firstPickerReadOnly = false;\n\n  /** readonly mode */\n  @Prop()\n  lastPickerReadOnly = false;\n\n  /** readonly mode */\n  @Prop()\n  firstPickerPlaceholder = \"\";\n\n  /** readonly mode */\n  @Prop()\n  lastPickerPlaceholder = \"\";\n\n  @State()\n  flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n  @State()\n  activeInput = \"start-input\";\n\n  @State()\n  firstInputError = false;\n\n  @State()\n  lastInputError = false;\n\n  private firstPicker;\n\n  private lastPicker;\n\n  /** emitted when date changes, returns an array with the two selected dates */\n  @Event()\n  dateSelect: EventEmitter;\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClick(): void {\n    this.getFocusedInput();\n  }\n\n  @Listen(\"keyup\", {target: \"body\", capture: true})\n  handleKeyDown(ev: KeyboardEvent): void {\n    const currentPicker = this.activeInput === \"start-input\" ? this.firstPicker : this.lastPicker;\n\n    this.getFocusedInput();\n\n    if (ev.key === \"Escape\") {\n      document.activeElement.classList.contains(`${this.rangePickerId}-1`) && this.firstPicker?.close();\n\n      document.activeElement.classList.contains(`${this.rangePickerId}-2`) && this.lastPicker?.close();\n    }\n\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      if (\n        document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||\n        document.activeElement.classList.contains(`${this.rangePickerId}-2`)\n      ) {\n        currentPicker?.open();\n      }\n\n      const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n      if (isCrossIconEntered) {\n        if (this.activeInput === \"start-input\") {\n          this.firstInputError = false;\n          this.firstPicker?.clear();\n          this.printDate(null, this.lastPicker?.selectedDates[0] || null);\n        }\n        if (this.activeInput === \"end-input\") {\n          this.lastInputError = false;\n          this.firstPicker?.clear();\n          this.printDate(this.firstPicker?.selectedDates[0] || null, null);\n        }\n      }\n\n      const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n      const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n      const arrowPressed = isPrevArrowEntered || isNextArrowEntered;\n\n      arrowPressed && ev.key === \" \" && ev.preventDefault();\n\n      isPrevArrowEntered && currentPicker?.changeMonth(-1);\n      isNextArrowEntered && currentPicker?.changeMonth(1);\n    }\n  }\n\n  componentDidLoad(): void {\n    this.setupPickers();\n  }\n\n  @Watch(\"firstPickerReadOnly\")\n  setupFirstPickersReadOnly(): void {\n    this.firstPicker?.set(\"clickOpens\", !this.firstPickerReadOnly);\n  }\n\n  @Watch(\"lastPickerReadOnly\")\n  setupLastPickersReadOnly(): void {\n    this.lastPicker?.set(\"clickOpens\", !this.lastPickerReadOnly);\n  }\n\n  @Watch(\"mode\")\n  setupPickers(): void {\n    const config = {\n      enableTime: this.mode === ZRangePickerMode.DATE_TIME,\n      locale: Italian,\n      allowInput: true,\n      wrap: true,\n      dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n      ariaDateFormat: \"d F Y\",\n      minuteIncrement: 1,\n      // eslint-disable-next-line @typescript-eslint/naming-convention\n      time_24hr: true,\n      onValueUpdate: () => {\n        const firstInputActive = this.activeInput === \"start-input\";\n        const firstDate = this.firstPicker.selectedDates[0];\n        const lastDate = this.lastPicker.selectedDates[0];\n\n        if (+firstDate > +lastDate) {\n          if (firstInputActive) {\n            this.firstInputError = true;\n            this.printDate(null, lastDate || null);\n          } else {\n            this.lastInputError = true;\n            this.printDate(firstDate || null, null);\n          }\n        } else {\n          this.lastInputError = false;\n          this.firstInputError = false;\n          this.printDate(firstDate || null, lastDate || null);\n        }\n        this.setRangeStyle(0);\n        this.setRangeStyle(1);\n      },\n      onChange: (_selectedDates, _dateStr, instance) => {\n        this.onDateSelect();\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onOpen: (_selectedDates, _dateStr, instance) => {\n        setAriaOptions(this.element, this.mode);\n        this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n        this.getFocusedInput();\n      },\n      onYearChange: (_selectedDates, _dateStr, instance) => {\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onMonthChange: (_selectedDates, _dateStr, instance) => {\n        this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n      },\n      onKeyDown: () => {\n        setAriaOptions(this.element, this.mode);\n      },\n    };\n\n    this.firstPicker = flatpickr(`.${this.rangePickerId}-1-container`, {\n      ...{...config, clickOpens: !this.firstPickerReadOnly},\n      mode: \"single\",\n      appendTo: this.element.querySelector(`.${this.rangePickerId}-1-wrapper`),\n    });\n    this.lastPicker = flatpickr(`.${this.rangePickerId}-2-container`, {\n      ...{...config, clickOpens: !this.lastPickerReadOnly},\n      mode: \"single\",\n      appendTo: this.element.querySelector(`.${this.rangePickerId}-2-wrapper`),\n    });\n\n    this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n      element.innerHTML = element.innerHTML.trim().charAt(0);\n    });\n  }\n\n  private onDateSelect(): void {\n    const firstInputActive = this.activeInput === \"start-input\";\n    const firstDate = this.firstPicker.selectedDates[0];\n    const lastDate = this.lastPicker.selectedDates[0];\n\n    if (+firstDate > +lastDate) {\n      if (firstInputActive) {\n        this.firstInputError = true;\n        this.printDate(null, lastDate || null);\n      } else {\n        this.lastInputError = true;\n        this.printDate(firstDate || null, null);\n      }\n    } else {\n      this.lastInputError = false;\n      this.firstInputError = false;\n      this.printDate(firstDate || null, lastDate || null);\n    }\n  }\n\n  private disableDates(date, index): void {\n    const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[index];\n\n    Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n      const calendarDate = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n      const breakpoint = this.getDateWithoutTime(date);\n      const inRange = index === 0 ? calendarDate > breakpoint : calendarDate < breakpoint;\n\n      if (inRange) {\n        element.classList.toggle(\"flatpickr-disabled\", true);\n      } else {\n        element.classList.toggle(\"flatpickr-disabled\", false);\n      }\n    });\n    setAriaOptions(this.element, this.mode);\n  }\n\n  private formatDate(date): string {\n    if (this.mode === ZRangePickerMode.DATE) {\n      return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n    }\n\n    return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n  }\n\n  private printDate(firstDate, lastDate): void {\n    const firstDateString = firstDate ? this.formatDate(firstDate) : null;\n    const lastDateString = lastDate ? this.formatDate(lastDate) : null;\n\n    this.dateSelect.emit([firstDateString, lastDateString]);\n  }\n\n  private getDateWithoutTime(date): Date {\n    const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0);\n\n    return newDate;\n  }\n\n  /** Replace month word to month number */\n  private replaceMonths(date, time): Date {\n    const month = date.split(\" \")[1];\n    const months = {\n      /* eslint-disable @typescript-eslint/naming-convention */\n      Gennaio: \"01\",\n      Febbraio: \"02\",\n      Marzo: \"03\",\n      Aprile: \"04\",\n      Maggio: \"05\",\n      Giugno: \"06\",\n      Luglio: \"07\",\n      Agosto: \"08\",\n      Settembre: \"09\",\n      Ottobre: \"10\",\n      Novembre: \"11\",\n      Dicembre: \"12\",\n      /* eslint-enable @typescript-eslint/naming-convention */\n    };\n\n    const pieces = date.replace(month, months[month]).split(\" \");\n\n    return new Date(\n      parseInt(pieces[2]),\n      parseInt(pieces[1]) - 1,\n      parseInt(pieces[0]),\n      time ? parseInt(time.split(\":\")[0]) : 0,\n      time ? parseInt(time.split(\":\")[1]) : 0\n    );\n  }\n\n  /** Get the current focused input, first or last */\n  private getFocusedInput(): string {\n    const focusedZInput = document.activeElement.closest(\"z-input\");\n    if (!focusedZInput) {\n      return;\n    }\n\n    if (focusedZInput?.classList.contains(\"start-input\")) {\n      this.activeInput = \"start-input\";\n    } else if (focusedZInput.classList.contains(\"end-input\")) {\n      this.activeInput = \"end-input\";\n    }\n  }\n\n  /** Set style of the days between the two selected dates */\n  private setRangeStyle(index): void {\n    Array.from(this.element.getElementsByClassName(\"flatpickr-calendar\")).forEach((element: Element) => {\n      Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n        const hasFirstDate = this.firstPicker.selectedDates.length === 1;\n        const hasLastDate = this.lastPicker.selectedDates.length === 1;\n        let firstDate;\n        let lastDate;\n        const date = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n        if (hasFirstDate) {\n          firstDate = this.getDateWithoutTime(this.firstPicker.selectedDates[0]);\n          if (+date === +firstDate) {\n            element.classList.toggle(\"startRange\", true);\n          } else {\n            element.classList.toggle(\"startRange\", false);\n          }\n        }\n\n        if (hasLastDate) {\n          lastDate = this.getDateWithoutTime(this.lastPicker.selectedDates[0]);\n          if (+date === +lastDate) {\n            element.classList.toggle(\"endRange\", true);\n          } else {\n            element.classList.toggle(\"endRange\", false);\n          }\n        }\n\n        if (hasFirstDate && hasLastDate) {\n          if (date > firstDate && date < lastDate) {\n            element.classList.toggle(\"inRange\", true);\n          } else {\n            element.classList.toggle(\"inRange\", false);\n          }\n        }\n\n        if (index === 0 && hasLastDate) {\n          this.disableDates(this.lastPicker.selectedDates[0], index);\n        }\n        if (index === 1 && hasFirstDate) {\n          this.disableDates(this.firstPicker.selectedDates[0], index);\n        }\n      });\n    });\n  }\n\n  private onStopTyping(value): void {\n    const text = value.detail.value.replace(\"/\", \"-\");\n    const englishData = text.split(\"-\");\n    const time = this.mode === ZRangePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n    const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n    const isValidDate = validateDate(text, this.mode === ZRangePickerMode.DATE_TIME);\n\n    const date = Date.parse(englishParsedData).toString();\n\n    if (this.activeInput === \"start-input\") {\n      if (text === \"\") {\n        this.firstInputError = false;\n        this.firstPicker.setDate([]);\n        this.printDate(null, this.lastPicker.selectedDates[0] || null);\n      } else if (!isValidDate) {\n        this.firstInputError = true;\n        this.printDate(null, this.lastPicker.selectedDates[0] || null);\n      } else if (isValidDate) {\n        if (this.lastPicker.selectedDates.length === 1) {\n          if (+date <= +this.lastPicker.selectedDates[0]) {\n            this.firstInputError = false;\n            this.firstPicker.setDate([text]);\n            this.printDate(new Date(englishParsedData), this.lastPicker.selectedDates[0]);\n          } else {\n            this.firstInputError = true;\n            this.printDate(null, this.lastPicker.selectedDates[0]);\n          }\n        } else {\n          this.firstInputError = false;\n          this.firstPicker.setDate([text]);\n          this.printDate(new Date(englishParsedData), null);\n        }\n      }\n    } else if (text === \"\") {\n      this.lastInputError = false;\n      this.lastPicker.setDate([]);\n      this.printDate(this.firstPicker.selectedDates[0] || null, null);\n    } else if (!isValidDate) {\n      this.lastInputError = true;\n      this.printDate(this.firstPicker.selectedDates[0] || null, null);\n    } else if (isValidDate) {\n      if (this.firstPicker.selectedDates.length === 1) {\n        if (+date >= +this.firstPicker.selectedDates[0]) {\n          this.lastInputError = false;\n          this.lastPicker.setDate([text]);\n          this.printDate(this.firstPicker.selectedDates[0], new Date(englishParsedData));\n        } else {\n          this.lastInputError = true;\n          this.printDate(this.firstPicker.selectedDates[0], null);\n        }\n      } else {\n        this.lastInputError = false;\n        this.lastPicker.setDate([text]);\n        this.printDate(null, new Date(englishParsedData));\n      }\n    }\n\n    this.setRangeStyle(this.activeInput === \"start-input\" ? 0 : 1);\n  }\n\n  render(): HTMLDivElement {\n    const zInputProps = {\n      type: InputType.TEXT,\n      icon: \"event\",\n      tabindex: \"0\",\n      message: false,\n      onStopTyping: this.onStopTyping.bind(this),\n      value: \"\",\n    };\n\n    return (\n      <div\n        class={{\n          [\"range-pickers-container\"]: true,\n          [this.mode]: true,\n          [this.activeInput]: true,\n          [this.flatpickrPosition]: true,\n        }}\n      >\n        <div class={`${this.rangePickerId}-1-wrapper`}>\n          <div class={`${this.rangePickerId}-1-container`}>\n            <z-input\n              {...zInputProps}\n              placeholder={this.firstPickerPlaceholder}\n              readonly={this.firstPickerReadOnly}\n              data-input=\"data-input\"\n              class={`start-input ${this.rangePickerId}-1`}\n              ariaLabel={this.firstAriaLabel}\n              label={this.firstLabel}\n              status={this.firstInputError && InputStatus.ERROR}\n              onStartTyping={() => {\n                this.firstInputError = false;\n              }}\n            />\n          </div>\n        </div>\n        <div class={`${this.rangePickerId}-2-wrapper`}>\n          <div class={`${this.rangePickerId}-2-container`}>\n            <z-input\n              {...zInputProps}\n              placeholder={this.lastPickerPlaceholder}\n              readonly={this.lastPickerReadOnly}\n              data-input=\"data-input\"\n              class={`end-input ${this.rangePickerId}-2`}\n              ariaLabel={this.secondAriaLabel}\n              label={this.secondLabel}\n              status={this.lastInputError && InputStatus.ERROR}\n              onStartTyping={() => {\n                this.lastInputError = false;\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var e,n,s,i;return{setters:[function(t){e=t.r;n=t.h;s=t.g},function(t){i=t.s}],execute:function(){var o=':host{position:fixed;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position="bottom-centre"]),:host([position="bottom-right"]),:host([position="bottom-left"]){bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="top-left"]),:host([position="top-right"]),:host([position="top-centre"]){top:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position="top-centre"]){top:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="top-left"]){top:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}:host([position="top-right"]){top:0;right:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom-centre"]){bottom:0;left:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([position="bottom-right"]){right:0;bottom:0;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="bottom-left"]){bottom:0;left:0;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}';var a=o;var l=t("z_toast_notification_list",function(){function t(t){e(this,t);this.position=i.TOP_RIGHT;this.newestontop=true}t.prototype.watchPropNewestontop=function(t){var e;(e=this.hostElement).append.apply(e,this.notificationArray.reverse());if(t){this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}else{this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}};t.prototype.componentWillLoad=function(){if(this.newestontop){this.handleNewestOnTop()}};t.prototype.handleNewestOnTop=function(){var t;this.notificationArray=Array.from(this.hostElement.children);(t=this.hostElement).append.apply(t,this.notificationArray.reverse());this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler.bind(this))};t.prototype.slotChangeHandler=function(){var t=this;var e=Array.from(this.hostElement.children).filter((function(e){return!t.notificationArray.includes(e)}));if(e){e.forEach((function(e){t.notificationArray.push(e);var n=e;e.remove();t.hostElement.prepend(n)}))}};t.prototype.render=function(){return n("slot",{key:"fcca8c71a9eca7ada8de9d23d4930ec6796b2925",name:"toasts"})};Object.defineProperty(t.prototype,"hostElement",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{newestontop:["watchPropNewestontop"]}},enumerable:false,configurable:true});return t}());l.style=a}}}));
-//# sourceMappingURL=p-328b5a16.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZToastNotificationListStyle0","ZToastNotificationList","exports","ToastNotificationPosition","TOP_RIGHT","class_1","prototype","watchPropNewestontop","newValue","_a","this","hostElement","append","apply","notificationArray","reverse","shadowRoot","addEventListener","slotChangeHandler","removeEventListener","componentWillLoad","newestontop","handleNewestOnTop","Array","from","children","bind","_this","difference","filter","elem","includes","forEach","push","newElem","remove","prepend","render","h","key","name"],"sources":["src/components/z-toast-notification-list/styles.css?tag=z-toast-notification-list&encapsulation=shadow","src/components/z-toast-notification-list/index.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  z-index: 10000;\n  display: flex;\n  flex-flow: column nowrap;\n  margin-top: calc(var(--space-unit) * 2);\n  margin-bottom: calc(var(--space-unit) * 2);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n::slotted(z-toast-notification) {\n  width: 100vw;\n}\n\n::slotted(:not(:last-child)) {\n  margin-bottom: calc(var(--space-unit) * 1);\n}\n\n:host([position=\"bottom-centre\"]),\n:host([position=\"bottom-right\"]),\n:host([position=\"bottom-left\"]) {\n  bottom: 0;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n:host([position=\"top-left\"]),\n:host([position=\"top-right\"]),\n:host([position=\"top-centre\"]) {\n  top: 0;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  :host {\n    margin: calc(var(--space-unit) * 3);\n  }\n\n  :host([position=\"top-centre\"]) {\n    top: 0;\n    left: 50%;\n    align-items: center;\n    justify-content: flex-start;\n    transform: translateX(-50%);\n  }\n\n  :host([position=\"top-left\"]) {\n    top: 0;\n    left: 0;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n\n  :host([position=\"top-right\"]) {\n    top: 0;\n    right: 0;\n    align-items: flex-end;\n    justify-content: flex-start;\n  }\n\n  :host([position=\"bottom-centre\"]) {\n    bottom: 0;\n    left: 50%;\n    align-items: center;\n    justify-content: flex-end;\n    transform: translateX(-50%);\n  }\n\n  :host([position=\"bottom-right\"]) {\n    right: 0;\n    bottom: 0;\n    align-items: flex-end;\n    justify-content: flex-end;\n  }\n\n  :host([position=\"bottom-left\"]) {\n    bottom: 0;\n    left: 0;\n    align-items: flex-start;\n    justify-content: flex-end;\n  }\n\n  ::slotted(z-toast-notification) {\n    width: 50vw;\n  }\n}\n\n/* Wide breakpoint */\n@media only screen and (min-width: 1366px) {\n  :host {\n    margin: calc(var(--space-unit) * 4);\n  }\n\n  ::slotted(z-toast-notification) {\n    width: 33vw;\n  }\n}\n","import {Component, Element, Prop, Watch, h} from \"@stencil/core\";\nimport {ToastNotificationPosition} from \"../../beans\";\n\n@Component({\n  tag: \"z-toast-notification-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToastNotificationList {\n  @Element() hostElement: HTMLZToastNotificationListElement;\n\n  /**Set the position of toast notification list - top-left, top-centre, top-right, bottom-left, bottom-centre, bottom-right */\n  @Prop({reflect: true})\n  position: ToastNotificationPosition = ToastNotificationPosition.TOP_RIGHT;\n\n  /**Set the entry position of new notification in the list */\n  @Prop()\n  newestontop?: boolean = true;\n\n  private notificationArray: Element[];\n\n  @Watch(\"newestontop\")\n  watchPropNewestontop(newValue: boolean): void {\n    this.hostElement.append(...this.notificationArray.reverse());\n    if (newValue) {\n      this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler);\n    } else {\n      this.hostElement.shadowRoot.removeEventListener(\"slotchange\", this.slotChangeHandler);\n    }\n  }\n\n  componentWillLoad(): void {\n    if (this.newestontop) {\n      this.handleNewestOnTop();\n    }\n  }\n\n  private handleNewestOnTop(): void {\n    this.notificationArray = Array.from(this.hostElement.children);\n    this.hostElement.append(...this.notificationArray.reverse());\n    this.hostElement.shadowRoot.addEventListener(\"slotchange\", this.slotChangeHandler.bind(this));\n  }\n\n  private slotChangeHandler(): void {\n    const difference = Array.from(this.hostElement.children).filter((elem) => !this.notificationArray.includes(elem));\n    if (difference) {\n      difference.forEach((elem) => {\n        this.notificationArray.push(elem);\n        const newElem = elem;\n        elem.remove();\n        this.hostElement.prepend(newElem);\n      });\n    }\n  }\n\n  render(): HTMLSlotElement {\n    return <slot name=\"toasts\"></slot>;\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAY,q5DAClB,IAAAC,EAAeD,E,ICOFE,EAAsBC,EAAA,uC,sCAKKC,EAA0BC,U,iBAIxC,I,CAKxBC,EAAAC,UAAAC,qBAAA,SAAqBC,G,OACnBC,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClD,GAAIP,EAAU,CACZE,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kB,KAC3D,CACLR,KAAKC,YAAYK,WAAWG,oBAAoB,aAAcT,KAAKQ,kB,GAIvEb,EAAAC,UAAAc,kBAAA,WACE,GAAIV,KAAKW,YAAa,CACpBX,KAAKY,mB,GAIDjB,EAAAC,UAAAgB,kBAAA,W,MACNZ,KAAKI,kBAAoBS,MAAMC,KAAKd,KAAKC,YAAYc,WACrDhB,EAAAC,KAAKC,aAAYC,OAAMC,MAAAJ,EAAIC,KAAKI,kBAAkBC,WAClDL,KAAKC,YAAYK,WAAWC,iBAAiB,aAAcP,KAAKQ,kBAAkBQ,KAAKhB,M,EAGjFL,EAAAC,UAAAY,kBAAA,eAAAS,EAAAjB,KACN,IAAMkB,EAAaL,MAAMC,KAAKd,KAAKC,YAAYc,UAAUI,QAAO,SAACC,GAAS,OAACH,EAAKb,kBAAkBiB,SAASD,EAAjC,IAC1E,GAAIF,EAAY,CACdA,EAAWI,SAAQ,SAACF,GAClBH,EAAKb,kBAAkBmB,KAAKH,GAC5B,IAAMI,EAAUJ,EAChBA,EAAKK,SACLR,EAAKhB,YAAYyB,QAAQF,E,MAK/B7B,EAAAC,UAAA+B,OAAA,WACE,OAAOC,EAAA,QAAAC,IAAA,2CAAMC,KAAK,U,sQAhDa,I","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-b3ea380b.system.js","./p-d91b26d9.system.js"],(function(t){"use strict";var e,i,n,o,a,s,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.g},function(t){a=t.X;s=t._;l=t.e}],execute:function(){var r=':host{display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:var(--border-radius)}:host>article{width:304px;min-height:686px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--space-unit) 0;border:solid var(--border-size-medium) var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-default-text);font-family:var(--font-family-sans)}:host>article .main-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--space-unit) * 2)}:host>article .main-content .cover{display:-ms-flexbox;display:flex;overflow:hidden;height:378px;margin:0 var(--space-unit);border-radius:var(--border-radius)}:host>article .main-content .cover img{max-width:100%;max-height:100%;-ms-flex-item-align:end;align-self:end}:host>article .main-content .card-info{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;gap:calc(var(--space-unit) * 2)}:host>article .main-content .card-info .book-data{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--space-unit);gap:var(--space-unit)}:host>article .main-content .card-info .book-data .authors-title-cta-section{display:grid;-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit);grid-template-areas:"authors authors"\n    "title cta";grid-template-columns:auto 24px}:host>article .main-content .card-info .book-data .authors-title-cta-section .authors{display:-webkit-box;overflow:hidden;height:20px;margin-bottom:calc(var(--space-unit) / 2);-webkit-box-orient:vertical;grid-area:authors;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .authors-title-cta-section .opera-title{display:-webkit-box;overflow:hidden;height:54px;-webkit-box-orient:vertical;grid-area:title;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis}:host>article .main-content .card-info .book-data .authors-title-cta-section .opera-title *{all:unset}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section{margin-bottom:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .volume-title{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .isbn{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags{display:-ms-flexbox;display:flex;overflow:hidden;height:22px;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:center;align-items:center;padding:var(--space-unit);margin:calc(calc(var(--space-unit) / 2) * -1) calc(var(--space-unit) * -1) 0;gap:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.active{--z-tag-bg:var(--color-primary03);--z-tag-text-color:var(--color-default-text)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.disabled{--z-tag-bg:var(--color-surface03);--z-tag-text-color:var(--color-default-text)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.interactive{cursor:pointer}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host>article .main-content .card-info .book-data .isbn-tags-link-section .link-section{display:-ms-flexbox;display:flex;height:24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .link-section .adoption-tag{padding:calc(var(--space-unit) / 2) var(--space-unit);background-color:var(--green100);border-radius:100px;text-transform:uppercase}:host>article .main-content .card-info .ebook-container{height:64px}:host>article .main-content .card-info .ebook-container .ebook{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:calc(var(--space-unit) * 2) var(--space-unit);background-color:var(--color-primary02);border-radius:var(--border-radius);gap:var(--space-unit)}:host>article .main-content .card-info .ebook-container .ebook .app-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:calc(var(--space-unit) / 2) 0;font-family:var(--font-family-serif);gap:calc(var(--space-unit) / 2)}:host>article .main-content .card-info .ebook-container .ebook .app-name .ebook-logo{content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}:host>article .main-content .card-info .ebook-container .ebook .app-name .laz{color:var(--red500)}::slotted([slot="cta"]){grid-area:cta}:host>article.landscape{width:635px;min-height:332px;max-height:428px;padding:0}:host>article.landscape .main-content{height:296px;-ms-flex-direction:row;flex-direction:row;padding:calc(var(--space-unit) * 2)}:host>article.landscape .main-content .cover{display:-ms-flexbox;display:flex;overflow:hidden;width:221px;height:auto;margin:0}:host>article.landscape .main-content .card-info .book-data{margin:0;gap:unset}:host>article.landscape .main-content .card-info .book-data .authors-title-cta-section{-webkit-column-gap:calc(var(--space-unit) * 2);-moz-column-gap:calc(var(--space-unit) * 2);column-gap:calc(var(--space-unit) * 2);grid-template-areas:"authors cta"\n    "title title"}:host>article.landscape .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags{margin:calc(calc(var(--space-unit) / 2) * -1) calc(var(--space-unit) * -1)}:host>article.landscape .main-content .card-info .ebook-container{height:76px}:host>article.landscape .main-content .card-info .ebook-container .ebook{padding:var(--space-unit)}';var c=r;var f="button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.5em;-moz-column-gap:0.5em;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus,button.z-link:focus,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus,button.z-link:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{-webkit-box-shadow:none;box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus,button.z-link:focus,a.z-link.z-link-active:focus,button.z-link.z-link-active:focus,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus,button.z-link.z-link-blue:focus{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus,button.z-link.z-link-red:focus{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus,button.z-link.z-link-inverse:focus{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}";var d=f;var b=':root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 0.9166 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.1904 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}';var h=b;var g=t("z_book_card",function(){function t(t){e(this,t);this.tagClick=i(this,"tagClick",7);this.catalogClick=i(this,"catalogClick",7);this.ebookClick=i(this,"ebookClick",7);this.immersiveReaderClick=i(this,"immersiveReaderClick",7);this.variant=a.PORTRAIT;this.cover=undefined;this.authors=undefined;this.operaTitle=undefined;this.volumeTitle=undefined;this.isbn=undefined;this.isbnLabel="";this.edi=undefined;this.annotated=undefined;this.teacherVersion=undefined;this.adoption=false;this.catalogUrl=undefined;this.ebookUrl=undefined;this.fallbackCover=undefined;this.operaTitleHtmlTag=undefined;this.ediTag=undefined;this.annotatedTag=undefined;this.teacherVersionTag=undefined}t.prototype.watchEdi=function(){this.ediTag=typeof this.edi==="string"?JSON.parse(this.edi):this.edi};t.prototype.watchAnnotated=function(){this.annotatedTag=typeof this.annotated==="string"?JSON.parse(this.annotated):this.annotated};t.prototype.watchTeacherVersion=function(){this.teacherVersionTag=typeof this.teacherVersion==="string"?JSON.parse(this.teacherVersion):this.teacherVersion};t.prototype.componentWillLoad=function(){this.watchEdi();this.watchAnnotated();this.watchTeacherVersion()};t.prototype.emitTagClick=function(t){this.tagClick.emit(t)};t.prototype.emitCatalogClick=function(){this.catalogClick.emit()};t.prototype.emitEbookClick=function(){this.ebookClick.emit()};t.prototype.emitImmersiveReaderClick=function(){this.immersiveReaderClick.emit()};t.prototype.renderOperaTitle=function(){var t=this.operaTitleHtmlTag?"<".concat(this.operaTitleHtmlTag,">").concat(this.operaTitle,"</").concat(this.operaTitleHtmlTag,">"):this.operaTitle;return n("div",{class:"opera-title body-2-sb",innerHTML:t})};t.prototype.renderIsbnLabel=function(){return this.isbnLabel?n("span",{class:"body-4"},this.isbnLabel):null};t.prototype.renderTag=function(t,e,i){var o;var a=this;return n("z-tag",{class:(o={},o[e.status]=true,o.interactive=e.interactive,o),role:e.interactive?"button":undefined,tabIndex:e.interactive?0:undefined,onClick:function(){return e.interactive&&a.emitTagClick({tag:i,state:e.status})},onKeyUp:function(t){return e.interactive&&t.key==="Enter"&&a.emitTagClick({tag:i,state:e.status})}},t)};t.prototype.renderTags=function(){var t=[];if(this.edi&&Object.values(s).includes(this.ediTag.status)){t.push(this.renderTag("edi",this.ediTag,"edi"))}if(this.annotated&&Object.values(s).includes(this.annotatedTag.status)){t.push(this.renderTag("annotata",this.annotatedTag,"annotated"))}if(this.teacherVersion&&Object.values(s).includes(this.teacherVersionTag.status)){t.push(this.renderTag("versione insegnante",this.teacherVersionTag,"teacherVersion"))}if(t.length>0){return t}return null};t.prototype.renderCover=function(){var t=this;return n("div",{class:"cover"},n("img",{src:this.cover,onError:function(){if(t.fallbackCover){t.cover=t.fallbackCover}},"aria-hidden":"true"}))};t.prototype.render=function(){var t;var e=this;return n("article",{key:"a2b8d8a72f3868b6e846e552aa6b48012334b15b",class:(t={},t[this.variant]=true,t)},n("div",{key:"24c08d9d84dc669395b1c255f6730a7a9d536886",class:"main-content"},this.renderCover(),n("div",{key:"91389d7afb5971377c098cf8fb2dee3c870e870c",class:"card-info"},n("div",{key:"3802460d92d4324c032ec3de0b978ce346b46827",class:"book-data"},n("div",{key:"e901801f93e778721b5def9c2cea89e4ae86a500",class:"authors-title-cta-section"},n("div",{key:"44367ab6d0cdbe447133018b5dc3a6b77c6a6a51",class:"authors body-4","aria-description":"autori"},this.authors),this.renderOperaTitle(),n("slot",{key:"50b0ac7e8dfbc13601e9e89077b8f42345af6633",name:"cta"})),n("div",{key:"8a537e6ceb34a39ff9b0c2402e0d0a8ca09fda36",class:"isbn-tags-link-section"},n("div",{key:"8fe9ab44fe6023b1c4239a0df7af05b93d9e6684",class:"isbn-tags-section"},n("div",{key:"718d0984d6b8b856e784ba910327a91b160b915e",class:"volume-title body-4"},this.volumeTitle),n("div",{key:"db66e0b7d648cae395ed29eb010d568a181f5544",class:"isbn body-4-sb","aria-description":"isbn ".concat(this.isbnLabel)},this.isbn," ",this.renderIsbnLabel()),n("div",{key:"70aeccbe9e186547b4b750a99e5509c2efa927d4",class:"tags"},this.renderTags())),n("div",{key:"6764f5d95bf2ebf570087bb625bbda046578549a",class:"link-section"},n("div",{key:"07bca683d50d1c8982b1904f856b37acbb2a94bd",class:"catalog-link"},this.catalogUrl&&n("a",{key:"6faca33c8d1f2173135105befc9b4fbee5855c52",href:this.catalogUrl,target:"_blank",class:"z-link z-link-blue z-link-icon body-4-sb",onClick:function(){return e.emitCatalogClick()}},"Scheda catalogo",n("z-icon",{key:"22cddd865dddf80e9a650a607ce6d64ca6d948f9",name:"arrow-quad-north-east",height:16,width:16,fill:"color-primary01-icon"}))),this.adoption&&n("div",{key:"995c42cf714d22b150e8e02a6268cef1d3574541",class:"adoption-tag body-5-sb"},"adottato")))),n("div",{key:"6fc66aefd3283743ec694bada263ffd8983b7eb8",class:"ebook-container"},n("slot",{key:"d9abf1a8dc88aaea97f71c549494e659429ee8a2",name:"ebook"},this.ebookUrl&&n("div",{key:"908353624cc50d5c8aea7e8c57f99e377a179fca",class:"ebook"},n("div",{key:"f0958bbf194b6fb6feed8fcc6ab9505706d15010"},n("div",{key:"3db12530a458250e7307fd9d33eb48e1f3cc8d18",class:"app-name"},n("img",{key:"ada52e2efaa84e29e8ba790572a88ee3b4b23166",class:"ebook-logo","aria-hidden":"true"}),n("div",{key:"9c56a0a269f6b41486ea4e88482f2e160a381f47",class:"body-4-sb"},n("span",{key:"db6def7b5672dc9877711e275ebee9a8fece0e82",class:"laz"},"laZ")," Ebook")),this.variant===a.LANDSCAPE&&n("div",{key:"5daa3a7f9a261c189387e13d6b41d8bbb5db4c63",class:"body-5"},"Anche nella versione libro liquido con"," ",n("button",{key:"1e5359de3842dd1d609aef58b7dfa9d64ca13692",class:"body-5-sb immersive-reader z-link",onClick:function(){return e.emitImmersiveReaderClick()},tabIndex:0},"strumento di lettura immersiva"))),n("z-button",{key:"b4f8f376351891c9ff4ef1ee13f6afb26e24713d",size:l.X_SMALL,href:this.ebookUrl,target:"_blank",onClick:function(){return e.emitEbookClick()},role:"link","aria-description":"leggi l'ebook ".concat(this.operaTitle," su laZ Ebook")},"leggi ebook")))))),n("slot",{key:"98f64442f263ad3bb1f596d87194b78dc091e782",name:"apps"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{edi:["watchEdi"],annotated:["watchAnnotated"],teacherVersion:["watchTeacherVersion"]}},enumerable:false,configurable:true});return t}());g.style=c+(d+h)}}}));
-//# sourceMappingURL=p-33650038.system.entry.js.map