@zanichelli/zanichelli-it-frontend-kit 0.0.1-rc.0

package/www/build/p-b9fba3a0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNotification","handleActionButtonClick","e","preventDefault","this","notificationAction","emit","handleCloseButtonClick","notificationClose","constructor","hostRef","contenticonname","undefined","actiontext","type","showclose","showshadow","sticky","bind","render","_a","h","Host","key","class","name","width","height","trim","onClick"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-notification/styles.css?tag=z-notification&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-notification/index.js"],"sourcesContent":[":host {\n  --z-notification--top-offset: 0;\n\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 2);\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  outline: none;\n}\n\n:host[sticky] {\n  position: sticky;\n  top: var(--z-notification--top-offset);\n}\n\n:host[sticky],\n:host([showshadow]) {\n  box-shadow: var(--shadow-3);\n}\n\n:host([type=\"success\"]) {\n  background: var(--color-inverse-success);\n}\n\n:host([type=\"warning\"]) {\n  background: var(--color-inverse-warning);\n}\n\n:host([type=\"error\"]) {\n  background: var(--color-inverse-error);\n}\n\n.status-icon,\n.close-button {\n  /* simulate the line-height of the text\n  to make the icon look correctly aligned with it. */\n  display: flex;\n  height: 20px;\n  align-items: center;\n}\n\n:host([type=\"success\"]) .status-icon {\n  fill: var(--color-default-success);\n}\n\n:host([type=\"warning\"]) .status-icon {\n  fill: var(--color-default-warning);\n}\n\n:host([type=\"error\"]) .status-icon {\n  fill: var(--color-default-error);\n}\n\n:host > button,\n.content-container > button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.status-icon + .content-container {\n  margin-left: var(--space-unit);\n}\n\n.content-container {\n  display: flex;\n  flex: 1 auto;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  row-gap: calc(var(--space-unit) * 2);\n}\n\n.content-text {\n  max-width: 800px;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n.action-button {\n  color: var(--color-primary01);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 16px;\n}\n\n.action-button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n.content-container + .close-button {\n  margin-left: calc(var(--space-unit) * 2);\n}\n\n.close-button z-icon {\n  fill: var(--color-primary01);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  .content-container {\n    flex-wrap: nowrap;\n  }\n\n  .content-text + .action-button {\n    margin-left: calc(var(--space-unit) * 5);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * Notification bar component.\n * @slot - The text of the notification.\n * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.\n */\nexport class ZNotification {\n    handleActionButtonClick(e) {\n        e.preventDefault();\n        this.notificationAction.emit();\n    }\n    handleCloseButtonClick(e) {\n        e.preventDefault();\n        this.notificationClose.emit();\n    }\n    constructor() {\n        this.contenticonname = undefined;\n        this.actiontext = undefined;\n        this.type = undefined;\n        this.showclose = false;\n        this.showshadow = false;\n        this.sticky = false;\n        this.handleActionButtonClick = this.handleActionButtonClick.bind(this);\n        this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);\n    }\n    render() {\n        var _a;\n        return (h(Host, { key: '3681c9216f7ab0ce532c8b1ed013d7af611151de' }, this.contenticonname && (h(\"z-icon\", { key: 'e7c538a5583873ed4ad95885f1199050b89f6732', class: \"status-icon\", name: this.contenticonname, width: 16, height: 16 })), h(\"div\", { key: '93855c8906e6a65fa2d762fc447d14ee7a456b53', class: \"content-container\" }, h(\"div\", { key: '526f760b7739c28154195e7a01ce66b185ccb068', class: \"content-text\" }, h(\"slot\", { key: '56313ec91ad750e57af3035455aa89db3880ae4e' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h(\"button\", { key: 'fc2de2fa3ff7cdf5e522f009efa41af06f8a6cca', class: \"action-button\", type: \"button\", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h(\"button\", { key: '3ba0d198a3617d1a05fb33eb8f3ceb9b0d685503', class: \"close-button\", type: \"button\", onClick: this.handleCloseButtonClick }, h(\"z-icon\", { key: '0bba4473674bee1c8c4abbc5792c9cab84c06088', name: \"multiply-circle\", width: 16, height: 16 })))));\n    }\n    static get is() { return \"z-notification\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contenticonname\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Name of the icon on the left of the content\"\n                },\n                \"attribute\": \"contenticonname\",\n                \"reflect\": false\n            },\n            \"actiontext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Action button text\"\n                },\n                \"attribute\": \"actiontext\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"NotificationType\",\n                    \"resolved\": \"NotificationType.ERROR | NotificationType.SUCCESS | NotificationType.WARNING\",\n                    \"references\": {\n                        \"NotificationType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::NotificationType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Alert variant type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": true\n            },\n            \"showclose\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable close icon\"\n                },\n                \"attribute\": \"showclose\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"showshadow\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"shadow is available only for the `sticky` version of the notification.\"\n                        }],\n                    \"text\": \"Enable shadow.\"\n                },\n                \"attribute\": \"showshadow\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"sticky\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable sticky notification bar.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"notificationAction\",\n                \"name\": \"notificationAction\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Call to action clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"notificationClose\",\n                \"name\": \"notificationClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Close button clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"yDAAA,MAAMA,EAAY,szD,MCMLC,EAAa,MACtB,uBAAAC,CAAwBC,GACpBA,EAAEC,iBACFC,KAAKC,mBAAmBC,M,CAE5B,sBAAAC,CAAuBL,GACnBA,EAAEC,iBACFC,KAAKI,kBAAkBF,M,CAE3B,WAAAG,CAAAC,G,sHACIN,KAAKO,gBAAkBC,UACvBR,KAAKS,WAAaD,UAClBR,KAAKU,KAAOF,UACZR,KAAKW,UAAY,MACjBX,KAAKY,WAAa,MAClBZ,KAAKa,OAAS,MACdb,KAAKH,wBAA0BG,KAAKH,wBAAwBiB,KAAKd,MACjEA,KAAKG,uBAAyBH,KAAKG,uBAAuBW,KAAKd,KAClE,CACD,MAAAe,GACI,IAAIC,EACJ,OAAQC,EAAEC,EAAM,CAAEC,IAAK,4CAA8CnB,KAAKO,iBAAoBU,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,cAAeC,KAAMrB,KAAKO,gBAAiBe,MAAO,GAAIC,OAAQ,KAAQN,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,qBAAuBH,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEE,IAAK,kDAAoDH,EAAKhB,KAAKS,cAAgB,MAAQO,SAAO,OAAS,EAASA,EAAGQ,SAAYP,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,gBAAiBV,KAAM,SAAUe,QAASzB,KAAKH,yBAA2BG,KAAKS,aAAeT,KAAKW,WAAcM,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,eAAgBV,KAAM,SAAUe,QAASzB,KAAKG,wBAA0Bc,EAAE,SAAU,CAAEE,IAAK,2CAA4CE,KAAM,kBAAmBC,MAAO,GAAIC,OAAQ,M","ignoreList":[]}

package/www/build/p-ba1d43ec.entry.js

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

package/www/build/p-ba1d43ec.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAvatar","constructor","hostRef","_a","_b","this","size","AvatarSize","MEDIUM","text","undefined","textColor","backgroundColor","image","length","console","warn","getTextSize","SMALL","LARGE","render","h","Host","key","class","style","color","substring","src","onError"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-avatar/styles.css?tag=z-avatar&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-avatar/index.js"],"sourcesContent":[":host {\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gray700);\n  border-radius: 50%;\n  font-family: var(--font-family-sans);\n  text-transform: uppercase;\n}\n\n:host(.small),\n:host(.small) > img {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n}\n\n:host(.medium),\n:host(.medium) > img {\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n}\n\n:host(.large),\n:host(.large) > img {\n  width: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 5);\n}\n\n:host > img {\n  object-fit: cover;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { AvatarSize } from \"../../beans\";\nexport class ZAvatar {\n    constructor() {\n        var _a, _b;\n        this.size = AvatarSize.MEDIUM;\n        this.text = undefined;\n        this.textColor = \"color-white\";\n        this.backgroundColor = \"gray700\";\n        this.image = undefined;\n        if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = this.image) === null || _b === void 0 ? void 0 : _b.length) === 0) {\n            console.warn(\"z-avatar must contain at least one prop between text and image\");\n        }\n    }\n    getTextSize() {\n        if (this.size === AvatarSize.SMALL) {\n            return \"5\";\n        }\n        else if (this.size === AvatarSize.MEDIUM) {\n            return \"4\";\n        }\n        else if (this.size === AvatarSize.LARGE) {\n            return \"2\";\n        }\n    }\n    render() {\n        return (h(Host, { key: 'bf7dc11b7c8aea57303ce02812fd487a78248d46', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {\n                color: `var(--${this.textColor})`,\n                backgroundColor: `var(--${this.backgroundColor})`,\n            } }, this.text && !this.image && h(\"span\", { key: 'f5ff0b0ef02d7d69ada96f344f32dc8daccd5437' }, this.text.substring(0, 2)), this.image && (h(\"img\", { key: '7df4cda5d4028d7397b70e1181c846bc9f84e19d', src: this.image, onError: () => (this.image = \"\") }))));\n    }\n    static get is() { return \"z-avatar\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AvatarSize\",\n                    \"resolved\": \"AvatarSize.LARGE | AvatarSize.MEDIUM | AvatarSize.SMALL\",\n                    \"references\": {\n                        \"AvatarSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::AvatarSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Avatar size\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"AvatarSize.MEDIUM\"\n            },\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Avatar text\"\n                },\n                \"attribute\": \"text\",\n                \"reflect\": false\n            },\n            \"textColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Avatar text color\"\n                },\n                \"attribute\": \"text-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"color-white\\\"\"\n            },\n            \"backgroundColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Avatar background color\"\n                },\n                \"attribute\": \"background-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"gray700\\\"\"\n            },\n            \"image\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Avatar image\"\n                },\n                \"attribute\": \"image\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sFAAA,MAAMA,EAAY,khB,MCELC,EAAO,MAChB,WAAAC,CAAAC,G,UACI,IAAIC,EAAIC,EACRC,KAAKC,KAAOC,EAAWC,OACvBH,KAAKI,KAAOC,UACZL,KAAKM,UAAY,cACjBN,KAAKO,gBAAkB,UACvBP,KAAKQ,MAAQH,UACb,KAAMP,EAAKE,KAAKI,QAAU,MAAQN,SAAO,OAAS,EAASA,EAAGW,UAAY,KAAOV,EAAKC,KAAKQ,SAAW,MAAQT,SAAO,OAAS,EAASA,EAAGU,UAAY,EAAG,CACrJC,QAAQC,KAAK,iE,CAEpB,CACD,WAAAC,GACI,GAAIZ,KAAKC,OAASC,EAAWW,MAAO,CAChC,MAAO,G,MAEN,GAAIb,KAAKC,OAASC,EAAWC,OAAQ,CACtC,MAAO,G,MAEN,GAAIH,KAAKC,OAASC,EAAWY,MAAO,CACrC,MAAO,G,EAGf,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,CAACnB,KAAKC,MAAO,KAAM,CAAC,QAAQD,KAAKY,oBAAqB,MAAQQ,MAAO,CACzIC,MAAO,SAASrB,KAAKM,aACrBC,gBAAiB,SAASP,KAAKO,qBAC9BP,KAAKI,OAASJ,KAAKQ,OAASQ,EAAE,OAAQ,CAAEE,IAAK,4CAA8ClB,KAAKI,KAAKkB,UAAU,EAAG,IAAKtB,KAAKQ,OAAUQ,EAAE,MAAO,CAAEE,IAAK,2CAA4CK,IAAKvB,KAAKQ,MAAOgB,QAAS,IAAOxB,KAAKQ,MAAQ,K","ignoreList":[]}

package/www/build/p-bdd53627.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s}from"./p-Cam6wBSi.js";import{h as a}from"./p-C46tSaXG.js";import"./p-B2-dCTD2.js";import"./p-Q-tWjk7P.js";const e=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"61b1d8587c4425412ab0889c57c5240ed60d9b28",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"6653e6e32ab2c26df2578ce7a1b0597a4dfa254f",class:this.underlined&&"border"},this.icon&&s("z-icon",{key:"ee5a694bfac0d94230f7c48d12417ed3b62cc35b",name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"858a57f9c493e73f3a93877830defb0e32a86acc"})))}};n.style=e;export{n as z_myz_list_item};
+//# sourceMappingURL=p-bdd53627.entry.js.map

package/www/build/p-bdd53627.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzListItem","emitZListItemLinkClick","e","linkId","this","zListItemLinkClick","emit","emitZListItemClick","listitemid","zListItemClick","constructor","hostRef","text","undefined","link","linktarget","icon","action","underlined","bind","render","h","key","role","id","onClick","onKeyPress","ev","handleKeyboardSubmit","class","name","href","target","tabindex","innerHTML"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js"],"sourcesContent":[":host li {\n  all: unset;\n  all: reset;\n  width: 100%;\n  line-height: 14px;\n  list-style-type: none;\n}\n\n:host li > span {\n  display: flex;\n  padding: calc(var(--space-unit) * 2) 0;\n  color: var(--color-default-text);\n  fill: var(--color-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.23px;\n  line-height: 14px;\n}\n\n:host(.small) li > span {\n  padding: calc(var(--space-unit) * 1.5) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n  padding: var(--space-unit) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n  padding: 0;\n}\n\n:host li > span.border {\n  border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n  color: inherit;\n  fill: inherit;\n  text-decoration: none;\n}\n\n:host li span z-icon {\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n","import { h } from \"@stencil/core\";\nimport { handleKeyboardSubmit } from \"../../../../utils/utils\";\nexport class ZMyzListItem {\n    emitZListItemLinkClick(e, linkId) {\n        this.zListItemLinkClick.emit({ e, linkId });\n    }\n    emitZListItemClick(e, listitemid) {\n        this.zListItemClick.emit({ e, listitemid });\n    }\n    constructor() {\n        this.text = undefined;\n        this.link = undefined;\n        this.linktarget = \"_self\";\n        this.icon = undefined;\n        this.listitemid = undefined;\n        this.action = undefined;\n        this.underlined = true;\n        this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n        this.emitZListItemClick = this.emitZListItemClick.bind(this);\n    }\n    render() {\n        const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n        return (h(\"li\", { key: '61b1d8587c4425412ab0889c57c5240ed60d9b28', role: \"button\", id: this.listitemid, \"data-action\": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h(\"span\", { key: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && \"border\" }, this.icon && h(\"z-icon\", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', name: this.icon }), this.link ? (h(\"a\", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? \"link\" : \"button\", tabindex: \"0\" }, this.text)) : (h(\"span\", { innerHTML: this.text })), h(\"slot\", { key: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));\n    }\n    static get is() { return \"z-myz-list-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"text\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"content text\"\n                },\n                \"attribute\": \"text\",\n                \"reflect\": false\n            },\n            \"link\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"link url (optional)\"\n                },\n                \"attribute\": \"link\",\n                \"reflect\": false\n            },\n            \"linktarget\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"link target (optional)\"\n                },\n                \"attribute\": \"linktarget\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"_self\\\"\"\n            },\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"icon name (optional)\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"listitemid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"id (optional)\"\n                },\n                \"attribute\": \"listitemid\",\n                \"reflect\": false\n            },\n            \"action\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"data-action attribute (optional)\"\n                },\n                \"attribute\": \"action\",\n                \"reflect\": false\n            },\n            \"underlined\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"underlined style flag\"\n                },\n                \"attribute\": \"underlined\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"zListItemLinkClick\",\n                \"name\": \"zListItemLinkClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on list item link click, returns linkId\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"zListItemClick\",\n                \"name\": \"zListItemClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on list item click, returns listitemid\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sIAAA,MAAMA,EAAY,smC,MCELC,EAAY,MACrB,sBAAAC,CAAuBC,EAAGC,GACtBC,KAAKC,mBAAmBC,KAAK,CAAEJ,IAAGC,U,CAEtC,kBAAAI,CAAmBL,EAAGM,GAClBJ,KAAKK,eAAeH,KAAK,CAAEJ,IAAGM,c,CAElC,WAAAE,CAAAC,G,gHACIP,KAAKQ,KAAOC,UACZT,KAAKU,KAAOD,UACZT,KAAKW,WAAa,QAClBX,KAAKY,KAAOH,UACZT,KAAKI,WAAaK,UAClBT,KAAKa,OAASJ,UACdT,KAAKc,WAAa,KAClBd,KAAKH,uBAAyBG,KAAKH,uBAAuBkB,KAAKf,MAC/DA,KAAKG,mBAAqBH,KAAKG,mBAAmBY,KAAKf,KAC1D,CACD,MAAAgB,GACI,MAAMjB,EAASC,KAAKI,WAAa,QAAQJ,KAAKI,aAAe,GAC7D,OAAQa,EAAE,KAAM,CAAEC,IAAK,2CAA4CC,KAAM,SAAUC,GAAIpB,KAAKI,WAAY,cAAeJ,KAAKa,OAAQQ,QAAUvB,GAAME,KAAKG,mBAAmBL,EAAGE,KAAKI,YAAakB,WAAaC,GAAOC,EAAqBD,EAAIvB,KAAKG,mBAAoBH,KAAKI,aAAea,EAAE,OAAQ,CAAEC,IAAK,2CAA4CO,MAAOzB,KAAKc,YAAc,UAAYd,KAAKY,MAAQK,EAAE,SAAU,CAAEC,IAAK,2CAA4CQ,KAAM1B,KAAKY,OAASZ,KAAKU,KAAQO,EAAE,IAAK,CAAEU,KAAM3B,KAAKU,KAAOV,KAAKU,KAAO,KAAMkB,OAAQ5B,KAAKW,WAAYS,GAAIrB,EAAQsB,QAAUvB,GAAME,KAAKH,uBAAuBC,EAAGC,GAASuB,WAAaC,GAAOC,EAAqBD,EAAIvB,KAAKH,uBAAwBE,GAASoB,KAAMnB,KAAKU,KAAO,OAAS,SAAUmB,SAAU,KAAO7B,KAAKQ,MAAUS,EAAE,OAAQ,CAAEa,UAAW9B,KAAKQ,OAAUS,EAAE,OAAQ,CAAEC,IAAK,8C","ignoreList":[]}

package/www/build/p-c363882e.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e}from"./p-Cam6wBSi.js";import{P as n}from"./p-B2-dCTD2.js";import{h as s}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const r=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const o=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(e){i(this,e);this.flipCard=t(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,t;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return e("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("br",null),s)}renderAuthor(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))}renderYear(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:t,author:s,description:r}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${t} ${s} ${r}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"89638672dffdef5f267c60755e21856a6ef029ae"},this.renderCloseIcon(),e("div",{key:"71b4b4b5df37b0d6868fd2db22b680ca295ec97e",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"25c47bf4f49051e96dcf192e62670fc758ca4b6d",class:"cta-wrapper"},e("slot",{key:"fcd0703d4b9517196e26d46630c10195931c13ae"})))}};o.style=r;export{o as z_myz_card_info};
+//# sourceMappingURL=p-c363882e.entry.js.map

package/www/build/p-c363882e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardInfo","emitFlipCard","showBack","this","flipCard","emit","constructor","hostRef","data","undefined","htmltabindex","hiddenContent","tooltip","bind","componentWillLoad","setStringOrArray","componentWillUpdate","componentDidRender","handleContentHeight","contentWrapper","infoWrapper","scrollHeight","offsetHeight","height","onlineLicenseWrapper","offlineLicenseWrapper","style","cardData","JSON","parse","renderCloseIcon","h","name","width","onClick","tabindex","onKeyUp","e","handleKeyboardSubmit","renderGeneralSection","_a","_b","title","description","class","ref","el","renderAuthor","renderYear","author","year","renderTooltip","position","PopoverPosition","RIGHT","setExpirationLicenseMessage","type","onlineLicense","expired","offlineLicense","expiring","renderOnlineLicenseSection","expiration","renderOfflineLicenseSection","installations","render","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css?tag=z-myz-card-info&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js"],"sourcesContent":[":host {\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  position: relative;\n  display: grid;\n  width: calc(100% + calc(var(--space-unit) * 2));\n  height: 402px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--color-primary01);\n  margin-left: calc(-1 * var(--space-unit));\n  background: var(--color-surface01);\n  border-radius: 0;\n  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);\n}\n\n:host > div > z-icon {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-self: end;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper {\n  position: relative;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n:host > div > div.content-wrapper > section {\n  box-sizing: border-box;\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  color: var(--color-surface05);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n:host > div > div.content-wrapper > section:last-child {\n  border-bottom: none;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper.hidden::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);\n  content: \"\";\n  pointer-events: none;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading {\n  display: flex;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expired {\n  color: var(--color-primary01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expiring {\n  color: var(--color-hover-warning);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > z-popover {\n  position: absolute;\n  top: 0;\n  left: calc(var(--space-unit) * 4);\n}\n","import { h } from \"@stencil/core\";\nimport { PopoverPosition } from \"../../../../beans\";\nimport { handleKeyboardSubmit } from \"../../../../utils/utils\";\n/**\n * @slot  - content\n */\nexport class ZMyzCardInfo {\n    emitFlipCard(showBack = false) {\n        this.flipCard.emit(showBack);\n    }\n    constructor() {\n        this.data = undefined;\n        this.htmltabindex = 0;\n        this.hiddenContent = false;\n        this.tooltip = false;\n        this.emitFlipCard = this.emitFlipCard.bind(this);\n    }\n    componentWillLoad() {\n        this.setStringOrArray();\n    }\n    componentWillUpdate() {\n        this.setStringOrArray();\n    }\n    componentDidRender() {\n        this.handleContentHeight();\n    }\n    handleContentHeight() {\n        if (!this.contentWrapper && !this.infoWrapper) {\n            this.hiddenContent = false;\n            return;\n        }\n        if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||\n            this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {\n            const height = this.contentWrapper.offsetHeight -\n                this.onlineLicenseWrapper.offsetHeight -\n                this.offlineLicenseWrapper.offsetHeight;\n            this.infoWrapper.style.height = `${height}px`;\n            this.hiddenContent = true;\n            return;\n        }\n        this.hiddenContent = false;\n    }\n    setStringOrArray() {\n        if (typeof this.data === \"string\") {\n            this.cardData = JSON.parse(this.data);\n        }\n        else {\n            this.cardData = this.data;\n        }\n    }\n    renderCloseIcon() {\n        return (h(\"z-icon\", { name: \"multiply-circled-filled\", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {\n                handleKeyboardSubmit(e, this.emitFlipCard, false);\n            } }));\n    }\n    renderGeneralSection() {\n        var _a, _b;\n        const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;\n        const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;\n        return (h(\"section\", { class: `info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`, onClick: () => {\n                if (this.hiddenContent) {\n                    this.tooltip = !this.tooltip;\n                }\n            }, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, h(\"br\", null), description));\n    }\n    renderAuthor() {\n        var _a;\n        const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;\n        if (!author) {\n            return null;\n        }\n        return (h(\"span\", null, \"Autore: \", h(\"b\", null, author), h(\"br\", null)));\n    }\n    renderYear() {\n        var _a;\n        const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;\n        if (!year) {\n            return null;\n        }\n        return (h(\"span\", null, \"Anno: \", h(\"b\", null, year), h(\"br\", null)));\n    }\n    renderTooltip() {\n        if (!this.tooltip) {\n            return;\n        }\n        if (!this.cardData) {\n            return;\n        }\n        const { title, year, author, description } = this.cardData;\n        return (h(\"z-popover\", { position: PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));\n    }\n    setExpirationLicenseMessage(type) {\n        if ((type === \"online\" && this.cardData.onlineLicense.expired) ||\n            (type === \"offline\" && this.cardData.offlineLicense.expired)) {\n            return h(\"span\", { class: \"expired\" }, \"SCADUTA\");\n        }\n        if ((type === \"online\" && this.cardData.onlineLicense.expiring) ||\n            (type === \"offline\" && this.cardData.offlineLicense.expiring)) {\n            return h(\"span\", { class: \"expiring\" }, \"IN SCADENZA\");\n        }\n    }\n    renderOnlineLicenseSection() {\n        var _a;\n        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense)) {\n            return;\n        }\n        return (h(\"section\", { ref: (el) => (this.onlineLicenseWrapper = el) }, h(\"span\", { class: \"license-heading\" }, h(\"span\", null, \"Licenza online\"), this.setExpirationLicenseMessage(\"online\")), \"Scadenza il \", h(\"b\", null, this.cardData.onlineLicense.expiration), h(\"br\", null)));\n    }\n    renderOfflineLicenseSection() {\n        var _a;\n        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense)) {\n            return;\n        }\n        return (h(\"section\", { ref: (el) => (this.offlineLicenseWrapper = el) }, h(\"span\", { class: \"license-heading\" }, h(\"span\", null, \"Licenza offline\"), this.setExpirationLicenseMessage(\"offline\")), \"Scadenza il \", h(\"b\", null, this.cardData.offlineLicense.expiration), h(\"br\", null), \"Installazioni disponibili: \", h(\"b\", null, this.cardData.offlineLicense.installations)));\n    }\n    render() {\n        return (h(\"div\", { key: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), h(\"div\", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: \"content-wrapper\", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h(\"div\", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: \"cta-wrapper\" }, h(\"slot\", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));\n    }\n    static get is() { return \"z-myz-card-info\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"data\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | DictionaryData\",\n                    \"resolved\": \"string | { author: string; year: string; title: string; description: string; onlineLicense: DictionaryLicenseData; offlineLicense: DictionaryLicenseData; }\",\n                    \"references\": {\n                        \"DictionaryData\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans\",\n                            \"id\": \"src/beans/index.tsx::DictionaryData\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"dictionary info\"\n                },\n                \"attribute\": \"data\",\n                \"reflect\": false\n            },\n            \"htmltabindex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"tabindex link attribute (optional)\"\n                },\n                \"attribute\": \"htmltabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hiddenContent\": {},\n            \"tooltip\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"flipCard\",\n                \"name\": \"flipCard\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"flip card to front\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-c55a5042.entry.js

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

package/www/build/p-c55a5042.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuDeprecated","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","constructor","hostRef","active","undefined","verticalContext","hasHeader","bind","checkContent","onLabelSlotChange","onItemsChange","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","requestAnimationFrame","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","Host","key","ref","el","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-menu-deprecated/styles.css?tag=z-menu-deprecated&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-menu-deprecated/index.js"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-default-text);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\nexport class ZMenuDeprecated {\n    toggle() {\n        if (!this.hasContent) {\n            return;\n        }\n        this.open = !this.open;\n        this.open ? this.opened.emit() : this.closed.emit();\n    }\n    /** Close the floating list when a click is performed outside of this Element. */\n    handleClick(ev) {\n        if (!this.floating || !this.open || this.hostElement.contains(ev.target)) {\n            return;\n        }\n        this.reflow();\n        this.open = false;\n        this.closed.emit();\n    }\n    onOpenChanged() {\n        if (this.open) {\n            this.reflow(true);\n        }\n        else {\n            cancelAnimationFrame(this.raf);\n        }\n    }\n    constructor() {\n        this.active = undefined;\n        this.floating = false;\n        this.open = false;\n        this.verticalContext = false;\n        this.hasHeader = undefined;\n        this.hasContent = undefined;\n        this.toggle = this.toggle.bind(this);\n        this.checkContent = this.checkContent.bind(this);\n        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n        this.onItemsChange = this.onItemsChange.bind(this);\n    }\n    componentWillLoad() {\n        this.checkContent();\n    }\n    /**\n     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n     * @param ev Slotchange event\n     */\n    onLabelSlotChange(ev) {\n        const labelElement = ev.target.assignedElements()[0];\n        labelElement.dataset.text = labelElement === null || labelElement === void 0 ? void 0 : labelElement.textContent;\n    }\n    /**\n     * Correctly set position of the floating menu in order to prevent overflow.\n     * @param live Should run the method on every refresh frame.\n     */\n    reflow(live = false) {\n        if (this.content) {\n            const { style } = this.content;\n            const { left } = this.hostElement.getBoundingClientRect();\n            const widthPx = getComputedStyle(this.content).width;\n            const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n            const safeScrollbarSpace = 30;\n            style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n        }\n        if (live) {\n            this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n        }\n    }\n    /**\n     * Check if some content slot is set.\n     */\n    checkContent() {\n        this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n        this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n    }\n    /**\n     * Set `menuitem` role to all menu items.\n     * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n     */\n    onItemsChange() {\n        this.checkContent();\n        const items = this.hostElement.querySelectorAll(\"[slot=item]\");\n        items.forEach((item) => {\n            item.setAttribute(\"role\", \"menuitem\");\n            item.dataset.text = item.textContent;\n        });\n    }\n    renderMenuLabel() {\n        if (this.hasContent) {\n            return (h(\"button\", { class: \"menu-label\", \"aria-expanded\": this.open ? \"true\" : \"false\", \"aria-label\": this.open ? \"Chiudi menù\" : \"Apri menù\", onClick: this.toggle }, h(\"div\", { class: \"menu-label-content\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }), h(\"z-icon\", { name: this.open ? \"chevron-up\" : \"chevron-down\" }))));\n        }\n        return (h(\"div\", { class: \"menu-label\" }, h(\"div\", { class: \"menu-label-content\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }))));\n    }\n    render() {\n        return (h(Host, { key: '74b5b32d29db7c6e7d241f1583a2df27979fb4f8' }, this.renderMenuLabel(), this.hasContent && (h(\"div\", { key: '6bdfeb0e2d900a53e69a15861c1c5d6337fcf972', class: \"content\", ref: (el) => (this.content = el) }, this.hasHeader && (h(\"header\", { key: 'da9c528915686f2b5fcface1483822df96abca6b', class: \"header\" }, h(\"slot\", { key: '692467f0246d129d75525a5097529d8c2a8f6817', name: \"header\", onSlotchange: this.checkContent }))), h(\"div\", { key: '639ffcb514c6d95d7dca908b2c0cbf142f42a9e3', class: \"items\", role: \"menu\" }, h(\"slot\", { key: '783021819f17a536746670de911ebef9665e8e99', name: \"item\", onSlotchange: this.onItemsChange }))))));\n    }\n    static get is() { return \"z-menu-deprecated\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Flag to set the active status of the menu.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true\n            },\n            \"floating\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Flag to set the display mode of the list.\\nIf true, the list will be absolutely positioned under the menu label,\\nstacked beneath it otherwise.\"\n                },\n                \"attribute\": \"floating\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The opening state of the menu.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"verticalContext\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\\nA small border is placed under it as a separator from other elements.\"\n                },\n                \"attribute\": \"vertical-context\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasHeader\": {},\n            \"hasContent\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"opened\",\n                \"name\": \"opened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The menu has been opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"closed\",\n                \"name\": \"closed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The menu has been closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-cc00d883.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a}from"./p-Cam6wBSi.js";const o="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";const e=class{constructor(a){r(this,a);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}render(){return a("button",{key:"0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"a434839ab6a15dece16b4183917d18bc4fa2c928"},a("z-icon",{key:"7d94c5a200f839b0a1e1f0e9d110c757bd6c9903",name:this.icon,width:16,height:16})))}};e.style=o;export{e as z_myz_card_icon};
+//# sourceMappingURL=p-cc00d883.entry.js.map

package/www/build/p-cc00d883.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardIcon","constructor","hostRef","this","icon","undefined","isdisabled","ariaLabel","render","h","key","disabled","name","width","height"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css?tag=z-myz-card-icon&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js"],"sourcesContent":["button {\n  display: flex;\n  width: 42px;\n  width: calc(var(--space-unit) * 6);\n  height: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 6);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  border-left: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background: none;\n  border-radius: 0 var(--border-radius) 0 0;\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  outline: none;\n}\n\nbutton:active,\nbutton:focus {\n  color: var(--blue700);\n  fill: var(--blue700);\n}\n\nbutton > span {\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--border-radius);\n}\n\nbutton:hover > span {\n  background: var(--color-primary03);\n}\n\nbutton:focus > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n}\n\nbutton:disabled > span {\n  background: none;\n  box-shadow: var(--shadow-0);\n  pointer-events: none;\n}\n\nbutton:disabled > span > z-icon {\n  fill: var(--color-surface03);\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzCardIcon {\n    constructor() {\n        this.icon = undefined;\n        this.isdisabled = false;\n        this.ariaLabel = \"\";\n    }\n    render() {\n        return (h(\"button\", { key: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, \"aria-label\": this.ariaLabel }, h(\"span\", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, h(\"z-icon\", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));\n    }\n    static get is() { return \"z-myz-card-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"icon name\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"isdisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"disabled status flag\"\n                },\n                \"attribute\": \"isdisabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"ariaLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"description of the icon\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sCAAA,MAAMA,EAAY,omC,MCCLC,EAAY,MACrB,WAAAC,CAAAC,G,UACIC,KAAKC,KAAOC,UACZF,KAAKG,WAAa,MAClBH,KAAKI,UAAY,EACpB,CACD,MAAAC,GACI,OAAQC,EAAE,SAAU,CAAEC,IAAK,2CAA4CC,SAAUR,KAAKG,WAAY,aAAcH,KAAKI,WAAaE,EAAE,OAAQ,CAAEC,IAAK,4CAA8CD,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAMT,KAAKC,KAAMS,MAAO,GAAIC,OAAQ,M","ignoreList":[]}

package/www/build/p-ce3b9406.js

@@ -0,0 +1,2 @@
+import{p as e,b as a}from"./p-Cam6wBSi.js";export{s as setNonce}from"./p-Cam6wBSi.js";import{g as t}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};o().then((async e=>{await t();return a(JSON.parse('[["p-752d72d8",[[1,"z-app-header",{"stuck":[516],"enableOffcanvas":[1540,"enable-offcanvas"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"enableZLogo":[516,"enable-z-logo"],"drawerOpen":[1028,"drawer-open"],"_stuck":[32],"menuLength":[32],"isMobile":[32],"isTablet":[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckChange"]}]]],["p-3f49652c",[[1,"z-app-header-deprecated",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]],{"_stuck":["onStuck"],"drawerOpen":["setMenuFloatingMode"],"stuck":["onStuckMode"]}]]],["p-d404ce2d",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"hasTreeItems":[4,"has-tree-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"flattenedList":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},[[0,"ariaDescendantFocus","getFocusedItemHandler"]],{"items":["watchItems"]}]]],["p-5edcf0ee",[[1,"z-breadcrumb",{"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]],{"maxNodesToShow":["handlePropChange"],"viewPortWidth":["handleResizeUp"]}]]],["p-ea18b15f",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32],"checkboxes":[32]},null,{"items":["watchItems"],"searchValue":["watchSearchValue"],"checkboxes":["watchCheckboxes"]}]]],["p-25b57525",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-ec50e1b7",[[6,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"allowedFilesMessage":[1,"allowed-files-message"],"uploadClickableMessage":[1,"upload-clickable-message"],"uploadMessage":[1,"upload-message"],"errorModalTitle":[1,"error-modal-title"],"errorModalMessage":[1,"error-modal-message"],"uploadedFilesLabel":[1,"uploaded-files-label"],"hasFileSection":[4,"has-file-section"],"inputName":[1,"input-name"],"showErrors":[4,"show-errors"],"_type":[32],"files":[32],"invalidFiles":[32],"input":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]]],["p-4fb10c24",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]],{"_visiblePages":["setPagesContainerWidth"],"visiblePages":["setVisiblePages"],"currentPage":["onPageChanged"],"split":["onSplitChanged"]}]]],["p-1301f408",[[1,"z-tree-list",{"items":[1],"htmlAriaLabelledby":[513,"html-aria-labelledby"],"htmlSectionTitle":[513,"html-section-title"]},null,{"items":["watchItems"]}]]],["p-26c0bb2c",[[1,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":["onIndexChange"],"single":["onSingleModeChange"],"infinite":["onInfiniteModeChange"]}]]],["p-84a30acf",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"name":[1],"value":[1],"flatpickrPosition":[32],"inputError":[32]},[[2,"keydown","handleKeyDown"]],{"mode":["setupPickers"]}]]],["p-d767c93a",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-e46785e6",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"firstPickerReadOnly":[4,"first-picker-read-only"],"lastPickerReadOnly":[4,"last-picker-read-only"],"firstPickerPlaceholder":[1,"first-picker-placeholder"],"lastPickerPlaceholder":[1,"last-picker-placeholder"],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]],{"firstPickerReadOnly":["setupFirstPickersReadOnly"],"lastPickerReadOnly":["setupLastPickersReadOnly"],"mode":["setupPickers"]}]]],["p-7f0a51da",[[1,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-7551d826",[[1,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"showSorting":[513,"show-sorting"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"sorted":[1540],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":["updateColspan"]}]]],["p-e60b79de",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsedLabel":[1,"collapsed-label"],"collapsed":[32]}]]],["p-98b10414",[[1,"z-book-card",{"variant":[513],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"year":[1],"ebookUrl":[1,"ebook-url"],"fallbackCover":[1,"fallback-cover"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-b8198b19",[[1,"z-book-card-app",{"logo":[1],"name":[1],"link":[1],"laz":[4],"info":[1]}]]],["p-545cf652",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-c363882e",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-6aa64881",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]},null,{"inputrawdata":["oninputrawdataChange"]}]]],["p-06a75db9",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-9126ad89",[[1,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516]},null,{"isDisabled":["onDisabledChange"]}]]],["p-8c2538dc",[[1,"z-book-card-deprecated",{"variant":[1],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"ribbon":[1],"ribbonIcon":[1,"ribbon-icon"],"ribbonInteractive":[4,"ribbon-interactive"],"borderless":[4],"fallbackCover":[1,"fallback-cover"],"operaTitleTag":[1,"opera-title-tag"],"isMobile":[32],"hasResources":[32],"showResources":[32]}]]],["p-9260de4d",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-4035e4b7",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-4b0f8b7c",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-52d05436",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"htmlTabindex":[2,"html-tabindex"],"hasHeader":[32],"hasContent":[32],"setFocus":[64],"focusLastItem":[64]},[[4,"click","onItemClick"],[0,"keydown","onKeyDown"]],{"open":["onOpenChanged"],"htmlTabindex":["setLabelA11yAttrs"]}]]],["p-c55a5042",[[1,"z-menu-deprecated",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]],{"open":["onOpenChanged"]}]]],["p-3c197169",[[1,"z-menu-section",{"active":[516],"htmlTabindex":[2,"html-tabindex"],"open":[1028],"hasItems":[32],"items":[32],"focusLastItem":[64],"setFocus":[64]},[[0,"keydown","onItemsKeydown"]],{"open":["onOpenChange"],"htmlTabindex":["onTabindexChange"]}]]],["p-f765dd3e",[[1,"z-menu-section-deprecated",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-cc00d883",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-f70245a3",[[4,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"selectedTab":[1026,"selected-tab"],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[0,"click","handleTabClick"],[0,"focusin","onTabFocusIn"],[0,"keydown","navigateThroughTabs"],[0,"focusout","onTabFocusOut"]],{"canNavigate":["checkScrollEnabled"],"selectedTab":["onTabSelected"]}]]],["p-b9fba3a0",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-1a55b30b",[[6,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-da27116e",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-d3e18055",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]},null,{"data":["watchData"]}]]],["p-1d8f3be0",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"checked":[4],"disabled":[4]}]]],["p-a7f0a630",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]},null,{"isdraggable":["watchPropIsdraggable"],"autoclose":["watchPropAutoclose"],"pauseonfocusloss":["watchPropPauseonfocusloss"]}]]],["p-ea7db3b1",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-f0162a34",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-24c5e0cc",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-3b23bf6b",[[1,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":["updateColumns"]}]]],["p-285d0e0f",[[4,"z-aria-alert",{"mode":[1]}]]],["p-ba1d43ec",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-4ad3b8c3",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-906081da",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-1edb773f",[[1,"z-myz-card-footer-sections"]]],["p-877d6f26",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-6d0758da",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-65f0a8cd",[[1,"z-stepper"]]],["p-69c45802",[[1,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-353dfd3a",[[1,"z-tbody"]]],["p-4e503a77",[[1,"z-tfoot",{"sticky":[516]}]]],["p-71c28d19",[[1,"z-thead",{"sticky":[516]}]]],["p-2e1826ab",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":["watchPropNewestontop"]}]]],["p-af8a7986",[[1,"z-visually-hidden"]]],["p-7d696560",[[1,"zanit-menubar",{"data":[1],"current":[1],"searchQuery":[1,"search-query"],"items":[32],"openMenu":[32],"openNavbar":[32],"showSearchbar":[32],"_searchQuery":[32],"isMobile":[32]},[[5,"pointerdown","handleOutsideClick"],[1,"keydown","handleKeydown"],[1,"focusout","handleFocusout"]],{"data":["parseData"],"items":["onItemsChange"],"showSearchbar":["onShowSearchbar"]}],[1,"zanit-mobile-menubar",{"current":[1],"items":[16],"searchQuery":[1,"search-query"],"parentItem":[32],"menuItems":[32],"menuType":[32],"open":[32],"_searchQuery":[32]},[[5,"pointerdown","handleOutsideClick"],[1,"keydown","handleKeydown"],[1,"focusout","handleFocusout"]],{"items":["onItemsChange"]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"role":[1],"htmlrole":[1],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[8],"width":[8],"iconid":[1],"fill":[1]}]]],["p-e3d9cd6c",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-93176ede",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"ariaLabel":[1,"aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":["adjustPanelPosition"],"open":["adjustPanelPosition"]}]]],["p-bdd53627",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-53c4cea5",[[1,"z-alert",{"type":[1]}]]],["p-7534f34f",[[1,"z-ghost-loading"]]],["p-da73a0e0",[[1,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"],"dragging":[32]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"lockPageScroll":[4,"lock-page-scroll"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-14695889",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-8bed1043",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"role":[513],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-d854a0fb",[[6,"z-tag",{"icon":[1],"expandable":[4]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"],"role":[513]}]]],["p-673af8ea",[[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"ariaExpanded":[1,"aria-expanded"],"ariaControls":[1,"aria-controls"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaActivedescendant":[1,"aria-activedescendant"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"role":[1],"hasclearicon":[4],"icon":[1],"min":[2],"minlength":[2],"max":[2],"maxlength":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513],"disabled":[516],"statusRole":[32]},null,{"message":["onMessageChange"],"status":["onMessageChange"]}]]],["p-d23576e5",[[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32],"selectedItem":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":["watchItems"],"resultsCount":["watchResultsCount"],"value":["watchValue"],"searchString":["watchSearchString"],"showResults":["watchShowResults"]}],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[4,"skip-load-animation"],"skipAnimation":[32]},[[2,"click","stopEvent"],[2,"focusin","stopEvent"]],{"variant":["handlePageOverflow"],"open":["onOpenChanged"]}]]],["p-2fb38b5e",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":["validatePosition"],"open":["onOpen"]}]]]]'),e)}));
+//# sourceMappingURL=zanichelli-it-frontend-kit.esm.js.map

package/www/build/p-d23576e5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i,g as a}from"./p-Cam6wBSi.js";import{O as n,T as r,C as o,B as l,D as c,h,K as d}from"./p-B2-dCTD2.js";import{r as f,g as u,f as v}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const p='.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.canvas-background.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.canvas-background.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:max(var(--z-offcanvas--container-width, 375px), 375px);min-width:375px}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}';const m=class{constructor(s){t(this,s);this.canvasOpenStatusChanged=e(this,"canvasOpenStatusChanged",7);this.variant=n.PUSHCONTENT;this.open=false;this.transitiondirection=r.LEFT;this.skipLoadAnimation=false;this.skipAnimation=false}stopEvent(t){if(this.open){return}t.preventDefault();t.stopPropagation()}handlePageOverflow(){const t=this.variant===n.OVERLAY||this.transitiondirection===r.UP?"overflow-y":"overflow-x";document.body.style[t]=this.open?"hidden":""}onOpenChanged(){var t;this.canvasOpenStatusChanged.emit(this.open);if(!this.open){const e=()=>{this.handlePageOverflow();this.canvasContainer.removeEventListener("transitionend",e)};(t=this.canvasContainer)===null||t===void 0?void 0:t.addEventListener("transitionend",e)}else{this.handlePageOverflow()}}componentWillLoad(){if(this.open){this.skipAnimation=true}}componentDidLoad(){this.handlePageOverflow()}componentDidRender(){this.skipAnimation=false}connectedCallback(){this.handlePageOverflow()}disconnectedCallback(){this.open=false}render(){return s(i,{key:"299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271","skip-animation":this.skipAnimation,"aria-hidden":!this.open?"true":null},s("div",{key:"2620f2f0ef0741cbe6e5d63f7ed38299fb253852",class:"canvas-container",role:"presentation",ref:t=>this.canvasContainer=t},s("div",{key:"1df851d5c4d1fddb24a62c5e3d92a7181bd36d05",class:"canvas-content z-scrollbar",role:"presentation"},s("slot",{key:"89303666352d55c9a92a0b4cecc9bea8d42125f7",name:"canvasContent"}))),(this.variant==n.OVERLAY||this.transitiondirection===r.UP)&&s("div",{key:"197e3eb34f5981c52a553875157a3a02993f7684",class:"canvas-background",onClick:()=>this.open=false}))}static get watchers(){return{variant:["handlePageOverflow"],open:["onOpenChanged"]}}};m.style=p;const z=':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:44px;z-index:15;display:flex;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*{box-sizing:border-box}:host::part(list-item-container){display:block;min-height:unset;padding:0}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.results-wrapper{position:absolute;top:calc(100% - 1px);left:0;width:100%;padding:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;background:var(--color-surface01)}.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5)}.results::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.results::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.results::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(.results::-webkit-scrollbar-track){.results{scrollbar-color:var(--color-primary01) transparent}}.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}.results .category-heading>*{display:block}.results .category-heading>.category{color:var(--color-text05);font-style:italic}.results .category-heading>.subcategory{margin-top:var(--space-unit);color:var(--color-default-text);text-transform:uppercase}.results z-list-element{position:relative;display:block}z-list-element>.item-search{padding:var(--space-unit) 0}z-list z-list-element::before{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:1em;border-bottom:1px solid var(--color-disabled01-icon);border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element::after{position:absolute;z-index:100;top:5px;left:-20px;width:8px;height:100%;border-left:1px solid var(--color-disabled01-icon);content:"";cursor:pointer}z-list z-list-element:last-child::after{display:none}z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 3)}.results z-list-element>.list-element{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.25) 0;cursor:pointer}.results z-list-element>.list-element:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.results z-list-element>.list-element .item.ellipsis{overflow:hidden}.results z-list-element .list-element::after{position:absolute;top:0;right:0;display:block;width:100%;height:44px;content:"";transform:translateX(-100%)}.results z-list-element .list-element.focused.hovered::after{padding-left:6px}.results z-list-element>.list-element:hover,.results z-list-element>.list-element:hover::after{background-color:var(--color-background);cursor:pointer}.results z-list-element>.list-element>z-tag{border:1px solid var(--gray800);font-size:var(--font-size-1);font-weight:var(--font-sb);--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color)}.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;color:var(--color-default-text);column-gap:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon);font-size:var(--font-size-2);line-height:var(--font-size-6)}.results .item.ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item>.item-label mark{background:var(--color-primary03)}.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}.results .item-show-all{text-align:center}.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item{font-size:var(--font-size-3);line-height:var(--font-size-6)}.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}.results .item.ellipsis>.item-label{height:24px}.results z-list-element>.list-element>z-tag{min-width:max-content}}@media (min-width: 1152px){.results .item{cursor:pointer}.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}:host([size="small"]) .results :is(.item,.category-heading),:host([size="x-small"]) .results :is(.item,.category-heading){font-size:var(--font-size-2)}:host([size="small"]) .results .item:not(.has-category),:host([size="x-small"]) .results .item:not(.has-category){--z-icon-height:16px;--z-icon-width:16px}:host([size="small"]) z-list-element>.list-element,:host([size="small"]) z-list-element>.item-search{padding:calc(var(--space-unit) * 0.75) 0}:host([size="x-small"]) z-list-element>.list-element,:host([size="x-small"]) z-list-element>.item-search{padding:calc(var(--space-unit) / 2) 0}:host([size="small"]) z-list-element .list-element::after{height:36px}:host([size="x-small"]) z-list-element .list-element::after{height:32px}';const g=class{constructor(s){t(this,s);this.searchSubmit=e(this,"searchSubmit",7);this.searchTyping=e(this,"searchTyping",7);this.searchItemClick=e(this,"searchItemClick",7);this.resultsItemsList=null;this.items=[];this.htmlid=`searchbar-${f()}`;this.preventSubmit=false;this.value=undefined;this.placeholder=undefined;this.autocomplete=false;this.autocompleteMinChars=3;this.resultsCount=undefined;this.searchHelperLabel="Cerca {searchString}";this.resultsItems=undefined;this.sortResultsItems=false;this.showSearchButton=false;this.searchButtonIconOnly=false;this.size=o.BIG;this.variant=l.PRIMARY;this.searchString=this.value;this.currResultsCount=0;this.showResults=false;this.isMobile=false;this.selectedItem=undefined}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}emitSearchTyping(t){this.searchTyping.emit(t)}emitSearchItemClick(t){this.searchItemClick.emit(t);this.selectedItem=t;this.searchString=""}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.emitSearchTyping(this.searchString);this.items=[];if(!this.searchString){this.currResultsCount=this.resultsCount}}watchShowResults(){if(!this.showResults){this.items=[]}}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{if(u()===c.MOBILE&&!this.isMobile){this.isMobile=true}if(u()!==c.MOBILE&&this.isMobile){this.isMobile=false}}));this.resizeObserver.observe(this.element)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList();this.currResultsCount=this.resultsCount}getResultsItemsList(){return typeof this.resultsItems==="string"?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(t){const e={};t.forEach((t=>{var s;const i=`${t===null||t===void 0?void 0:t.category}${t===null||t===void 0?void 0:t.subcategory}`;e[i]=(s=e[i])!==null&&s!==void 0?s:{category:t===null||t===void 0?void 0:t.category,subcategory:t===null||t===void 0?void 0:t.subcategory,items:[]};e[i]["items"].push(t)}));if(this.sortResultsItems){return Object.keys(e).sort().reduce(((t,s)=>{t[s]=Object.assign(Object.assign({},e[s]),{items:e[s]["items"].sort(((t,e)=>{const s=t.label.toUpperCase();const i=e.label.toUpperCase();if(s<i){return-1}if(s>i){return 1}return 0}))});return t}),{})}return e}checkResultsCount(t){if(!this.currResultsCount||t<this.currResultsCount){return true}return false}handleStopTyping(t){t.stopPropagation();this.searchString=t.detail.value;if(this.selectedItem){this.selectedItem=undefined}}handleSubmit(){if(this.preventSubmit){return}this.emitSearchSubmit()}handleOutsideClick(t){const e=t.composedPath();const s=e.find((t=>t.nodeName==="Z-SEARCHBAR"));if(!s||s.htmlid!==this.htmlid){this.showResults=false;return}if(e.find((t=>{var e;return(t===null||t===void 0?void 0:t.nodeName)==="Z-INPUT"||((e=t===null||t===void 0?void 0:t.classList)===null||e===void 0?void 0:e.contains("results"))}))){this.showResults=true;return}this.showResults=false}renderInput(){var t;return s("z-input",{ref:t=>{this.inputRef=t},htmlid:`input-${this.htmlid}`,message:false,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{v(t,(()=>this.handleSubmit()));this.handleArrowsNavigation(t)},value:this.searchString||((t=this.selectedItem)===null||t===void 0?void 0:t.label),ariaLabel:this.placeholder,size:this.size})}renderButton(){if(!this.showSearchButton){return null}const t=this.searchButtonIconOnly?{icon:"search"}:null;const e=this.searchButtonIconOnly?"":"CERCA";const i=this.searchButtonIconOnly?{"aria-label":"CERCA"}:null;const a=Object.assign(Object.assign({disabled:this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},t),i);return s("z-button",Object.assign({},a),e)}renderResults(){if(!this.showResults||!this.autocomplete||!this.searchString||this.searchString.length<this.autocompleteMinChars||!this.resultsItemsList){return null}return s("div",{class:"results-wrapper"},s("div",{class:"results"},this.renderResultsList()))}renderResultsList(){var t,e;if(this.preventSubmit&&!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)){return s("span",{class:"item item-no-results"},"Non abbiamo trovato risultati per ",s("b",null,this.searchString),s("br",null),s("br",null),"Cosa puoi fare?",s("ul",null,s("li",null,"Verificare di aver scritto bene"),s("li",null,"Provare a cercare un'altra parola"),s("li",null,"Provare a cercare qualcosa di più generico")))}return s("z-list",{role:"listbox",id:`list-${this.htmlid}`},this.renderSearchHelper(!!((e=this.resultsItemsList)===null||e===void 0?void 0:e.length)),this.renderItems(),this.renderShowAllResults())}renderItems(){var t;if(!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)){return[]}const e=this.getGroupedItems(this.resultsItemsList);const i=[];let a=0;Object.values(e).forEach(((t,e,n)=>{if(this.checkResultsCount(a)){const r=[];t.items.forEach(((t,s,i)=>{if(this.checkResultsCount(a)){const a=e===n.length-1&&s===i.length-1;r.push(this.renderItem(t,s,!a))}a++}));if(r.length){i.push(s("z-list-group",{"divider-type":h.ELEMENT},this.renderItemCategory(t),r))}}}));return i}handleArrowsNavigation(t){const e=t.target;const s=[d.ARROW_DOWN,d.ARROW_UP];if(!s.includes(t.key)){t.preventDefault();return}if(!this.items.length){const t=this.element.shadowRoot.querySelector("z-list");if(!t){return}this.items=Array.from(t.querySelectorAll(".list-element"))}this.items.forEach((t=>t.classList.contains("focused")&&t.classList.remove("focused")));const i=this.items.indexOf(e);if(t.key===d.ARROW_DOWN){t.preventDefault();const e=i+1;if(e<this.items.length){this.items[e].focus();this.items[e].classList.add("focused")}}if(t.key===d.ARROW_UP){t.preventDefault();const e=i-1;if(e<0){this.element.shadowRoot.querySelector("input").focus();this.element.shadowRoot.querySelector("input").setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)}if(e>=0){this.items[e].focus();this.items[e].classList.add("focused")}}}renderItem(t,e,i){return s("z-list-element",{id:`list-item-${this.htmlid}-${e}`,tabIndex:0,role:"option",dividerType:i?h.ELEMENT:undefined,onKeyDown:t=>this.handleArrowsNavigation(t)},s("div",{class:"list-element",tabIndex:0,onClick:()=>this.emitSearchItemClick(t),onKeyDown:e=>v(e,(()=>this.emitSearchItemClick(t))),onMouseEnter:t=>{const e=t.target;e.classList.add("hovered")},onMouseLeave:t=>{const e=t.target;e.classList.contains("hovered")&&e.classList.remove("hovered")}},s("span",{class:"item ellipsis"},(t===null||t===void 0?void 0:t.icon)&&s("z-icon",{class:"item-icon",name:t.icon}),s("span",{class:"item-label",title:t.label,innerHTML:this.renderItemLabel(t.label)})),(t===null||t===void 0?void 0:t.tag)&&s("z-tag",{icon:t.tag.icon},!this.isMobile?t.tag.text:"")),t.children&&t.children.length>0?s("z-list",null,s("div",{class:"children-node"},t.children.map(((t,e)=>this.renderItem(t,e,false))))):null)}renderItemLabel(t){if(!this.searchString){return t}return t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`))}renderItemCategory(t){if(!(t===null||t===void 0?void 0:t.category)){return null}return s("span",{class:"category-heading",slot:"header-title"},s("span",{class:"category"},t.category),(t===null||t===void 0?void 0:t.subcategory)&&s("span",{class:"subcategory"},t.subcategory))}renderSearchHelper(t=true){if(!this.autocomplete||this.preventSubmit||!this.searchString){return null}return s("z-list-element",{role:"option",dividerType:t?h.ELEMENT:undefined,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.handleArrowsNavigation(t)},s("div",{tabindex:0,onClick:()=>this.emitSearchSubmit(),onKeyDown:t=>v(t,(()=>this.emitSearchSubmit())),class:"list-element"},s("span",{class:"item item-search"},s("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),s("span",{class:"item-label",innerHTML:this.searchHelperLabel.replace("{searchString}",`<mark>${this.searchString}</mark>`)}))))}renderShowAllResults(){var t,e;if(!this.currResultsCount||!this.searchString||!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)||this.currResultsCount>=((e=this.resultsItemsList)===null||e===void 0?void 0:e.length)){return null}return s("z-list-element",{role:"option",tabindex:0,clickable:true,id:`list-item-${this.htmlid}-show-all`,onClickItem:()=>this.currResultsCount=0,color:"color-primary01"},s("div",{class:"item-show-all"},"Vedi tutti i risultati"))}render(){return s(i,{key:"700c1b24aa29998ad1f51ddeff187bb462c87d39",onFocus:()=>this.showResults=true,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":this.showSearchButton,"has-results":this.autocomplete}},s("div",{key:"fb8c855749a9d3e901cd350d4d0246c2f2b3d183",class:"input-container"},this.renderInput(),this.renderResults()),this.renderButton())}get element(){return a(this)}static get watchers(){return{resultsItems:["watchItems"],resultsCount:["watchResultsCount"],value:["watchValue"],searchString:["watchSearchString"],showResults:["watchShowResults"]}}};g.style=z;export{m as z_offcanvas,g as z_searchbar};
+//# sourceMappingURL=p-d23576e5.entry.js.map

package/www/build/p-d23576e5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZOffcanvas","constructor","hostRef","this","variant","OffCanvasVariant","PUSHCONTENT","open","transitiondirection","TransitionDirection","LEFT","skipLoadAnimation","skipAnimation","stopEvent","event","preventDefault","stopPropagation","handlePageOverflow","overflow","OVERLAY","UP","document","body","style","onOpenChanged","_a","canvasOpenStatusChanged","emit","listenerCallback","canvasContainer","removeEventListener","addEventListener","componentWillLoad","componentDidLoad","componentDidRender","connectedCallback","disconnectedCallback","render","h","Host","key","class","role","ref","el","name","onClick","ZSearchbar","resultsItemsList","items","htmlid","randomId","preventSubmit","value","undefined","placeholder","autocomplete","autocompleteMinChars","resultsCount","searchHelperLabel","resultsItems","sortResultsItems","showSearchButton","searchButtonIconOnly","size","ControlSize","BIG","ButtonVariant","PRIMARY","searchString","currResultsCount","showResults","isMobile","selectedItem","emitSearchSubmit","searchSubmit","inputRef","emitSearchTyping","search","searchTyping","emitSearchItemClick","item","searchItemClick","watchItems","getResultsItemsList","watchResultsCount","watchValue","watchSearchString","watchShowResults","resizeObserver","disconnect","ResizeObserver","getDevice","Device","MOBILE","observe","element","JSON","parse","getGroupedItems","groupedItems","forEach","category","subcategory","push","Object","keys","sort","reduce","obj","assign","a","b","nameA","label","toUpperCase","nameB","checkResultsCount","counter","handleStopTyping","e","detail","handleSubmit","handleOutsideClick","cp","composedPath","searchbar","find","elem","nodeName","classList","contains","renderInput","val","message","onStopTyping","onKeyUp","handleEnterKeydSubmit","handleArrowsNavigation","ariaLabel","renderButton","iconProp","icon","buttonLabel","defaultProps","disabled","renderResults","length","renderResultsList","_b","id","renderSearchHelper","renderItems","renderShowAllResults","listGroups","values","groupItem","index","array","listGroupsElements","subindex","subarray","isLast","renderItem","ListDividerType","ELEMENT","renderItemCategory","currentElement","target","arrows","KeyboardCode","ARROW_DOWN","ARROW_UP","includes","list","shadowRoot","querySelector","Array","from","querySelectorAll","remove","currentIndex","indexOf","nextIndex","focus","add","prevIndex","setSelectionRange","divider","tabIndex","dividerType","onKeyDown","onMouseEnter","onMouseLeave","title","innerHTML","renderItemLabel","tag","text","children","map","child","replace","RegExp","found","slot","hasDivider","tabindex","clickable","onClickItem","color","onFocus"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-offcanvas/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-searchbar/styles.css?tag=z-searchbar&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-searchbar/index.js"],"sourcesContent":[":host {\n  --z-offcanvas--container-width: ;\n  --z-offcanvas--container-height: ;\n  --z-offcanvas--top-space: ;\n\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) {\n  overflow: hidden;\n}\n\n.canvas-container {\n  display: flex;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  background: var(--color-surface01);\n  transition: transform 0.4s ease-out;\n}\n\n:host > * {\n  position: fixed;\n  top: var(--z-offcanvas--top-space, 0);\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n:host([open]) > * {\n  height: calc(100% - var(--z-offcanvas--top-space, 0px));\n}\n\n:host([transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n}\n\n:host([transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n}\n\n:host([open][transitiondirection=\"right\"]) > .canvas-container,\n:host([open][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(0);\n}\n\n:host([transitiondirection=\"up\"]) > .canvas-container {\n  top: auto;\n  bottom: 0;\n  height: var(--z-offcanvas--container-height, 90%);\n  transform: translateY(100%);\n}\n\n:host([transitiondirection=\"up\"], [variant=\"overlay\"]) > .canvas-container {\n  z-index: 1001;\n}\n\n:host([open][transitiondirection=\"up\"]) > .canvas-container {\n  transform: translateY(0);\n}\n\n:host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) > .canvas-container {\n  position: relative;\n  height: 100%;\n}\n\n:host([variant=\"pushcontent\"]:not([open])) {\n  display: none;\n}\n\n:host([skip-animation]) > .canvas-container {\n  transition: none;\n}\n\n.canvas-background {\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.4s ease-out;\n}\n\n:host([open]) > .canvas-background {\n  opacity: 0.7;\n  pointer-events: unset;\n}\n\n.canvas-container > .canvas-content {\n  overflow: hidden auto;\n  flex: 1 auto;\n  padding: 0 calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;\n}\n\n/* Tablet / Desktop */\n@media (min-width: 768px) {\n  :host([variant=\"pushcontent\"]:not([transitiondirection=\"up\"])) {\n    flex: none; /* Prevent unwanted width changes in flex containers */\n  }\n\n  .canvas-container {\n    width: max(var(--z-offcanvas--container-width, 375px), 375px);\n    min-width: 375px;\n  }\n\n  :host([transitiondirection=\"up\"]) > .canvas-container {\n    width: 100%;\n  }\n\n  :host([transitiondirection=\"right\"]) > .canvas-container {\n    right: auto;\n    left: 0;\n  }\n\n  :host([transitiondirection=\"left\"]) > .canvas-container {\n    right: 0;\n    left: auto;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { OffCanvasVariant, TransitionDirection } from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the offcanvas content.\n * @cssprop --z-offcanvas--top-space - Top offset of the offcanvas, for `overlay` variant. Useful when there is some fixed element above the offcanvas. Default: `0`.\n * @cssprop --z-offcanvas--container-width - Width of the offcanvas for `left` and `right` direction. Default: `375px`.\n * @cssprop --z-offcanvas--container-height - Height of the offcanvas for `up` direction. Default: `90%`.\n */\nexport class ZOffcanvas {\n    constructor() {\n        this.variant = OffCanvasVariant.PUSHCONTENT;\n        this.open = false;\n        this.transitiondirection = TransitionDirection.LEFT;\n        this.skipLoadAnimation = false;\n        this.skipAnimation = false;\n    }\n    /**\n     * Stop the event default behavior and propagation when the offcanvas is closed.\n     */\n    stopEvent(event) {\n        if (this.open) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n    }\n    /**\n     * Hide the body overflow when the offcanvas is open.\n     */\n    handlePageOverflow() {\n        const overflow = this.variant === OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP\n            ? \"overflow-y\"\n            : \"overflow-x\";\n        document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n    }\n    onOpenChanged() {\n        var _a;\n        this.canvasOpenStatusChanged.emit(this.open);\n        if (!this.open) {\n            // when the offcanvas is closing, wait for the transitionend event to end before handling the body overflow\n            const listenerCallback = () => {\n                this.handlePageOverflow();\n                this.canvasContainer.removeEventListener(\"transitionend\", listenerCallback);\n            };\n            (_a = this.canvasContainer) === null || _a === void 0 ? void 0 : _a.addEventListener(\"transitionend\", listenerCallback);\n        }\n        else {\n            this.handlePageOverflow();\n        }\n    }\n    componentWillLoad() {\n        if (this.open) {\n            this.skipAnimation = true;\n        }\n    }\n    componentDidLoad() {\n        this.handlePageOverflow();\n    }\n    componentDidRender() {\n        this.skipAnimation = false;\n    }\n    connectedCallback() {\n        this.handlePageOverflow();\n    }\n    disconnectedCallback() {\n        this.open = false;\n    }\n    render() {\n        return (h(Host, { key: '299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271', \"skip-animation\": this.skipAnimation, \"aria-hidden\": !this.open ? \"true\" : null }, h(\"div\", { key: '2620f2f0ef0741cbe6e5d63f7ed38299fb253852', class: \"canvas-container\", role: \"presentation\", ref: (el) => (this.canvasContainer = el) }, h(\"div\", { key: '1df851d5c4d1fddb24a62c5e3d92a7181bd36d05', class: \"canvas-content z-scrollbar\", role: \"presentation\" }, h(\"slot\", { key: '89303666352d55c9a92a0b4cecc9bea8d42125f7', name: \"canvasContent\" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h(\"div\", { key: '197e3eb34f5981c52a553875157a3a02993f7684', class: \"canvas-background\", onClick: () => (this.open = false) }))));\n    }\n    static get is() { return \"z-offcanvas\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"OffCanvasVariant\",\n                    \"resolved\": \"OffCanvasVariant.OVERLAY | OffCanvasVariant.PUSHCONTENT\",\n                    \"references\": {\n                        \"OffCanvasVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::OffCanvasVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Offcanvas variant.\\n- `overlay`: The offcanvas covers the page content putting an overlay.\\n- `pushcontent`: The offcanvas isn't absolutely positioned and \\\"pushes\\\" the page content.\\n> NB: `pushcontent` variant may need some extra style tuning of the context around the component to work properly.\\nAlso, the `pushcontent` variant doesn't have the open/close transition.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"OffCanvasVariant.PUSHCONTENT\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Whether the offcanvas is open. Default: false\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"transitiondirection\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TransitionDirection\",\n                    \"resolved\": \"TransitionDirection.LEFT | TransitionDirection.RIGHT | TransitionDirection.UP\",\n                    \"references\": {\n                        \"TransitionDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::TransitionDirection\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Open the content transitioning to a specified direction.\\nThe `up` direction always show the `overlay`, also when the variant is `pushcontent`.\"\n                },\n                \"attribute\": \"transitiondirection\",\n                \"reflect\": true,\n                \"defaultValue\": \"TransitionDirection.LEFT\"\n            },\n            \"skipLoadAnimation\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"This prop is not needed anymore, the component will automatically skip the transition\\nwhen it starts with `open` set to `true`. Only exists for Typescript backward compatibility.\"\n                        }],\n                    \"text\": \"Skip the opening transition when the offcanvas is already open at the first render.\"\n                },\n                \"attribute\": \"skip-load-animation\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"skipAnimation\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"canvasOpenStatusChanged\",\n                \"name\": \"canvasOpenStatusChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted when `open` prop changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePageOverflow\"\n            }, {\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"stopEvent\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"focusin\",\n                \"method\": \"stopEvent\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n  --z-searchbar-tag-text-color: var(--color-primary03);\n  --z-searchbar-tag-bg: var(--color-hover-primary);\n  --z-searchbar-item-height: 44px;\n\n  z-index: 15;\n  display: flex;\n  column-gap: calc(var(--space-unit) * 2);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host::part(list-item-container) {\n  display: block;\n  min-height: unset;\n  padding: 0;\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.results-wrapper {\n  position: absolute;\n  top: calc(100% - 1px);\n  left: 0;\n  width: 100%;\n  padding: calc(var(--space-unit) / 4);\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-top: none;\n  background: var(--color-surface01);\n}\n\n.results {\n  overflow: auto;\n  max-height: var(--z-searchbar-results-height, 540px);\n  padding: calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);\n}\n\n.results::-webkit-scrollbar {\n  width: 6px;\n  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.results::-webkit-scrollbar-thumb {\n  background-color: var(--color-primary01);\n}\n\n.results::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox scrollbar */\n@supports not selector(.results::-webkit-scrollbar-track) {\n  .results {\n    scrollbar-color: var(--color-primary01) transparent;\n  }\n}\n\n.results .category-heading {\n  display: block;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  line-height: var(--font-size-3);\n}\n\n.results .category-heading > * {\n  display: block;\n}\n\n.results .category-heading > .category {\n  color: var(--color-text05);\n  font-style: italic;\n}\n\n.results .category-heading > .subcategory {\n  margin-top: var(--space-unit);\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\n.results z-list-element {\n  position: relative;\n  display: block;\n}\n\nz-list-element > .item-search {\n  padding: var(--space-unit) 0;\n}\n\nz-list z-list-element::before {\n  position: absolute;\n  z-index: 100;\n  top: 5px;\n  left: -20px;\n  width: 8px;\n  height: 1em;\n  border-bottom: 1px solid var(--color-disabled01-icon);\n  border-left: 1px solid var(--color-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element::after {\n  position: absolute;\n  z-index: 100;\n  top: 5px;\n  left: -20px;\n  width: 8px;\n  height: 100%;\n  border-left: 1px solid var(--color-disabled01-icon);\n  content: \"\";\n  cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n  display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n  display: none;\n}\n\nz-list > div.children-node {\n  padding-left: calc(var(--space-unit) * 3);\n}\n\n.results z-list-element > .list-element {\n  display: flex;\n  justify-content: space-between;\n  padding: calc(var(--space-unit) * 1.25) 0;\n  cursor: pointer;\n}\n\n.results z-list-element > .list-element:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.results z-list-element > .list-element .item.ellipsis {\n  overflow: hidden;\n}\n\n.results z-list-element .list-element::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: block;\n  width: 100%;\n  height: 44px;\n  content: \"\";\n  transform: translateX(-100%);\n}\n\n.results z-list-element .list-element.focused.hovered::after {\n  padding-left: 6px;\n}\n\n.results z-list-element > .list-element:hover,\n.results z-list-element > .list-element:hover::after {\n  background-color: var(--color-background);\n  cursor: pointer;\n}\n\n.results z-list-element > .list-element > z-tag {\n  border: 1px solid var(--gray800);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n\n  --z-tag-bg: var(--z-searchbar-tag-bg);\n  --z-tag-text-color: var(--z-searchbar-tag-text-color);\n}\n\n.results .item {\n  --z-icon-height: 12px;\n  --z-icon-width: 12px;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  color: var(--color-default-text);\n  column-gap: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n  font-size: var(--font-size-2);\n  line-height: var(--font-size-6);\n}\n\n.results .item.ellipsis > .item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.results .item > .item-label mark {\n  background: var(--color-primary03);\n}\n\n.results .item.item-search {\n  --z-icon-height: 16px;\n  --z-icon-width: 16px;\n}\n\n.results .item-show-all {\n  text-align: center;\n}\n\n.results .item-no-results {\n  display: block;\n  font-size: var(--font-size-2);\n  font-style: italic;\n  line-height: var(--font-size-5);\n}\n\n.results .item-no-results > ul {\n  padding-left: calc(var(--space-unit) * 2);\n  margin: var(--space-unit);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .results .category-heading {\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n\n  .results .item {\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n\n  .results .item.item-search {\n    --z-icon-height: 18px;\n    --z-icon-width: 18px;\n  }\n\n  .results .item.ellipsis > .item-label {\n    height: 24px;\n  }\n\n  .results z-list-element > .list-element > z-tag {\n    min-width: max-content;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  .results .item {\n    cursor: pointer;\n  }\n\n  .results .item-no-results {\n    cursor: default;\n    font-size: var(--font-size-3);\n    line-height: var(--font-size-6);\n  }\n}\n\n:host([size=\"small\"]) .results :is(.item, .category-heading),\n:host([size=\"x-small\"]) .results :is(.item, .category-heading) {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .results .item:not(.has-category),\n:host([size=\"x-small\"]) .results .item:not(.has-category) {\n  --z-icon-height: 16px;\n  --z-icon-width: 16px;\n}\n\n:host([size=\"small\"]) z-list-element > .list-element,\n:host([size=\"small\"]) z-list-element > .item-search {\n  padding: calc(var(--space-unit) * 0.75) 0;\n}\n\n:host([size=\"x-small\"]) z-list-element > .list-element,\n:host([size=\"x-small\"]) z-list-element > .item-search {\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"small\"]) z-list-element .list-element::after {\n  height: 36px;\n}\n\n:host([size=\"x-small\"]) z-list-element .list-element::after {\n  height: 32px;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, Device, KeyboardCode, ListDividerType, } from \"../../beans\";\nimport { getDevice, handleEnterKeydSubmit, randomId } from \"../../utils/utils\";\n/**\n * @cssprop --z-searchbar-results-height - Max height of the results container (default: 540px)\n * @cssprop --z-searchbar-tag-text-color - Color of tag's text (default --color-primary03);\n * @cssprop --z-searchbar-tag-bg - Color of tag's background (default --color-hover-primary);\n */\nexport class ZSearchbar {\n    constructor() {\n        this.resultsItemsList = null;\n        this.items = [];\n        this.htmlid = `searchbar-${randomId()}`;\n        this.preventSubmit = false;\n        this.value = undefined;\n        this.placeholder = undefined;\n        this.autocomplete = false;\n        this.autocompleteMinChars = 3;\n        this.resultsCount = undefined;\n        this.searchHelperLabel = \"Cerca {searchString}\";\n        this.resultsItems = undefined;\n        this.sortResultsItems = false;\n        this.showSearchButton = false;\n        this.searchButtonIconOnly = false;\n        this.size = ControlSize.BIG;\n        this.variant = ButtonVariant.PRIMARY;\n        this.searchString = this.value;\n        this.currResultsCount = 0;\n        this.showResults = false;\n        this.isMobile = false;\n        this.selectedItem = undefined;\n    }\n    emitSearchSubmit() {\n        this.searchSubmit.emit(this.inputRef.value);\n    }\n    emitSearchTyping(search) {\n        this.searchTyping.emit(search);\n    }\n    emitSearchItemClick(item) {\n        this.searchItemClick.emit(item);\n        this.selectedItem = item;\n        this.searchString = \"\";\n    }\n    watchItems() {\n        this.resultsItemsList = this.getResultsItemsList();\n    }\n    watchResultsCount() {\n        this.currResultsCount = this.resultsCount;\n    }\n    watchValue() {\n        this.searchString = this.value;\n    }\n    watchSearchString() {\n        this.emitSearchTyping(this.searchString);\n        this.items = [];\n        if (!this.searchString) {\n            this.currResultsCount = this.resultsCount;\n        }\n    }\n    watchShowResults() {\n        if (!this.showResults) {\n            this.items = [];\n        }\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentDidLoad() {\n        this.resizeObserver = new ResizeObserver(() => {\n            if (getDevice() === Device.MOBILE && !this.isMobile) {\n                this.isMobile = true;\n            }\n            if (getDevice() !== Device.MOBILE && this.isMobile) {\n                this.isMobile = false;\n            }\n        });\n        this.resizeObserver.observe(this.element);\n    }\n    componentWillLoad() {\n        this.resultsItemsList = this.getResultsItemsList();\n        this.currResultsCount = this.resultsCount;\n    }\n    getResultsItemsList() {\n        return typeof this.resultsItems === \"string\" ? JSON.parse(this.resultsItems) : this.resultsItems;\n    }\n    getGroupedItems(items) {\n        const groupedItems = {};\n        items.forEach((item) => {\n            var _a;\n            const key = `${item === null || item === void 0 ? void 0 : item.category}${item === null || item === void 0 ? void 0 : item.subcategory}`;\n            groupedItems[key] = (_a = groupedItems[key]) !== null && _a !== void 0 ? _a : {\n                category: item === null || item === void 0 ? void 0 : item.category,\n                subcategory: item === null || item === void 0 ? void 0 : item.subcategory,\n                items: [],\n            };\n            groupedItems[key][\"items\"].push(item);\n        });\n        if (this.sortResultsItems) {\n            return Object.keys(groupedItems)\n                .sort()\n                .reduce((obj, key) => {\n                obj[key] = Object.assign(Object.assign({}, groupedItems[key]), { items: groupedItems[key][\"items\"].sort((a, b) => {\n                        const nameA = a.label.toUpperCase();\n                        const nameB = b.label.toUpperCase();\n                        if (nameA < nameB) {\n                            return -1;\n                        }\n                        if (nameA > nameB) {\n                            return 1;\n                        }\n                        return 0;\n                    }) });\n                return obj;\n            }, {});\n        }\n        return groupedItems;\n    }\n    checkResultsCount(counter) {\n        if (!this.currResultsCount || counter < this.currResultsCount) {\n            return true;\n        }\n        return false;\n    }\n    handleStopTyping(e) {\n        e.stopPropagation();\n        this.searchString = e.detail.value;\n        if (this.selectedItem) {\n            this.selectedItem = undefined;\n        }\n    }\n    handleSubmit() {\n        if (this.preventSubmit) {\n            return;\n        }\n        this.emitSearchSubmit();\n    }\n    handleOutsideClick(e) {\n        const cp = e.composedPath();\n        const searchbar = cp.find((elem) => elem.nodeName === \"Z-SEARCHBAR\");\n        if (!searchbar || searchbar.htmlid !== this.htmlid) {\n            this.showResults = false;\n            return;\n        }\n        if (cp.find((elem) => { var _a; return (elem === null || elem === void 0 ? void 0 : elem.nodeName) === \"Z-INPUT\" || ((_a = elem === null || elem === void 0 ? void 0 : elem.classList) === null || _a === void 0 ? void 0 : _a.contains(\"results\")); })) {\n            this.showResults = true;\n            return;\n        }\n        this.showResults = false;\n    }\n    renderInput() {\n        var _a;\n        return (h(\"z-input\", { ref: (val) => {\n                this.inputRef = val;\n            }, htmlid: `input-${this.htmlid}`, message: false, placeholder: this.placeholder, onStopTyping: (e) => this.handleStopTyping(e), onKeyUp: (e) => {\n                handleEnterKeydSubmit(e, () => this.handleSubmit());\n                this.handleArrowsNavigation(e);\n            }, value: this.searchString || ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.label), ariaLabel: this.placeholder, size: this.size }));\n    }\n    renderButton() {\n        if (!this.showSearchButton) {\n            return null;\n        }\n        const iconProp = this.searchButtonIconOnly ? { icon: \"search\" } : null;\n        const buttonLabel = this.searchButtonIconOnly ? \"\" : \"CERCA\";\n        const ariaLabel = this.searchButtonIconOnly ? { \"aria-label\": \"CERCA\" } : null;\n        const defaultProps = Object.assign(Object.assign({ disabled: this.preventSubmit, variant: this.variant, size: this.size, onClick: () => this.handleSubmit() }, iconProp), ariaLabel);\n        return h(\"z-button\", Object.assign({}, defaultProps), buttonLabel);\n    }\n    renderResults() {\n        if (!this.showResults ||\n            !this.autocomplete ||\n            !this.searchString ||\n            this.searchString.length < this.autocompleteMinChars ||\n            !this.resultsItemsList) {\n            return null;\n        }\n        return (h(\"div\", { class: \"results-wrapper\" }, h(\"div\", { class: \"results\" }, this.renderResultsList())));\n    }\n    renderResultsList() {\n        var _a, _b;\n        if (this.preventSubmit && !((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {\n            return (h(\"span\", { class: \"item item-no-results\" }, \"Non abbiamo trovato risultati per \", h(\"b\", null, this.searchString), h(\"br\", null), h(\"br\", null), \"Cosa puoi fare?\", h(\"ul\", null, h(\"li\", null, \"Verificare di aver scritto bene\"), h(\"li\", null, \"Provare a cercare un'altra parola\"), h(\"li\", null, \"Provare a cercare qualcosa di pi\\u00F9 generico\"))));\n        }\n        return (h(\"z-list\", { role: \"listbox\", id: `list-${this.htmlid}` }, this.renderSearchHelper(!!((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)), this.renderItems(), this.renderShowAllResults()));\n    }\n    renderItems() {\n        var _a;\n        if (!((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {\n            return [];\n        }\n        const groupedItems = this.getGroupedItems(this.resultsItemsList);\n        const listGroups = [];\n        let counter = 0;\n        Object.values(groupedItems).forEach((groupItem, index, array) => {\n            if (this.checkResultsCount(counter)) {\n                const listGroupsElements = [];\n                groupItem.items.forEach((item, subindex, subarray) => {\n                    if (this.checkResultsCount(counter)) {\n                        const isLast = index === array.length - 1 && subindex === subarray.length - 1;\n                        listGroupsElements.push(this.renderItem(item, subindex, !isLast));\n                    }\n                    counter++;\n                });\n                if (listGroupsElements.length) {\n                    listGroups.push(h(\"z-list-group\", { \"divider-type\": ListDividerType.ELEMENT }, this.renderItemCategory(groupItem), listGroupsElements));\n                }\n            }\n        });\n        return listGroups;\n    }\n    handleArrowsNavigation(e) {\n        const currentElement = e.target;\n        const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n        if (!arrows.includes(e.key)) {\n            e.preventDefault();\n            return;\n        }\n        if (!this.items.length) {\n            const list = this.element.shadowRoot.querySelector(\"z-list\");\n            if (!list) {\n                return;\n            }\n            this.items = Array.from(list.querySelectorAll(\".list-element\"));\n        }\n        this.items.forEach((item) => item.classList.contains(\"focused\") && item.classList.remove(\"focused\"));\n        const currentIndex = this.items.indexOf(currentElement);\n        if (e.key === KeyboardCode.ARROW_DOWN) {\n            e.preventDefault();\n            const nextIndex = currentIndex + 1;\n            if (nextIndex < this.items.length) {\n                this.items[nextIndex].focus();\n                this.items[nextIndex].classList.add(\"focused\");\n            }\n        }\n        if (e.key === KeyboardCode.ARROW_UP) {\n            e.preventDefault();\n            const prevIndex = currentIndex - 1;\n            if (prevIndex < 0) {\n                this.element.shadowRoot.querySelector(\"input\").focus();\n                this.element.shadowRoot\n                    .querySelector(\"input\")\n                    .setSelectionRange(this.inputRef.value.length, this.inputRef.value.length);\n            }\n            if (prevIndex >= 0) {\n                this.items[prevIndex].focus();\n                this.items[prevIndex].classList.add(\"focused\");\n            }\n        }\n    }\n    renderItem(item, key, divider) {\n        return (h(\"z-list-element\", { id: `list-item-${this.htmlid}-${key}`, tabIndex: 0, role: \"option\", dividerType: divider ? ListDividerType.ELEMENT : undefined, onKeyDown: (e) => this.handleArrowsNavigation(e) }, h(\"div\", { class: \"list-element\", tabIndex: 0, onClick: () => this.emitSearchItemClick(item), onKeyDown: (e) => handleEnterKeydSubmit(e, () => this.emitSearchItemClick(item)), onMouseEnter: (e) => {\n                const currentElement = e.target;\n                currentElement.classList.add(\"hovered\");\n            }, onMouseLeave: (e) => {\n                const currentElement = e.target;\n                currentElement.classList.contains(\"hovered\") && currentElement.classList.remove(\"hovered\");\n            } }, h(\"span\", { class: \"item ellipsis\" }, (item === null || item === void 0 ? void 0 : item.icon) && (h(\"z-icon\", { class: \"item-icon\", name: item.icon })), h(\"span\", { class: \"item-label\", title: item.label, innerHTML: this.renderItemLabel(item.label) })), (item === null || item === void 0 ? void 0 : item.tag) && h(\"z-tag\", { icon: item.tag.icon }, !this.isMobile ? item.tag.text : \"\")), item.children && item.children.length > 0 ? (h(\"z-list\", null, h(\"div\", { class: \"children-node\" }, item.children.map((child, index) => this.renderItem(child, index, false))))) : null));\n    }\n    renderItemLabel(label) {\n        if (!this.searchString) {\n            return label;\n        }\n        return label.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"gmi\"), (found) => `<mark>${found}</mark>`);\n    }\n    renderItemCategory(groupItem) {\n        if (!(groupItem === null || groupItem === void 0 ? void 0 : groupItem.category)) {\n            return null;\n        }\n        return (h(\"span\", { class: \"category-heading\", slot: \"header-title\" }, h(\"span\", { class: \"category\" }, groupItem.category), (groupItem === null || groupItem === void 0 ? void 0 : groupItem.subcategory) && h(\"span\", { class: \"subcategory\" }, groupItem.subcategory)));\n    }\n    renderSearchHelper(hasDivider = true) {\n        if (!this.autocomplete || this.preventSubmit || !this.searchString) {\n            return null;\n        }\n        return (h(\"z-list-element\", { role: \"option\", dividerType: hasDivider ? ListDividerType.ELEMENT : undefined, id: `list-item-${this.htmlid}-search`, onKeyDown: (e) => this.handleArrowsNavigation(e) }, h(\"div\", { tabindex: 0, onClick: () => this.emitSearchSubmit(), onKeyDown: (e) => handleEnterKeydSubmit(e, () => this.emitSearchSubmit()), class: \"list-element\" }, h(\"span\", { class: \"item item-search\" }, h(\"z-icon\", { class: \"search-icon\", name: \"left-magnifying-glass\" }), h(\"span\", { class: \"item-label\", innerHTML: this.searchHelperLabel.replace(\"{searchString}\", `<mark>${this.searchString}</mark>`) })))));\n    }\n    renderShowAllResults() {\n        var _a, _b;\n        if (!this.currResultsCount ||\n            !this.searchString ||\n            !((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length) ||\n            this.currResultsCount >= ((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)) {\n            return null;\n        }\n        return (h(\"z-list-element\", { role: \"option\", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0), color: \"color-primary01\" }, h(\"div\", { class: \"item-show-all\" }, \"Vedi tutti i risultati\")));\n    }\n    render() {\n        return (h(Host, { key: '700c1b24aa29998ad1f51ddeff187bb462c87d39', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { \"has-submit\": this.showSearchButton, \"has-results\": this.autocomplete } }, h(\"div\", { key: 'fb8c855749a9d3e901cd350d4d0246c2f2b3d183', class: \"input-container\" }, this.renderInput(), this.renderResults()), this.renderButton()));\n    }\n    static get is() { return \"z-searchbar\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"htmlid\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the id of the searchbar element\"\n                },\n                \"attribute\": \"htmlid\",\n                \"reflect\": true,\n                \"defaultValue\": \"`searchbar-${randomId()}`\"\n            },\n            \"preventSubmit\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Prevent submit action\"\n                },\n                \"attribute\": \"prevent-submit\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Input search string\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"placeholder\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Search input placeholder\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false\n            },\n            \"autocomplete\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Show autocomplete results\"\n                },\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"autocompleteMinChars\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Minimun number of characters to dispatch typing event\"\n                },\n                \"attribute\": \"autocomplete-min-chars\",\n                \"reflect\": false,\n                \"defaultValue\": \"3\"\n            },\n            \"resultsCount\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of results shown - default all\"\n                },\n                \"attribute\": \"results-count\",\n                \"reflect\": false\n            },\n            \"searchHelperLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Search helper text\"\n                },\n                \"attribute\": \"search-helper-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Cerca {searchString}\\\"\"\n            },\n            \"resultsItems\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"SearchbarItem[] | string\",\n                    \"resolved\": \"SearchbarItem[] | string\",\n                    \"references\": {\n                        \"SearchbarItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::SearchbarItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Autocomplete results items\"\n                },\n                \"attribute\": \"results-items\",\n                \"reflect\": false\n            },\n            \"sortResultsItems\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sort autocomplete results items\"\n                },\n                \"attribute\": \"sort-results-items\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"showSearchButton\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Show submit button\"\n                },\n                \"attribute\": \"show-search-button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchButtonIconOnly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set button icon without label\"\n                },\n                \"attribute\": \"search-button-icon-only\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ControlSize\",\n                    \"resolved\": \"ControlSize.BIG | ControlSize.SMALL | ControlSize.X_SMALL\",\n                    \"references\": {\n                        \"ControlSize\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ControlSize\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Available sizes: `big`, `small` and `x-small`. Defaults to `big`.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"ControlSize.BIG\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ButtonVariant\",\n                    \"resolved\": \"ButtonVariant.PRIMARY | ButtonVariant.SECONDARY | ButtonVariant.TERTIARY\",\n                    \"references\": {\n                        \"ButtonVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ButtonVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"ButtonVariant.PRIMARY\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"searchString\": {},\n            \"currResultsCount\": {},\n            \"showResults\": {},\n            \"isMobile\": {},\n            \"selectedItem\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"searchSubmit\",\n                \"name\": \"searchSubmit\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on search submit, return search string\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"searchTyping\",\n                \"name\": \"searchTyping\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on search typing, return search string\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"searchItemClick\",\n                \"name\": \"searchItemClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on search result click, return item\"\n                },\n                \"complexType\": {\n                    \"original\": \"SearchbarItem\",\n                    \"resolved\": \"{ label: string; id?: string; icon?: string; tag?: { icon?: string; text: string; }; category?: string; subcategory?: string; children?: Omit<SearchbarItem, \\\"category\\\" | \\\"subcategory\\\">[]; }\",\n                    \"references\": {\n                        \"SearchbarItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::SearchbarItem\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"resultsItems\",\n                \"methodName\": \"watchItems\"\n            }, {\n                \"propName\": \"resultsCount\",\n                \"methodName\": \"watchResultsCount\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValue\"\n            }, {\n                \"propName\": \"searchString\",\n                \"methodName\": \"watchSearchString\"\n            }, {\n                \"propName\": \"showResults\",\n                \"methodName\": \"watchShowResults\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleOutsideClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"mNAAA,MAAMA,EAAY,imF,MCQLC,EAAU,MACnB,WAAAC,CAAAC,G,2EACIC,KAAKC,QAAUC,EAAiBC,YAChCH,KAAKI,KAAO,MACZJ,KAAKK,oBAAsBC,EAAoBC,KAC/CP,KAAKQ,kBAAoB,MACzBR,KAAKS,cAAgB,KACxB,CAID,SAAAC,CAAUC,GACN,GAAIX,KAAKI,KAAM,CACX,M,CAEJO,EAAMC,iBACND,EAAME,iB,CAKV,kBAAAC,GACI,MAAMC,EAAWf,KAAKC,UAAYC,EAAiBc,SAAWhB,KAAKK,sBAAwBC,EAAoBW,GACzG,aACA,aACNC,SAASC,KAAKC,MAAML,GAAYf,KAAKI,KAAO,SAAW,E,CAE3D,aAAAiB,GACI,IAAIC,EACJtB,KAAKuB,wBAAwBC,KAAKxB,KAAKI,MACvC,IAAKJ,KAAKI,KAAM,CAEZ,MAAMqB,EAAmB,KACrBzB,KAAKc,qBACLd,KAAK0B,gBAAgBC,oBAAoB,gBAAiBF,EAAiB,GAE9EH,EAAKtB,KAAK0B,mBAAqB,MAAQJ,SAAO,OAAS,EAASA,EAAGM,iBAAiB,gBAAiBH,E,KAErG,CACDzB,KAAKc,oB,EAGb,iBAAAe,GACI,GAAI7B,KAAKI,KAAM,CACXJ,KAAKS,cAAgB,I,EAG7B,gBAAAqB,GACI9B,KAAKc,oB,CAET,kBAAAiB,GACI/B,KAAKS,cAAgB,K,CAEzB,iBAAAuB,GACIhC,KAAKc,oB,CAET,oBAAAmB,GACIjC,KAAKI,KAAO,K,CAEhB,MAAA8B,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4C,iBAAkBrC,KAAKS,cAAe,eAAgBT,KAAKI,KAAO,OAAS,MAAQ+B,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,mBAAoBC,KAAM,eAAgBC,IAAMC,GAAQzC,KAAK0B,gBAAkBe,GAAON,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,6BAA8BC,KAAM,gBAAkBJ,EAAE,OAAQ,CAAEE,IAAK,2CAA4CK,KAAM,qBAAuB1C,KAAKC,SAAWC,EAAiBc,SAAWhB,KAAKK,sBAAwBC,EAAoBW,KAAQkB,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,oBAAqBK,QAAS,IAAO3C,KAAKI,KAAO,Q,iGCpEnuB,MAAMR,EAAY,kvK,MCQLgD,EAAU,MACnB,WAAA9C,CAAAC,G,iJACIC,KAAK6C,iBAAmB,KACxB7C,KAAK8C,MAAQ,GACb9C,KAAK+C,OAAS,aAAaC,MAC3BhD,KAAKiD,cAAgB,MACrBjD,KAAKkD,MAAQC,UACbnD,KAAKoD,YAAcD,UACnBnD,KAAKqD,aAAe,MACpBrD,KAAKsD,qBAAuB,EAC5BtD,KAAKuD,aAAeJ,UACpBnD,KAAKwD,kBAAoB,uBACzBxD,KAAKyD,aAAeN,UACpBnD,KAAK0D,iBAAmB,MACxB1D,KAAK2D,iBAAmB,MACxB3D,KAAK4D,qBAAuB,MAC5B5D,KAAK6D,KAAOC,EAAYC,IACxB/D,KAAKC,QAAU+D,EAAcC,QAC7BjE,KAAKkE,aAAelE,KAAKkD,MACzBlD,KAAKmE,iBAAmB,EACxBnE,KAAKoE,YAAc,MACnBpE,KAAKqE,SAAW,MAChBrE,KAAKsE,aAAenB,SACvB,CACD,gBAAAoB,GACIvE,KAAKwE,aAAahD,KAAKxB,KAAKyE,SAASvB,M,CAEzC,gBAAAwB,CAAiBC,GACb3E,KAAK4E,aAAapD,KAAKmD,E,CAE3B,mBAAAE,CAAoBC,GAChB9E,KAAK+E,gBAAgBvD,KAAKsD,GAC1B9E,KAAKsE,aAAeQ,EACpB9E,KAAKkE,aAAe,E,CAExB,UAAAc,GACIhF,KAAK6C,iBAAmB7C,KAAKiF,qB,CAEjC,iBAAAC,GACIlF,KAAKmE,iBAAmBnE,KAAKuD,Y,CAEjC,UAAA4B,GACInF,KAAKkE,aAAelE,KAAKkD,K,CAE7B,iBAAAkC,GACIpF,KAAK0E,iBAAiB1E,KAAKkE,cAC3BlE,KAAK8C,MAAQ,GACb,IAAK9C,KAAKkE,aAAc,CACpBlE,KAAKmE,iBAAmBnE,KAAKuD,Y,EAGrC,gBAAA8B,GACI,IAAKrF,KAAKoE,YAAa,CACnBpE,KAAK8C,MAAQ,E,EAGrB,oBAAAb,GACI,IAAIX,GACHA,EAAKtB,KAAKsF,kBAAoB,MAAQhE,SAAO,OAAS,EAASA,EAAGiE,Y,CAEvE,gBAAAzD,GACI9B,KAAKsF,eAAiB,IAAIE,gBAAe,KACrC,GAAIC,MAAgBC,EAAOC,SAAW3F,KAAKqE,SAAU,CACjDrE,KAAKqE,SAAW,I,CAEpB,GAAIoB,MAAgBC,EAAOC,QAAU3F,KAAKqE,SAAU,CAChDrE,KAAKqE,SAAW,K,KAGxBrE,KAAKsF,eAAeM,QAAQ5F,KAAK6F,Q,CAErC,iBAAAhE,GACI7B,KAAK6C,iBAAmB7C,KAAKiF,sBAC7BjF,KAAKmE,iBAAmBnE,KAAKuD,Y,CAEjC,mBAAA0B,GACI,cAAcjF,KAAKyD,eAAiB,SAAWqC,KAAKC,MAAM/F,KAAKyD,cAAgBzD,KAAKyD,Y,CAExF,eAAAuC,CAAgBlD,GACZ,MAAMmD,EAAe,GACrBnD,EAAMoD,SAASpB,IACX,IAAIxD,EACJ,MAAMe,EAAM,GAAGyC,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKqB,WAAWrB,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKsB,cAC5HH,EAAa5D,IAAQf,EAAK2E,EAAa5D,MAAU,MAAQf,SAAO,EAASA,EAAK,CAC1E6E,SAAUrB,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKqB,SAC3DC,YAAatB,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKsB,YAC9DtD,MAAO,IAEXmD,EAAa5D,GAAK,SAASgE,KAAKvB,EAAK,IAEzC,GAAI9E,KAAK0D,iBAAkB,CACvB,OAAO4C,OAAOC,KAAKN,GACdO,OACAC,QAAO,CAACC,EAAKrE,KACdqE,EAAIrE,GAAOiE,OAAOK,OAAOL,OAAOK,OAAO,GAAIV,EAAa5D,IAAO,CAAES,MAAOmD,EAAa5D,GAAK,SAASmE,MAAK,CAACI,EAAGC,KACpG,MAAMC,EAAQF,EAAEG,MAAMC,cACtB,MAAMC,EAAQJ,EAAEE,MAAMC,cACtB,GAAIF,EAAQG,EAAO,CACf,OAAO,C,CAEX,GAAIH,EAAQG,EAAO,CACf,OAAO,C,CAEX,OAAO,CAAC,MAEhB,OAAOP,CAAG,GACX,G,CAEP,OAAOT,C,CAEX,iBAAAiB,CAAkBC,GACd,IAAKnH,KAAKmE,kBAAoBgD,EAAUnH,KAAKmE,iBAAkB,CAC3D,OAAO,I,CAEX,OAAO,K,CAEX,gBAAAiD,CAAiBC,GACbA,EAAExG,kBACFb,KAAKkE,aAAemD,EAAEC,OAAOpE,MAC7B,GAAIlD,KAAKsE,aAAc,CACnBtE,KAAKsE,aAAenB,S,EAG5B,YAAAoE,GACI,GAAIvH,KAAKiD,cAAe,CACpB,M,CAEJjD,KAAKuE,kB,CAET,kBAAAiD,CAAmBH,GACf,MAAMI,EAAKJ,EAAEK,eACb,MAAMC,EAAYF,EAAGG,MAAMC,GAASA,EAAKC,WAAa,gBACtD,IAAKH,GAAaA,EAAU5E,SAAW/C,KAAK+C,OAAQ,CAChD/C,KAAKoE,YAAc,MACnB,M,CAEJ,GAAIqD,EAAGG,MAAMC,IAAW,IAAIvG,EAAI,OAAQuG,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKC,YAAc,aAAexG,EAAKuG,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKE,aAAe,MAAQzG,SAAO,OAAS,EAASA,EAAG0G,SAAS,WAAW,IAAM,CACrPhI,KAAKoE,YAAc,KACnB,M,CAEJpE,KAAKoE,YAAc,K,CAEvB,WAAA6D,GACI,IAAI3G,EACJ,OAAQa,EAAE,UAAW,CAAEK,IAAM0F,IACrBlI,KAAKyE,SAAWyD,CAAG,EACpBnF,OAAQ,SAAS/C,KAAK+C,SAAUoF,QAAS,MAAO/E,YAAapD,KAAKoD,YAAagF,aAAef,GAAMrH,KAAKoH,iBAAiBC,GAAIgB,QAAUhB,IACvIiB,EAAsBjB,GAAG,IAAMrH,KAAKuH,iBACpCvH,KAAKuI,uBAAuBlB,EAAE,EAC/BnE,MAAOlD,KAAKkE,gBAAkB5C,EAAKtB,KAAKsE,gBAAkB,MAAQhD,SAAO,OAAS,EAASA,EAAGyF,OAAQyB,UAAWxI,KAAKoD,YAAaS,KAAM7D,KAAK6D,M,CAEzJ,YAAA4E,GACI,IAAKzI,KAAK2D,iBAAkB,CACxB,OAAO,I,CAEX,MAAM+E,EAAW1I,KAAK4D,qBAAuB,CAAE+E,KAAM,UAAa,KAClE,MAAMC,EAAc5I,KAAK4D,qBAAuB,GAAK,QACrD,MAAM4E,EAAYxI,KAAK4D,qBAAuB,CAAE,aAAc,SAAY,KAC1E,MAAMiF,EAAevC,OAAOK,OAAOL,OAAOK,OAAO,CAAEmC,SAAU9I,KAAKiD,cAAehD,QAASD,KAAKC,QAAS4D,KAAM7D,KAAK6D,KAAMlB,QAAS,IAAM3C,KAAKuH,gBAAkBmB,GAAWF,GAC1K,OAAOrG,EAAE,WAAYmE,OAAOK,OAAO,GAAIkC,GAAeD,E,CAE1D,aAAAG,GACI,IAAK/I,KAAKoE,cACLpE,KAAKqD,eACLrD,KAAKkE,cACNlE,KAAKkE,aAAa8E,OAAShJ,KAAKsD,uBAC/BtD,KAAK6C,iBAAkB,CACxB,OAAO,I,CAEX,OAAQV,EAAE,MAAO,CAAEG,MAAO,mBAAqBH,EAAE,MAAO,CAAEG,MAAO,WAAatC,KAAKiJ,qB,CAEvF,iBAAAA,GACI,IAAI3H,EAAI4H,EACR,GAAIlJ,KAAKiD,kBAAoB3B,EAAKtB,KAAK6C,oBAAsB,MAAQvB,SAAO,OAAS,EAASA,EAAG0H,QAAS,CACtG,OAAQ7G,EAAE,OAAQ,CAAEG,MAAO,wBAA0B,qCAAsCH,EAAE,IAAK,KAAMnC,KAAKkE,cAAe/B,EAAE,KAAM,MAAOA,EAAE,KAAM,MAAO,kBAAmBA,EAAE,KAAM,KAAMA,EAAE,KAAM,KAAM,mCAAoCA,EAAE,KAAM,KAAM,qCAAsCA,EAAE,KAAM,KAAM,+C,CAEnT,OAAQA,EAAE,SAAU,CAAEI,KAAM,UAAW4G,GAAI,QAAQnJ,KAAK+C,UAAY/C,KAAKoJ,uBAAuBF,EAAKlJ,KAAK6C,oBAAsB,MAAQqG,SAAO,OAAS,EAASA,EAAGF,SAAUhJ,KAAKqJ,cAAerJ,KAAKsJ,uB,CAE3M,WAAAD,GACI,IAAI/H,EACJ,MAAOA,EAAKtB,KAAK6C,oBAAsB,MAAQvB,SAAO,OAAS,EAASA,EAAG0H,QAAS,CAChF,MAAO,E,CAEX,MAAM/C,EAAejG,KAAKgG,gBAAgBhG,KAAK6C,kBAC/C,MAAM0G,EAAa,GACnB,IAAIpC,EAAU,EACdb,OAAOkD,OAAOvD,GAAcC,SAAQ,CAACuD,EAAWC,EAAOC,KACnD,GAAI3J,KAAKkH,kBAAkBC,GAAU,CACjC,MAAMyC,EAAqB,GAC3BH,EAAU3G,MAAMoD,SAAQ,CAACpB,EAAM+E,EAAUC,KACrC,GAAI9J,KAAKkH,kBAAkBC,GAAU,CACjC,MAAM4C,EAASL,IAAUC,EAAMX,OAAS,GAAKa,IAAaC,EAASd,OAAS,EAC5EY,EAAmBvD,KAAKrG,KAAKgK,WAAWlF,EAAM+E,GAAWE,G,CAE7D5C,GAAS,IAEb,GAAIyC,EAAmBZ,OAAQ,CAC3BO,EAAWlD,KAAKlE,EAAE,eAAgB,CAAE,eAAgB8H,EAAgBC,SAAWlK,KAAKmK,mBAAmBV,GAAYG,G,MAI/H,OAAOL,C,CAEX,sBAAAhB,CAAuBlB,GACnB,MAAM+C,EAAiB/C,EAAEgD,OACzB,MAAMC,EAAS,CAACC,EAAaC,WAAYD,EAAaE,UACtD,IAAKH,EAAOI,SAASrD,EAAEhF,KAAM,CACzBgF,EAAEzG,iBACF,M,CAEJ,IAAKZ,KAAK8C,MAAMkG,OAAQ,CACpB,MAAM2B,EAAO3K,KAAK6F,QAAQ+E,WAAWC,cAAc,UACnD,IAAKF,EAAM,CACP,M,CAEJ3K,KAAK8C,MAAQgI,MAAMC,KAAKJ,EAAKK,iBAAiB,iB,CAElDhL,KAAK8C,MAAMoD,SAASpB,GAASA,EAAKiD,UAAUC,SAAS,YAAclD,EAAKiD,UAAUkD,OAAO,aACzF,MAAMC,EAAelL,KAAK8C,MAAMqI,QAAQf,GACxC,GAAI/C,EAAEhF,MAAQkI,EAAaC,WAAY,CACnCnD,EAAEzG,iBACF,MAAMwK,EAAYF,EAAe,EACjC,GAAIE,EAAYpL,KAAK8C,MAAMkG,OAAQ,CAC/BhJ,KAAK8C,MAAMsI,GAAWC,QACtBrL,KAAK8C,MAAMsI,GAAWrD,UAAUuD,IAAI,U,EAG5C,GAAIjE,EAAEhF,MAAQkI,EAAaE,SAAU,CACjCpD,EAAEzG,iBACF,MAAM2K,EAAYL,EAAe,EACjC,GAAIK,EAAY,EAAG,CACfvL,KAAK6F,QAAQ+E,WAAWC,cAAc,SAASQ,QAC/CrL,KAAK6F,QAAQ+E,WACRC,cAAc,SACdW,kBAAkBxL,KAAKyE,SAASvB,MAAM8F,OAAQhJ,KAAKyE,SAASvB,MAAM8F,O,CAE3E,GAAIuC,GAAa,EAAG,CAChBvL,KAAK8C,MAAMyI,GAAWF,QACtBrL,KAAK8C,MAAMyI,GAAWxD,UAAUuD,IAAI,U,GAIhD,UAAAtB,CAAWlF,EAAMzC,EAAKoJ,GAClB,OAAQtJ,EAAE,iBAAkB,CAAEgH,GAAI,aAAanJ,KAAK+C,UAAUV,IAAOqJ,SAAU,EAAGnJ,KAAM,SAAUoJ,YAAaF,EAAUxB,EAAgBC,QAAU/G,UAAWyI,UAAYvE,GAAMrH,KAAKuI,uBAAuBlB,IAAMlF,EAAE,MAAO,CAAEG,MAAO,eAAgBoJ,SAAU,EAAG/I,QAAS,IAAM3C,KAAK6E,oBAAoBC,GAAO8G,UAAYvE,GAAMiB,EAAsBjB,GAAG,IAAMrH,KAAK6E,oBAAoBC,KAAQ+G,aAAexE,IACzY,MAAM+C,EAAiB/C,EAAEgD,OACzBD,EAAerC,UAAUuD,IAAI,UAAU,EACxCQ,aAAezE,IACd,MAAM+C,EAAiB/C,EAAEgD,OACzBD,EAAerC,UAAUC,SAAS,YAAcoC,EAAerC,UAAUkD,OAAO,UAAU,GACzF9I,EAAE,OAAQ,CAAEG,MAAO,kBAAoBwC,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAK6D,OAAUxG,EAAE,SAAU,CAAEG,MAAO,YAAaI,KAAMoC,EAAK6D,OAAUxG,EAAE,OAAQ,CAAEG,MAAO,aAAcyJ,MAAOjH,EAAKiC,MAAOiF,UAAWhM,KAAKiM,gBAAgBnH,EAAKiC,WAAajC,IAAS,MAAQA,SAAS,OAAS,EAASA,EAAKoH,MAAQ/J,EAAE,QAAS,CAAEwG,KAAM7D,EAAKoH,IAAIvD,OAAS3I,KAAKqE,SAAWS,EAAKoH,IAAIC,KAAO,KAAMrH,EAAKsH,UAAYtH,EAAKsH,SAASpD,OAAS,EAAK7G,EAAE,SAAU,KAAMA,EAAE,MAAO,CAAEG,MAAO,iBAAmBwC,EAAKsH,SAASC,KAAI,CAACC,EAAO5C,IAAU1J,KAAKgK,WAAWsC,EAAO5C,EAAO,WAAa,K,CAEnkB,eAAAuC,CAAgBlF,GACZ,IAAK/G,KAAKkE,aAAc,CACpB,OAAO6C,C,CAEX,OAAOA,EAAMwF,QAAQ,IAAIC,OAAOxM,KAAKkE,aAAaqI,QAAQ,sBAAuB,QAAS,QAASE,GAAU,SAASA,Y,CAE1H,kBAAAtC,CAAmBV,GACf,KAAMA,IAAc,MAAQA,SAAc,OAAS,EAASA,EAAUtD,UAAW,CAC7E,OAAO,I,CAEX,OAAQhE,EAAE,OAAQ,CAAEG,MAAO,mBAAoBoK,KAAM,gBAAkBvK,EAAE,OAAQ,CAAEG,MAAO,YAAcmH,EAAUtD,WAAYsD,IAAc,MAAQA,SAAc,OAAS,EAASA,EAAUrD,cAAgBjE,EAAE,OAAQ,CAAEG,MAAO,eAAiBmH,EAAUrD,a,CAEhQ,kBAAAgD,CAAmBuD,EAAa,MAC5B,IAAK3M,KAAKqD,cAAgBrD,KAAKiD,gBAAkBjD,KAAKkE,aAAc,CAChE,OAAO,I,CAEX,OAAQ/B,EAAE,iBAAkB,CAAEI,KAAM,SAAUoJ,YAAagB,EAAa1C,EAAgBC,QAAU/G,UAAWgG,GAAI,aAAanJ,KAAK+C,gBAAiB6I,UAAYvE,GAAMrH,KAAKuI,uBAAuBlB,IAAMlF,EAAE,MAAO,CAAEyK,SAAU,EAAGjK,QAAS,IAAM3C,KAAKuE,mBAAoBqH,UAAYvE,GAAMiB,EAAsBjB,GAAG,IAAMrH,KAAKuE,qBAAqBjC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEG,MAAO,oBAAsBH,EAAE,SAAU,CAAEG,MAAO,cAAeI,KAAM,0BAA4BP,EAAE,OAAQ,CAAEG,MAAO,aAAc0J,UAAWhM,KAAKwD,kBAAkB+I,QAAQ,iBAAkB,SAASvM,KAAKkE,2B,CAE1kB,oBAAAoF,GACI,IAAIhI,EAAI4H,EACR,IAAKlJ,KAAKmE,mBACLnE,KAAKkE,iBACH5C,EAAKtB,KAAK6C,oBAAsB,MAAQvB,SAAO,OAAS,EAASA,EAAG0H,SACvEhJ,KAAKmE,oBAAsB+E,EAAKlJ,KAAK6C,oBAAsB,MAAQqG,SAAO,OAAS,EAASA,EAAGF,QAAS,CACxG,OAAO,I,CAEX,OAAQ7G,EAAE,iBAAkB,CAAEI,KAAM,SAAUqK,SAAU,EAAGC,UAAW,KAAM1D,GAAI,aAAanJ,KAAK+C,kBAAmB+J,YAAa,IAAO9M,KAAKmE,iBAAmB,EAAI4I,MAAO,mBAAqB5K,EAAE,MAAO,CAAEG,MAAO,iBAAmB,0B,CAE1O,MAAAJ,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4C2K,QAAS,IAAOhN,KAAKoE,YAAc,KAAOzB,QAAU0E,GAAMrH,KAAKwH,mBAAmBH,GAAI/E,MAAO,CAAE,aAActC,KAAK2D,iBAAkB,cAAe3D,KAAKqD,eAAkBlB,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,mBAAqBtC,KAAKiI,cAAejI,KAAK+I,iBAAkB/I,KAAKyI,e","ignoreList":[]}

package/www/build/p-d3e18055.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,g as i}from"./p-Cam6wBSi.js";import{D as r}from"./p-B2-dCTD2.js";import{e as s,g as o,h as n}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.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}}';function l(t){return Array.isArray(t)&&t.every((t=>typeof t==="string"))}const d=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(!l(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=i*this.links.length;t.style.width=`${r}px`;t.style.transform=`translate(-${i*this.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"]}}};d.style=a;export{d as z_slideshow};
+//# sourceMappingURL=p-d3e18055.entry.js.map