npm - @zanichelli/albe-web-components - Versions diffs - 19.2.1 → 19.2.3-RC1 - Mend

@zanichelli/albe-web-components 19.2.1 → 19.2.3-RC1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1554) hide show

package/www/build/p-7a4f6a5b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZInfoBoxStyle0","ZInfoBox","emitInfoBoxClose","this","infoBoxClose","emit","boxid","render","h","key","id","name","isclosable","onClick"],"sources":["src/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","src/components/z-info-box/index.tsx"],"sourcesContent":[":host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n display: flex;\n width: inherit;\n padding: calc(var(--space-unit) * 2);\n background: var(--color-primary03);\n border-radius: var(--border-radius);\n}\n\n:host > div > slot {\n color: var(--color-default-text);\n font-size: 14px;\n}\n\n:host > div > z-icon {\n margin-left: calc(var(--space-unit) * 2);\n cursor: pointer;\n fill: var(--color-primary01);\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot content - set the info box content\n */\n@Component({\n tag: \"z-info-box\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZInfoBox {\n /** info box unique id */\n @Prop()\n boxid: string;\n\n /** render close icon flag */\n @Prop()\n isclosable = true;\n\n /** emitted on close icon click */\n @Event()\n infoBoxClose: EventEmitter;\n\n private emitInfoBoxClose(): void {\n this.infoBoxClose.emit({boxid: this.boxid});\n }\n\n render(): HTMLDivElement {\n return (\n <div id={this.boxid}>\n <slot name=\"content\" />\n {this.isclosable && (\n <z-icon\n name=\"multiply\"\n data-action=\"infoBoxClose\"\n onClick={() => this.emitInfoBoxClose()}\n />\n )}\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,wXAClB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,yGAON,I,CAML,gBAAAC,GACNC,KAAKC,aAAaC,KAAK,CAACC,MAAOH,KAAKG,O,CAGtC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,GAAIP,KAAKG,OACZE,EAAA,QAAAC,IAAA,2CAAME,KAAK,YACVR,KAAKS,YACJJ,EAAA,UAAAC,IAAA,2CACEE,KAAK,WAAU,cACH,eACZE,QAAS,IAAMV,KAAKD,qB","ignoreList":[]}

package/www/build/p-7b837e11.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,h as r,a as s}from"./p-75c4a726.js";const c=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const e=c;const t=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"f8e7bef1397f6a4d7f776321421eb8f8c69ceb7d",role:"rowgroup",tabIndex:-1},r("slot",{key:"d0e56e8d36cc4ca21d79b9d2a2546b19a0ac27e0"}))}};t.style=e;export{t as Z};
2	- //# sourceMappingURL=p-7b837e11.js.map

package/www/build/p-7b837e11.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZTfootStyle0","ZTfoot","render","h","Host","key","role","tabIndex"],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n display: block;\n box-sizing: border-box;\n border-top: 1px solid var(--color-surface03);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n position: sticky;\n z-index: 1;\n bottom: 0;\n background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n tag: \"z-tfoot\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTfoot {\n /**\n * If true, the footer will be stuck to the bottom of the table.\n */\n @Prop({reflect: true})\n sticky = false;\n\n render(): void {\n return (\n <Host\n role=\"rowgroup\"\n tabIndex={-1}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,mOAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,qCAKR,K,CAET,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WACLC,UAAW,GAEXJ,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/www/build/p-7d655f96.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,c as o,h as t}from"./p-75c4a726.js";import{B as i}from"./p-5145a606.js";const e="button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";const s=e;const a=class{constructor(t){r(this,t);this.buttonSortClick=o(this,"buttonSortClick",7);this.buttonid=undefined;this.label=undefined;this.desclabel=undefined;this.counter=undefined;this.sortlabelasc="A-Z";this.sortlabeldesc="Z-A";this.isselected=false;this.sortasc=true;this.allowTooltip=false}emitButtonSortClick(){if(!this.isselected){this.isselected=true}else{this.sortasc=!this.sortasc}this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){if(this.elementHasEllipsis()&&window.innerWidth>i.TABLET){this.allowTooltip=true}}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return t("button",{key:"6a27bbc29c4feedda219d3c48351e98e5424fc35",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},t("span",{key:"415ed91622a75e04dae5df0112d892f14015af61",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),t("span",{key:"58bd9c2614021ee41fcd4f0f27ef3fa41771c7b8",class:"counter"},this.counter&&` (${this.counter})`),t("span",{key:"66689c59c79cf1d6ad15640d424fbb3ac14edde2",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),t("z-icon",{key:"c6638b7e129f261bbcc9a7c79f02080accb6eed6",name:"caret-up-down",width:16,height:16}))}};a.style=s;export{a as z_button_sort};
2	- //# sourceMappingURL=p-7d655f96.entry.js.map

package/www/build/p-7d655f96.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZButtonSortStyle0","ZButtonSort","emitButtonSortClick","this","isselected","sortasc","buttonSortClick","emit","buttonid","sortAsc","componentDidLoad","elementHasEllipsis","window","innerWidth","Breakpoints","TABLET","allowTooltip","setButtonTitle","label","desclabel","ellipsis","offsetWidth","scrollWidth","render","h","key","title","id","class","selected","onClick","ref","el","counter","sortlabelasc","sortlabeldesc","name","width","height"],"sources":["src/components/z-button-sort/styles.css?tag=z-button-sort&encapsulation=shadow","src/components/z-button-sort/index.tsx"],"sourcesContent":["button {\n display: flex;\n max-width: 100%;\n height: 36px;\n align-items: center;\n padding: 0 var(--space-unit);\n border: var(--border-size-medium) solid var(--color-primary01);\n background-color: var(--color-surface01);\n border-radius: var(--border-radius);\n color: var(--color-primary01);\n cursor: pointer;\n fill: var(--color-primary01);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-sb);\n outline: none;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\nbutton:hover {\n border-color: var(--color-hover-primary);\n color: var(--color-hover-primary);\n fill: var(--color-hover-primary-icon);\n}\n\nbutton:focus {\n border-color: var(--color-primary01);\n box-shadow: var(--shadow-focus-primary);\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\nbutton:active {\n border-color: var(--color-pressed-primary);\n box-shadow: var(--shadow-2);\n color: var(--color-pressed-primary);\n fill: var(--color-active-primary-icon);\n}\n\nbutton.selected {\n border-color: var(--color-hover-primary);\n background-color: var(--color-hover-primary);\n color: var(--color-text-inverse);\n fill: var(--color-inverse-icon);\n}\n\nbutton > span.ellipsis {\n overflow: hidden;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nbutton > span.counter {\n margin-right: calc(var(--space-unit) * 2);\n margin-left: calc(var(--space-unit) / 2);\n}\n\nbutton > span.sort {\n margin-right: calc(var(--space-unit) / 2);\n white-space: nowrap;\n}\n\nbutton > span {\n margin-right: calc(var(--space-unit) / 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n button {\n max-width: 325px;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n button {\n max-width: 490px;\n }\n}\n","import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {Breakpoints} from \"../../constants/breakpoints\";\n@Component({\n tag: \"z-button-sort\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZButtonSort {\n /** id, should be unique */\n @Prop()\n buttonid: string;\n\n /** label content (ascending) */\n @Prop()\n label: string;\n\n /** label content (descending) */\n @Prop()\n desclabel?: string;\n\n /** occurrences counter (optional) */\n @Prop()\n counter?: number;\n\n /** sort label content (ascending) (optional) */\n @Prop()\n sortlabelasc?: string = \"A-Z\";\n\n /** sort label content (descending) (optional) */\n @Prop()\n sortlabeldesc?: string = \"Z-A\";\n\n /** selected flag (optional) */\n @Prop({mutable: true})\n isselected?: boolean = false;\n\n /** sortable flag (optional) */\n @Prop({mutable: true})\n sortasc?: boolean = true;\n\n @State()\n allowTooltip = false;\n\n private ellipsis?: HTMLSpanElement;\n\n /** sorting direction click event, returns `buttonid` and `sortAsc` */\n @Event()\n buttonSortClick: EventEmitter;\n\n private emitButtonSortClick(): void {\n if (!this.isselected) {\n this.isselected = true;\n } else {\n this.sortasc = !this.sortasc;\n }\n this.buttonSortClick.emit({\n buttonid: this.buttonid,\n sortAsc: this.sortasc,\n });\n }\n\n componentDidLoad(): void {\n if (this.elementHasEllipsis() && window.innerWidth > Breakpoints.TABLET) {\n this.allowTooltip = true;\n }\n }\n\n private setButtonTitle(): string {\n return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n }\n\n private elementHasEllipsis(): boolean {\n return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n }\n\n render(): HTMLButtonElement {\n return (\n <button\n title={this.setButtonTitle()}\n id={this.buttonid}\n class={{selected: this.isselected}}\n onClick={() => this.emitButtonSortClick()}\n >\n <span\n ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n class=\"ellipsis\"\n >\n {!this.sortasc && this.desclabel ? this.desclabel : this.label}\n </span>\n <span class=\"counter\">{this.counter && ` (${this.counter})`}</span>\n <span class=\"sort\">{this.sortasc ? this.sortlabelasc : this.sortlabeldesc}</span>\n <z-icon\n name=\"caret-up-down\"\n width={16}\n height={16}\n />\n </button>\n );\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAY,w6CAClB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yLAmBE,M,mBAIC,M,gBAIF,M,aAIH,K,kBAGL,K,CAQP,mBAAAC,GACN,IAAKC,KAAKC,WAAY,CACpBD,KAAKC,WAAa,I,KACb,CACLD,KAAKE,SAAWF,KAAKE,O,CAEvBF,KAAKG,gBAAgBC,KAAK,CACxBC,SAAUL,KAAKK,SACfC,QAASN,KAAKE,S,CAIlB,gBAAAK,GACE,GAAIP,KAAKQ,sBAAwBC,OAAOC,WAAaC,EAAYC,OAAQ,CACvEZ,KAAKa,aAAe,I,EAIhB,cAAAC,GACN,OAAOd,KAAKa,aAAe,GAAGb,KAAKE,QAAUF,KAAKe,MAAQf,KAAKgB,YAAc,E,CAGvE,kBAAAR,GACN,OAAOR,KAAKiB,SAASC,YAAclB,KAAKiB,SAASE,W,CAGnD,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAOvB,KAAKc,iBACZU,GAAIxB,KAAKK,SACToB,MAAO,CAACC,SAAU1B,KAAKC,YACvB0B,QAAS,IAAM3B,KAAKD,uBAEpBsB,EAAA,QAAAC,IAAA,2CACEM,IAAMC,GAAQ7B,KAAKiB,SAAWY,EAC9BJ,MAAM,aAEJzB,KAAKE,SAAWF,KAAKgB,UAAYhB,KAAKgB,UAAYhB,KAAKe,OAE3DM,EAAA,QAAAC,IAAA,2CAAMG,MAAM,WAAWzB,KAAK8B,SAAW,KAAK9B,KAAK8B,YACjDT,EAAA,QAAAC,IAAA,2CAAMG,MAAM,QAAQzB,KAAKE,QAAUF,KAAK+B,aAAe/B,KAAKgC,eAC5DX,EAAA,UAAAC,IAAA,2CACEW,KAAK,gBACLC,MAAO,GACPC,OAAQ,K","ignoreList":[]}

package/www/build/p-82eeea83.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export{Z as z_td}from"./p-68d91a93.js";import"./p-75c4a726.js";import"./p-86618221.js";
2	- //# sourceMappingURL=p-82eeea83.entry.js.map

package/www/build/p-82eeea83.entry.js.map DELETED Viewed

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

package/www/build/p-862989b6.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as o,h as e,a as s,g as r}from"./p-75c4a726.js";import{P as i,g as n,p as a}from"./p-86618221.js";import{a as h,j as c,k as f,g as p,l}from"./p-1a0c206d.js";import"./p-5145a606.js";const u=':host{position:fixed;display:none;max-width:calc(100dvw - var(--grid-margin) * 2);max-height:calc(100dvh - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){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, var(--color-surface01));content:"";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}';const b=u;const d=class{constructor(e){t(this,e);this.positionChange=o(this,"positionChange",7);this.openChange=o(this,"openChange",7);this.spaceTolerance=3;this.position=i.TOP;this.open=false;this.bindTo=undefined;this.showArrow=false;this.center=false;this.closable=true;this.currentPosition=undefined}closePopoverWithKeyboard(t){if(this.closable&&t.key===n.ESC){t.stopPropagation();this.open=false}}handleOutsideClick(t){const o=t.target;if(!this.closable\|\|!this.open\|\|h(this.host,o)){return}if(h(this.boundElement,o)){t.stopPropagation()}this.open=false}validatePosition(t){if(!Object.values(i).includes(t)\|\|t===i.AUTO){t=i.TOP;this.position=t}this.currentPosition=t;if(this.open){this.setPosition()}}onOpen(){cancelAnimationFrame(this.animationFrameRequestId);this.openChange.emit({open:this.open});if(!this.open){Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});this.currentPosition=undefined;return}const t=()=>{if(!this.open){return}this.setPosition();this.animationFrameRequestId=requestAnimationFrame(t)};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){if(typeof this.bindTo==="string"){this.boundElement=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){this.boundElement=this.bindTo}else{this.boundElement=c(this.host);if(this.boundElement.tagName.toLowerCase()==="z-tooltip"){this.boundElement=c(this.boundElement)}}}hasCenteredHorizontalSpace(t,o,e,s){const r=(e-s)(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return o>=r-this.spaceTolerance&&t>=r-this.spaceTolerance}hasCenteredVerticalSpace(t,o,e,s){const r=(e-s)(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return t>=r-this.spaceTolerance&&o>=r-this.spaceTolerance}hasEnoughSideSpace(t,o,e,s){return t>=o-e(1-s)-this.spaceTolerance}getOptimalPopoverPosition(t,o){const e=this.host.offsetWidth;const s=this.host.offsetHeight;const r=this.boundElement.getBoundingClientRect().width;const n=this.boundElement.getBoundingClientRect().height;const a=this.offsetModifier;const h=t=>{switch(t){case i.TOP:return o.top>=s-this.spaceTolerance&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.TOP_RIGHT:return o.top>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.TOP_LEFT:return o.top>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.RIGHT:return o.right>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.RIGHT_BOTTOM:return o.right>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);case i.RIGHT_TOP:return o.right>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.BOTTOM:return o.bottom>=s&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.BOTTOM_LEFT:return o.bottom>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.BOTTOM_RIGHT:return o.bottom>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.LEFT:return o.left>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.LEFT_TOP:return o.left>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.LEFT_BOTTOM:return o.left>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);default:return false}};if(h(t)){return t}const c=d.positionOrder;const f=c.indexOf(t);if(f===-1){return t}for(let t=1;t<c.length;t++){const o=(f+t)%c.length;const e=c[o];if(h(e)){return e}}return this.findBestFallbackPosition(o)}findBestFallbackPosition(t){const o=t.right>=t.left?i.RIGHT:i.LEFT;const e=t.bottom>=t.top?i.BOTTOM:i.TOP;const s=Math.max(t.right,t.left);const r=Math.max(t.bottom,t.top);const n=r>=s?e:o;let a=false;if(n===e){const o=Math.min(t.right,t.left);a=s>=o2}else{const o=Math.min(t.bottom,t.top);a=r>=o2}if(!a){return n}const h=n===e?o:e;return`${n}_${h}`}findScrollableAncestor(t){let o=c(t);while(o){if(o===t.ownerDocument.documentElement){return o}const e=getComputedStyle(o);const{overflow:s,overflowX:r,overflowY:i}=e;const n=s==="hidden"\|\|i==="hidden"\|\|r==="hidden";const a=o.scrollHeight>o.clientHeight&&s!=="visible"&&i!=="visible"\|\|o.scrollWidth>o.clientWidth&&s!=="visible"&&r!=="visible";if(!n&&a){return o}o=c(o)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace){return this.cachedAvailableSpace}this.lastBoundRect=t;const o=this.findScrollableAncestor(this.boundElement);const e=o.getBoundingClientRect();const s=o!==this.boundElement.ownerDocument.documentElement;const r=this.boundElement.ownerDocument.documentElement.clientWidth;const i=this.boundElement.ownerDocument.documentElement.clientHeight;const n=8;const a=s?e.top:0;const h=s?r-e.right:0;const c=s?i-e.bottom:0;const f=s?e.left:0;this.cachedAvailableSpace={top:t.top-a-n,right:r-t.right-h-n,bottom:i-t.bottom-c-n,left:t.left-f-n};return this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();const o=this.boundElement.ownerDocument.documentElement.clientWidth;const e=this.boundElement.ownerDocument.documentElement.clientHeight;return{top:t.top,right:o-t.right,bottom:e-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets();const o=f(this.host);const e=o===this.host.ownerDocument.documentElement;if(e){return t}const s=o.getBoundingClientRect();const r=getComputedStyle(o);const i={top:s.top+parseFloat(r.borderTopWidth),right:s.right-parseFloat(r.borderRightWidth),bottom:s.bottom-parseFloat(r.borderBottomWidth),left:s.left+parseFloat(r.borderLeftWidth)};const n=this.boundElement.getBoundingClientRect();const a={top:n.top-i.top,right:i.right-n.right,bottom:i.bottom-n.bottom,left:n.left-i.left};return{top:a.top+o.scrollTop,right:a.right-o.scrollLeft,bottom:a.bottom-o.scrollTop,left:a.left+o.scrollLeft}}applyPositionStyles(t,o){const e=this.boundElement.offsetWidth;const s=this.boundElement.offsetHeight;const r=this.offsetModifier;const n=this.showArrow&&this.center?8:0;const h=this.host.style;const c=parseFloat(getComputedStyle(this.host).marginTop.replace("px",""))\|\|0;const f=this.computePositionOffsets();const l=f.left+er;const u=f.right+er;const b=f.top+s;const d=f.bottom+s;const g=f.top+sr;const m=f.bottom+sr;let v;let w;switch(t){case i.TOP:case i.TOP_RIGHT:h.bottom=`${d}px`;h.left=`${l-(t===i.TOP_RIGHT?n:0)}px`;w=o.top-c;if(t===i.TOP_RIGHT){v=o.right+er}break;case i.TOP_LEFT:h.right=`${u-n}px`;h.bottom=`${d}px`;v=o.left+er;w=o.top-c;break;case i.BOTTOM:case i.BOTTOM_RIGHT:h.top=`${b}px`;h.left=`${l-(t===i.BOTTOM_RIGHT?n:0)}px`;w=o.bottom-c;if(t===i.BOTTOM_RIGHT){v=o.right+er}break;case i.BOTTOM_LEFT:h.top=`${b}px`;h.right=`${u-n}px`;v=o.left+er;w=o.bottom-c;break;case i.RIGHT:case i.RIGHT_BOTTOM:h.top=`${g-(t===i.RIGHT_BOTTOM?n:0)}px`;h.left=`${f.left+e}px`;v=o.right-c;if(t===i.RIGHT){w=o.top+o.bottom+s}else{w=o.bottom+sr}break;case i.RIGHT_TOP:h.bottom=`${m-n}px`;h.left=`${f.left+e}px`;v=o.right-c;w=o.top+sr;break;case i.LEFT:case i.LEFT_BOTTOM:h.top=`${g-(t===i.LEFT_BOTTOM?n:0)}px`;h.right=`${f.right+e}px`;v=o.left-c;if(t===i.LEFT_BOTTOM){w=o.bottom+sr}break;case i.LEFT_TOP:h.right=`${f.right+e}px`;h.bottom=`${m-n}px`;v=o.left-c;w=o.top+s*r;break}if(p()!==a.MOBILE){Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}}setPosition(){if(!this.boundElement){return}if(!l(this.boundElement,this.findScrollableAncestor(this.boundElement))){this.open=false;return}Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace();const o=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(o,t);this.currentPosition=o;this.positionChange.emit({position:this.currentPosition});this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement();if(this.open){this.onOpen()}}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return e(s,{key:"c3483157f2664088a337118936d81f551dcf25b1","current-position":this.currentPosition},e("slot",{key:"fc9856b30959fc041dbf295fe7bbf523ce6adaf6"}))}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"],bindTo:["onBindingChange"]}}};d.positionOrder=[i.TOP,i.TOP_RIGHT,i.TOP_LEFT,i.RIGHT,i.RIGHT_BOTTOM,i.RIGHT_TOP,i.BOTTOM,i.BOTTOM_LEFT,i.BOTTOM_RIGHT,i.LEFT,i.LEFT_TOP,i.LEFT_BOTTOM];d.style=b;export{d as z_popover};
2	- //# sourceMappingURL=p-862989b6.entry.js.map

package/www/build/p-862989b6.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZPopoverStyle0","ZPopover","this","spaceTolerance","PopoverPosition","TOP","closePopoverWithKeyboard","e","closable","key","KeyboardCode","ESC","stopPropagation","open","handleOutsideClick","target","containsElement","host","boundElement","validatePosition","newValue","Object","values","includes","AUTO","position","currentPosition","setPosition","onOpen","cancelAnimationFrame","animationFrameRequestId","openChange","emit","assign","style","top","right","bottom","left","maxWidth","maxHeight","visibility","undefined","updatePositionLoop","requestAnimationFrame","setTimeout","onBindingChange","findBoundElement","offsetModifier","center","bindTo","ownerDocument","querySelector","getParentElement","tagName","toLowerCase","hasCenteredHorizontalSpace","availableLeft","availableRight","hostWidth","boundElementWidth","requiredSideSpace","hasCenteredVerticalSpace","availableTop","availableBottom","hostHeight","boundElementHeight","hasEnoughSideSpace","availableSpace","hostSize","boundElementSize","getOptimalPopoverPosition","desiredPosition","offsetWidth","offsetHeight","getBoundingClientRect","width","height","fits","pos","TOP_RIGHT","TOP_LEFT","RIGHT","RIGHT_BOTTOM","RIGHT_TOP","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","LEFT","LEFT_TOP","LEFT_BOTTOM","positions","positionOrder","startIndex","indexOf","i","length","posIndex","findBestFallbackPosition","bestHorizontalDirection","bestVerticalDirection","maxHorizontalSpace","Math","max","maxVerticalSpace","mainDirection","needsSecondaryDirection","minHorizontalSpace","min","minVerticalSpace","secondaryDirection","findScrollableAncestor","element","parent","documentElement","getComputedStyle","overflow","overflowX","overflowY","hasHiddenOverflow","isScrollable","scrollHeight","clientHeight","scrollWidth","clientWidth","calculateAvailableSpace","boundElementRect","lastBoundRect","x","y","cachedAvailableSpace","scrollableAncestor","scrollableAncestorRect","isScrollableAncestorNested","documentWidth","documentHeight","safeSpace","deltaTop","deltaRight","deltaBottom","deltaLeft","getBoundElementOffsets","elementRect","computePositionOffsets","boundElementOffsets","containingBlockAncestor","findContainingBlockAncestor","isDocumentElement","containingBlockRect","containingBlockStyle","paddingBox","parseFloat","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","relativeOffsets","scrollTop","scrollLeft","applyPositionStyles","arrowModifier","showArrow","hostStyle","distanceFromBound","marginTop","replace","positionOffsets","leftBase","rightBase","topBase","bottomBase","sideTopBase","sideBottomBase","getDevice","Device","MOBILE","isElementVisibleInContainer","positionChange","componentWillLoad","componentDidLoad","disconnectedCallback","render","h","Host"],"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: ;\n --z-popover-theme--text: ;\n --z-popover-padding: ;\n --z-popover-shadow-filter: ;\n\n position: fixed;\n display: none;\n max-width: calc(100dvw - var(--grid-margin) * 2);\n max-height: calc(100dvh - var(--grid-margin) * 2);\n padding: var(--z-popover-padding, 0);\n background: var(--z-popover-theme--surface, var(--color-surface01));\n border-radius: var(--border-radius-small);\n color: var(--z-popover-theme--text, var(--color-default-text));\n fill: currentcolor;\n filter: var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));\n text-align: center;\n visibility: hidden; /* hidden by default. the positioning algorithm will set it to 'visible' when needed */\n}\n\n:host([open]:not([open=\"false\"])[current-position]) {\n display: block;\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: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, var(--color-surface01));\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","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {\n containsElement,\n findContainingBlockAncestor,\n getDevice,\n getParentElement,\n isElementVisibleInContainer,\n} from \"../../utils/utils\";\n\n/** Centering offset modifier. 0 for no offset, 0.5 for centering. */\ntype OffsetModifier = 0 | 0.5;\ntype Offsets = {top: number; right: number; bottom: number; left: number};\n\n/**\n * Popover component.\n * This component displays a popover bound to an element.\n * It supports various positions and can automatically adjust it based on available space, accounting for scrollable containers.\n *\n * Notes:\n * - If positioning has an odd behavior, consider manually adjusting the size of the slotted elements (using `width`, `height`, `max-width`, `max-height`, etc...) when its content is \"fluid\" (like text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think the popover doesn't fits).\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 /**\n * The preferred position to render the popover.\n * The popover will automatically search another position if not enough space is available for the preferred position.\n * If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.\n */\n @Prop({reflect: true, mutable: true})\n position?: PopoverPosition = PopoverPosition.TOP;\n\n /**\n * The initial open state of the popover.\n * Internal changes of this prop are emitted through the `openChange` event.\n * Make sure to listen to that event if you need the updated state of the popover from the outside, to avoid inconsistent values.\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 /** Whether to show popover's arrow. */\n @Prop({reflect: true})\n showArrow = false;\n\n /** Whether to center the popup on the main side (according to \"position\"). */\n @Prop({reflect: true})\n center = false;\n\n /**\n * Whether 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 * Default: `true`.\n */\n @Prop()\n closable = true;\n\n /**\n * The current position of the popover.\n * It differs from `position` only when calculated automatically for space reasons.\n */\n @State()\n currentPosition?: PopoverPosition;\n\n @Element() host: HTMLZPopoverElement;\n\n // Clockwise order of positions.\n private static readonly positionOrder: PopoverPosition[] = [\n PopoverPosition.TOP,\n PopoverPosition.TOP_RIGHT,\n PopoverPosition.TOP_LEFT,\n PopoverPosition.RIGHT,\n PopoverPosition.RIGHT_BOTTOM,\n PopoverPosition.RIGHT_TOP,\n PopoverPosition.BOTTOM,\n PopoverPosition.BOTTOM_LEFT,\n PopoverPosition.BOTTOM_RIGHT,\n PopoverPosition.LEFT,\n PopoverPosition.LEFT_TOP,\n PopoverPosition.LEFT_BOTTOM,\n ] as const;\n\n private animationFrameRequestId?: number;\n\n /** space tolerance for space calculations */\n private readonly spaceTolerance = 3;\n\n /** The element bound to the popover. */\n private boundElement?: HTMLElement;\n\n /** Cached available space around the bound element to avoid unnecessary recalculations */\n private cachedAvailableSpace?: Offsets;\n\n /** Last bounding rect of the bound element to detect changes and eventually invalidate the caches. */\n private lastBoundRect?: DOMRect;\n\n /** Fired when the position changes. */\n @Event()\n positionChange: EventEmitter<{position: PopoverPosition}>;\n\n /** Event emitted when the open state of the popover changes (e.g. when the user clicks outside the popover to close it, if `closable` is true). */\n @Event()\n openChange: EventEmitter<{open: boolean}>;\n\n @Listen(\"keyup\", {target: \"window\", capture: true})\n closePopoverWithKeyboard(e: KeyboardEvent): void {\n if (this.closable && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\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 */\n @Listen(\"click\", {target: \"body\", capture: true})\n handleOutsideClick(e: MouseEvent): void {\n const target = e.target as Element;\n if (!this.closable || !this.open || containsElement(this.host, target)) {\n return;\n }\n\n if (containsElement(this.boundElement, target)) {\n // stop propagation if the click was on the trigger element to prevent close and reopen glitches\n e.stopPropagation();\n }\n this.open = false;\n }\n\n @Watch(\"position\")\n validatePosition(newValue: PopoverPosition): void {\n if (!Object.values(PopoverPosition).includes(newValue as PopoverPosition) || newValue === PopoverPosition.AUTO) {\n newValue = PopoverPosition.TOP;\n this.position = newValue;\n }\n this.currentPosition = newValue;\n if (this.open) {\n this.setPosition();\n }\n }\n\n /** Setup popover behaviors when `open` changes. */\n @Watch(\"open\")\n onOpen(): void {\n cancelAnimationFrame(this.animationFrameRequestId);\n this.openChange.emit({open: this.open});\n if (!this.open) {\n Object.assign(this.host.style, {\n // Reset all positioning properties\n top: \"auto\",\n right: \"auto\",\n bottom: \"auto\",\n left: \"auto\",\n maxWidth: \"\",\n maxHeight: \"\",\n // Set initial visibility to hidden while calculating position...\n visibility: \"hidden\",\n });\n this.currentPosition = undefined;\n\n return;\n }\n\n const updatePositionLoop = (): void => {\n if (!this.open) {\n return;\n }\n\n this.setPosition();\n this.animationFrameRequestId = requestAnimationFrame(updatePositionLoop);\n };\n\n // call `setPosition` after a tick to ensure the DOM is ready and sizes are available\n setTimeout(() => {\n updatePositionLoop();\n }, 0);\n }\n\n @Watch(\"bindTo\")\n onBindingChange(): void {\n this.findBoundElement();\n }\n\n /** Returns the offset modifier to use in calculations to align the popover with the bound element. */\n private get offsetModifier(): OffsetModifier {\n return this.center ? 0.5 : 0;\n }\n\n private findBoundElement(): void {\n if (typeof this.bindTo === \"string\") {\n this.boundElement = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n } else if (this.bindTo) {\n this.boundElement = this.bindTo;\n } else {\n this.boundElement = getParentElement(this.host) as HTMLElement;\n if (this.boundElement.tagName.toLowerCase() === \"z-tooltip\") {\n // If the popover is used inside a tooltip without a specified `bindTo`, bind it to the parent of the tooltip.\n this.boundElement = getParentElement(this.boundElement) as HTMLElement;\n }\n }\n }\n\n /**\n * Check if element has enough space to the right and left to be centered.\n * Used for `TOP` and `BOTTOM` position.\n * When `center` is not enabled, only one side needs to be checked and `RIGHT` is the default.\n */\n private hasCenteredHorizontalSpace(\n availableLeft: number,\n availableRight: number,\n hostWidth: number,\n boundElementWidth: number\n ): boolean {\n const requiredSideSpace = (hostWidth - boundElementWidth) * (1 - this.offsetModifier);\n\n if (!this.center) {\n return availableRight >= requiredSideSpace - this.spaceTolerance;\n }\n\n return (\n availableRight >= requiredSideSpace - this.spaceTolerance &&\n availableLeft >= requiredSideSpace - this.spaceTolerance\n );\n }\n\n /**\n * Check if element has enough space to the top and bottom to be centered.\n * Used for `RIGHT` and `LEFT` position.\n * When `center` is not enabled, only one side needs to be checked and `BOTTOM` is the default.\n */\n private hasCenteredVerticalSpace(\n availableTop: number,\n availableBottom: number,\n hostHeight: number,\n boundElementHeight: number\n ): boolean {\n const requiredSideSpace = (hostHeight - boundElementHeight) * (1 - this.offsetModifier);\n\n if (!this.center) {\n return availableBottom >= requiredSideSpace - this.spaceTolerance;\n }\n\n return (\n availableTop >= requiredSideSpace - this.spaceTolerance &&\n availableBottom >= requiredSideSpace - this.spaceTolerance\n );\n }\n\n /**\n * Check if there is enough space in the given direction to fit the popover.\n * Used for composed positions like TOP_RIGHT, LEFT_BOTTOM, etc.\n */\n private hasEnoughSideSpace(\n availableSpace: number,\n hostSize: number,\n boundElementSize: number,\n offsetModifier: OffsetModifier\n ): boolean {\n return availableSpace >= hostSize - boundElementSize * (1 - offsetModifier) - this.spaceTolerance;\n }\n\n /**\n * Given a desired position and available space around the bound element, returns the best position\n * that fits the popover, trying all positions if needed.\n * Takes into account offsetModifier for centering.\n * @param desiredPosition The desired position of the popover.\n * @param availableSpace The available space around the bound element.\n */\n private getOptimalPopoverPosition(desiredPosition: PopoverPosition, availableSpace: Offsets): PopoverPosition {\n const hostWidth = this.host.offsetWidth;\n const hostHeight = this.host.offsetHeight;\n const boundElementWidth = this.boundElement.getBoundingClientRect().width;\n const boundElementHeight = this.boundElement.getBoundingClientRect().height;\n const offsetModifier = this.offsetModifier;\n\n /** Check if there is enough space to fit the popover in the desired position */\n const fits = (pos: PopoverPosition): boolean => {\n switch (pos) {\n case PopoverPosition.TOP:\n return (\n availableSpace.top >= hostHeight - this.spaceTolerance &&\n this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n );\n case PopoverPosition.TOP_RIGHT:\n return (\n availableSpace.top >= hostHeight &&\n this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n );\n case PopoverPosition.TOP_LEFT:\n return (\n availableSpace.top >= hostHeight &&\n this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n );\n case PopoverPosition.RIGHT:\n return (\n availableSpace.right >= hostWidth &&\n this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n );\n case PopoverPosition.RIGHT_BOTTOM:\n return (\n availableSpace.right >= hostWidth &&\n this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n );\n case PopoverPosition.RIGHT_TOP:\n return (\n availableSpace.right >= hostWidth &&\n this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n );\n case PopoverPosition.BOTTOM:\n return (\n availableSpace.bottom >= hostHeight &&\n this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n );\n case PopoverPosition.BOTTOM_LEFT:\n return (\n availableSpace.bottom >= hostHeight &&\n this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n );\n case PopoverPosition.BOTTOM_RIGHT:\n return (\n availableSpace.bottom >= hostHeight &&\n this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n );\n case PopoverPosition.LEFT:\n return (\n availableSpace.left >= hostWidth &&\n this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n );\n case PopoverPosition.LEFT_TOP:\n return (\n availableSpace.left >= hostWidth &&\n this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n );\n case PopoverPosition.LEFT_BOTTOM:\n return (\n availableSpace.left >= hostWidth &&\n this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n );\n\n default:\n return false;\n }\n };\n\n // Check desired position first\n if (fits(desiredPosition)) {\n return desiredPosition;\n }\n\n // Find position index and create rotation starting from next position\n const positions = ZPopover.positionOrder;\n const startIndex = positions.indexOf(desiredPosition);\n\n if (startIndex === -1) {\n return desiredPosition; // fallback if position not found\n }\n\n // Try all other positions starting from the next one\n for (let i = 1; i < positions.length; i++) {\n const posIndex = (startIndex + i) % positions.length;\n const pos = positions[posIndex];\n if (fits(pos)) {\n return pos;\n }\n }\n\n return this.findBestFallbackPosition(availableSpace);\n }\n\n /** Find the best fallback position based on available space when no position fits perfectly. */\n private findBestFallbackPosition(availableSpace: Offsets): PopoverPosition {\n // Determine which horizontal and vertical direction has the most available space\n const bestHorizontalDirection =\n availableSpace.right >= availableSpace.left ? PopoverPosition.RIGHT : PopoverPosition.LEFT;\n\n const bestVerticalDirection =\n availableSpace.bottom >= availableSpace.top ? PopoverPosition.BOTTOM : PopoverPosition.TOP;\n\n // Choose the main direction based on which axis has more space overall\n const maxHorizontalSpace = Math.max(availableSpace.right, availableSpace.left);\n const maxVerticalSpace = Math.max(availableSpace.bottom, availableSpace.top);\n\n const mainDirection = maxVerticalSpace >= maxHorizontalSpace ? bestVerticalDirection : bestHorizontalDirection;\n\n // Decide if a secondary direction is needed\n // Only add a secondary direction if the difference between min and max in that axis is at least double\n let needsSecondaryDirection = false;\n\n if (mainDirection === bestVerticalDirection) {\n // If main direction is vertical, check horizontal space difference\n const minHorizontalSpace = Math.min(availableSpace.right, availableSpace.left);\n needsSecondaryDirection = maxHorizontalSpace >= minHorizontalSpace * 2;\n } else {\n // If main direction is horizontal, check vertical space difference\n const minVerticalSpace = Math.min(availableSpace.bottom, availableSpace.top);\n needsSecondaryDirection = maxVerticalSpace >= minVerticalSpace * 2;\n }\n\n if (!needsSecondaryDirection) {\n return mainDirection;\n }\n\n const secondaryDirection =\n mainDirection === bestVerticalDirection ? bestHorizontalDirection : bestVerticalDirection;\n\n // Return a combined position (e.g., \"bottom_right\")\n return `${mainDirection}_${secondaryDirection}` as PopoverPosition;\n }\n\n /**\n * Find the nearest scrollable ancestor of an element to take as a reference for positioning.\n * The ancestor is considered scrollable if it doesn't have `overflow` property set to `hidden` and its scroll size is bigger than its client size.\n */\n private findScrollableAncestor(element: HTMLElement): HTMLElement {\n let parent = getParentElement(element);\n\n while (parent) {\n if (parent === element.ownerDocument.documentElement) {\n return parent as HTMLElement;\n }\n\n const style = getComputedStyle(parent);\n const {overflow, overflowX, overflowY} = style;\n const hasHiddenOverflow = overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\";\n const isScrollable =\n (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\");\n\n if (!hasHiddenOverflow && isScrollable) {\n return parent as HTMLElement;\n }\n\n parent = getParentElement(parent);\n }\n\n return element.ownerDocument.documentElement;\n }\n\n /**\n * Calculate available space around the element bound with the popover, based on its nearest scrollable ancestor.\n *\n * Calculations for `right` and `bottom` can be a little bit confusing because `boundingRect.right` and `bottom` may not be what you expect...\n * For more information see the explanation in the docs.\n * @link https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#return_value\n */\n private calculateAvailableSpace(): Offsets {\n const boundElementRect = this.boundElement.getBoundingClientRect();\n\n if (\n this.lastBoundRect &&\n this.lastBoundRect.x === boundElementRect.x &&\n this.lastBoundRect.y === boundElementRect.y &&\n this.lastBoundRect.width === boundElementRect.width &&\n this.lastBoundRect.height === boundElementRect.height &&\n this.cachedAvailableSpace\n ) {\n // If the bound element's rect hasn't changed, return the cached rect\n return this.cachedAvailableSpace;\n }\n\n this.lastBoundRect = boundElementRect;\n const scrollableAncestor = this.findScrollableAncestor(this.boundElement);\n const scrollableAncestorRect = scrollableAncestor.getBoundingClientRect();\n const isScrollableAncestorNested = scrollableAncestor !== this.boundElement.ownerDocument.documentElement;\n const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n const safeSpace = 8; // extra space to avoid popover being too close to the edges\n\n // These deltas represent the offset between the scrollable ancestor and the viewport.\n // They are used to adjust the available space calculations when the scrollable ancestor is not the document or body,\n // to try to fit the popover inside the scrollable ancestor.\n const deltaTop = isScrollableAncestorNested ? scrollableAncestorRect.top : 0;\n const deltaRight = isScrollableAncestorNested ? documentWidth - scrollableAncestorRect.right : 0;\n const deltaBottom = isScrollableAncestorNested ? documentHeight - scrollableAncestorRect.bottom : 0;\n const deltaLeft = isScrollableAncestorNested ? scrollableAncestorRect.left : 0;\n\n this.cachedAvailableSpace = {\n top: boundElementRect.top - deltaTop - safeSpace,\n right: documentWidth - boundElementRect.right - deltaRight - safeSpace,\n bottom: documentHeight - boundElementRect.bottom - deltaBottom - safeSpace,\n left: boundElementRect.left - deltaLeft - safeSpace,\n };\n\n return this.cachedAvailableSpace;\n }\n\n /** Calculate the space around the bound element relative to the viewport. */\n private getBoundElementOffsets(): Offsets {\n const elementRect = this.boundElement.getBoundingClientRect();\n const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n\n return {\n top: elementRect.top,\n right: documentWidth - elementRect.right,\n bottom: documentHeight - elementRect.bottom,\n left: elementRect.left,\n };\n }\n\n /** Compute positioning offsets in the appropriate coordinate space, accounting for transformed containing blocks and scroll. */\n private computePositionOffsets(): Offsets {\n const boundElementOffsets = this.getBoundElementOffsets();\n const containingBlockAncestor = findContainingBlockAncestor(this.host);\n const isDocumentElement = containingBlockAncestor === this.host.ownerDocument.documentElement;\n\n if (isDocumentElement) {\n return boundElementOffsets;\n }\n\n const containingBlockRect = containingBlockAncestor.getBoundingClientRect();\n const containingBlockStyle = getComputedStyle(containingBlockAncestor);\n /** Padding box of the containing block, accounting for borders. */\n const paddingBox = {\n top: containingBlockRect.top + parseFloat(containingBlockStyle.borderTopWidth),\n right: containingBlockRect.right - parseFloat(containingBlockStyle.borderRightWidth),\n bottom: containingBlockRect.bottom - parseFloat(containingBlockStyle.borderBottomWidth),\n left: containingBlockRect.left + parseFloat(containingBlockStyle.borderLeftWidth),\n };\n\n const boundElementRect = this.boundElement.getBoundingClientRect();\n /** Bound element offsets relative to the containing block padding box. */\n const relativeOffsets = {\n top: boundElementRect.top - paddingBox.top,\n right: paddingBox.right - boundElementRect.right,\n bottom: paddingBox.bottom - boundElementRect.bottom,\n left: boundElementRect.left - paddingBox.left,\n };\n\n /** Account for scroll to keep the popover aligned while the containing block scrolls. */\n return {\n top: relativeOffsets.top + containingBlockAncestor.scrollTop,\n right: relativeOffsets.right - containingBlockAncestor.scrollLeft,\n bottom: relativeOffsets.bottom - containingBlockAncestor.scrollTop,\n left: relativeOffsets.left + containingBlockAncestor.scrollLeft,\n };\n }\n\n /** Apply positioning styles based on `position` parameter. */\n private applyPositionStyles(position: PopoverPosition, availableSpace: Offsets): void {\n const boundElementWidth = this.boundElement.offsetWidth;\n const boundElementHeight = this.boundElement.offsetHeight;\n const offsetModifier = this.offsetModifier;\n /**\n * Distance between the arrow center and the popover edge.\n * Needed to align the center of the arrow with the center of the bound element when `showArrow` and `center` are enabled.\n */\n const arrowModifier = this.showArrow && this.center ? 8 : 0;\n const hostStyle = this.host.style;\n /** Gap between the popover and the bound element, set as margin in CSS. */\n const distanceFromBound = parseFloat(getComputedStyle(this.host).marginTop.replace(\"px\", \"\")) || 0;\n const positionOffsets = this.computePositionOffsets();\n\n /**\n * Precomputed bases to reduce repeated arithmetic in the switch below.\n * They represent the bound element edges plus optional centering offsets.\n */\n const leftBase = positionOffsets.left + boundElementWidth * offsetModifier;\n const rightBase = positionOffsets.right + boundElementWidth * offsetModifier;\n const topBase = positionOffsets.top + boundElementHeight;\n const bottomBase = positionOffsets.bottom + boundElementHeight;\n const sideTopBase = positionOffsets.top + boundElementHeight * offsetModifier;\n const sideBottomBase = positionOffsets.bottom + boundElementHeight * offsetModifier;\n\n let maxWidth: number;\n let maxHeight: number;\n\n switch (position) {\n case PopoverPosition.TOP:\n case PopoverPosition.TOP_RIGHT:\n hostStyle.bottom = `${bottomBase}px`;\n hostStyle.left = `${leftBase - (position === PopoverPosition.TOP_RIGHT ? arrowModifier : 0)}px`;\n maxHeight = availableSpace.top - distanceFromBound;\n if (position === PopoverPosition.TOP_RIGHT) {\n maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n }\n break;\n\n case PopoverPosition.TOP_LEFT:\n hostStyle.right = `${rightBase - arrowModifier}px`;\n hostStyle.bottom = `${bottomBase}px`;\n maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n maxHeight = availableSpace.top - distanceFromBound;\n break;\n\n case PopoverPosition.BOTTOM:\n case PopoverPosition.BOTTOM_RIGHT:\n hostStyle.top = `${topBase}px`;\n hostStyle.left = `${leftBase - (position === PopoverPosition.BOTTOM_RIGHT ? arrowModifier : 0)}px`;\n maxHeight = availableSpace.bottom - distanceFromBound;\n if (position === PopoverPosition.BOTTOM_RIGHT) {\n maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n }\n break;\n\n case PopoverPosition.BOTTOM_LEFT:\n hostStyle.top = `${topBase}px`;\n hostStyle.right = `${rightBase - arrowModifier}px`;\n maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n maxHeight = availableSpace.bottom - distanceFromBound;\n break;\n\n case PopoverPosition.RIGHT:\n case PopoverPosition.RIGHT_BOTTOM:\n hostStyle.top = `${sideTopBase - (position === PopoverPosition.RIGHT_BOTTOM ? arrowModifier : 0)}px`;\n hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n maxWidth = availableSpace.right - distanceFromBound;\n if (position === PopoverPosition.RIGHT) {\n maxHeight = availableSpace.top + availableSpace.bottom + boundElementHeight;\n } else {\n maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n }\n break;\n\n case PopoverPosition.RIGHT_TOP:\n hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n hostStyle.left = `${positionOffsets.left + boundElementWidth}px`;\n maxWidth = availableSpace.right - distanceFromBound;\n maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n break;\n\n case PopoverPosition.LEFT:\n case PopoverPosition.LEFT_BOTTOM:\n hostStyle.top = `${sideTopBase - (position === PopoverPosition.LEFT_BOTTOM ? arrowModifier : 0)}px`;\n hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n maxWidth = availableSpace.left - distanceFromBound;\n if (position === PopoverPosition.LEFT_BOTTOM) {\n maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n }\n break;\n\n case PopoverPosition.LEFT_TOP:\n hostStyle.right = `${positionOffsets.right + boundElementWidth}px`;\n hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n maxWidth = availableSpace.left - distanceFromBound;\n maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n break;\n }\n\n if (getDevice() !== Device.MOBILE) {\n // Only force max sizes on non-mobile viewports\n Object.assign(hostStyle, {\n maxWidth: maxWidth ? `${maxWidth}px` : \"\",\n maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n });\n }\n }\n\n /** Set the position of the popover. */\n private setPosition(): void {\n if (!this.boundElement) {\n return;\n }\n\n if (!isElementVisibleInContainer(this.boundElement, this.findScrollableAncestor(this.boundElement))) {\n // If the bound element is not visible, hide the popover too\n this.open = false;\n\n return;\n }\n\n Object.assign(this.host.style, {\n // Reset all positioning properties\n top: \"auto\",\n right: \"auto\",\n bottom: \"auto\",\n left: \"auto\",\n maxWidth: \"\",\n maxHeight: \"\",\n // Set initial visibility to hidden while calculating position...\n visibility: \"hidden\",\n });\n\n const availableSpace = this.calculateAvailableSpace();\n const position = this.getOptimalPopoverPosition(this.position, availableSpace);\n\n this.applyPositionStyles(position, availableSpace);\n this.currentPosition = position;\n this.positionChange.emit({position: this.currentPosition});\n\n // ...then restore the visibility\n this.host.style.visibility = \"visible\";\n }\n\n componentWillLoad(): void {\n this.validatePosition(this.position);\n }\n\n componentDidLoad(): void {\n this.findBoundElement();\n if (this.open) {\n this.onOpen();\n }\n }\n\n disconnectedCallback(): void {\n cancelAnimationFrame(this.animationFrameRequestId);\n }\n\n render(): HTMLZPopoverElement {\n return (\n <Host current-position={this.currentPosition}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"qMAAA,MAAMA,EAAY,+iGAClB,MAAAC,EAAeD,E,MC+BFE,EAAQ,M,+GAoEFC,KAAAC,eAAiB,E,cA7DLC,EAAgBC,I,UAQtC,M,qCAWK,M,YAIH,M,cAQE,K,+BAkDX,wBAAAC,CAAyBC,GACvB,GAAIL,KAAKM,UAAYD,EAAEE,MAAQC,EAAaC,IAAK,CAC/CJ,EAAEK,kBACFV,KAAKW,KAAO,K,EAUhB,kBAAAC,CAAmBP,GACjB,MAAMQ,EAASR,EAAEQ,OACjB,IAAKb,KAAKM,WAAaN,KAAKW,MAAQG,EAAgBd,KAAKe,KAAMF,GAAS,CACtE,M,CAGF,GAAIC,EAAgBd,KAAKgB,aAAcH,GAAS,CAE9CR,EAAEK,iB,CAEJV,KAAKW,KAAO,K,CAId,gBAAAM,CAAiBC,GACf,IAAKC,OAAOC,OAAOlB,GAAiBmB,SAASH,IAAgCA,IAAahB,EAAgBoB,KAAM,CAC9GJ,EAAWhB,EAAgBC,IAC3BH,KAAKuB,SAAWL,C,CAElBlB,KAAKwB,gBAAkBN,EACvB,GAAIlB,KAAKW,KAAM,CACbX,KAAKyB,a,EAMT,MAAAC,GACEC,qBAAqB3B,KAAK4B,yBAC1B5B,KAAK6B,WAAWC,KAAK,CAACnB,KAAMX,KAAKW,OACjC,IAAKX,KAAKW,KAAM,CACdQ,OAAOY,OAAO/B,KAAKe,KAAKiB,MAAO,CAE7BC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNC,SAAU,GACVC,UAAW,GAEXC,WAAY,WAEdvC,KAAKwB,gBAAkBgB,UAEvB,M,CAGF,MAAMC,EAAqB,KACzB,IAAKzC,KAAKW,KAAM,CACd,M,CAGFX,KAAKyB,cACLzB,KAAK4B,wBAA0Bc,sBAAsBD,EAAmB,EAI1EE,YAAW,KACTF,GAAoB,GACnB,E,CAIL,eAAAG,GACE5C,KAAK6C,kB,CAIP,kBAAYC,GACV,OAAO9C,KAAK+C,OAAS,GAAM,C,CAGrB,gBAAAF,GACN,UAAW7C,KAAKgD,SAAW,SAAU,CACnChD,KAAKgB,aAAehB,KAAKe,KAAKkC,cAAcC,cAAclD,KAAKgD,O,MAC1D,GAAIhD,KAAKgD,OAAQ,CACtBhD,KAAKgB,aAAehB,KAAKgD,M,KACpB,CACLhD,KAAKgB,aAAemC,EAAiBnD,KAAKe,MAC1C,GAAIf,KAAKgB,aAAaoC,QAAQC,gBAAkB,YAAa,CAE3DrD,KAAKgB,aAAemC,EAAiBnD,KAAKgB,a,GAUxC,0BAAAsC,CACNC,EACAC,EACAC,EACAC,GAEA,MAAMC,GAAqBF,EAAYC,IAAsB,EAAI1D,KAAK8C,gBAEtE,IAAK9C,KAAK+C,OAAQ,CAChB,OAAOS,GAAkBG,EAAoB3D,KAAKC,c,CAGpD,OACEuD,GAAkBG,EAAoB3D,KAAKC,gBAC3CsD,GAAiBI,EAAoB3D,KAAKC,c,CAStC,wBAAA2D,CACNC,EACAC,EACAC,EACAC,GAEA,MAAML,GAAqBI,EAAaC,IAAuB,EAAIhE,KAAK8C,gBAExE,IAAK9C,KAAK+C,OAAQ,CAChB,OAAOe,GAAmBH,EAAoB3D,KAAKC,c,CAGrD,OACE4D,GAAgBF,EAAoB3D,KAAKC,gBACzC6D,GAAmBH,EAAoB3D,KAAKC,c,CAQxC,kBAAAgE,CACNC,EACAC,EACAC,EACAtB,GAEA,OAAOoB,GAAkBC,EAAWC,GAAoB,EAAItB,GAAkB9C,KAAKC,c,CAU7E,yBAAAoE,CAA0BC,EAAkCJ,GAClE,MAAMT,EAAYzD,KAAKe,KAAKwD,YAC5B,MAAMR,EAAa/D,KAAKe,KAAKyD,aAC7B,MAAMd,EAAoB1D,KAAKgB,aAAayD,wBAAwBC,MACpE,MAAMV,EAAqBhE,KAAKgB,aAAayD,wBAAwBE,OACrE,MAAM7B,EAAiB9C,KAAK8C,eAG5B,MAAM8B,EAAQC,IACZ,OAAQA,GACN,KAAK3E,EAAgBC,IACnB,OACE+D,EAAejC,KAAO8B,EAAa/D,KAAKC,gBACxCD,KAAKsD,2BAA2BY,EAAe9B,KAAM8B,EAAehC,MAAOuB,EAAWC,GAE1F,KAAKxD,EAAgB4E,UACnB,OACEZ,EAAejC,KAAO8B,GACtB/D,KAAKiE,mBAAmBC,EAAehC,MAAOuB,EAAWC,EAAmBZ,GAEhF,KAAK5C,EAAgB6E,SACnB,OACEb,EAAejC,KAAO8B,GACtB/D,KAAKiE,mBAAmBC,EAAe9B,KAAMqB,EAAWC,EAAmBZ,GAE/E,KAAK5C,EAAgB8E,MACnB,OACEd,EAAehC,OAASuB,GACxBzD,KAAK4D,yBAAyBM,EAAejC,IAAKiC,EAAe/B,OAAQ4B,EAAYC,GAEzF,KAAK9D,EAAgB+E,aACnB,OACEf,EAAehC,OAASuB,GACxBzD,KAAKiE,mBAAmBC,EAAe/B,OAAQ4B,EAAYC,EAAoBlB,GAEnF,KAAK5C,EAAgBgF,UACnB,OACEhB,EAAehC,OAASuB,GACxBzD,KAAKiE,mBAAmBC,EAAejC,IAAK8B,EAAYC,EAAoBlB,GAEhF,KAAK5C,EAAgBiF,OACnB,OACEjB,EAAe/B,QAAU4B,GACzB/D,KAAKsD,2BAA2BY,EAAe9B,KAAM8B,EAAehC,MAAOuB,EAAWC,GAE1F,KAAKxD,EAAgBkF,YACnB,OACElB,EAAe/B,QAAU4B,GACzB/D,KAAKiE,mBAAmBC,EAAe9B,KAAMqB,EAAWC,EAAmBZ,GAE/E,KAAK5C,EAAgBmF,aACnB,OACEnB,EAAe/B,QAAU4B,GACzB/D,KAAKiE,mBAAmBC,EAAehC,MAAOuB,EAAWC,EAAmBZ,GAEhF,KAAK5C,EAAgBoF,KACnB,OACEpB,EAAe9B,MAAQqB,GACvBzD,KAAK4D,yBAAyBM,EAAejC,IAAKiC,EAAe/B,OAAQ4B,EAAYC,GAEzF,KAAK9D,EAAgBqF,SACnB,OACErB,EAAe9B,MAAQqB,GACvBzD,KAAKiE,mBAAmBC,EAAejC,IAAK8B,EAAYC,EAAoBlB,GAEhF,KAAK5C,EAAgBsF,YACnB,OACEtB,EAAe9B,MAAQqB,GACvBzD,KAAKiE,mBAAmBC,EAAe/B,OAAQ4B,EAAYC,EAAoBlB,GAGnF,QACE,OAAO,M,EAKb,GAAI8B,EAAKN,GAAkB,CACzB,OAAOA,C,CAIT,MAAMmB,EAAY1F,EAAS2F,cAC3B,MAAMC,EAAaF,EAAUG,QAAQtB,GAErC,GAAIqB,KAAgB,EAAG,CACrB,OAAOrB,C,CAIT,IAAK,IAAIuB,EAAI,EAAGA,EAAIJ,EAAUK,OAAQD,IAAK,CACzC,MAAME,GAAYJ,EAAaE,GAAKJ,EAAUK,OAC9C,MAAMjB,EAAMY,EAAUM,GACtB,GAAInB,EAAKC,GAAM,CACb,OAAOA,C,EAIX,OAAO7E,KAAKgG,yBAAyB9B,E,CAI/B,wBAAA8B,CAAyB9B,GAE/B,MAAM+B,EACJ/B,EAAehC,OAASgC,EAAe9B,KAAOlC,EAAgB8E,MAAQ9E,EAAgBoF,KAExF,MAAMY,EACJhC,EAAe/B,QAAU+B,EAAejC,IAAM/B,EAAgBiF,OAASjF,EAAgBC,IAGzF,MAAMgG,EAAqBC,KAAKC,IAAInC,EAAehC,MAAOgC,EAAe9B,MACzE,MAAMkE,EAAmBF,KAAKC,IAAInC,EAAe/B,OAAQ+B,EAAejC,KAExE,MAAMsE,EAAgBD,GAAoBH,EAAqBD,EAAwBD,EAIvF,IAAIO,EAA0B,MAE9B,GAAID,IAAkBL,EAAuB,CAE3C,MAAMO,EAAqBL,KAAKM,IAAIxC,EAAehC,MAAOgC,EAAe9B,MACzEoE,EAA0BL,GAAsBM,EAAqB,C,KAChE,CAEL,MAAME,EAAmBP,KAAKM,IAAIxC,EAAe/B,OAAQ+B,EAAejC,KACxEuE,EAA0BF,GAAoBK,EAAmB,C,CAGnE,IAAKH,EAAyB,CAC5B,OAAOD,C,CAGT,MAAMK,EACJL,IAAkBL,EAAwBD,EAA0BC,EAGtE,MAAO,GAAGK,KAAiBK,G,CAOrB,sBAAAC,CAAuBC,GAC7B,IAAIC,EAAS5D,EAAiB2D,GAE9B,MAAOC,EAAQ,CACb,GAAIA,IAAWD,EAAQ7D,cAAc+D,gBAAiB,CACpD,OAAOD,C,CAGT,MAAM/E,EAAQiF,iBAAiBF,GAC/B,MAAMG,SAACA,EAAQC,UAAEA,EAASC,UAAEA,GAAapF,EACzC,MAAMqF,EAAoBH,IAAa,UAAYE,IAAc,UAAYD,IAAc,SAC3F,MAAMG,EACHP,EAAOQ,aAAeR,EAAOS,cAAgBN,IAAa,WAAaE,IAAc,WACrFL,EAAOU,YAAcV,EAAOW,aAAeR,IAAa,WAAaC,IAAc,UAEtF,IAAKE,GAAqBC,EAAc,CACtC,OAAOP,C,CAGTA,EAAS5D,EAAiB4D,E,CAG5B,OAAOD,EAAQ7D,cAAc+D,e,CAUvB,uBAAAW,GACN,MAAMC,EAAmB5H,KAAKgB,aAAayD,wBAE3C,GACEzE,KAAK6H,eACL7H,KAAK6H,cAAcC,IAAMF,EAAiBE,GAC1C9H,KAAK6H,cAAcE,IAAMH,EAAiBG,GAC1C/H,KAAK6H,cAAcnD,QAAUkD,EAAiBlD,OAC9C1E,KAAK6H,cAAclD,SAAWiD,EAAiBjD,QAC/C3E,KAAKgI,qBACL,CAEA,OAAOhI,KAAKgI,oB,CAGdhI,KAAK6H,cAAgBD,EACrB,MAAMK,EAAqBjI,KAAK6G,uBAAuB7G,KAAKgB,cAC5D,MAAMkH,EAAyBD,EAAmBxD,wBAClD,MAAM0D,EAA6BF,IAAuBjI,KAAKgB,aAAaiC,cAAc+D,gBAC1F,MAAMoB,EAAgBpI,KAAKgB,aAAaiC,cAAc+D,gBAAgBU,YACtE,MAAMW,EAAiBrI,KAAKgB,aAAaiC,cAAc+D,gBAAgBQ,aACvE,MAAMc,EAAY,EAKlB,MAAMC,EAAWJ,EAA6BD,EAAuBjG,IAAM,EAC3E,MAAMuG,EAAaL,EAA6BC,EAAgBF,EAAuBhG,MAAQ,EAC/F,MAAMuG,EAAcN,EAA6BE,EAAiBH,EAAuB/F,OAAS,EAClG,MAAMuG,EAAYP,EAA6BD,EAAuB9F,KAAO,EAE7EpC,KAAKgI,qBAAuB,CAC1B/F,IAAK2F,EAAiB3F,IAAMsG,EAAWD,EACvCpG,MAAOkG,EAAgBR,EAAiB1F,MAAQsG,EAAaF,EAC7DnG,OAAQkG,EAAiBT,EAAiBzF,OAASsG,EAAcH,EACjElG,KAAMwF,EAAiBxF,KAAOsG,EAAYJ,GAG5C,OAAOtI,KAAKgI,oB,CAIN,sBAAAW,GACN,MAAMC,EAAc5I,KAAKgB,aAAayD,wBACtC,MAAM2D,EAAgBpI,KAAKgB,aAAaiC,cAAc+D,gBAAgBU,YACtE,MAAMW,EAAiBrI,KAAKgB,aAAaiC,cAAc+D,gBAAgBQ,aAEvE,MAAO,CACLvF,IAAK2G,EAAY3G,IACjBC,MAAOkG,EAAgBQ,EAAY1G,MACnCC,OAAQkG,EAAiBO,EAAYzG,OACrCC,KAAMwG,EAAYxG,K,CAKd,sBAAAyG,GACN,MAAMC,EAAsB9I,KAAK2I,yBACjC,MAAMI,EAA0BC,EAA4BhJ,KAAKe,MACjE,MAAMkI,EAAoBF,IAA4B/I,KAAKe,KAAKkC,cAAc+D,gBAE9E,GAAIiC,EAAmB,CACrB,OAAOH,C,CAGT,MAAMI,EAAsBH,EAAwBtE,wBACpD,MAAM0E,EAAuBlC,iBAAiB8B,GAE9C,MAAMK,EAAa,CACjBnH,IAAKiH,EAAoBjH,IAAMoH,WAAWF,EAAqBG,gBAC/DpH,MAAOgH,EAAoBhH,MAAQmH,WAAWF,EAAqBI,kBACnEpH,OAAQ+G,EAAoB/G,OAASkH,WAAWF,EAAqBK,mBACrEpH,KAAM8G,EAAoB9G,KAAOiH,WAAWF,EAAqBM,kBAGnE,MAAM7B,EAAmB5H,KAAKgB,aAAayD,wBAE3C,MAAMiF,EAAkB,CACtBzH,IAAK2F,EAAiB3F,IAAMmH,EAAWnH,IACvCC,MAAOkH,EAAWlH,MAAQ0F,EAAiB1F,MAC3CC,OAAQiH,EAAWjH,OAASyF,EAAiBzF,OAC7CC,KAAMwF,EAAiBxF,KAAOgH,EAAWhH,MAI3C,MAAO,CACLH,IAAKyH,EAAgBzH,IAAM8G,EAAwBY,UACnDzH,MAAOwH,EAAgBxH,MAAQ6G,EAAwBa,WACvDzH,OAAQuH,EAAgBvH,OAAS4G,EAAwBY,UACzDvH,KAAMsH,EAAgBtH,KAAO2G,EAAwBa,W,CAKjD,mBAAAC,CAAoBtI,EAA2B2C,GACrD,MAAMR,EAAoB1D,KAAKgB,aAAauD,YAC5C,MAAMP,EAAqBhE,KAAKgB,aAAawD,aAC7C,MAAM1B,EAAiB9C,KAAK8C,eAK5B,MAAMgH,EAAgB9J,KAAK+J,WAAa/J,KAAK+C,OAAS,EAAI,EAC1D,MAAMiH,EAAYhK,KAAKe,KAAKiB,MAE5B,MAAMiI,EAAoBZ,WAAWpC,iBAAiBjH,KAAKe,MAAMmJ,UAAUC,QAAQ,KAAM,MAAQ,EACjG,MAAMC,EAAkBpK,KAAK6I,yBAM7B,MAAMwB,EAAWD,EAAgBhI,KAAOsB,EAAoBZ,EAC5D,MAAMwH,EAAYF,EAAgBlI,MAAQwB,EAAoBZ,EAC9D,MAAMyH,EAAUH,EAAgBnI,IAAM+B,EACtC,MAAMwG,EAAaJ,EAAgBjI,OAAS6B,EAC5C,MAAMyG,EAAcL,EAAgBnI,IAAM+B,EAAqBlB,EAC/D,MAAM4H,EAAiBN,EAAgBjI,OAAS6B,EAAqBlB,EAErE,IAAIT,EACJ,IAAIC,EAEJ,OAAQf,GACN,KAAKrB,EAAgBC,IACrB,KAAKD,EAAgB4E,UACnBkF,EAAU7H,OAAS,GAAGqI,MACtBR,EAAU5H,KAAO,GAAGiI,GAAY9I,IAAarB,EAAgB4E,UAAYgF,EAAgB,OACzFxH,EAAY4B,EAAejC,IAAMgI,EACjC,GAAI1I,IAAarB,EAAgB4E,UAAW,CAC1CzC,EAAW6B,EAAehC,MAAQwB,EAAoBZ,C,CAExD,MAEF,KAAK5C,EAAgB6E,SACnBiF,EAAU9H,MAAQ,GAAGoI,EAAYR,MACjCE,EAAU7H,OAAS,GAAGqI,MACtBnI,EAAW6B,EAAe9B,KAAOsB,EAAoBZ,EACrDR,EAAY4B,EAAejC,IAAMgI,EACjC,MAEF,KAAK/J,EAAgBiF,OACrB,KAAKjF,EAAgBmF,aACnB2E,EAAU/H,IAAM,GAAGsI,MACnBP,EAAU5H,KAAO,GAAGiI,GAAY9I,IAAarB,EAAgBmF,aAAeyE,EAAgB,OAC5FxH,EAAY4B,EAAe/B,OAAS8H,EACpC,GAAI1I,IAAarB,EAAgBmF,aAAc,CAC7ChD,EAAW6B,EAAehC,MAAQwB,EAAoBZ,C,CAExD,MAEF,KAAK5C,EAAgBkF,YACnB4E,EAAU/H,IAAM,GAAGsI,MACnBP,EAAU9H,MAAQ,GAAGoI,EAAYR,MACjCzH,EAAW6B,EAAe9B,KAAOsB,EAAoBZ,EACrDR,EAAY4B,EAAe/B,OAAS8H,EACpC,MAEF,KAAK/J,EAAgB8E,MACrB,KAAK9E,EAAgB+E,aACnB+E,EAAU/H,IAAM,GAAGwI,GAAelJ,IAAarB,EAAgB+E,aAAe6E,EAAgB,OAC9FE,EAAU5H,KAAO,GAAGgI,EAAgBhI,KAAOsB,MAC3CrB,EAAW6B,EAAehC,MAAQ+H,EAClC,GAAI1I,IAAarB,EAAgB8E,MAAO,CACtC1C,EAAY4B,EAAejC,IAAMiC,EAAe/B,OAAS6B,C,KACpD,CACL1B,EAAY4B,EAAe/B,OAAS6B,EAAqBlB,C,CAE3D,MAEF,KAAK5C,EAAgBgF,UACnB8E,EAAU7H,OAAS,GAAGuI,EAAiBZ,MACvCE,EAAU5H,KAAO,GAAGgI,EAAgBhI,KAAOsB,MAC3CrB,EAAW6B,EAAehC,MAAQ+H,EAClC3H,EAAY4B,EAAejC,IAAM+B,EAAqBlB,EACtD,MAEF,KAAK5C,EAAgBoF,KACrB,KAAKpF,EAAgBsF,YACnBwE,EAAU/H,IAAM,GAAGwI,GAAelJ,IAAarB,EAAgBsF,YAAcsE,EAAgB,OAC7FE,EAAU9H,MAAQ,GAAGkI,EAAgBlI,MAAQwB,MAC7CrB,EAAW6B,EAAe9B,KAAO6H,EACjC,GAAI1I,IAAarB,EAAgBsF,YAAa,CAC5ClD,EAAY4B,EAAe/B,OAAS6B,EAAqBlB,C,CAE3D,MAEF,KAAK5C,EAAgBqF,SACnByE,EAAU9H,MAAQ,GAAGkI,EAAgBlI,MAAQwB,MAC7CsG,EAAU7H,OAAS,GAAGuI,EAAiBZ,MACvCzH,EAAW6B,EAAe9B,KAAO6H,EACjC3H,EAAY4B,EAAejC,IAAM+B,EAAqBlB,EACtD,MAGJ,GAAI6H,MAAgBC,EAAOC,OAAQ,CAEjC1J,OAAOY,OAAOiI,EAAW,CACvB3H,SAAUA,EAAW,GAAGA,MAAe,GACvCC,UAAWA,EAAY,GAAGA,MAAgB,I,EAMxC,WAAAb,GACN,IAAKzB,KAAKgB,aAAc,CACtB,M,CAGF,IAAK8J,EAA4B9K,KAAKgB,aAAchB,KAAK6G,uBAAuB7G,KAAKgB,eAAgB,CAEnGhB,KAAKW,KAAO,MAEZ,M,CAGFQ,OAAOY,OAAO/B,KAAKe,KAAKiB,MAAO,CAE7BC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNC,SAAU,GACVC,UAAW,GAEXC,WAAY,WAGd,MAAM2B,EAAiBlE,KAAK2H,0BAC5B,MAAMpG,EAAWvB,KAAKqE,0BAA0BrE,KAAKuB,SAAU2C,GAE/DlE,KAAK6J,oBAAoBtI,EAAU2C,GACnClE,KAAKwB,gBAAkBD,EACvBvB,KAAK+K,eAAejJ,KAAK,CAACP,SAAUvB,KAAKwB,kBAGzCxB,KAAKe,KAAKiB,MAAMO,WAAa,S,CAG/B,iBAAAyI,GACEhL,KAAKiB,iBAAiBjB,KAAKuB,S,CAG7B,gBAAA0J,GACEjL,KAAK6C,mBACL,GAAI7C,KAAKW,KAAM,CACbX,KAAK0B,Q,EAIT,oBAAAwJ,GACEvJ,qBAAqB3B,KAAK4B,wB,CAG5B,MAAAuJ,GACE,OACEC,EAACC,EAAI,CAAA9K,IAAA,8DAAmBP,KAAKwB,iBAC3B4J,EAAA,QAAA7K,IAAA,6C,oIA7nBkBR,EAAA2F,cAAmC,CACzDxF,EAAgBC,IAChBD,EAAgB4E,UAChB5E,EAAgB6E,SAChB7E,EAAgB8E,MAChB9E,EAAgB+E,aAChB/E,EAAgBgF,UAChBhF,EAAgBiF,OAChBjF,EAAgBkF,YAChBlF,EAAgBmF,aAChBnF,EAAgBoF,KAChBpF,EAAgBqF,SAChBrF,EAAgBsF,a","ignoreList":[]}

package/www/build/p-86618221.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var a;(function(a){a["REAL"]="reale";a["VIRTUAL"]="virtuale";a["TRIAL"]="saggio";a["TEMP"]="reale_temp"})(a\|\|(a={}));var r;(function(a){a["BORDER"]="border";a["SHADOW"]="shadow";a["OVERLAY"]="overlay";a["TEXT"]="text"})(r\|\|(r={}));var t;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(t\|\|(t={}));var e;(function(a){a["BIG"]="big";a["SMALL"]="small"})(e\|\|(e={}));var n;(function(a){a["LEFT"]="ArrowLeft";a["RIGHT"]="ArrowRight";a["UP"]="ArrowUp";a["DOWN"]="ArrowDown"})(n\|\|(n={}));var o;(function(a){a["PRIMARY"]="primary";a["SECONDARY"]="secondary";a["TERTIARY"]="tertiary"})(o\|\|(o={}));var i;(function(a){a["SUBMIT"]="submit";a["RESET"]="reset";a["BUTTON"]="button"})(i\|\|(i={}));var s;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(s\|\|(s={}));var c;(function(a){a["BIG"]="big";a["SMALL"]="small";a["X_SMALL"]="x-small"})(c\|\|(c={}));var u;(function(a){a["TEXT"]="text";a["PASSWORD"]="password";a["NUMBER"]="number";a["EMAIL"]="email";a["TEXTAREA"]="textarea";a["CHECKBOX"]="checkbox";a["RADIO"]="radio";a["TEL"]="tel";a["URL"]="url";a["SEARCH"]="search"})(u\|\|(u={}));var l;(function(a){a["SUCCESS"]="success";a["ERROR"]="error";a["WARNING"]="warning"})(l\|\|(l={}));var f;(function(a){a["AUTO"]="auto";a["TOP"]="top";a["RIGHT"]="right";a["BOTTOM"]="bottom";a["LEFT"]="left";a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left";a["RIGHT_TOP"]="right_top";a["RIGHT_BOTTOM"]="right_bottom";a["LEFT_TOP"]="left_top";a["LEFT_BOTTOM"]="left_bottom"})(f\|\|(f={}));var d;(function(a){a[a["TAB"]=9]="TAB";a[a["SPACE"]=32]="SPACE";a[a["ESC"]=27]="ESC";a[a["ENTER"]=13]="ENTER";a[a["ARROW_UP"]=38]="ARROW_UP";a[a["ARROW_DOWN"]=40]="ARROW_DOWN";a[a["BACKSPACE"]=8]="BACKSPACE";a[a["DELETE"]=46]="DELETE"})(d\|\|(d={}));var F;(function(a){a["TAB"]="Tab";a["SPACE"]="Space";a["ESC"]="Escape";a["ENTER"]="Enter";a["ARROW_UP"]="ArrowUp";a["ARROW_DOWN"]="ArrowDown";a["BACKSPACE"]="Backspace";a["DELETE"]="Delete";a["ARROW_RIGHT"]="ArrowRight";a["ARROW_LEFT"]="ArrowLeft"})(F\|\|(F={}));var g;(function(a){a["DARK"]="dark";a["LIGHT"]="light"})(g\|\|(g={}));var v;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(v\|\|(v={}));var h;(function(a){a["HORIZONTAL"]="horizontal";a["VERTICAL"]="vertical"})(h\|\|(h={}));var p;(function(a){a["ASC"]="asc";a["DESC"]="desc"})(p\|\|(p={}));var m;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large"})(m\|\|(m={}));var C;(function(a){a["SMALL"]="small";a["MEDIUM"]="medium";a["LARGE"]="large";a["X_LARGE"]="x-large";a["NONE"]="none"})(C\|\|(C={}));var b;(function(a){a["ACCORDION"]="accordion";a["MENU"]="menu"})(b\|\|(b={}));var D;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(D\|\|(D={}));var k;(function(a){a["RIGHT"]="right";a["LEFT"]="left"})(k\|\|(k={}));var A;(function(a){a["NONE"]="none";a["HEADER"]="header";a["ELEMENT"]="element"})(A\|\|(A={}));var w;(function(a){a["NONE"]="none";a["ORDERED"]="ordered";a["UNORDERED"]="unordered"})(w\|\|(w={}));var E;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(E\|\|(E={}));var L;(function(a){a["SUCCESS"]="success";a["WARNING"]="warning";a["ERROR"]="error"})(L\|\|(L={}));var R;(function(a){a["MOBILE"]="mobile";a["TABLET"]="tablet";a["DESKTOP"]="desktop";a["DESKTOP_WIDE"]="desktop-wide"})(R\|\|(R={}));var _;(function(a){a["DARK"]="dark";a["LIGHT"]="light";a["ACCENT"]="accent";a["ERROR"]="error";a["SUCCESS"]="success";a["WARNING"]="warning"})(_\|\|(_={}));var V;(function(a){a["SLIDE_IN_LEFT"]="slide-in-left";a["SLIDE_IN_RIGHT"]="slide-in-right";a["SLIDE_IN_DOWN"]="slide-in-down";a["SLIDE_IN_UP"]="slide-in-up";a["SLIDE_OUT_LEFT"]="slide-out-left";a["SLIDE_OUT_RIGHT"]="slide-out-right";a["SLIDE_OUT_DOWN"]="slide-out-down";a["SLIDE_OUT_UP"]="slide-out-up"})(V\|\|(V={}));var y;(function(a){a["TOP_RIGHT"]="top-right";a["TOP_LEFT"]="top-left";a["TOP_CENTRE"]="top-centre";a["BOTTOM_RIGHT"]="bottom-right";a["BOTTOM_LEFT"]="bottom-left";a["BOTTOM_CENTRE"]="bottom-centre"})(y\|\|(y={}));var z;(function(a){a["EXPANDABLE"]="expandable";a["PADDING"]="padding";a["NONE"]="none"})(z\|\|(z={}));var x;(function(a){a["POLITE"]="polite";a["ASSERTIVE"]="assertive"})(x\|\|(x={}));var q;(function(a){a["LEFT"]="left";a["RIGHT"]="right";a["UP"]="up"})(q\|\|(q={}));var B;(function(a){a["OVERLAY"]="overlay";a["PUSHCONTENT"]="pushcontent"})(B\|\|(B={}));var G;(function(a){a["DEFAULT"]="default";a["DRAGDROP"]="dragdrop"})(G\|\|(G={}));var T;(function(a){a["DEFAULT"]="default";a["MEDIUM"]="medium";a["SMALL"]="small"})(T\|\|(T={}));var O;(function(a){a["BEFORE"]="before";a["AFTER"]="after"})(O\|\|(O={}));var P;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time";a["MONTHS"]="months"})(P\|\|(P={}));var S;(function(a){a[a["DATE"]=401]="DATE";a[a["DATE_TIME"]=523]="DATE_TIME";a[a["MONTHS"]=288]="MONTHS"})(S\|\|(S={}));var W;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(W\|\|(W={}));var N;(function(a){a["DATE"]="date";a["DATE_TIME"]="date-time"})(N\|\|(N={}));var U;(function(a){a["TOP_RIGHT"]="top_right";a["TOP_LEFT"]="top_left";a["BOTTOM_RIGHT"]="bottom_right";a["BOTTOM_LEFT"]="bottom_left"})(U\|\|(U={}));var M;(function(a){a["OVERLAY"]="overlay";a["STACKED"]="stacked"})(M\|\|(M={}));var H;(function(a){a["TOP"]="top";a["BOTTOM"]="bottom"})(H\|\|(H={}));var I;(function(a){a["OVER"]="over";a["BOTTOM"]="bottom"})(I\|\|(I={}));var K;(function(a){a["DOTS"]="dots";a["NUMBERS"]="numbers"})(K\|\|(K={}));var Y;(function(a){a["SEMIBOLD"]="semibold";a["UNDERLINED"]="underlined"})(Y\|\|(Y={}));var j;(function(a){a["TEXT"]="text";a["ICON"]="icon"})(j\|\|(j={}));var J;(function(a){a["HOVER"]="hover";a["ALWAYS"]="always"})(J\|\|(J={}));var Q;(function(a){a["LANDSCAPE"]="landscape";a["PORTRAIT"]="portrait"})(Q\|\|(Q={}));var X;(function(a){a["EXPANDED"]="expanded";a["COMPACT"]="compact";a["SEARCH"]="search"})(X\|\|(X={}));var Z;(function(a){a["DEFAULT"]="default";a["BACKGROUND"]="background"})(Z\|\|(Z={}));var $;(function(a){a["LEFT"]="left";a["RIGHT"]="right"})($\|\|($={}));const aa={"#FFFFFF00":{it:"Trasparente",en:"Transparent"},"#FFFFFF":{it:"Bianco",en:"White"},"#CCCCCC":{it:"Grigio",en:"Gray"},"#7E7E7E":{it:"Grigio scuro 1",en:"Dark gray 1"},"#333333":{it:"Grigio scuro 2",en:"Dark gray 2"},"#FFCCCC":{it:"Rosso chiaro 1",en:"Light red 1"},"#FF9999":{it:"Rosso chiaro 2",en:"Light red 2"},"#FF3333":{it:"Rosso",en:"Red"},"#CC0000":{it:"Rosso scuro 1",en:"Dark red 1"},"#660000":{it:"Rosso scuro 2",en:"Dark red 2"},"#FFE1CC":{it:"Arancione chiaro 1",en:"Light orange 1"},"#FFC399":{it:"Arancione chiaro 2",en:"Light orange 2"},"#FF8933":{it:"Arancione",en:"Orange"},"#CC5500":{it:"Arancione scuro 1",en:"Dark orange 1"},"#662B00":{it:"Arancione scuro 2",en:"Dark orange 2"},"#FFF7CC":{it:"Giallo chiaro 1",en:"Light yellow 1"},"#FFEE99":{it:"Giallo chiaro 2",en:"Light yellow 2"},"#FFDD33":{it:"Giallo",en:"Yellow"},"#CCAA00":{it:"Giallo scuro 1",en:"Dark yellow 1"},"#665600":{it:"Giallo scuro 2",en:"Dark yellow 2"},"#DDFFCC":{it:"Verde chiaro 1",en:"Light green 1"},"#BBFF99":{it:"Verde chiaro 2",en:"Light green 2"},"#77FF33":{it:"Verde",en:"Green"},"#44CC00":{it:"Verde scuro 1",en:"Dark green 1"},"#226600":{it:"Verde scuro 2",en:"Dark green 2"},"#CCFFE5":{it:"Verde acqua chiaro 1",en:"Light aquamarine 1"},"#99FFCC":{it:"Verde acqua chiaro 2",en:"Light aquamarine 2"},"#33FF99":{it:"Verde acqua",en:"Aquamarine"},"#00CC66":{it:"Verde acqua scuro 1",en:"Dark aquamarine 1"},"#006633":{it:"Verde acqua scuro 2",en:"Dark aquamarine 2"},"#CCEEFF":{it:"Azzurro chiaro 1",en:"Light blue 1"},"#99DDFF":{it:"Azzurro chiaro 2",en:"Light blue 2"},"#33BBFF":{it:"Azzurro",en:"Blue"},"#0088CC":{it:"Azzurro scuro 1",en:"Dark blue 1"},"#004466":{it:"Azzurro scuro 2",en:"Dark blue 2"},"#D4CCFF":{it:"Viola chiaro 1",en:"Light purple 1"},"#AA99FF":{it:"Viola chiaro 2",en:"Light purple 2"},"#5533FF":{it:"Viola",en:"Purple"},"#2200CC":{it:"Viola scuro 1",en:"Dark purple 1"},"#110066":{it:"Viola scuro 2",en:"Dark purple 2"},"#FFCCFF":{it:"Rosa chiaro 1",en:"Light pink 1"},"#FF99FF":{it:"Rosa chiaro 2",en:"Light pink 2"},"#FF33FF":{it:"Rosa",en:"Pink"},"#CC00CC":{it:"Rosa scuro 1",en:"Dark pink 1"},"#660066":{it:"Rosa scuro 2",en:"Dark pink 2"}};export{$,m as A,o as B,r as C,v as D,b as E,W as F,N as G,U as H,u as I,M as J,d as K,a as L,H as M,t as N,B as O,f as P,I as Q,K as R,p as S,g as T,Y as U,j as V,J as W,Q as X,X as Y,z as Z,Z as _,e as a,aa as a0,n as b,i as c,s as d,c as e,l as f,F as g,h,C as i,D as j,k,A as l,w as m,E as n,L as o,R as p,_ as q,V as r,y as s,x as t,q as u,G as v,T as w,O as x,P as y,S as z};
2	- //# sourceMappingURL=p-86618221.js.map

package/www/build/p-86618221.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["LicenseType","CardVariant","NavigationTabsOrientation","NavigationTabsSize","NavigationTabsKeyboardEvents","ButtonVariant","ButtonType","ButtonSize","ControlSize","InputType","InputStatus","PopoverPosition","KeyboardKeyCode","KeyboardCode","ThemeVariant","DividerSize","DividerOrientation","SortDirection","AvatarSize","ListSize","ExpandableListStyle","ExpandableListButtonAlign","LabelPosition","ListDividerType","ListType","NotificationType","AlertType","Device","ToastNotification","ToastNotificationTransition","ToastNotificationPosition","ZTableRowExpandedType","ZAriaAlertMode","TransitionDirection","OffCanvasVariant","ZFileUploadType","ZChipType","ZSectionTitleDividerPosition","ZDatePickerMode","ZDatePickerModeValue","ZDatePickerPosition","ZRangePickerMode","InfoRevealPosition","CoverHeroVariant","CoverHeroContentPosition","CarouselArrowsPosition","CarouselProgressMode","BreadcrumbPathStyle","BreadcrumbHomepageVariant","VisibilityCondition","BookCardVariant","BookCardDeprecatedVariant","AccordionVariant","IconPosition","ColorPickerPalette","it","en"],"sources":["src/beans/index.tsx"],"sourcesContent":["export type MyzLink = {\n label: string;\n img: string;\n link: string;\n};\n\nexport enum LicenseType {\n REAL = \"reale\",\n VIRTUAL = \"virtuale\",\n TRIAL = \"saggio\",\n TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n id: string;\n isbn: string;\n volumeTitle: string;\n operaTitle: string;\n img: string;\n authors: string;\n actions: Action[];\n isBookmark: boolean;\n licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n BORDER = \"border\",\n SHADOW = \"shadow\",\n OVERLAY = \"overlay\",\n TEXT = \"text\",\n}\n\nexport type Action = {\n isLink: boolean;\n value: string;\n url?: string;\n};\n\nexport type ListItem = {\n text: string;\n link?: string;\n linktarget?: string;\n icon?: string;\n listitemid?: string;\n};\n\nexport type FilterItem = {\n name: string;\n id: string;\n isActive: boolean;\n isfixed: boolean;\n};\n\nexport type MenuItem = {\n id: string;\n label: string;\n link?: string;\n icon?: string;\n target?: string;\n subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n id: string;\n label: string;\n icon?: string;\n size?: string;\n selected?: boolean;\n disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n HORIZONTAL = \"horizontal\",\n VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n BIG = \"big\",\n SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n LEFT = \"ArrowLeft\",\n RIGHT = \"ArrowRight\",\n UP = \"ArrowUp\",\n DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n islogged: boolean;\n id?: number;\n name?: string;\n usergroup: number;\n userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n id: string;\n name: string;\n checked: boolean;\n category?: string;\n};\n\nexport enum ButtonVariant {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n SUBMIT = \"submit\",\n RESET = \"reset\",\n BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n BIG = \"big\",\n SMALL = \"small\",\n X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n BIG = \"big\",\n SMALL = \"small\",\n X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n TEXT = \"text\",\n PASSWORD = \"password\",\n NUMBER = \"number\",\n EMAIL = \"email\",\n TEXTAREA = \"textarea\",\n CHECKBOX = \"checkbox\",\n RADIO = \"radio\",\n TEL = \"tel\",\n URL = \"url\",\n SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n SUCCESS = \"success\",\n ERROR = \"error\",\n WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n /** @deprecated This value is not needed anymore as the popover will always try to position itself automatically based on available space.\n *\n * Passing `AUTO` is the same as not passing any position value.\n * Use any of the other values to explicitly set the preferred position of the popover.\n */\n AUTO = \"auto\",\n TOP = \"top\",\n RIGHT = \"right\",\n BOTTOM = \"bottom\",\n LEFT = \"left\",\n TOP_RIGHT = \"top_right\",\n TOP_LEFT = \"top_left\",\n BOTTOM_RIGHT = \"bottom_right\",\n BOTTOM_LEFT = \"bottom_left\",\n RIGHT_TOP = \"right_top\",\n RIGHT_BOTTOM = \"right_bottom\",\n LEFT_TOP = \"left_top\",\n LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n TAB = 9,\n SPACE = 32,\n ESC = 27,\n ENTER = 13,\n ARROW_UP = 38,\n ARROW_DOWN = 40,\n BACKSPACE = 8,\n DELETE = 46,\n}\n\nexport enum KeyboardCode {\n TAB = \"Tab\",\n SPACE = \"Space\",\n ESC = \"Escape\",\n ENTER = \"Enter\",\n ARROW_UP = \"ArrowUp\",\n ARROW_DOWN = \"ArrowDown\",\n BACKSPACE = \"Backspace\",\n DELETE = \"Delete\",\n ARROW_RIGHT = \"ArrowRight\",\n ARROW_LEFT = \"ArrowLeft\",\n}\n\nexport type SelectItem = {\n id: string;\n name: string;\n selected: boolean;\n icon?: string;\n disabled?: boolean;\n category?: string;\n children?: SelectItem[];\n};\n\nexport enum ThemeVariant {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n HORIZONTAL = \"horizontal\",\n VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n ASC = \"asc\",\n DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\",\n}\n\nexport enum ListSize {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\",\n X_LARGE = \"x-large\",\n NONE = \"none\",\n}\n\nexport enum ExpandableListStyle {\n ACCORDION = \"accordion\",\n MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n RIGHT = \"right\",\n LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n RIGHT = \"right\",\n LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n NONE = \"none\",\n HEADER = \"header\",\n ELEMENT = \"element\",\n}\n\nexport enum ListType {\n NONE = \"none\",\n ORDERED = \"ordered\",\n UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n SUCCESS = \"success\",\n WARNING = \"warning\",\n ERROR = \"error\",\n}\n\nexport enum AlertType {\n SUCCESS = \"success\",\n WARNING = \"warning\",\n ERROR = \"error\",\n}\n\nexport enum Device {\n MOBILE = \"mobile\",\n TABLET = \"tablet\",\n DESKTOP = \"desktop\",\n DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n author: string;\n year: string;\n title: string;\n description: string;\n onlineLicense: DictionaryLicenseData;\n offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n expiration: string;\n expired: boolean;\n expiring: boolean;\n installations: string;\n};\n\nexport enum ToastNotification {\n DARK = \"dark\",\n LIGHT = \"light\",\n ACCENT = \"accent\",\n ERROR = \"error\",\n SUCCESS = \"success\",\n WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n SLIDE_IN_LEFT = \"slide-in-left\",\n SLIDE_IN_RIGHT = \"slide-in-right\",\n SLIDE_IN_DOWN = \"slide-in-down\",\n SLIDE_IN_UP = \"slide-in-up\",\n SLIDE_OUT_LEFT = \"slide-out-left\",\n SLIDE_OUT_RIGHT = \"slide-out-right\",\n SLIDE_OUT_DOWN = \"slide-out-down\",\n SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n TOP_RIGHT = \"top-right\",\n TOP_LEFT = \"top-left\",\n TOP_CENTRE = \"top-centre\",\n BOTTOM_RIGHT = \"bottom-right\",\n BOTTOM_LEFT = \"bottom-left\",\n BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n EXPANDABLE = \"expandable\",\n PADDING = \"padding\",\n NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n POLITE = \"polite\",\n ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n LEFT = \"left\",\n RIGHT = \"right\",\n UP = \"up\",\n}\n\nexport enum OffCanvasVariant {\n OVERLAY = \"overlay\",\n PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n DEFAULT = \"default\",\n DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n DEFAULT = \"default\",\n MEDIUM = \"medium\",\n SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n BEFORE = \"before\",\n AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n DATE = \"date\",\n DATE_TIME = \"date-time\",\n MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n DATE = 401,\n DATE_TIME = 523,\n MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n TOP = \"top\",\n BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n DATE = \"date\",\n DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n label: string;\n href: string;\n ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n TOP_RIGHT = \"top_right\",\n TOP_LEFT = \"top_left\",\n BOTTOM_RIGHT = \"bottom_right\",\n BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n OVERLAY = \"overlay\",\n STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n TOP = \"top\",\n BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n OVER = \"over\",\n BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n DOTS = \"dots\",\n NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n label: string;\n id?: string;\n icon?: string;\n tag?: {icon?: string; text: string};\n category?: string;\n subcategory?: string;\n children?: Omit<SearchbarItem, \"category\" | \"subcategory\">[];\n};\n\nexport type SearchbarGroupedItem = {\n [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n items: SearchbarItem[];\n category?: string;\n subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n text?: string;\n path?: string;\n hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n SEMIBOLD = \"semibold\",\n UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n TEXT = \"text\",\n ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n HOVER = \"hover\",\n ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n LANDSCAPE = \"landscape\",\n PORTRAIT = \"portrait\",\n}\n\nexport enum BookCardDeprecatedVariant {\n EXPANDED = \"expanded\",\n COMPACT = \"compact\",\n SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n DEFAULT = \"default\",\n BACKGROUND = \"background\",\n}\n\nexport type TreeListItem = {\n id: string;\n name: string;\n url: string;\n icon?: string;\n bold?: boolean;\n children?: TreeListItem[];\n};\n\nexport enum IconPosition {\n LEFT = \"left\",\n RIGHT = \"right\",\n}\n\n/** Map of color hex codes to their Italian and English names for the Color Picker Palette. */\nexport const ColorPickerPalette = {\n \"#FFFFFF00\": {it: \"Trasparente\", en: \"Transparent\"},\n \"#FFFFFF\": {it: \"Bianco\", en: \"White\"},\n \"#CCCCCC\": {it: \"Grigio\", en: \"Gray\"},\n \"#7E7E7E\": {it: \"Grigio scuro 1\", en: \"Dark gray 1\"},\n \"#333333\": {it: \"Grigio scuro 2\", en: \"Dark gray 2\"},\n\n \"#FFCCCC\": {it: \"Rosso chiaro 1\", en: \"Light red 1\"},\n \"#FF9999\": {it: \"Rosso chiaro 2\", en: \"Light red 2\"},\n \"#FF3333\": {it: \"Rosso\", en: \"Red\"},\n \"#CC0000\": {it: \"Rosso scuro 1\", en: \"Dark red 1\"},\n \"#660000\": {it: \"Rosso scuro 2\", en: \"Dark red 2\"},\n\n \"#FFE1CC\": {it: \"Arancione chiaro 1\", en: \"Light orange 1\"},\n \"#FFC399\": {it: \"Arancione chiaro 2\", en: \"Light orange 2\"},\n \"#FF8933\": {it: \"Arancione\", en: \"Orange\"},\n \"#CC5500\": {it: \"Arancione scuro 1\", en: \"Dark orange 1\"},\n \"#662B00\": {it: \"Arancione scuro 2\", en: \"Dark orange 2\"},\n\n \"#FFF7CC\": {it: \"Giallo chiaro 1\", en: \"Light yellow 1\"},\n \"#FFEE99\": {it: \"Giallo chiaro 2\", en: \"Light yellow 2\"},\n \"#FFDD33\": {it: \"Giallo\", en: \"Yellow\"},\n \"#CCAA00\": {it: \"Giallo scuro 1\", en: \"Dark yellow 1\"},\n \"#665600\": {it: \"Giallo scuro 2\", en: \"Dark yellow 2\"},\n\n \"#DDFFCC\": {it: \"Verde chiaro 1\", en: \"Light green 1\"},\n \"#BBFF99\": {it: \"Verde chiaro 2\", en: \"Light green 2\"},\n \"#77FF33\": {it: \"Verde\", en: \"Green\"},\n \"#44CC00\": {it: \"Verde scuro 1\", en: \"Dark green 1\"},\n \"#226600\": {it: \"Verde scuro 2\", en: \"Dark green 2\"},\n\n \"#CCFFE5\": {it: \"Verde acqua chiaro 1\", en: \"Light aquamarine 1\"},\n \"#99FFCC\": {it: \"Verde acqua chiaro 2\", en: \"Light aquamarine 2\"},\n \"#33FF99\": {it: \"Verde acqua\", en: \"Aquamarine\"},\n \"#00CC66\": {it: \"Verde acqua scuro 1\", en: \"Dark aquamarine 1\"},\n \"#006633\": {it: \"Verde acqua scuro 2\", en: \"Dark aquamarine 2\"},\n\n \"#CCEEFF\": {it: \"Azzurro chiaro 1\", en: \"Light blue 1\"},\n \"#99DDFF\": {it: \"Azzurro chiaro 2\", en: \"Light blue 2\"},\n \"#33BBFF\": {it: \"Azzurro\", en: \"Blue\"},\n \"#0088CC\": {it: \"Azzurro scuro 1\", en: \"Dark blue 1\"},\n \"#004466\": {it: \"Azzurro scuro 2\", en: \"Dark blue 2\"},\n\n \"#D4CCFF\": {it: \"Viola chiaro 1\", en: \"Light purple 1\"},\n \"#AA99FF\": {it: \"Viola chiaro 2\", en: \"Light purple 2\"},\n \"#5533FF\": {it: \"Viola\", en: \"Purple\"},\n \"#2200CC\": {it: \"Viola scuro 1\", en: \"Dark purple 1\"},\n \"#110066\": {it: \"Viola scuro 2\", en: \"Dark purple 2\"},\n\n \"#FFCCFF\": {it: \"Rosa chiaro 1\", en: \"Light pink 1\"},\n \"#FF99FF\": {it: \"Rosa chiaro 2\", en: \"Light pink 2\"},\n \"#FF33FF\": {it: \"Rosa\", en: \"Pink\"},\n \"#CC00CC\": {it: \"Rosa scuro 1\", en: \"Dark pink 1\"},\n \"#660066\": {it: \"Rosa scuro 2\", en: \"Dark pink 2\"},\n} as const satisfies Record<`#${string}`, {it: string; en: string}>;\nexport type ColorPickerPalette = keyof typeof ColorPickerPalette;\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-88a9865c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as i,c as e,h as s,a as t,g as a}from"./p-75c4a726.js";import{v as l}from"./p-86618221.js";const o='.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}';const n=o;const r=class{constructor(s){i(this,s);this.fileInput=e(this,"fileInput",7);this.fileError=e(this,"fileError",7);this.type=l.DEFAULT;this.buttonVariant=undefined;this.acceptedFormat=undefined;this.fileMaxSize=undefined;this.mainTitle=undefined;this.description=undefined;this.uploadBtnLabel="allega";this.dragAndDropLabel="Rilascia i file in questa area per allegarli.";this.allowedFilesMessage=undefined;this.uploadClickableMessage="Carica";this.uploadMessage="o trascina dal tuo computer";this.errorModalTitle="Errore di caricamento";this.errorModalMessage=undefined;this.uploadedFilesLabel="File appena caricati";this.hasFileSection=true;this.inputName="z-file-upload";this.showErrors=true;this._type=this.type;this.files=[];this.invalidFiles=new Map;this.input=undefined}onFileRemoved(i){this.removeFile(i.detail.fileName)}fileDroppedListener(i){this.input.files=i.detail;this.checkFilesValidity(this.input.files)}async getFiles(){return this.files}async removeFile(i){const e=this.files;const s=e.findIndex((e=>e.name===i));if(s>=0){e.splice(s,1);this.files=[...e]}}checkFilesValidity(i){if(!i.length){return}Array.from(i).forEach((i=>{const e=i.size/1024/1024;const s=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim())));const t=e<=this.fileMaxSize;if(t&&s&&!this.files.find((e=>e.name===i.name))){this.files=[...this.files,i];this.fileInput.emit(i);this.input.value="";return}const a=`Il file ${i.name} supera il limite di ${this.fileMaxSize}MB`;const l=`Il file ${i.name} ha un formato non supportato`;const o=[!t&&{cause:"size",message:a},!s&&{cause:"format",message:l}].filter(Boolean);this.invalidFiles.set(i.name,o);this.invalidFiles=new Map(this.invalidFiles);this.fileError.emit({file:i.name,errors:o})}))}resetErrors(){this.invalidFiles=new Map}onFilesChange(i){this.checkFilesValidity(i.target.files)}componentWillLoad(){const i=window.matchMedia("(max-width: 1151px)");this._type=i.matches?l.DEFAULT:this.type;i.addEventListener("change",(i=>{this._type=i.matches?l.DEFAULT:this.type}))}componentDidUpdate(){if(!this.showErrors\|\|!this.invalidFiles.size){return}this.errorModal.open()}renderDescription(i){if(!this.description){return}return s("span",{id:"description",class:i},this.description)}renderAllowedFilesMessage(){let i="";let e="";if(this.acceptedFormat){const e=this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ");i=` nei formati ${e}`}if(this.fileMaxSize){e=` per un massimo di ${this.fileMaxSize}MB di peso`}const t=i\|\|e?`Puoi allegare file${i}${e}.`:undefined;if(!this.allowedFilesMessage&&!t){return}return s("span",{class:"allowed-files-message body-3"},this.allowedFilesMessage\|\|t)}renderFileSection(){if(!this.hasFileSection){return}return s("section",{class:{"files-container":true,hidden:!this.files.length}},s("div",{class:"uploaded-files-label heading-3-sb"},this.uploadedFilesLabel),s("div",{class:"files-wrapper"},s("slot",{name:"files"})))}renderInput(){return s("input",{type:"file",name:this.inputName,multiple:true,onChange:i=>this.onFilesChange(i),accept:this.acceptedFormat,ref:i=>this.input=i})}renderUploadButton(){return[s("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"\|\|i.code=="Enter"){i.preventDefault();this.input.click()}},id:"fileSelect",variant:this.buttonVariant,icon:"upload"},this.uploadBtnLabel),this.renderInput()]}renderUploadLink(){return[this.renderInput(),s("span",{class:"body-1 upload-link-text"},s("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{if(i.code=="Space"\|\|i.code=="Enter"){i.preventDefault();this.input.click()}}},this.uploadClickableMessage)," ",this.uploadMessage)]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFilesMessage(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),s("z-dragdrop-area",{"drag-and-drop-label":this.dragAndDropLabel},s("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFilesMessage()))]}renderFileErrors(){return Array.from(this.invalidFiles).map((([i,e])=>{const t=`Il file ${i}`;return s("span",{class:"error-message"},"Il file ",s("span",{class:"body-3-sb"},i),e.map((({message:i})=>i.replace(t,""))).join(" e "),".")}))}render(){return s(t,{key:"13ada780c37ca16c2153f8c1177864932fe299dd"},this.mainTitle&&s("div",{key:"dcf55ac93e6959136262d0422272ab4902c3cbed",id:"title",class:"heading-3-sb"},this.mainTitle),this._type==l.DEFAULT?this.renderDefaultMode():this.renderDragDropMode(),!!this.invalidFiles.size&&this.showErrors&&s("z-modal",{key:"e7d8c001c513ab498779c752dc195ab03ec81a80",modalid:`file-upload-${this.type}-error-modal`,ref:i=>this.errorModal=i,modaltitle:this.errorModalTitle,onModalClose:()=>this.resetErrors(),onModalBackgroundClick:()=>this.resetErrors()},s("div",{key:"e5262f2f8b42dfe38ad4b794b08b4bf6b83b4a7a",slot:"modalContent"},s("div",{key:"5e50b460de47813678ea1e2d3a2a3e0e76d0a6d0",class:"modal-wrapper body-3"},this.errorModalMessage?this.errorModalMessage:this.renderFileErrors()))))}get host(){return a(this)}};r.style=n;export{r as z_file_upload};
2	- //# sourceMappingURL=p-88a9865c.entry.js.map

package/www/build/p-88a9865c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZFileUploadStyle0","ZFileUpload","ZFileUploadType","DEFAULT","this","type","Map","onFileRemoved","e","removeFile","detail","fileName","fileDroppedListener","input","files","checkFilesValidity","getFiles","index","findIndex","file","name","splice","length","Array","from","forEach","fileSize","size","fileFormatOk","acceptedFormat","split","some","ext","toLowerCase","endsWith","trim","fileSizeOk","fileMaxSize","find","f","fileInput","emit","value","sizeError","formatError","errors","cause","message","filter","Boolean","invalidFiles","set","fileError","resetErrors","onFilesChange","target","componentWillLoad","mql","window","matchMedia","_type","matches","addEventListener","componentDidUpdate","showErrors","errorModal","open","renderDescription","cssClass","description","h","id","class","renderAllowedFilesMessage","fileFormatString","fileWeightString","fileFormat","map","string","substring","toUpperCase","join","defaultMessage","undefined","allowedFilesMessage","renderFileSection","hasFileSection","hidden","uploadedFilesLabel","renderInput","inputName","multiple","onChange","accept","ref","val","renderUploadButton","onClick","click","onKeyPress","code","preventDefault","variant","buttonVariant","icon","uploadBtnLabel","renderUploadLink","tabIndex","uploadClickableMessage","uploadMessage","renderDefaultMode","renderDragDropMode","dragAndDropLabel","renderFileErrors","prefix","replace","render","Host","key","mainTitle","modalid","modaltitle","errorModalTitle","onModalClose","onModalBackgroundClick","slot","errorModalMessage"],"sources":["src/components/file-upload/z-file-upload/styles.css?tag=z-file-upload&encapsulation=scoped","src/components/file-upload/z-file-upload/index.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host .modal-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: calc(var(--space-unit) * 2);\n row-gap: calc(var(--space-unit) * 2);\n}\n\n:host .modal-wrapper > .files-wrapper {\n display: flex;\n flex-direction: column;\n margin: calc(var(--space-unit) * 4);\n gap: var(--space-unit);\n}\n\n:host .text-container {\n display: flex;\n flex-direction: column;\n margin: auto;\n text-align: center;\n}\n\n:host .text-container .upload-link {\n color: var(--color-text-link-blue);\n cursor: pointer;\n text-decoration: underline;\n}\n\n:host .text-container .upload-link:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n:host .text-container .upload-link-text {\n margin-bottom: var(--space-unit);\n}\n\n:host input[type=\"file\"] {\n display: none;\n}\n\n:host #title + #description {\n margin-top: var(--space-unit);\n}\n\n:host > * + z-button,\n:host > .files-container + *,\n:host > .files-container:not(:first-child) {\n margin-top: calc(var(--space-unit) * 3);\n}\n\n:host > .files-container.hidden {\n display: none;\n}\n\n:host > .files-container > .uploaded-files-label {\n margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > .files-container > .files-wrapper {\n display: flex;\n flex-wrap: wrap;\n column-gap: calc(var(--space-unit) * 2);\n row-gap: calc(var(--space-unit) * 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host > .container > z-button {\n align-self: flex-start;\n }\n\n :host .modal-wrapper {\n padding: calc(var(--space-unit) * 3);\n }\n}\n\n@media (min-width: 1152px) {\n :host .modal-wrapper {\n padding: calc(var(--space-unit) * 4);\n }\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, h} from \"@stencil/core\";\nimport {ButtonVariant, ZFileUploadType} from \"../../../beans\";\n\nexport type ZFileUploadError = {cause: \"format\" | \"size\"; message: string};\n\n@Component({\n tag: \"z-file-upload\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZFileUpload {\n /** Prop indicating the file upload type - can be default or dragdrop */\n @Prop({reflect: true})\n type: ZFileUploadType = ZFileUploadType.DEFAULT;\n\n /** Prop indicating the button variant*/\n @Prop()\n buttonVariant?: ButtonVariant;\n\n /** Prop indicating the accepted file type: ex \".pdf, .doc, .jpg\" */\n @Prop()\n acceptedFormat?: string;\n\n /** Max file dimension in Megabyte */\n @Prop()\n fileMaxSize?: number;\n\n /** Title */\n @Prop()\n mainTitle?: string;\n\n /** Description */\n @Prop()\n description?: string;\n\n /** upoload button label */\n @Prop()\n uploadBtnLabel?: string = \"allega\";\n\n /** drag & drop button label */\n @Prop()\n dragAndDropLabel?: string = \"Rilascia i file in questa area per allegarli.\";\n\n /** allowed file message */\n @Prop()\n allowedFilesMessage?: string;\n\n /** upload clickable message */\n @Prop()\n uploadClickableMessage?: string = \"Carica\";\n\n /** upload message */\n @Prop()\n uploadMessage?: string = \"o trascina dal tuo computer\";\n\n /** error modal title */\n @Prop()\n errorModalTitle?: string = \"Errore di caricamento\";\n\n /** error modal message */\n @Prop()\n errorModalMessage?: string;\n\n /** loaded files label */\n @Prop()\n uploadedFilesLabel?: string = \"File appena caricati\";\n\n /** uploaded files history rendering */\n @Prop()\n hasFileSection?: boolean = true;\n\n /** Value to set on the file input's `name` attribute (for use with forms) */\n @Prop()\n inputName? = \"z-file-upload\";\n\n /**\n * Whether to show errors in the internal modal or leave the handling to the app.\n * Errors will still be emitted.\n */\n @Prop()\n showErrors = true;\n\n /** Internal store of the component type. It will change when viewport goes from desktop to tablet/mobile and vice versa */\n @State()\n private _type: ZFileUploadType = this.type;\n\n /** Files added by the user */\n @State()\n files: File[] = [];\n\n /** Map of files whose upload caused an error and the relative errors, with the cause and a message */\n @State()\n invalidFiles: Map<string, ZFileUploadError[]> = new Map<string, ZFileUploadError[]>();\n\n /** Input ref */\n @State()\n private input: HTMLInputElement;\n\n /** Emitted when user select one or more files */\n @Event()\n fileInput: EventEmitter<File>;\n\n /**\n * Emits an array of error messages related to one or more files not allowed.\n * Emitted when some file is dropped or selected.\n */\n @Event()\n fileError: EventEmitter<{file: string; errors: ZFileUploadError[]}>;\n\n @Element() host: HTMLZFileUploadElement;\n\n private errorModal: HTMLZModalElement;\n\n /** Listen `removeFile` event sent from z-file component */\n @Listen(\"removeFile\")\n onFileRemoved(e: CustomEvent): void {\n this.removeFile(e.detail.fileName);\n }\n\n /** Listen fileDropped event sent from z-dragdrop-area component */\n @Listen(\"fileDropped\")\n fileDroppedListener(e: CustomEvent): void {\n this.input.files = e.detail;\n this.checkFilesValidity(this.input.files);\n }\n\n /** Get the list of uploaded files */\n @Method()\n async getFiles(): Promise<File[]> {\n return this.files;\n }\n\n /** Remove a previously uploaded file */\n @Method()\n async removeFile(fileName: string): Promise<void> {\n const files = this.files;\n const index = files.findIndex((file) => file.name === fileName);\n if (index >= 0) {\n files.splice(index, 1);\n this.files = [...files];\n }\n }\n\n private checkFilesValidity(files: FileList): Map<string, string[]> {\n if (!files.length) {\n return;\n }\n\n Array.from(files).forEach((file: File) => {\n const fileSize = file.size / 1024 / 1024;\n const fileFormatOk = this.acceptedFormat\n .split(\",\")\n .some((ext: string) => file.name.toLowerCase().endsWith(ext.trim()));\n const fileSizeOk = fileSize <= this.fileMaxSize;\n if (fileSizeOk && fileFormatOk && !this.files.find((f) => f.name === file.name)) {\n this.files = [...this.files, file];\n this.fileInput.emit(file);\n this.input.value = \"\";\n\n return;\n }\n\n const sizeError = `Il file ${file.name} supera il limite di ${this.fileMaxSize}MB`;\n const formatError = `Il file ${file.name} ha un formato non supportato`;\n const errors = [\n !fileSizeOk && {cause: \"size\" as const, message: sizeError},\n !fileFormatOk && {cause: \"format\" as const, message: formatError},\n ].filter(Boolean);\n this.invalidFiles.set(file.name, errors);\n this.invalidFiles = new Map(this.invalidFiles); // trigger state update\n this.fileError.emit({file: file.name, errors});\n });\n }\n\n private resetErrors(): void {\n this.invalidFiles = new Map<string, ZFileUploadError[]>();\n }\n\n private onFilesChange(e: Event): void {\n this.checkFilesValidity((e.target as HTMLInputElement).files);\n }\n\n componentWillLoad(): void {\n // force default type on mobile and tablet viewport\n const mql = window.matchMedia(\"(max-width: 1151px)\");\n this._type = mql.matches ? ZFileUploadType.DEFAULT : this.type;\n mql.addEventListener(\"change\", (e) => {\n this._type = e.matches ? ZFileUploadType.DEFAULT : this.type;\n });\n }\n\n componentDidUpdate(): void {\n if (!this.showErrors || !this.invalidFiles.size) {\n return;\n }\n\n this.errorModal.open();\n }\n\n private renderDescription(cssClass): HTMLElement | undefined {\n if (!this.description) {\n return;\n }\n\n return (\n <span\n id=\"description\"\n class={cssClass}\n >\n {this.description}\n </span>\n );\n }\n\n private renderAllowedFilesMessage(): HTMLElement {\n let fileFormatString = \"\";\n let fileWeightString = \"\";\n\n if (this.acceptedFormat) {\n const fileFormat = this.acceptedFormat\n .split(\", \")\n .map((string) => string.substring(1).toUpperCase())\n .join(\", \");\n fileFormatString = ` nei formati ${fileFormat}`;\n }\n\n if (this.fileMaxSize) {\n fileWeightString = ` per un massimo di ${this.fileMaxSize}MB di peso`;\n }\n\n const defaultMessage =\n fileFormatString || fileWeightString ? `Puoi allegare file${fileFormatString}${fileWeightString}.` : undefined;\n\n if (!this.allowedFilesMessage && !defaultMessage) {\n return;\n }\n\n return <span class=\"allowed-files-message body-3\">{this.allowedFilesMessage || defaultMessage}</span>;\n }\n\n private renderFileSection(): HTMLElement {\n if (!this.hasFileSection) {\n return;\n }\n\n return (\n <section class={{\"files-container\": true, \"hidden\": !this.files.length}}>\n <div class=\"uploaded-files-label heading-3-sb\">{this.uploadedFilesLabel}</div>\n <div class=\"files-wrapper\">\n <slot name=\"files\" />\n </div>\n </section>\n );\n }\n\n private renderInput(): HTMLInputElement {\n return (\n <input\n type=\"file\"\n name={this.inputName}\n multiple\n onChange={(e) => this.onFilesChange(e)}\n accept={this.acceptedFormat}\n ref={(val) => (this.input = val)}\n />\n );\n }\n\n private renderUploadButton(): unknown[] {\n return [\n <z-button\n onClick={() => this.input.click()}\n onKeyPress={(e) => {\n if (e.code == \"Space\" || e.code == \"Enter\") {\n e.preventDefault();\n this.input.click();\n }\n }}\n id=\"fileSelect\"\n variant={this.buttonVariant}\n icon=\"upload\"\n >\n {this.uploadBtnLabel}\n </z-button>,\n this.renderInput(),\n ];\n }\n\n private renderUploadLink(): unknown[] {\n return [\n this.renderInput(),\n <span class=\"body-1 upload-link-text\">\n <span\n tabIndex={0}\n class=\"body-1-sb upload-link\"\n onClick={() => this.input.click()}\n onKeyPress={(e) => {\n if (e.code == \"Space\" || e.code == \"Enter\") {\n e.preventDefault();\n this.input.click();\n }\n }}\n >\n {this.uploadClickableMessage}\n </span>{\" \"}\n {this.uploadMessage}\n </span>,\n ];\n }\n\n private renderDefaultMode(): unknown[] {\n return [\n this.renderDescription(\"body-3-sb\"),\n this.renderAllowedFilesMessage(),\n this.renderFileSection(),\n this.renderUploadButton(),\n ];\n }\n\n private renderDragDropMode(): unknown[] {\n return [\n this.renderFileSection(),\n <z-dragdrop-area drag-and-drop-label={this.dragAndDropLabel}>\n <div class=\"text-container\">\n {this.renderDescription(\"body-1\")}\n {this.renderUploadLink()}\n {this.renderAllowedFilesMessage()}\n </div>\n </z-dragdrop-area>,\n ];\n }\n\n private renderFileErrors(): HTMLElement[] {\n return Array.from(this.invalidFiles).map(([fileName, errors]) => {\n const prefix = `Il file ${fileName}`;\n\n return (\n <span class=\"error-message\">\n Il file <span class=\"body-3-sb\">{fileName}</span>\n {errors.map(({message}) => message.replace(prefix, \"\")).join(\" e \")}.\n </span>\n );\n });\n }\n\n render(): HTMLZFileUploadElement {\n return (\n <Host>\n {this.mainTitle && (\n <div\n id=\"title\"\n class=\"heading-3-sb\"\n >\n {this.mainTitle}\n </div>\n )}\n {this._type == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()}\n {!!this.invalidFiles.size && this.showErrors && (\n <z-modal\n modalid={`file-upload-${this.type}-error-modal`}\n ref={(val) => (this.errorModal = val)}\n modaltitle={this.errorModalTitle}\n onModalClose={() => this.resetErrors()}\n onModalBackgroundClick={() => this.resetErrors()}\n >\n <div slot=\"modalContent\">\n <div class=\"modal-wrapper body-3\">\n {this.errorModalMessage ? this.errorModalMessage : this.renderFileErrors()}\n </div>\n </div>\n </z-modal>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-8988eee3.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as n}from"./p-75c4a726.js";const a=':focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32\|\|t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"608a46eb635be05ab1bb225bb28354f0a5e4ca44"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
2	- //# sourceMappingURL=p-8988eee3.entry.js.map

package/www/build/p-8988eee3.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZMyzCardListStyle0","ZMyzCardList","constructor","hostRef","this","renderList","bind","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["*:focus {\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\nul {\n overflow: hidden;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0 calc(var(--space-unit) * 2);\n color: var(--color-primary01);\n font-family: var(--font-family-sans);\n list-style: none;\n}\n\nul > li {\n padding-left: 10px;\n text-indent: -10px;\n}\n\nul > li > a {\n display: block;\n padding-top: calc(var(--space-unit) * 0.5);\n color: var(--color-primary01);\n font-size: 14px;\n font-weight: var(--font-sb);\n letter-spacing: 0.16px;\n line-height: calc(var(--space-unit) * 2.5);\n text-decoration: none;\n}\n\nul > li > a::before {\n padding-right: 5px;\n content: \"•\";\n}\n\nul > li > span {\n padding: 0 calc(var(--space-unit) * 2);\n color: var(--color-surface04);\n font-size: 14px;\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: calc(var(--space-unit) * 2.5);\n text-decoration: none;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n tag: \"z-myz-card-list\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMyzCardList {\n /** list data stringified array */\n @Prop()\n listdata: string;\n\n constructor() {\n this.renderList = this.renderList.bind(this);\n }\n\n private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n if (e.keyCode == 32 || e.keyCode == 13) {\n e.preventDefault();\n window.open(url, \"_blank\");\n }\n }\n\n private formatListContent(data: Action): HTMLAnchorElement {\n const {value, isLink, url} = data;\n if (!isLink) {\n return <span>{value}</span>;\n }\n\n return (\n <a\n role=\"button\"\n onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n href={url}\n target=\"_blank\"\n >\n {value}\n </a>\n );\n }\n\n private renderList(dataArray: Action[]): HTMLLIElement[] {\n return dataArray.map((data: Action) => {\n return <li>{this.formatListContent(data)}</li>;\n });\n }\n\n render(): HTMLUListElement {\n return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,qvBAClB,MAAAC,EAAeD,E,MCOFE,EAAY,MAKvB,WAAAC,CAAAC,G,kCACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAGjC,mBAAAG,CAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,EAIb,iBAAAK,CAAkBC,GACxB,MAAMC,MAACA,EAAKC,OAAEA,EAAMR,IAAEA,GAAOM,EAC7B,IAAKE,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAaZ,GAAqBJ,KAAKG,oBAAoBC,EAAGC,GAC9DY,KAAMZ,EACNa,OAAO,UAENN,E,CAKC,UAAAX,CAAWkB,GACjB,OAAOA,EAAUC,KAAKT,GACbG,EAAA,UAAKd,KAAKU,kBAAkBC,K,CAIvC,MAAAU,GACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKtB,KAAKC,WAAWsB,KAAKC,MAAMxB,KAAKyB,W","ignoreList":[]}

package/www/build/p-8a53fefb.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,g as i}from"./p-75c4a726.js";import{p as r}from"./p-86618221.js";import{i as s,g as o,d as n}from"./p-1a0c206d.js";import"./p-5145a606.js";const a=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-size-medium) solid var(--color-background);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-background);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';const l=a;function d(t){return Array.isArray(t)&&t.every((t=>typeof t==="string"))}const h=class{constructor(e){t(this,e);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice();this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":{const e=(t=s(this.data))!==null&&t!==void 0?t:[];if(!d(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t){return}const e=this.el.shadowRoot.querySelectorAll(".slide");const i=this.el.offsetWidth;const r=ithis.links.length;t.style.width=`${r}px`;t.style.transform=`translate(-${ithis.currentSlide}px)`;e.forEach((t=>{const e=t.querySelector("img");e.style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.MOBILE:return 24;case r.TABLET:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},e("slot",{name:"footer-right"})))}render(){if(!this.links\|\|!this.links.length){return e("div",null)}return e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};h.style=l;export{h as z_slideshow};
2	- //# sourceMappingURL=p-8a53fefb.entry.js.map

package/www/build/p-8a53fefb.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZSlideshowStyle0","isStringArray","data","Array","isArray","every","datum","ZSlideshow","watchData","this","parseLinks","componentWillLoad","setDevice","window","addEventListener","handleResize","bind","componentDidRender","setStyle","parsed","_a","convertJson","Error","links","refSlides","el","shadowRoot","querySelector","allImages","querySelectorAll","width","offsetWidth","fullwidth","length","style","transform","currentSlide","forEach","item","img","device","getDevice","setCurrentSlide","index","getBulletDimension","Device","MOBILE","TABLET","renderSlides","items","h","id","map","i","class","src","renderScroll","direction","disabled","nextSlide","height","name","onClick","onKeyUp","e","handleKeyboardSubmit","tabindex","role","renderSlideshowMain","renderBullet","renderSlideshowFooter","Object","keys","parseInt","render","slideshowid"],"sources":["src/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","src/snowflakes/myz/z-slideshow/index.tsx"],"sourcesContent":[":host {\n display: block;\n width: inherit;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n display: flex;\n width: inherit;\n flex-direction: column;\n}\n\nmain {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\nmain z-icon.scroll {\n position: absolute;\n z-index: 10;\n top: 50%;\n width: auto;\n margin: 0 var(--space-unit);\n cursor: pointer;\n fill: var(--color-primary01);\n transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\nmain .scroll.right {\n right: 0;\n}\n\n#slides {\n display: flex;\n flex-wrap: wrap;\n line-height: 0px;\n overflow-y: hidden;\n transition: all 300ms;\n}\n\nfooter {\n display: grid;\n width: 100%;\n height: 56px;\n align-items: center;\n border-top: var(--border-size-medium) solid var(--color-background);\n grid-template: 2 / 2;\n grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n width: 100%;\n align-items: center;\n}\n\nfooter .footer-center {\n grid-area: center;\n}\n\nfooter .footer-left {\n grid-area: left;\n}\n\nfooter .footer-right {\n grid-area: right;\n}\n\nfooter .bullet-container {\n display: flex;\n min-height: 60px;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n width: 8px;\n height: 8px;\n margin: var(--space-unit) 2px;\n background-color: var(--gray200);\n border-radius: 50%;\n pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n border-radius: 50%;\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n footer {\n height: 76px;\n border-top: var(--border-size-medium) solid var(--color-background);\n grid-template: 1 / 1fr 2fr 1fr;\n grid-template-areas: \"left center right\";\n }\n\n footer .bullet-container .bullet {\n width: 10px;\n height: 10px;\n margin: var(--space-unit) 3px;\n }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n main z-icon.scroll {\n margin: 0 10px;\n }\n\n footer .bullet-container .bullet {\n width: 16px;\n height: 16px;\n margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n cursor: pointer;\n pointer-events: auto;\n }\n}\n","import {Component, Element, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {convertJson, getDevice, handleKeyboardSubmit} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n tag: \"z-slideshow\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZSlideshow {\n @Element() el: HTMLZSlideshowElement;\n\n /** slideshow id */\n @Prop()\n slideshowid: string;\n\n /** array or JSON stringified images urls */\n @Prop()\n data: string[] | string;\n\n @State()\n device: Device;\n\n @State()\n currentSlide = 0;\n\n private links: string[];\n\n @Watch(\"data\")\n watchData(): void {\n this.parseLinks();\n }\n\n componentWillLoad(): void {\n this.parseLinks();\n\n this.setDevice();\n window.addEventListener(\"resize\", this.handleResize.bind(this));\n }\n\n componentDidRender(): void {\n this.setStyle();\n }\n\n private handleResize(): void {\n this.setDevice();\n this.setStyle();\n }\n\n private parseLinks(): void {\n switch (typeof this.data) {\n case \"string\": {\n const parsed = convertJson(this.data) ?? [];\n if (!isStringArray(parsed)) {\n throw new Error(\"Passed data is invalid\");\n }\n\n this.links = parsed;\n break;\n }\n default:\n this.links = this.data;\n break;\n }\n }\n\n private setStyle(): void {\n const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n if (!refSlides) {\n return;\n }\n\n const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n const width = this.el.offsetWidth;\n const fullwidth = width * this.links.length;\n\n refSlides.style.width = `${fullwidth}px`;\n refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n allImages.forEach((item: HTMLElement) => {\n const img = item.querySelector(\"img\");\n img.style.width = `${width}px`;\n });\n }\n\n private setDevice(): void {\n this.device = getDevice();\n }\n\n private setCurrentSlide(index: number): void {\n this.currentSlide = index;\n }\n\n private getBulletDimension(): number {\n switch (this.device) {\n case Device.MOBILE:\n return 24;\n case Device.TABLET:\n return 32;\n default:\n return 40;\n }\n }\n\n private renderSlides(items: string[]): HTMLElement {\n return (\n <div id=\"slides\">\n {items.map((item: string, i: number) => (\n <div\n id={\"slide\" + i}\n class={`slide ${this.currentSlide !== i && \"hide\"}`}\n >\n <img src={item} />\n </div>\n ))}\n </div>\n );\n }\n\n private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n let disabled = false,\n nextSlide = this.currentSlide;\n\n if (direction === \"left\") {\n disabled = this.currentSlide === 0;\n nextSlide--;\n } else if (direction === \"right\") {\n disabled = this.currentSlide === this.links.length - 1;\n nextSlide++;\n }\n\n return (\n <z-icon\n class={`scroll ${direction} ${disabled && \"disabled\"}`}\n width={this.getBulletDimension()}\n height={this.getBulletDimension()}\n name={`chevron-${direction}-circle`}\n onClick={() => {\n !disabled && this.setCurrentSlide(nextSlide);\n }}\n onKeyUp={(e: KeyboardEvent) =>\n !disabled &&\n handleKeyboardSubmit(e, () => {\n this.setCurrentSlide(nextSlide);\n })\n }\n tabindex={0}\n role=\"button\"\n />\n );\n }\n\n private renderSlideshowMain(): HTMLElement {\n return (\n <main>\n {this.renderScroll(\"left\")}\n {this.renderSlides(this.links)}\n {this.renderScroll(\"right\")}\n </main>\n );\n }\n\n private renderBullet(i: number): HTMLElement {\n return (\n <a\n class={`bullet ${this.currentSlide === i && \"selected\"}`}\n onClick={() => this.setCurrentSlide(i)}\n onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n tabindex={0}\n role=\"button\"\n ></a>\n );\n }\n\n private renderSlideshowFooter(): HTMLElement {\n return (\n <footer>\n <div class=\"footer-left\">\n <slot name=\"footer-left\" />\n </div>\n <div class=\"footer-center\">\n <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n </div>\n <div class=\"footer-right\">\n <slot name=\"footer-right\" />\n </div>\n </footer>\n );\n }\n\n render(): HTMLElement {\n if (!this.links || !this.links.length) {\n return <div />;\n }\n\n return (\n <div id={this.slideshowid}>\n {this.renderSlideshowMain()}\n {this.renderSlideshowFooter()}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-8b367393.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as o,a as s,g as n}from"./p-75c4a726.js";import{P as i,S as a,B as r,e as c}from"./p-86618221.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:calc(var(--z-table--cells-padding, calc(var(--space-unit) * 2)));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) 2))}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.z-th--sort-button:focus,.z-th--sort-button:focus-visible{box-shadow:var(--shadow-focus-primary);opacity:1;outline:none;pointer-events:all}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}';const l=h;const u=class{constructor(o){t(this,o);this.sort=e(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return o(s,{key:"03fc52e539b5d4b353707a3065be9d522c0aed93",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},o("div",{key:"2253ed45163efb0508ef0c291d33f386c53d8fbb",class:"cell--content"},o("slot",{key:"3d17a384cb6d39c3672eb2c6c44a0e491214ed50"}),this.showSorting&&o("button",{key:"e32ce07f7193628e19e0e20bcc56fe309c48c6f3",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},o("z-icon",{key:"6a96bf249ecb191f6f0b71ce8b5186ee1e109a91",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&o("div",{key:"a490f573b3d07dc6ca74190cb81be4075fc85d97",class:"cell--menu-container"},o("z-button",{key:"ae1cd376be6fb4e13674277ab927d9542a469bbc",variant:r.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),o("z-popover",{key:"bb9ee43bf68dce8a8046b88bf9bf993ff519816d",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},o("slot",{key:"b1d46d09c33c4f957ea1d6984428b2ba55763e66",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};u.style=l;export{u as Z};
2	- //# sourceMappingURL=p-8b367393.js.map

package/www/build/p-8b367393.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZThStyle0","ZTh","PopoverPosition","AUTO","ariaSortDirection","this","sortDirection","SortDirection","ASC","handleSort","sorted","DESC","sort","emit","updateColspan","colspan","host","style","gridColumn","removeProperty","componentWillLoad","render","h","Host","key","role","isMenuOpen","sortable","showSorting","class","type","onClick","bind","name","width","height","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position","popoverPosition"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n z-index: 1;\n padding: 0;\n background-color: var(--color-background);\n font-weight: var(--font-sb);\n}\n\n.cell--content {\n padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n position: relative;\n padding: 0;\n border: none;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n}\n\n.z-th--sort-button:focus,\n.z-th--sort-button:focus-visible {\n box-shadow: var(--shadow-focus-primary);\n opacity: 1;\n outline: none;\n pointer-events: all;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n :host([show-sorting=\"hover\"]) .z-th--sort-button {\n opacity: 0;\n pointer-events: none;\n }\n\n :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n :host([show-sorting=\"always\"]) .z-th--sort-button,\n :host([sorted]) .z-th--sort-button {\n opacity: 1;\n pointer-events: all;\n }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n position: absolute;\n top: 6px;\n left: 6px;\n width: calc(100% - 12px);\n height: calc(100% - 10px);\n background-color: transparent;\n content: \"\";\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n tag: \"z-th\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZTh {\n @Element() host: HTMLZThElement;\n\n /**\n * Number of columns that the cell should span.\n */\n @Prop()\n colspan: number;\n\n /**\n * Enables the contextual menu.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the menu button.\n */\n @Prop({reflect: true})\n showMenu: VisibilityCondition = null;\n\n /**\n * Enables the sorting button.\n * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n * Set a nullish value to hide the sort button.\n */\n @Prop({reflect: true})\n showSorting: VisibilityCondition = null;\n\n /**\n * Whether the cell should stick.\n */\n @Prop({reflect: true})\n sticky = false;\n\n /**\n * Current sorting direction.\n */\n @Prop({mutable: true})\n sortDirection?: SortDirection;\n\n /**\n * Sorted state of the column.\n */\n @Prop({reflect: true, mutable: true})\n sorted: boolean | null = false;\n\n /**\n * Set popover position.\n */\n @Prop()\n popoverPosition = PopoverPosition.AUTO;\n\n /**\n * Store the open state of the menu.\n */\n @State()\n isMenuOpen = false;\n\n /**\n * Sort event fired when the user clicks on the sort button.\n * The sorting logic must be implemented by the app.\n * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n */\n @Event()\n private sort: EventEmitter;\n\n private menuTrigger: HTMLElement;\n\n private popoverEl: HTMLZPopoverElement;\n\n /**\n * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n */\n private get ariaSortDirection(): string {\n if (!this.sortDirection) {\n return null;\n }\n\n return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n }\n\n /**\n * Handle the click on the sort button.\n * @fires sort\n */\n private handleSort(): void {\n if (!this.sortDirection) {\n this.sorted = false;\n\n return;\n }\n\n this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n this.sorted = true;\n\n this.sort.emit({sortDirection: this.sortDirection});\n }\n\n @Watch(\"colspan\")\n protected updateColspan(): void {\n if (this.colspan) {\n this.host.style.gridColumn = `span ${this.colspan}`;\n } else {\n this.host.style.removeProperty(\"grid-column\");\n }\n }\n\n componentWillLoad(): void {\n this.updateColspan();\n }\n\n render(): HTMLZThElement {\n return (\n <Host\n role=\"columnheader\"\n menu-open={this.isMenuOpen}\n aria-sort={this.ariaSortDirection}\n sortable={this.showSorting}\n >\n <div class=\"cell--content\">\n <slot></slot>\n {this.showSorting && (\n <button\n class=\"z-th--sort-button\"\n type=\"button\"\n onClick={this.handleSort.bind(this)}\n >\n <z-icon\n name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n width={14}\n height={14}\n />\n </button>\n )}\n {this.showMenu && (\n <div class=\"cell--menu-container\">\n <z-button\n variant={ButtonVariant.TERTIARY}\n icon=\"contextual-menu\"\n size={ControlSize.X_SMALL}\n ref={(el) => (this.menuTrigger = el as HTMLElement)}\n onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n />\n <z-popover\n ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n bindTo={this.menuTrigger}\n onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n position={this.popoverPosition}\n >\n <slot name=\"contextual-menu\"></slot>\n </z-popover>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yHAAA,MAAMA,EAAY,muEAClB,MAAAC,EAAeD,E,MCYFE,EAAG,M,yFAekB,K,iBAQG,K,YAM1B,M,yCAYgB,M,qBAMPC,EAAgBC,K,gBAMrB,K,CAiBb,qBAAYC,GACV,IAAKC,KAAKC,cAAe,CACvB,OAAO,I,CAGT,OAAOD,KAAKC,gBAAkBC,EAAcC,IAAM,YAAc,Y,CAO1D,UAAAC,GACN,IAAKJ,KAAKC,cAAe,CACvBD,KAAKK,OAAS,MAEd,M,CAGFL,KAAKC,cAAgBD,KAAKC,gBAAkBC,EAAcC,IAAMD,EAAcI,KAAOJ,EAAcC,IACnGH,KAAKK,OAAS,KAEdL,KAAKO,KAAKC,KAAK,CAACP,cAAeD,KAAKC,e,CAI5B,aAAAQ,GACR,GAAIT,KAAKU,QAAS,CAChBV,KAAKW,KAAKC,MAAMC,WAAa,QAAQb,KAAKU,S,KACrC,CACLV,KAAKW,KAAKC,MAAME,eAAe,c,EAInC,iBAAAC,GACEf,KAAKS,e,CAGP,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,eAAc,YACRpB,KAAKqB,WAAU,YACfrB,KAAKD,kBAChBuB,SAAUtB,KAAKuB,aAEfN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,iBACTP,EAAA,QAAAE,IAAA,6CACCnB,KAAKuB,aACJN,EAAA,UAAAE,IAAA,2CACEK,MAAM,oBACNC,KAAK,SACLC,QAAS1B,KAAKI,WAAWuB,KAAK3B,OAE9BiB,EAAA,UAAAE,IAAA,2CACES,KAAM5B,KAAKC,gBAAkBC,EAAcI,KAAO,kBAAoB,oBACtEuB,MAAO,GACPC,OAAQ,MAIb9B,KAAK+B,UACJd,EAAA,OAAAE,IAAA,2CAAKK,MAAM,wBACTP,EAAA,YAAAE,IAAA,2CACEa,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQxC,KAAKyC,YAAcD,EACjCd,QAAS,IAAO1B,KAAK0C,UAAUC,MAAQ3C,KAAK0C,UAAUC,OAExD1B,EAAA,aAAAE,IAAA,2CACEoB,IAAMC,GAAQxC,KAAK0C,UAAYF,EAC/BI,OAAQ5C,KAAKyC,YACbI,aAAeC,GAAW9C,KAAKqB,WAAayB,EAAMC,OAAOJ,KACzDK,SAAUhD,KAAKiD,iBAEfhC,EAAA,QAAAE,IAAA,2CAAMS,KAAK,uB","ignoreList":[]}

package/www/build/p-8c52635e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as t}from"./p-75c4a726.js";const o=":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";const s=o;const r=class{constructor(t){e(this,t)}render(){return t("slot",{key:"b76451842cf32ab957ee81e9b689e94e35256524"})}};r.style=s;export{r as z_visually_hidden};
2	- //# sourceMappingURL=p-8c52635e.entry.js.map

package/www/build/p-8c52635e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stylesCss","ZVisuallyHiddenStyle0","ZVisuallyHidden","render","h","key"],"sources":["src/components/z-visually-hidden/styles.css?tag=z-visually-hidden&encapsulation=shadow","src/components/z-visually-hidden/index.tsx"],"sourcesContent":[":host {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: 0 -1px -1px 0;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n white-space: nowrap;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-visually-hidden\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZVisuallyHidden {\n render(): HTMLSlotElement {\n return <slot />;\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,mKAClB,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAC1B,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}

package/www/build/p-8fd50cc5.entry.js DELETED Viewed

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

package/www/build/p-8fd50cc5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/www/build/p-92f13701.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as i,g as n}from"./p-75c4a726.js";import{e as o,H as a}from"./p-86618221.js";const l=":host{display:block;width:inherit;min-width:300px;height:inherit;min-height:32px;background-color:var(--color-surface01)}:host>div{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))\n var(--z-book-card-app-padding-x, var(--space-unit));gap:calc(var(--space-unit) * 2)}:host>div .app{display:flex;flex:1;align-items:center;gap:var(--space-unit)}:host>div .app.z-link{color:inherit;text-decoration:none}:host>div .app.z-link:focus{text-decoration:none}:host>div .app img{width:1.5rem;height:1.5rem;min-height:32px}:host>div .app .name{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;font-family:var(--font-family-serif);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>div .app .name .laz{color:var(--red500)}:host>div z-info-reveal{--z-info-reveal-panel-width:250px;--trigger-icon-size-x-small:1rem;font-family:var(--font-family-sans);--color-surface05:var(--color-surface01);--color-text-inverse:var(--color-default-text);--color-inverse-icon:var(--color-primary01)}:host z-icon{--z-icon-width:1rem;--z-icon-height:1rem}";const s=l;const r="button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{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;align-items:center;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-visible,button.z-link:focus-visible,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus-visible,button.z-link:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{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-visible,button.z-link:focus-visible,a.z-link.z-link-active:focus-visible,button.z-link.z-link-active:focus-visible,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-visible,button.z-link.z-link-blue:focus-visible{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-visible,button.z-link.z-link-red:focus-visible{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-visible,button.z-link.z-link-inverse:focus-visible{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)}";const f=r;const 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) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 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)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@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)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@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)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@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)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.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)}';const d=b;const h=class{constructor(i){t(this,i);this.appClick=e(this,"appClick",7);this.logo=undefined;this.name=undefined;this.link=undefined;this.laz=true;this.info=undefined}emitAppClick(){this.appClick.emit()}renderLaz(){if(this.laz){return i("span",{class:"laz"},"laZ ")}return null}render(){return i("div",{key:"5ef854f5cb70ed3e3750e32e6469ace8e2773e42"},i("a",{key:"df49cbb9f602561cabdc8175a3b17c813c27bc64",class:"app z-link",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},this.logo&&i("img",{key:"c4075fe5cfae3b00942adfbf27c46721c8e631a7",src:this.logo,alt:""}),i("div",{key:"cb4385fe88fe47b4d76f30a801db8372932454fc",class:"name body-4-sb"},this.renderLaz(),this.name)),this.info&&i("z-info-reveal",{key:"4b4d80bdcf33594ccd4855009fc81fc7cb7d86be",icon:"info",size:o.X_SMALL,position:a.TOP_RIGHT,class:"info body-5"},i("div",{key:"89796ca522db7490e228c3857b76bf66eb0fe5ba"},this.info)),i("a",{key:"cc88826351021ba4f83a7cdec0df4b3e0e810168",class:"z-link z-link-icon",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},i("z-icon",{key:"3eb419c96a67fe00b9f0410b8579323d3f9edf67",name:"chevron-right",fill:"color-primary01-icon"})))}get hostElement(){return n(this)}};h.style=s+(f+d);export{h as z_book_card_app};
2	- //# sourceMappingURL=p-92f13701.entry.js.map