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

package/dist/zanichelli-it-frontend-kit/p-5edcf0ee.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as s,g as o}from"./p-Cam6wBSi.js";import{c as n,d as a,D as r,K as l,P as h,L as p}from"./p-B2-dCTD2.js";import{g as c,h as d}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const f=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}";const u=class{constructor(e){i(this,e);this.clickOnNode=t(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=n.UNDERLINED;this.homepageVariant=a.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==r.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(i,t){if(i===r.MOBILE||t===r.MOBILE&&i===r.TABLET||t===r.MOBILE&&i===r.DESKTOP||t===r.MOBILE&&i===r.DESKTOP_WIDE||t===r.TABLET&&i===r.DESKTOP||t===r.TABLET&&i===r.DESKTOP_WIDE||t===r.DESKTOP&&i===r.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==r.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==r.MOBILE){requestAnimationFrame((()=>{if(this.wrapElement.scrollWidth>this.wrapElement.clientWidth){if(!this.hasOverflow){this.hasOverflow=true}}}))}}initializeBreadcrumb(){if(this.viewPortWidth===r.MOBILE){this.pathsList=this.getPathsItemsList().filter((i=>!!i.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let i=0;i<this.pathsList.length;i++){if(this.pathsList[i].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(i!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[i].text,this.truncateChar);this.currentEllipsisText=this.pathsList[i].text;this.pathsList[i].text=t;this.pathsList[i].hasTooltip=true;this.truncatePosition=i;return}}}truncateWithEllipsis(i,t){if(i.length<=t){return i}return i.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((i=>({text:i.textContent,path:i.href,hasTooltip:false})))}renderHomepageNode(){return e("li",null,e("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:i=>this.handlePreventFollowUrl(i,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?`<z-icon name="home" />`:this.homepageNode.text||"Home"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(i,t){if(this.preventFollowUrl){i.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(i){const t=this.anchorElements.length;if(i.key===l.TAB){i.preventDefault();return}i.stopPropagation();const e=[l.ARROW_DOWN,l.ARROW_UP];if(e.includes(i.key)){i.preventDefault();if(i.key===l.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(i.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(i.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return e("li",null,e("z-popover",{class:"hidden-paths-popover",ref:i=>this.collapsedElementsRef=i,bindTo:this.triggerButton,position:h.BOTTOM_RIGHT,closable:true,showArrow:true},e("div",{class:"popover-content"},e("z-list",null,e("z-list-group",{size:p.SMALL},this.collapsedElements.map(((i,t,s)=>e("div",null,e("z-list-element",{clickable:true},e("a",{class:"text-ellipsis",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i),onKeyDown:i=>this.handleOverflowMenuAccessibility(i),innerHTML:i.text})),t<s.length-1&&e("z-divider",{color:"color-surface03"})))))))),e("button",{class:"dots",ref:i=>this.triggerButton=i,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:i=>{d(i,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const i=this.pathsList[this.pathsList.length-1];if(!i){return}return e("li",null,e("a",{"aria-current":i.path?undefined:"page",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i)},e("z-icon",{name:"chevron-left"}),e("span",{class:{"missing-path":!i.path,"text-ellipsis":true}},i.text)))}renderItems(){let i;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,s)=>e("li",null,t.hasTooltip&&e("z-popover",{class:"full-path-tooltip",bindTo:i,open:this.popoverEllipsisOpen,position:h.BOTTOM_RIGHT,closable:false,showArrow:true},e("span",{class:"tooltip-content"},this.currentEllipsisText)),e("a",{class:{"missing-path":!t.path},ref:t=>i=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),s!==this.pathsList.length-1&&e("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return e(s,{key:"a92078ad9a4aa1ac4689c66c765afa5f113d16d7",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},e("nav",{key:"99259d02797aff8396f3a87af0ff40d1c97e40fd",ref:i=>this.wrapElement=i,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},e("ol",{key:"c232f64c88e3bff47af1250385589ecda393b4f3"},this.viewPortWidth===r.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};u.style=f;export{u as z_breadcrumb};
+//# sourceMappingURL=p-5edcf0ee.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-5edcf0ee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZBreadcrumb","constructor","hostRef","this","collapsedElements","currentIndex","truncatePosition","pathStyle","BreadcrumbPathStyle","UNDERLINED","homepageVariant","BreadcrumbHomepageVariant","ICON","maxNodesToShow","preventFollowUrl","overflowMenuItemRows","truncateChar","viewPortWidth","undefined","hasOverflow","popoverEllipsisOpen","handleResize","getDevice","Device","MOBILE","wrapElement","scrollWidth","clientWidth","handlePropChange","initializeBreadcrumb","handleResizeUp","newValue","oldValue","TABLET","DESKTOP","DESKTOP_WIDE","componentWillLoad","componentWillRender","checkEllipsisOrOverflowMenu","componentDidRender","collapsedElementsRef","anchorElements","Array","from","hostElement","shadowRoot","querySelectorAll","requestAnimationFrame","pathsList","getPathsItemsList","filter","item","path","homepageNode","shift","pathListCopy","length","splice","i","text","push","truncatedString","truncateWithEllipsis","currentEllipsisText","hasTooltip","str","maxLength","substring","children","map","textContent","href","renderHomepageNode","h","class","TEXT","onClick","e","handlePreventFollowUrl","innerHTML","name","togglePopover","open","preventDefault","clickOnNode","emit","handleOverflowMenuAccessibility","anchorElementsLenght","key","KeyboardCode","TAB","stopPropagation","arrows","ARROW_DOWN","ARROW_UP","includes","focus","ESC","triggerButton","renderOverflowMenu","ref","val","bindTo","position","PopoverPosition","BOTTOM_RIGHT","closable","showArrow","size","ListSize","SMALL","index","array","clickable","onKeyDown","color","el","handleKeyboardSubmit","bind","setTimeout","renderMobileItems","secondToLastPath","renderItems","trigger","onMouseOver","onMouseLeave","render","Host","style","semibold","SEMIBOLD","underlined"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/styles.css?tag=z-breadcrumb&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-breadcrumb/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --line-clamp-popover: 0;\n  --line-clamp-mobile: 1;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nbutton {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nnav {\n  display: flex;\n  align-items: center;\n}\n\nol {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  column-gap: var(--space-unit);\n  list-style: none;\n}\n\nli {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  column-gap: var(--space-unit);\n}\n\nol li > a,\nol li > button {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\na:focus,\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\na {\n  color: var(--color-text-link-blue);\n  white-space: nowrap;\n}\n\na.missing-path {\n  color: var(--color-default-text);\n}\n\n.text-ellipsis {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--line-clamp-mobile);\n  line-clamp: var(--line-clamp-mobile);\n  text-overflow: ellipsis;\n  white-space: initial;\n}\n\nnav.semibold > ol > li > a:not(.missing-path),\nnav.semibold > ol > li > button {\n  font-weight: var(--font-sb);\n  text-decoration: none;\n}\n\nnav.underlined a,\nnav.underlined button {\n  text-decoration: underline;\n}\n\nz-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  display: block;\n  fill: var(--color-text-link-blue);\n}\n\nz-icon.separator {\n  --z-icon-width: 10px;\n  --z-icon-height: 10px;\n\n  fill: var(--gray500);\n}\n\nbutton.dots {\n  display: inline-block;\n  color: var(--color-text-link-blue);\n  cursor: pointer;\n}\n\n.hidden-paths-popover .popover-content {\n  max-width: 302px;\n  padding: calc(var(--space-unit) / 2) var(--space-unit);\n  text-align: left;\n}\n\n.hidden-paths-popover .popover-content a {\n  font-weight: var(--font-rg);\n  text-decoration: none;\n}\n\n.hidden-paths-popover {\n  --z-popover-theme--surface: var(--color-background);\n  --z-popover-padding: 0;\n  --background-color-list-element: var(--color-background);\n}\n\n.hidden-paths-popover::before,\n.full-path-tooltip::before {\n  --arrow-edge-offset: calc(100% - (var(--space-unit) * 2.55));\n}\n\n.full-path-tooltip {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n  --z-popover-padding: 0;\n}\n\n.tooltip-content {\n  padding: 0 var(--space-unit);\n  font-size: var(--font-size-2);\n}\n\n@media (min-width: 768px) {\n  .text-ellipsis {\n    -webkit-line-clamp: var(--line-clamp-popover);\n    line-clamp: var(--line-clamp-popover);\n  }\n}\n\n@media (max-width: 767px) {\n  li a {\n    display: flex;\n    align-items: center;\n    column-gap: var(--space-unit);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { BreadcrumbHomepageVariant, BreadcrumbPathStyle, Device, KeyboardCode, ListSize, PopoverPosition, } from \"../../beans\";\nimport { getDevice, handleKeyboardSubmit } from \"../../utils/utils\";\nexport class ZBreadcrumb {\n    constructor() {\n        this.collapsedElements = [];\n        this.currentIndex = 0;\n        this.truncatePosition = null;\n        this.pathStyle = BreadcrumbPathStyle.UNDERLINED;\n        this.homepageVariant = BreadcrumbHomepageVariant.ICON;\n        this.maxNodesToShow = 5;\n        this.preventFollowUrl = false;\n        this.overflowMenuItemRows = 0;\n        this.truncateChar = 30;\n        this.viewPortWidth = undefined;\n        this.hasOverflow = false;\n        this.popoverEllipsisOpen = false;\n    }\n    handleResize() {\n        this.viewPortWidth = getDevice();\n        if (this.viewPortWidth !== Device.MOBILE &&\n            this.wrapElement &&\n            this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n            this.hasOverflow = true;\n        }\n    }\n    // eslint-disable-next-line lines-between-class-members\n    handlePropChange() {\n        this.initializeBreadcrumb();\n    }\n    handleResizeUp(newValue, oldValue) {\n        if (newValue === Device.MOBILE ||\n            (oldValue === Device.MOBILE && newValue === Device.TABLET) ||\n            (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||\n            (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||\n            (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||\n            (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||\n            (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)) {\n            this.initializeBreadcrumb();\n        }\n    }\n    componentWillLoad() {\n        this.viewPortWidth = getDevice();\n        this.initializeBreadcrumb();\n    }\n    componentWillRender() {\n        if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {\n            this.checkEllipsisOrOverflowMenu();\n            this.hasOverflow = false;\n        }\n    }\n    componentDidRender() {\n        if (this.collapsedElementsRef) {\n            this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll(\"z-list-group a\"));\n        }\n        if (this.viewPortWidth !== Device.MOBILE) {\n            requestAnimationFrame(() => {\n                if (this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {\n                    if (!this.hasOverflow) {\n                        this.hasOverflow = true;\n                    }\n                }\n            });\n        }\n    }\n    initializeBreadcrumb() {\n        if (this.viewPortWidth === Device.MOBILE) {\n            this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);\n        }\n        else {\n            this.pathsList = this.getPathsItemsList();\n        }\n        this.homepageNode = this.pathsList.shift();\n        this.pathListCopy = [...this.pathsList];\n        this.collapsedElements = [];\n        if (this.pathsList.length > this.maxNodesToShow) {\n            this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);\n        }\n    }\n    checkEllipsisOrOverflowMenu() {\n        for (let i = 0; i < this.pathsList.length; i++) {\n            if (this.pathsList[i].text.length <= this.truncateChar) {\n                continue;\n            }\n            if (this.truncatePosition > 0) {\n                this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition));\n                this.pathsList.splice(0, this.truncatePosition);\n                this.truncatePosition = 0;\n                return;\n            }\n            else if (this.truncatePosition === 0) {\n                this.collapsedElements.push(...this.pathListCopy.splice(0, this.truncatePosition + 1));\n                this.pathsList.splice(0, this.truncatePosition + 1);\n                this.truncatePosition = null;\n                return;\n            }\n            if (i !== this.pathsList.length - 1) {\n                const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);\n                this.currentEllipsisText = this.pathsList[i].text;\n                this.pathsList[i].text = truncatedString;\n                this.pathsList[i].hasTooltip = true;\n                this.truncatePosition = i;\n                return;\n            }\n        }\n    }\n    truncateWithEllipsis(str, maxLength) {\n        if (str.length <= maxLength) {\n            return str;\n        }\n        return str.substring(0, maxLength - 1) + \"&mldr;\";\n    }\n    getPathsItemsList() {\n        return Array.from(this.hostElement.children).map((item) => {\n            return {\n                text: item.textContent,\n                path: item.href,\n                hasTooltip: false,\n            };\n        });\n    }\n    renderHomepageNode() {\n        return (h(\"li\", null, h(\"a\", { class: {\n                \"homepage-text\": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,\n            }, href: this.homepageNode.path, onClick: (e) => this.handlePreventFollowUrl(e, this.homepageNode), innerHTML: this.homepageVariant === BreadcrumbHomepageVariant.ICON\n                ? `<z-icon name=\"home\" />`\n                : this.homepageNode.text || \"Home\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n    }\n    togglePopover() {\n        if (!this.collapsedElementsRef.open) {\n            this.collapsedElementsRef.open = true;\n        }\n    }\n    handlePreventFollowUrl(e, item) {\n        if (this.preventFollowUrl) {\n            e.preventDefault();\n            this.clickOnNode.emit(item.path);\n        }\n    }\n    handleOverflowMenuAccessibility(e) {\n        const anchorElementsLenght = this.anchorElements.length;\n        if (e.key === KeyboardCode.TAB) {\n            e.preventDefault();\n            return;\n        }\n        e.stopPropagation();\n        const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n        if (arrows.includes(e.key)) {\n            e.preventDefault();\n            if (e.key === KeyboardCode.ARROW_DOWN) {\n                this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;\n            }\n            if (e.key === KeyboardCode.ARROW_UP) {\n                this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;\n            }\n            this.anchorElements[this.currentIndex].focus();\n        }\n        if (e.key === KeyboardCode.ESC) {\n            this.triggerButton.focus();\n        }\n    }\n    renderOverflowMenu() {\n        return (h(\"li\", null, h(\"z-popover\", { class: \"hidden-paths-popover\", ref: (val) => (this.collapsedElementsRef = val), bindTo: this.triggerButton, position: PopoverPosition.BOTTOM_RIGHT, closable: true, showArrow: true }, h(\"div\", { class: \"popover-content\" }, h(\"z-list\", null, h(\"z-list-group\", { size: ListSize.SMALL }, this.collapsedElements.map((item, index, array) => {\n            return (h(\"div\", null, h(\"z-list-element\", { clickable: true }, h(\"a\", { class: \"text-ellipsis\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onKeyDown: (e) => this.handleOverflowMenuAccessibility(e), innerHTML: item.text })), index < array.length - 1 && h(\"z-divider\", { color: \"color-surface03\" })));\n        }))))), h(\"button\", { class: \"dots\", ref: (el) => (this.triggerButton = el), \"aria-label\": \"Mostra pi\\u00F9 breadcrumb\", \"aria-haspopup\": \"true\", onClick: () => {\n                this.togglePopover();\n            }, onKeyDown: (e) => {\n                handleKeyboardSubmit(e, this.togglePopover.bind(this));\n                setTimeout(() => {\n                    this.anchorElements[0].focus();\n                }, 100);\n            }, innerHTML: \"&mldr;\" }), this.pathsList.length > 0 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))));\n    }\n    renderMobileItems() {\n        // show only the second to last element\n        const secondToLastPath = this.pathsList[this.pathsList.length - 1];\n        if (!secondToLastPath) {\n            return;\n        }\n        return (h(\"li\", null, h(\"a\", { \"aria-current\": secondToLastPath.path ? undefined : \"page\", href: secondToLastPath.path, onClick: (e) => this.handlePreventFollowUrl(e, secondToLastPath) }, h(\"z-icon\", { name: \"chevron-left\" }), h(\"span\", { class: {\n                \"missing-path\": !secondToLastPath.path,\n                \"text-ellipsis\": true,\n            } }, secondToLastPath.text))));\n    }\n    renderItems() {\n        let trigger;\n        return [\n            this.renderHomepageNode(),\n            this.collapsedElements.length > 0 && this.renderOverflowMenu(),\n            ...this.pathsList.map((item, index) => (h(\"li\", null, item.hasTooltip && (h(\"z-popover\", { class: \"full-path-tooltip\", bindTo: trigger, open: this.popoverEllipsisOpen, position: PopoverPosition.BOTTOM_RIGHT, closable: false, showArrow: true }, h(\"span\", { class: \"tooltip-content\" }, this.currentEllipsisText))), h(\"a\", { class: { \"missing-path\": !item.path }, ref: (val) => (trigger = val), \"aria-current\": item.path ? undefined : \"page\", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onMouseOver: () => {\n                    if (item.hasTooltip) {\n                        this.popoverEllipsisOpen = true;\n                    }\n                }, onMouseLeave: () => {\n                    if (item.hasTooltip) {\n                        this.popoverEllipsisOpen = false;\n                    }\n                }, innerHTML: item.text }), index !== this.pathsList.length - 1 && (h(\"z-icon\", { class: \"separator\", name: \"chevron-right\" }))))),\n        ];\n    }\n    render() {\n        return (h(Host, { key: 'a92078ad9a4aa1ac4689c66c765afa5f113d16d7', style: { \"--line-clamp-popover\": `${this.overflowMenuItemRows}` } }, h(\"nav\", { key: '99259d02797aff8396f3a87af0ff40d1c97e40fd', ref: (val) => (this.wrapElement = val), \"aria-label\": \"Breadcrumb\", class: {\n                semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,\n                underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,\n            } }, h(\"ol\", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));\n    }\n    static get is() { return \"z-breadcrumb\"; }\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            \"pathStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BreadcrumbPathStyle\",\n                    \"resolved\": \"BreadcrumbPathStyle.SEMIBOLD | BreadcrumbPathStyle.UNDERLINED\",\n                    \"references\": {\n                        \"BreadcrumbPathStyle\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbPathStyle\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Sets the path style\"\n                },\n                \"attribute\": \"path-style\",\n                \"reflect\": true,\n                \"defaultValue\": \"BreadcrumbPathStyle.UNDERLINED\"\n            },\n            \"homepageVariant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"BreadcrumbHomepageVariant\",\n                    \"resolved\": \"BreadcrumbHomepageVariant.ICON | BreadcrumbHomepageVariant.TEXT\",\n                    \"references\": {\n                        \"BreadcrumbHomepageVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbHomepageVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"[optional] Variant of first node\"\n                },\n                \"attribute\": \"homepage-variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"BreadcrumbHomepageVariant.ICON\"\n            },\n            \"maxNodesToShow\": {\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\": \"[optional] Sets max number of element to show\"\n                },\n                \"attribute\": \"max-nodes-to-show\",\n                \"reflect\": false,\n                \"defaultValue\": \"5\"\n            },\n            \"preventFollowUrl\": {\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\": \"[optional] Controls the behaviour on <a> tag click/enter\"\n                },\n                \"attribute\": \"prevent-follow-url\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"overflowMenuItemRows\": {\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\": \"[optional] Sets max number of row for each path inside the popover. Zero equals unlimited\"\n                },\n                \"attribute\": \"overflow-menu-item-rows\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"truncateChar\": {\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\": \"[optional] Sets the maximun number of chars per single node\"\n                },\n                \"attribute\": \"truncate-char\",\n                \"reflect\": false,\n                \"defaultValue\": \"30\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"viewPortWidth\": {},\n            \"hasOverflow\": {},\n            \"popoverEllipsisOpen\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"clickOnNode\",\n                \"name\": \"clickOnNode\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when preventFollowUrl=true to handle custom page transition\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbPath[\\\"path\\\"]\",\n                    \"resolved\": \"string\",\n                    \"references\": {\n                        \"BreadcrumbPath\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::BreadcrumbPath\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"maxNodesToShow\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"viewPortWidth\",\n                \"methodName\": \"handleResizeUp\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"handleResize\",\n                \"target\": \"window\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-65f0a8cd.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as a}from"./p-Cam6wBSi.js";const o=":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";const s=class{constructor(i){t(this,i)}render(){return i(a,{key:"b4d76cddb405ccc4db532cc4d544898424b290fa",role:"list"},i("slot",{key:"9b7d842263cf062b5f3b8a27b72d7a66142bc341"}))}};s.style=o;export{s as z_stepper};
+//# sourceMappingURL=p-65f0a8cd.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-65f0a8cd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZStepper","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-stepper/index.js"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * @slot - slot for `z-stepper-item`\n */\nexport class ZStepper {\n    render() {\n        return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: \"list\" }, h(\"slot\", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));\n    }\n    static get is() { return \"z-stepper\"; }\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}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,oR,MCILC,EAAQ,M,yBACjB,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,QAAUH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-673af8ea.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as e,H as r,g as n}from"./p-Cam6wBSi.js";import{y as c,C as a,I as o}from"./p-B2-dCTD2.js";import{r as p,b as u}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const l='.sc-z-input-h{display:inline-block;width:inherit}.sc-z-input-h *.sc-z-input{box-sizing:border-box}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input{background:var(--color-form-background);fill:var(--color-form-default-icon);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input,.textarea-wrapper.sc-z-input{border:var(--border-size-small) solid var(--color-form-surface04);border-radius:var(--border-radius-small);color:var(--color-form-default-text)}[size="small"].sc-z-input-h input.sc-z-input,[size="small"].sc-z-input-h textarea.sc-z-input,[size="x-small"].sc-z-input-h input.sc-z-input,[size="x-small"].sc-z-input-h textarea.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:not(.readonly):hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.sc-z-input-h:not([readonly="true"]) .textarea-wrapper.sc-z-input:focus-within{border-color:var(--color-form-active-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible:hover,.textarea-wrapper.sc-z-input:not(.readonly):focus-within:hover{outline-color:var(--color-form-active-primary)}.sc-z-input-h input.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input{fill:var(--color-form-active-primary)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--color-form-active-primary)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{border-color:var(--color-form-surface03);box-shadow:none}.input-success.sc-z-input{border-color:var(--color-form-success01);background:var(--color-form-inverse-success)}.input-success.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-success.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-success01)}.input-error.sc-z-input{border-color:var(--color-form-hover-error);background:var(--color-form-inverse-error)}.input-error.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-error.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-error)}.input-warning.sc-z-input{border-color:var(--color-form-hover-warning);background:var(--color-form-inverse-warning)}.input-warning.sc-z-input:focus:focus-visible+.icons-wrapper.sc-z-input,.input-warning.sc-z-input+.icons-wrapper.sc-z-input{fill:var(--color-form-hover-warning)}.sc-z-input:is(.input-success,.input-error.sc-z-input,.input-warning).sc-z-input:focus:focus-visible{color:var(--color-form-default-text)}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.textarea-wrapper.readonly.sc-z-input{border-color:var(--color-form-surface03);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled="false"]) z-icon.sc-z-input{border-color:var(--color-form-disabled03);box-shadow:none;color:var(--color-form-disabled-text);fill:var(--color-form-disabled01-icon);pointer-events:none}[disabled].sc-z-input-h:not([disabled="false"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-form-placeholder-text)}.sc-z-input::placeholder{color:var(--color-form-placeholder-text)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled="false"]) label.input-label.sc-z-input{color:var(--color-disabled03)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-form-default-icon)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size="small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size="x-small"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input{display:flex;padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input+.input-icon.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>.input-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.input-icon.sc-z-input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{width:100%;height:100%;padding:calc(var(--space-unit) * 1.5)}.textarea-wrapper.sc-z-input:not(.input-error,.input-success.sc-z-input,.input-warning).sc-z-input{background-color:var(--color-form-background)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;color:currentcolor;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-default-text);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size="small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size="x-small"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input{border-radius:50%}.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled03)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}';const h=class{constructor(s){i(this,s);this.inputChange=t(this,"inputChange",7);this.startTyping=t(this,"startTyping",7);this.stopTyping=t(this,"stopTyping",7);this.inputCheck=t(this,"inputCheck",7);this.inputFocus=t(this,"inputFocus",7);this.inputBlur=t(this,"inputBlur",7);this.typingtimeout=300;this.htmlid=`id-${p()}`;this.type=undefined;this.name=undefined;this.label=undefined;this.ariaLabel="";this.ariaExpanded="";this.ariaControls=undefined;this.ariaAutocomplete=undefined;this.ariaActivedescendant=undefined;this.value=undefined;this.disabled=false;this.readonly=false;this.required=false;this.checked=false;this.placeholder=undefined;this.htmltitle=undefined;this.status=undefined;this.message=true;this.labelPosition=c.RIGHT;this.autocomplete=undefined;this.role="";this.hasclearicon=true;this.icon=undefined;this.min=undefined;this.minlength=undefined;this.max=undefined;this.maxlength=undefined;this.step=undefined;this.pattern=undefined;this.size=a.BIG;this.isTyping=false;this.passwordHidden=true}inputCheckListener(i){const t=i.detail;switch(this.type){case o.RADIO:if(t.type===o.RADIO&&t.name===this.name&&t.id!==this.htmlid){this.checked=false}break}}async isChecked(){switch(this.type){case o.CHECKBOX:case o.RADIO:return this.checked;default:console.warn("`isChecked` method is only available for type `checkbox` and `radio`");return false}}emitInputChange(i){if(!this.isTyping){this.emitStartTyping()}let t;if(this.type===o.TEXTAREA){t=this.getValidity("textarea")}else{t=this.getValidity("input")}this.value=i;this.inputChange.emit({value:i,validity:t});clearTimeout(this.timer);this.timer=setTimeout((()=>{this.emitStopTyping(this.value,t)}),this.typingtimeout)}emitStartTyping(){this.isTyping=true;this.startTyping.emit()}emitStopTyping(i,t){this.isTyping=false;this.stopTyping.emit({value:i,validity:t})}emitInputCheck(i){this.inputCheck.emit({id:this.htmlid,checked:i,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}emitInputFocus(){this.inputFocus.emit({id:this.htmlid})}emitInputBlur(){this.inputBlur.emit({id:this.htmlid})}getValidity(i){const t=this.hostElement.querySelector(i);return t.validity}getTextAttributes(){return{id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,minlength:this.minlength,maxlength:this.maxlength,class:{[`input-${this.status}`]:!!this.status},autocomplete:this.autocomplete,onInput:i=>this.emitInputChange(i.target.value)}}getNumberAttributes(i){if(i!=o.NUMBER){return}return{min:this.min,max:this.max,step:this.step}}getPatternAttribute(i){if(i!=o.PASSWORD&&i!=o.TEXT&&i!=o.TEL&&i!=o.SEARCH&&i!=o.URL&&i!=o.EMAIL){return}return{pattern:this.pattern}}getRoleAttribute(){return this.role?{role:this.role}:{}}getAriaAttrubutes(){const i=this.ariaExpanded?{"aria-expanded":this.ariaExpanded}:{};const t=this.ariaControls?{"aria-controls":this.ariaControls}:{};const s=this.ariaAutocomplete?{"aria-autocomplete":this.ariaAutocomplete}:{};const e=this.ariaActivedescendant?{"aria-activedescendant":this.ariaActivedescendant}:{};return Object.assign(Object.assign(Object.assign(Object.assign({},i),t),s),e)}getFocusBlurAttributes(){return{onFocus:()=>this.emitInputFocus(),onBlur:()=>this.emitInputBlur()}}renderInputText(i=o.TEXT){const t=this.ariaLabel?{"aria-label":this.ariaLabel}:{};const e=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getTextAttributes()),this.getNumberAttributes(i)),this.getPatternAttribute(i)),t),this.getRoleAttribute()),this.getAriaAttrubutes()),this.getFocusBlurAttributes());if(this.icon||i===o.PASSWORD){Object.assign(e.class,{"has-icon":true})}if(this.hasclearicon&&i!=o.NUMBER){Object.assign(e.class,{"has-clear-icon":true})}return s("div",{class:"text-wrapper"},this.renderLabel(),s("div",null,s("input",Object.assign({type:i===o.PASSWORD&&!this.passwordHidden?o.TEXT:i},e,{ref:i=>this.inputRef=i})),this.renderIcons()),this.renderMessage())}renderLabel(){if(!this.label){return}return s("label",{class:"input-label body-5-sb",id:`${this.htmlid}_label`,htmlFor:this.htmlid},this.label)}renderIcons(){return s("span",{class:"icons-wrapper"},this.renderResetIcon(),this.renderIcon())}renderIcon(){if(this.type===o.PASSWORD){return this.renderShowHidePassword()}if(!this.icon){return}return s("z-icon",{name:this.icon,class:{[this.size]:true,"input-icon":true}})}renderResetIcon(){let i=false;if(!this.hasclearicon||!this.value||this.disabled||this.readonly||this.type==o.NUMBER){i=true}return s("button",{type:"button",class:{"reset-icon":true,"input-icon":true,hidden:i},"aria-label":"cancella il contenuto dell'input",onClick:()=>{this.inputRef.value="";this.emitInputChange("")}},s("z-icon",{name:"multiply",class:this.size}))}renderShowHidePassword(){return s("button",{type:"button",class:"input-icon toggle-password-icon",disabled:this.disabled,"aria-label":this.passwordHidden?"mostra password":"nascondi password",onClick:()=>this.passwordHidden=!this.passwordHidden},s("z-icon",{name:this.passwordHidden?"view-filled":"view-off-filled",class:this.size}))}renderMessage(){if(u(this.message)===false){return}return s("z-input-message",{message:u(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}renderTextarea(){const i=this.getTextAttributes();return s(e,null,this.renderLabel(),s("div",{class:Object.assign(Object.assign({},i.class),{"textarea-wrapper":true,readonly:!!i.readonly})},s("textarea",Object.assign({},i,{class:Object.assign(Object.assign({},i.class),{"z-scrollbar":true}),"aria-label":this.ariaLabel||undefined},this.getRoleAttribute()))),this.renderMessage())}handleCheck(i){this.checked=i.target.checked;this.emitInputCheck(this.checked)}renderCheckbox(){return s("div",{class:"checkbox-wrapper"},s("input",Object.assign({id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"checkbox-label":true,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.checked?"checkbox-checked":"checkbox",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}renderRadio(){return s("div",{class:"radio-wrapper"},s("input",Object.assign({id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value},this.getRoleAttribute(),this.getFocusBlurAttributes())),s("label",{htmlFor:this.htmlid,class:{"radio-label":true,after:this.labelPosition===c.RIGHT,before:this.labelPosition===c.LEFT}},s("z-icon",{name:this.checked?"radio-button-checked":"radio-button",class:this.size}),this.label&&s("span",{innerHTML:this.label})))}render(){let i;switch(this.type){case o.TEXTAREA:i=this.renderTextarea();break;case o.CHECKBOX:i=this.renderCheckbox();break;case o.RADIO:i=this.renderRadio();break;default:i=this.renderInputText(this.type)}return s(r,{key:"716ee8b89dbfeffedfdbfa8785c3994a94c44f44"},i)}get hostElement(){return n(this)}};h.style=l;const z=':host{display:flex;min-height:calc(var(--space-unit) * 2.5);align-items:start;margin-top:var(--space-unit);color:var(--color-default-text);fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host(.small),:host(.x-small){margin-top:calc(var(--space-unit) * 0.5);font-size:var(--font-size-1)}:host([status="success"]){color:var(--color-hover-success)}:host([status="error"]){color:var(--color-hover-error)}:host([status="warning"]){color:var(--color-hover-warning)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);--z-icon-right-margin:var(--space-unit);margin-top:calc(var(--space-unit) * 0.25)}:host(.small)>z-icon,:host(.x-small)>z-icon{--z-icon-width:14px;--z-icon-height:14px;--z-icon-right-margin:calc(var(--space-unit) * 0.5)}:host([disabled]){color:var(--color-disabled03);fill:var(--color-disabled03)}';const d=class{constructor(t){i(this,t);this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"};this.message=undefined;this.status=undefined;this.disabled=undefined;this.statusRole={}}onMessageChange(){this.statusRole=this.message&&this.status?{role:"alert"}:{}}componentWillLoad(){this.onMessageChange()}render(){return s(r,Object.assign({key:"ef26c50e4e8f21bed23b6b530f34866bb9d746af"},this.statusRole,{"aria-label":this.message}),this.statusIcons[this.status]&&this.message&&s("z-icon",{key:"1c701e5f10e96e549fc3e799cbc16099f2032956",name:this.statusIcons[this.status]}),s("span",{key:"9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64",innerHTML:this.message}))}static get watchers(){return{message:["onMessageChange"],status:["onMessageChange"]}}};d.style=z;export{h as z_input,d as z_input_message};
+//# sourceMappingURL=p-673af8ea.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-673af8ea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInput","constructor","hostRef","this","typingtimeout","htmlid","randomId","type","undefined","name","label","ariaLabel","ariaExpanded","ariaControls","ariaAutocomplete","ariaActivedescendant","value","disabled","readonly","required","checked","placeholder","htmltitle","status","message","labelPosition","LabelPosition","RIGHT","autocomplete","role","hasclearicon","icon","min","minlength","max","maxlength","step","pattern","size","ControlSize","BIG","isTyping","passwordHidden","inputCheckListener","e","data","detail","InputType","RADIO","id","isChecked","CHECKBOX","console","warn","emitInputChange","emitStartTyping","validity","TEXTAREA","getValidity","inputChange","emit","clearTimeout","timer","setTimeout","emitStopTyping","startTyping","stopTyping","emitInputCheck","inputCheck","emitInputFocus","inputFocus","emitInputBlur","inputBlur","input","hostElement","querySelector","getTextAttributes","title","class","onInput","target","getNumberAttributes","NUMBER","getPatternAttribute","PASSWORD","TEXT","TEL","SEARCH","URL","EMAIL","getRoleAttribute","getAriaAttrubutes","expanded","controls","activedescendant","Object","assign","getFocusBlurAttributes","onFocus","onBlur","renderInputText","attr","h","renderLabel","ref","el","inputRef","renderIcons","renderMessage","htmlFor","renderResetIcon","renderIcon","renderShowHidePassword","hidden","onClick","boolean","renderTextarea","attributes","Fragment","handleCheck","ev","renderCheckbox","onChange","bind","after","before","LEFT","innerHTML","renderRadio","render","Host","key","ZInputMessage","statusIcons","success","error","warning","statusRole","onMessageChange","componentWillLoad"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/styles.css?tag=z-input&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input/index.js","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input-message/styles.css?tag=z-input-message&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-input-message/index.js"],"sourcesContent":[":host {\n  display: inline-block;\n  width: inherit;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none;\n}\n\n/* GENERAL */\n:host input::-ms-clear,\n:host input::-ms-reveal {\n  display: none;\n}\n\ninput,\ntextarea {\n  background: var(--color-form-background);\n  fill: var(--color-form-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\ninput,\n.textarea-wrapper {\n  border: var(--border-size-small) solid var(--color-form-surface04);\n  border-radius: var(--border-radius-small);\n  color: var(--color-form-default-text);\n}\n\n:host([size=\"small\"]) input,\n:host([size=\"small\"]) textarea,\n:host([size=\"x-small\"]) input,\n:host([size=\"x-small\"]) textarea {\n  font-size: var(--font-size-2);\n}\n\n:host.cursor-select input {\n  cursor: pointer;\n}\n\n/* HOVER */\ninput:not([readonly]):hover,\n.textarea-wrapper:not(.readonly):hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n/* FOCUS */\n:host:not(.active-select) input:focus:focus-visible,\n:host:not([readonly=\"true\"]) .textarea-wrapper:focus-within {\n  border-color: var(--color-form-active-primary);\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible:hover,\n.textarea-wrapper:not(.readonly):focus-within:hover {\n  outline-color: var(--color-form-active-primary);\n}\n\n:host input:focus:focus-visible + .icons-wrapper {\n  fill: var(--color-form-active-primary);\n}\n\n:host.active-select input {\n  border: var(--border-size-small) solid var(--color-form-active-primary);\n}\n\n:host.cursor-select input:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host input[readonly]:focus:focus-visible {\n  border-color: var(--color-form-surface03);\n  box-shadow: none;\n}\n\n/* STATUSES (success, warning, error) */\n.input-success {\n  border-color: var(--color-form-success01);\n  background: var(--color-form-inverse-success);\n}\n\n.input-success:focus:focus-visible + .icons-wrapper,\n.input-success + .icons-wrapper {\n  fill: var(--color-form-success01);\n}\n\n.input-error {\n  border-color: var(--color-form-hover-error);\n  background: var(--color-form-inverse-error);\n}\n\n.input-error:focus:focus-visible + .icons-wrapper,\n.input-error + .icons-wrapper {\n  fill: var(--color-form-hover-error);\n}\n\n.input-warning {\n  border-color: var(--color-form-hover-warning);\n  background: var(--color-form-inverse-warning);\n}\n\n.input-warning:focus:focus-visible + .icons-wrapper,\n.input-warning + .icons-wrapper {\n  fill: var(--color-form-hover-warning);\n}\n\n:is(.input-success, .input-error, .input-warning):focus:focus-visible {\n  color: var(--color-form-default-text);\n}\n\n/* READONLY */\n:host:not(.active-select) input[readonly],\n.textarea-wrapper.readonly {\n  border-color: var(--color-form-surface03);\n  fill: var(--color-form-disabled01-icon);\n  pointer-events: none;\n}\n\n/* DISABLED */\n:host([disabled]:not([disabled=\"false\"])) input,\n:host([disabled]:not([disabled=\"false\"])) .textarea-wrapper,\n:host([disabled]:not([disabled=\"false\"])) z-icon {\n  border-color: var(--color-form-disabled03);\n  box-shadow: none;\n  color: var(--color-form-disabled-text);\n  fill: var(--color-form-disabled01-icon);\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled=\"false\"])) input:hover {\n  border-width: var(--border-size-small);\n}\n\n/* PLACEHOLDER */\ninput::placeholder,\ntextarea::placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n::-webkit-textarea-placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n:-ms-textarea-placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n::placeholder {\n  color: var(--color-form-placeholder-text);\n}\n\n/* LABEL */\nlabel.input-label {\n  display: block;\n  padding-bottom: var(--space-unit);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  text-align: left;\n  text-transform: uppercase;\n}\n\n:host([disabled]:not([disabled=\"false\"])) label.input-label {\n  color: var(--color-disabled03);\n}\n\n.text-wrapper > div {\n  position: relative;\n  z-index: 1;\n  fill: var(--color-form-default-icon);\n}\n\n.text-wrapper > div > input {\n  width: 100%;\n  height: calc(var(--space-unit) * 5.5);\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  margin: 0;\n}\n\n:host([size=\"small\"]) .text-wrapper > div > input {\n  height: calc(var(--space-unit) * 4.5);\n}\n\n:host([size=\"x-small\"]) .text-wrapper > div > input {\n  height: calc(var(--space-unit) * 4);\n}\n\n.text-wrapper > div > input.has-icon,\n.text-wrapper > div > input.has-clear-icon {\n  padding-right: calc(var(--space-unit) * 5.25);\n}\n\n.text-wrapper > div > input.has-icon.has-clear-icon {\n  padding-right: calc(var(--space-unit) * 8);\n}\n\n.text-wrapper .icons-wrapper {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  right: calc(var(--space-unit) * 1.5);\n  display: flex;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon {\n  display: flex;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  pointer-events: initial;\n}\n\n.text-wrapper .icons-wrapper > .input-icon + .input-icon {\n  margin-left: calc(var(--space-unit) * 0.5);\n}\n\n.text-wrapper .icons-wrapper > button.input-icon.hidden {\n  display: none;\n}\n\n.text-wrapper .icons-wrapper > button.reset-icon,\n.text-wrapper .icons-wrapper > button.toggle-password-icon {\n  cursor: pointer;\n}\n\n.text-wrapper .icons-wrapper > .input-icon {\n  --z-icon-width: 18px;\n  --z-icon-height: 18px;\n\n  display: block;\n}\n\n.text-wrapper .icons-wrapper > .input-icon.small,\n.text-wrapper .icons-wrapper > .input-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.text-wrapper .icons-wrapper > button.input-icon:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.text-wrapper > div > input:-webkit-autofill {\n  -webkit-box-shadow: 0 0 0 1000px #fff inset;\n  -webkit-text-fill-color: currentcolor;\n}\n\n.textarea-wrapper {\n  width: 100%;\n  height: 100%;\n  padding: calc(var(--space-unit) * 1.5);\n}\n\n.textarea-wrapper:not(.input-error, .input-success, .input-warning) {\n  background-color: var(--color-form-background);\n}\n\ntextarea {\n  width: 100%;\n  min-height: 132px;\n  padding: 0;\n  border: none;\n  margin: 0;\n  color: currentcolor;\n  resize: none;\n}\n\n.radio-wrapper,\n.checkbox-wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  color: var(--color-default-text);\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n}\n\n.radio-wrapper:hover,\n.checkbox-wrapper:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary-icon);\n}\n\n.radio-wrapper > input,\n.checkbox-wrapper > input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.radio-wrapper .radio-label,\n.checkbox-wrapper .checkbox-label {\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: 1;\n  text-transform: inherit;\n}\n\n.radio-wrapper input:not(:disabled) + .radio-label,\n.checkbox-wrapper input:not(:disabled) + .checkbox-label {\n  cursor: pointer;\n}\n\n.radio-wrapper .radio-label z-icon,\n.checkbox-wrapper .checkbox-label z-icon {\n  cursor: pointer;\n  fill: inherit;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label z-icon,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"]) .radio-wrapper .radio-label,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label {\n  font-size: var(--font-size-1);\n}\n\n.radio-wrapper .radio-label.after,\n.checkbox-wrapper .checkbox-label.after {\n  flex-direction: row;\n}\n\n.radio-wrapper .radio-label.before,\n.checkbox-wrapper .checkbox-label.before {\n  flex-direction: row-reverse;\n}\n\n.radio-wrapper .radio-label.after > span,\n.checkbox-wrapper .checkbox-label.after > span {\n  margin-left: var(--space-unit);\n}\n\n.radio-wrapper .radio-label.before > span,\n.checkbox-wrapper .checkbox-label.before > span {\n  margin-right: var(--space-unit);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.after > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.after > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.after > span {\n  margin-left: calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"small\"]) .checkbox-wrapper .checkbox-label.before > span,\n:host([size=\"x-small\"]) .radio-wrapper .radio-label.before > span,\n:host([size=\"x-small\"]) .checkbox-wrapper .checkbox-label.before > span {\n  margin-right: calc(var(--space-unit) * 0.5);\n}\n\n/* focus */\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon {\n  border-radius: 50%;\n}\n\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n  border-radius: var(--border-radius-small);\n}\n\n.radio-wrapper > input:focus:focus-visible + .radio-label > z-icon,\n.checkbox-wrapper > input:focus:focus-visible + .checkbox-label > z-icon {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n/* disabled */\n.radio-wrapper > input:disabled + .radio-label,\n.checkbox-wrapper > input:disabled + .checkbox-label {\n  color: var(--color-disabled03);\n}\n\n.radio-wrapper > input:disabled + .radio-label > z-icon,\n.checkbox-wrapper > input:disabled + .checkbox-label > z-icon {\n  cursor: default;\n  fill: var(--color-disabled01);\n}\n\n","import { h } from \"@stencil/core\";\nimport { Fragment, Host } from \"@stencil/core/internal\";\nimport { ControlSize, InputType, LabelPosition } from \"../../beans\";\nimport { boolean, randomId } from \"../../utils/utils\";\nexport class ZInput {\n    constructor() {\n        this.typingtimeout = 300;\n        this.htmlid = `id-${randomId()}`;\n        this.type = undefined;\n        this.name = undefined;\n        this.label = undefined;\n        this.ariaLabel = \"\";\n        this.ariaExpanded = \"\";\n        this.ariaControls = undefined;\n        this.ariaAutocomplete = undefined;\n        this.ariaActivedescendant = undefined;\n        this.value = undefined;\n        this.disabled = false;\n        this.readonly = false;\n        this.required = false;\n        this.checked = false;\n        this.placeholder = undefined;\n        this.htmltitle = undefined;\n        this.status = undefined;\n        this.message = true;\n        this.labelPosition = LabelPosition.RIGHT;\n        this.autocomplete = undefined;\n        this.role = \"\";\n        this.hasclearicon = true;\n        this.icon = undefined;\n        this.min = undefined;\n        this.minlength = undefined;\n        this.max = undefined;\n        this.maxlength = undefined;\n        this.step = undefined;\n        this.pattern = undefined;\n        this.size = ControlSize.BIG;\n        this.isTyping = false;\n        this.passwordHidden = true;\n    }\n    inputCheckListener(e) {\n        const data = e.detail;\n        switch (this.type) {\n            case InputType.RADIO:\n                if (data.type === InputType.RADIO && data.name === this.name && data.id !== this.htmlid) {\n                    this.checked = false;\n                }\n                break;\n        }\n    }\n    /** get checked status */\n    async isChecked() {\n        switch (this.type) {\n            case InputType.CHECKBOX:\n            case InputType.RADIO:\n                return this.checked;\n            default:\n                console.warn(\"`isChecked` method is only available for type `checkbox` and `radio`\");\n                return false;\n        }\n    }\n    emitInputChange(value) {\n        if (!this.isTyping) {\n            this.emitStartTyping();\n        }\n        let validity;\n        if (this.type === InputType.TEXTAREA) {\n            validity = this.getValidity(\"textarea\");\n        }\n        else {\n            validity = this.getValidity(\"input\");\n        }\n        this.value = value;\n        this.inputChange.emit({ value, validity });\n        clearTimeout(this.timer);\n        this.timer = setTimeout(() => {\n            this.emitStopTyping(this.value, validity);\n        }, this.typingtimeout);\n    }\n    emitStartTyping() {\n        this.isTyping = true;\n        this.startTyping.emit();\n    }\n    emitStopTyping(value, validity) {\n        this.isTyping = false;\n        this.stopTyping.emit({\n            value: value,\n            validity: validity,\n        });\n    }\n    emitInputCheck(checked) {\n        this.inputCheck.emit({\n            id: this.htmlid,\n            checked: checked,\n            type: this.type,\n            name: this.name,\n            value: this.value,\n            validity: this.getValidity(\"input\"),\n        });\n    }\n    emitInputFocus() {\n        this.inputFocus.emit({ id: this.htmlid });\n    }\n    emitInputBlur() {\n        this.inputBlur.emit({ id: this.htmlid });\n    }\n    getValidity(type) {\n        const input = this.hostElement.querySelector(type);\n        return input.validity;\n    }\n    /* START text/password/email/number */\n    getTextAttributes() {\n        return {\n            id: this.htmlid,\n            name: this.name,\n            placeholder: this.placeholder,\n            value: this.value,\n            disabled: this.disabled,\n            readonly: this.readonly,\n            required: this.required,\n            title: this.htmltitle,\n            minlength: this.minlength,\n            maxlength: this.maxlength,\n            class: {\n                [`input-${this.status}`]: !!this.status,\n            },\n            autocomplete: this.autocomplete,\n            onInput: (e) => this.emitInputChange(e.target.value),\n        };\n    }\n    getNumberAttributes(type) {\n        if (type != InputType.NUMBER) {\n            return;\n        }\n        return {\n            min: this.min,\n            max: this.max,\n            step: this.step,\n        };\n    }\n    getPatternAttribute(type) {\n        if (type != InputType.PASSWORD &&\n            type != InputType.TEXT &&\n            type != InputType.TEL &&\n            type != InputType.SEARCH &&\n            type != InputType.URL &&\n            type != InputType.EMAIL) {\n            return;\n        }\n        return {\n            pattern: this.pattern,\n        };\n    }\n    getRoleAttribute() {\n        return this.role ? { role: this.role } : {};\n    }\n    getAriaAttrubutes() {\n        const expanded = this.ariaExpanded ? { \"aria-expanded\": this.ariaExpanded } : {};\n        const controls = this.ariaControls ? { \"aria-controls\": this.ariaControls } : {};\n        const autocomplete = this.ariaAutocomplete ? { \"aria-autocomplete\": this.ariaAutocomplete } : {};\n        const activedescendant = this.ariaActivedescendant ? { \"aria-activedescendant\": this.ariaActivedescendant } : {};\n        return Object.assign(Object.assign(Object.assign(Object.assign({}, expanded), controls), autocomplete), activedescendant);\n    }\n    getFocusBlurAttributes() {\n        return {\n            onFocus: () => this.emitInputFocus(),\n            onBlur: () => this.emitInputBlur(),\n        };\n    }\n    renderInputText(type = InputType.TEXT) {\n        const ariaLabel = this.ariaLabel ? { \"aria-label\": this.ariaLabel } : {};\n        const attr = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel), this.getRoleAttribute()), this.getAriaAttrubutes()), this.getFocusBlurAttributes());\n        if (this.icon || type === InputType.PASSWORD) {\n            Object.assign(attr.class, { \"has-icon\": true });\n        }\n        if (this.hasclearicon && type != InputType.NUMBER) {\n            Object.assign(attr.class, { \"has-clear-icon\": true });\n        }\n        return (h(\"div\", { class: \"text-wrapper\" }, this.renderLabel(), h(\"div\", null, h(\"input\", Object.assign({ type: type === InputType.PASSWORD && !this.passwordHidden ? InputType.TEXT : type }, attr, { ref: (el) => (this.inputRef = el) })), this.renderIcons()), this.renderMessage()));\n    }\n    renderLabel() {\n        if (!this.label) {\n            return;\n        }\n        return (h(\"label\", { class: \"input-label body-5-sb\", id: `${this.htmlid}_label`, htmlFor: this.htmlid }, this.label));\n    }\n    renderIcons() {\n        return (h(\"span\", { class: \"icons-wrapper\" }, this.renderResetIcon(), this.renderIcon()));\n    }\n    renderIcon() {\n        if (this.type === InputType.PASSWORD) {\n            return this.renderShowHidePassword();\n        }\n        if (!this.icon) {\n            return;\n        }\n        return (h(\"z-icon\", { name: this.icon, class: { [this.size]: true, \"input-icon\": true } }));\n    }\n    renderResetIcon() {\n        let hidden = false;\n        if (!this.hasclearicon || !this.value || this.disabled || this.readonly || this.type == InputType.NUMBER) {\n            hidden = true;\n        }\n        return (h(\"button\", { type: \"button\", class: { \"reset-icon\": true, \"input-icon\": true, hidden }, \"aria-label\": \"cancella il contenuto dell'input\", onClick: () => {\n                this.inputRef.value = \"\";\n                this.emitInputChange(\"\");\n            } }, h(\"z-icon\", { name: \"multiply\", class: this.size })));\n    }\n    renderShowHidePassword() {\n        return (h(\"button\", { type: \"button\", class: \"input-icon toggle-password-icon\", disabled: this.disabled, \"aria-label\": this.passwordHidden ? \"mostra password\" : \"nascondi password\", onClick: () => (this.passwordHidden = !this.passwordHidden) }, h(\"z-icon\", { name: this.passwordHidden ? \"view-filled\" : \"view-off-filled\", class: this.size })));\n    }\n    renderMessage() {\n        if (boolean(this.message) === false) {\n            return;\n        }\n        return (h(\"z-input-message\", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));\n    }\n    /* END text/password/email/number */\n    /* START textarea */\n    renderTextarea() {\n        const attributes = this.getTextAttributes();\n        return (h(Fragment, null, this.renderLabel(), h(\"div\", { class: Object.assign(Object.assign({}, attributes.class), { \"textarea-wrapper\": true, \"readonly\": !!attributes.readonly }) }, h(\"textarea\", Object.assign({}, attributes, { class: Object.assign(Object.assign({}, attributes.class), { \"z-scrollbar\": true }), \"aria-label\": this.ariaLabel || undefined }, this.getRoleAttribute()))), this.renderMessage()));\n    }\n    /* END textarea */\n    handleCheck(ev) {\n        this.checked = ev.target.checked;\n        this.emitInputCheck(this.checked);\n    }\n    /* START checkbox */\n    renderCheckbox() {\n        return (h(\"div\", { class: \"checkbox-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"checkbox\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n                \"checkbox-label\": true,\n                \"after\": this.labelPosition === LabelPosition.RIGHT,\n                \"before\": this.labelPosition === LabelPosition.LEFT,\n            } }, h(\"z-icon\", { name: this.checked ? \"checkbox-checked\" : \"checkbox\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n    }\n    /* END checkbox */\n    /* START radio */\n    renderRadio() {\n        return (h(\"div\", { class: \"radio-wrapper\" }, h(\"input\", Object.assign({ id: this.htmlid, type: \"radio\", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute(), this.getFocusBlurAttributes())), h(\"label\", { htmlFor: this.htmlid, class: {\n                \"radio-label\": true,\n                \"after\": this.labelPosition === LabelPosition.RIGHT,\n                \"before\": this.labelPosition === LabelPosition.LEFT,\n            } }, h(\"z-icon\", { name: this.checked ? \"radio-button-checked\" : \"radio-button\", class: this.size }), this.label && h(\"span\", { innerHTML: this.label }))));\n    }\n    /* END radio */\n    render() {\n        let input;\n        switch (this.type) {\n            case InputType.TEXTAREA:\n                input = this.renderTextarea();\n                break;\n            case InputType.CHECKBOX:\n                input = this.renderCheckbox();\n                break;\n            case InputType.RADIO:\n                input = this.renderRadio();\n                break;\n            default:\n                input = this.renderInputText(this.type);\n        }\n        return h(Host, { key: '716ee8b89dbfeffedfdbfa8785c3994a94c44f44' }, input);\n    }\n    static get is() { return \"z-input\"; }\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            \"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 input element\"\n                },\n                \"attribute\": \"htmlid\",\n                \"reflect\": false,\n                \"defaultValue\": \"`id-${randomId()}`\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputType\",\n                    \"resolved\": \"InputType.CHECKBOX | InputType.EMAIL | InputType.NUMBER | InputType.PASSWORD | InputType.RADIO | InputType.SEARCH | InputType.TEL | InputType.TEXT | InputType.TEXTAREA | InputType.URL\",\n                    \"references\": {\n                        \"InputType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::InputType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input types\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            },\n            \"name\": {\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\": \"the input name\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"label\": {\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\": \"the input label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": 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\": \"the input aria-label\"\n                },\n                \"attribute\": \"aria-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"ariaExpanded\": {\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 input aria-expaded: available for text, password, number, email\"\n                },\n                \"attribute\": \"aria-expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"ariaControls\": {\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\": \"the input aria-controls (optional): available for text, password, number, email\"\n                },\n                \"attribute\": \"aria-controls\",\n                \"reflect\": false\n            },\n            \"ariaAutocomplete\": {\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\": \"the input aria-autocomplete (optional): available for text, password, number, email\"\n                },\n                \"attribute\": \"aria-autocomplete\",\n                \"reflect\": false\n            },\n            \"ariaActivedescendant\": {\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\": \"the input aria-activedescendant (optional): available for text, password, number, email\"\n                },\n                \"attribute\": \"aria-activedescendant\",\n                \"reflect\": false\n            },\n            \"value\": {\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\": \"the input value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"disabled\": {\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\": \"the input is disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\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\": \"the input is readonly\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\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\": \"the input is required (optional): available for text, password, number, email, textarea, checkbox\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"checked: available for checkbox, radio\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false,\n                \"defaultValue\": \"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\": \"the input placeholder (optional)\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false\n            },\n            \"htmltitle\": {\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\": \"the input html title (optional)\"\n                },\n                \"attribute\": \"htmltitle\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputStatus\",\n                    \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n                    \"references\": {\n                        \"InputStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::InputStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the input status (optional): available for text, password, number, email, textarea\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": false\n            },\n            \"message\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input helper message (optional): available for text, password, number, email, textarea - if set to `false` message won't be displayed\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"LabelPosition.LEFT | LabelPosition.RIGHT\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the input label position: available for checkbox, radio\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"LabelPosition.RIGHT\"\n            },\n            \"autocomplete\": {\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\": \"the input has autocomplete option (optional): available for text, password, number, email\"\n                },\n                \"attribute\": \"autocomplete\",\n                \"reflect\": false\n            },\n            \"role\": {\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 input role\"\n                },\n                \"attribute\": \"role\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hasclearicon\": {\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\": \"render clear icon when typing (optional): available for text\"\n                },\n                \"attribute\": \"hasclearicon\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\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\": \"render icon (optional): available for text\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"min\": {\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\": \"min number value (optional): available for number\"\n                },\n                \"attribute\": \"min\",\n                \"reflect\": false\n            },\n            \"minlength\": {\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\": \"Min length value (optional): available for text\"\n                },\n                \"attribute\": \"minlength\",\n                \"reflect\": false\n            },\n            \"max\": {\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\": \"max number value (optional): available for number\"\n                },\n                \"attribute\": \"max\",\n                \"reflect\": false\n            },\n            \"maxlength\": {\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\": \"Max length value (optional): available for text\"\n                },\n                \"attribute\": \"maxlength\",\n                \"reflect\": false\n            },\n            \"step\": {\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\": \"step number value (optional): available for number\"\n                },\n                \"attribute\": \"step\",\n                \"reflect\": false\n            },\n            \"pattern\": {\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\": \"pattern value (optional): available for tel, text, search, url, email, password\"\n                },\n                \"attribute\": \"pattern\",\n                \"reflect\": 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\": true,\n                \"defaultValue\": \"ControlSize.BIG\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isTyping\": {},\n            \"passwordHidden\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"inputChange\",\n                \"name\": \"inputChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on input value change, returns value, validity\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"startTyping\",\n                \"name\": \"startTyping\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when user starts typing\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"stopTyping\",\n                \"name\": \"stopTyping\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when user stops typing, returns value, validity\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"inputCheck\",\n                \"name\": \"inputCheck\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on checkbox check/uncheck, returns id, checked, type, name, value, validity\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"inputFocus\",\n                \"name\": \"inputFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on input focus\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"inputBlur\",\n                \"name\": \"inputBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted on input blur\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"isChecked\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<boolean>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"get checked status\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"inputCheck\",\n                \"method\": \"inputCheckListener\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n",":host {\n  display: flex;\n  min-height: calc(var(--space-unit) * 2.5);\n  align-items: start;\n  margin-top: var(--space-unit);\n  color: var(--color-default-text);\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n}\n\n:host(.small),\n:host(.x-small) {\n  margin-top: calc(var(--space-unit) * 0.5);\n  font-size: var(--font-size-1);\n}\n\n:host([status=\"success\"]) {\n  color: var(--color-hover-success);\n}\n\n:host([status=\"error\"]) {\n  color: var(--color-hover-error);\n}\n\n:host([status=\"warning\"]) {\n  color: var(--color-hover-warning);\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n  --z-icon-right-margin: var(--space-unit);\n\n  margin-top: calc(var(--space-unit) * 0.25);\n}\n\n:host(.small) > z-icon,\n:host(.x-small) > z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n}\n\n:host([disabled]) {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n","import { Host, h } from \"@stencil/core\";\nexport class ZInputMessage {\n    constructor() {\n        this.statusIcons = {\n            success: \"checkmark-circle\",\n            error: \"multiply-circled\",\n            warning: \"exclamation-circle\",\n        };\n        this.message = undefined;\n        this.status = undefined;\n        this.disabled = undefined;\n        this.statusRole = {};\n    }\n    onMessageChange() {\n        this.statusRole = this.message && this.status ? { role: \"alert\" } : {};\n    }\n    componentWillLoad() {\n        this.onMessageChange();\n    }\n    render() {\n        return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { \"aria-label\": this.message }), this.statusIcons[this.status] && this.message && h(\"z-icon\", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h(\"span\", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));\n    }\n    static get is() { return \"z-input-message\"; }\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            \"message\": {\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\": \"input helper message\"\n                },\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputStatus\",\n                    \"resolved\": \"InputStatus.ERROR | InputStatus.SUCCESS | InputStatus.WARNING\",\n                    \"references\": {\n                        \"InputStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::InputStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"input status (optional)\"\n                },\n                \"attribute\": \"status\",\n                \"reflect\": true\n            },\n            \"disabled\": {\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\": \"input disabled status (optional)\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"statusRole\": {}\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"message\",\n                \"methodName\": \"onMessageChange\"\n            }, {\n                \"propName\": \"status\",\n                \"methodName\": \"onMessageChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-69c45802.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as s,g as r}from"./p-Cam6wBSi.js";import"./z-tbody.entry.esm.js";import"./z-tfoot.entry.esm.js";import"./z-thead.entry.esm.js";import"./z-tr.entry.esm.js";import"./p-C46tSaXG.js";import"./p-B2-dCTD2.js";import"./p-Q-tWjk7P.js";import"./z-td.entry.esm.js";import"./z-th.entry.esm.js";const a=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=class{constructor(e){t(this,e);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var t;(t=this.expandableMutationObserver)===null||t===void 0?void 0:t.disconnect()}render(){return e(s,{key:"a37bf2d018aedf198e11248d9952c062deddc545",expandable:this.expandable},e("div",{key:"a769b79ee55eb5425bb6c72059437f051967c3b3",class:"table",role:"table"},e("slot",{key:"0ba782144cc2f139484954747d530d6f1c606a0d"})))}get host(){return r(this)}};o.style=a;export{o as z_table};
+//# sourceMappingURL=p-69c45802.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-69c45802.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTable","constructor","hostRef","this","bordered","expandable","updateExpandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-table/index.js"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import { Host, h } from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\nexport class ZTable {\n    constructor() {\n        this.bordered = false;\n        this.expandable = false;\n    }\n    updateExpandable() {\n        this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n    }\n    /**\n     * Setup the table creating a mutation observer for the expandable attribute.\n     */\n    componentWillLoad() {\n        this.expandableMutationObserver = new MutationObserver(() => {\n            this.updateExpandable();\n        });\n        this.expandableMutationObserver.observe(this.host, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: [\"expandable\"],\n            attributeOldValue: false,\n        });\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    render() {\n        return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h(\"div\", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: \"table\", role: \"table\" }, h(\"slot\", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));\n    }\n    static get is() { return \"z-table\"; }\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            \"bordered\": {\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\": \"Whether the table cells should show a border between them.\"\n                },\n                \"attribute\": \"bordered\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"expandable\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kTAAA,MAAMA,EAAY,+T,MCULC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,SAAW,MAChBD,KAAKE,WAAa,KACrB,CACD,gBAAAC,GACIH,KAAKE,WAAaF,KAAKI,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAK9E,iBAAAC,GACIP,KAAKQ,2BAA6B,IAAIC,kBAAiB,KACnDT,KAAKG,kBAAkB,IAE3BH,KAAKQ,2BAA2BE,QAAQV,KAAKI,KAAM,CAC/CO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAG3B,oBAAAC,GACI,IAAIC,GACHA,EAAKjB,KAAKQ,8BAAgC,MAAQS,SAAO,OAAS,EAASA,EAAGC,Y,CAEnF,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CpB,WAAYF,KAAKE,YAAckB,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,QAASC,KAAM,SAAWJ,EAAE,OAAQ,CAAEE,IAAK,8C","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-6aa64881.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-Cam6wBSi.js";const a="ul{padding:0;margin:0}";const n=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"b5e6a660832a1ecb70a654a1019db5c2cc08f485"},this.list&&this.list.map(((a,n)=>i("z-myz-list-item",{listitemid:a.listitemid,text:a.text,link:a.link,linktarget:a.linktarget,icon:a.icon,underlined:t!=n}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};n.style=a;export{n as z_myz_list};
+//# sourceMappingURL=p-6aa64881.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-6aa64881.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzList","constructor","hostRef","this","inputrawdata","undefined","list","componentWillLoad","parseinputrawdata","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"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/styles.css?tag=z-myz-list&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/index.js"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import { h } from \"@stencil/core\";\nexport class ZMyzList {\n    constructor() {\n        this.inputrawdata = undefined;\n        this.list = undefined;\n    }\n    componentWillLoad() {\n        if (this.inputrawdata) {\n            this.parseinputrawdata(this.inputrawdata);\n        }\n    }\n    parseinputrawdata(inputrawdata) {\n        this.list = [...JSON.parse(inputrawdata)];\n    }\n    oninputrawdataChange(newValue) {\n        this.parseinputrawdata(newValue);\n    }\n    render() {\n        const lastElem = this.list ? this.list.length - 1 : -1;\n        return (h(\"ul\", { key: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&\n            this.list.map((bean, i) => (h(\"z-myz-list-item\", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));\n    }\n    static get is() { return \"z-myz-list\"; }\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            \"inputrawdata\": {\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\": \"json stringified list data (mutable, optional)\"\n                },\n                \"attribute\": \"inputrawdata\",\n                \"reflect\": false\n            },\n            \"list\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"ListItem[]\",\n                    \"resolved\": \"ListItem[]\",\n                    \"references\": {\n                        \"ListItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../../beans/index.js\",\n                            \"id\": \"src/beans/index.tsx::ListItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"list item data (mutable, optional)\"\n                }\n            }\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"inputrawdata\",\n                \"methodName\": \"oninputrawdataChange\"\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"2CAAA,MAAMA,EAAY,yB,MCCLC,EAAQ,MACjB,WAAAC,CAAAC,G,UACIC,KAAKC,aAAeC,UACpBF,KAAKG,KAAOD,SACf,CACD,iBAAAE,GACI,GAAIJ,KAAKC,aAAc,CACnBD,KAAKK,kBAAkBL,KAAKC,a,EAGpC,iBAAAI,CAAkBJ,GACdD,KAAKG,KAAO,IAAIG,KAAKC,MAAMN,G,CAE/B,oBAAAO,CAAqBC,GACjBT,KAAKK,kBAAkBI,E,CAE3B,MAAAC,GACI,MAAMC,EAAWX,KAAKG,KAAOH,KAAKG,KAAKS,OAAS,GAAI,EACpD,OAAQC,EAAE,KAAM,CAAEC,IAAK,4CAA8Cd,KAAKG,MACtEH,KAAKG,KAAKY,KAAI,CAACC,EAAMC,IAAOJ,EAAE,kBAAmB,CAAEK,WAAYF,EAAKE,WAAYC,KAAMH,EAAKG,KAAMC,KAAMJ,EAAKI,KAAMC,WAAYL,EAAKK,WAAYC,KAAMN,EAAKM,KAAMC,WAAYZ,GAAYM,M","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-6d0758da.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as n,g as o}from"./p-Cam6wBSi.js";import{w as s}from"./p-B2-dCTD2.js";import{d as e,h as c}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const r=".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";const l=class{constructor(i){t(this,i);this.variant=undefined;this.links=[];this.visible=false;this.visibleLink=""}handleFocusOutSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=false}}handleFocusSkipToContent(t){if(this.isInSkipToContent(t.target)){this.visible=true}}componentDidLoad(){this.showFirstChild()}componentWillRender(){if(this.links){this.links=typeof this.links==="string"?JSON.parse(this.links):this.links}}isInSkipToContent(t){const i=e(t);const n=i.find((t=>t.nodeName.toLowerCase()==="z-skip-to-content"));return!!n}showFirstChild(){var t;const i=(t=this.hostElement.children)===null||t===void 0?void 0:t[0];if(i){this.visibleLink=i.id}}handleLinkClick(){this.visible=false}render(){return i(n,{key:"0d7f1db9f36fdb279d5fb77861adb0f3168d7037",class:{[this.variant]:true,"skip-to-content-visible":this.visible}},this.links.map(((t,n)=>{const o=`skip-to-content-${n}`;return i("div",{class:"link-container"},i("a",{id:o,class:{"body-1-sb":true,"z-link":true,"z-link-underline":true,"z-link-inverse":this.variant===s.DARK,"link-visible":o==this.visibleLink,"link-invisible":o!=this.visibleLink},"aria-label":t.ariaLabel||t.label,href:t.href,onFocus:()=>this.visibleLink=o,onClick:()=>this.handleLinkClick(),onKeyUp:t=>c(t,this.handleLinkClick.bind(this))},t.label))})))}get hostElement(){return o(this)}};l.style=r;export{l as z_skip_to_content};
+//# sourceMappingURL=p-6d0758da.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-6d0758da.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSkipToContent","constructor","hostRef","this","variant","undefined","links","visible","visibleLink","handleFocusOutSkipToContent","e","isInSkipToContent","target","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","_a","firstChild","hostElement","children","id","handleLinkClick","render","h","Host","key","class","map","link","i","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-skip-to-content/index.js"],"sourcesContent":[":host {\n  position: absolute;\n  left: -100%;\n  height: 60px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n  background-color: #24f4ff;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  text-align: center;\n}\n\n:host > .link-container {\n  display: inline-flex;\n  height: 100%;\n  align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n  position: static;\n  display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n  overflow: hidden;\n  width: 0;\n  height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n  width: initial;\n  height: initial;\n}\n\n:host.dark {\n  background-color: var(--color-surface05);\n  color: var(--color-surface01);\n}\n\n:host.light {\n  border: var(--border-size-medium) solid var(--color-surface05);\n  background-color: var(--color-surface01);\n  color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    text-align: start;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .link-container {\n    padding: 0 calc(var(--space-unit) * 3);\n    border-right: var(--border-size-small) solid var(--color-surface05);\n  }\n\n  :host > .link-container > a.z-link.link-invisible {\n    overflow: initial;\n    width: initial;\n    height: initial;\n  }\n\n  :host > .link-container:first-child {\n    padding-left: 0;\n  }\n\n  :host > .link-container:last-child,\n  :host.dark > .link-container:last-child,\n  :host.light > .link-container:last-child {\n    padding-right: 0;\n    border-right: none;\n  }\n\n  :host.dark > .link-container {\n    border-right: var(--border-size-small) solid var(--color-surface01);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ThemeVariant } from \"../../beans\";\nimport { getElementTree, handleKeyboardSubmit } from \"../../utils/utils\";\n/**\n * Component short description.\n */\nexport class ZSkipToContent {\n    constructor() {\n        this.variant = undefined;\n        this.links = [];\n        this.visible = false;\n        this.visibleLink = \"\";\n    }\n    handleFocusOutSkipToContent(e) {\n        if (this.isInSkipToContent(e.target)) {\n            this.visible = false;\n        }\n    }\n    handleFocusSkipToContent(e) {\n        if (this.isInSkipToContent(e.target)) {\n            this.visible = true;\n        }\n    }\n    componentDidLoad() {\n        this.showFirstChild();\n    }\n    componentWillRender() {\n        if (this.links) {\n            this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n        }\n    }\n    isInSkipToContent(elem) {\n        const tree = getElementTree(elem);\n        const menuParent = tree.find((elem) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n        return !!menuParent;\n    }\n    showFirstChild() {\n        var _a;\n        const firstChild = (_a = this.hostElement.children) === null || _a === void 0 ? void 0 : _a[0];\n        if (firstChild) {\n            this.visibleLink = firstChild.id;\n        }\n    }\n    handleLinkClick() {\n        this.visible = false;\n    }\n    render() {\n        return (h(Host, { key: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {\n                [this.variant]: true,\n                \"skip-to-content-visible\": this.visible,\n            } }, this.links.map((link, i) => {\n            const id = `skip-to-content-${i}`;\n            return (h(\"div\", { class: \"link-container\" }, h(\"a\", { id: id, class: {\n                    \"body-1-sb\": true,\n                    \"z-link\": true,\n                    \"z-link-underline\": true,\n                    \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n                    \"link-visible\": id == this.visibleLink,\n                    \"link-invisible\": id != this.visibleLink,\n                }, \"aria-label\": link.ariaLabel || link.label, href: link.href, onFocus: () => (this.visibleLink = id), onClick: () => this.handleLinkClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this)) }, link.label)));\n        })));\n    }\n    static get is() { return \"z-skip-to-content\"; }\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\": \"ThemeVariant\",\n                    \"resolved\": \"ThemeVariant.DARK | ThemeVariant.LIGHT\",\n                    \"references\": {\n                        \"ThemeVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::ThemeVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Graphical variant: `dark`, `light`.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true\n            },\n            \"links\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string | SkipToContentLink[]\",\n                    \"resolved\": \"SkipToContentLink[] | string\",\n                    \"references\": {\n                        \"SkipToContentLink\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::SkipToContentLink\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Array to fill link into skip-content\"\n                },\n                \"attribute\": \"links\",\n                \"reflect\": false,\n                \"defaultValue\": \"[]\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"visible\": {},\n            \"visibleLink\": {}\n        };\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"focusout\",\n                \"method\": \"handleFocusOutSkipToContent\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"focusin\",\n                \"method\": \"handleFocusSkipToContent\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"gKAAA,MAAMA,EAAY,y3D,MCMLC,EAAc,MACvB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,UACfF,KAAKG,MAAQ,GACbH,KAAKI,QAAU,MACfJ,KAAKK,YAAc,EACtB,CACD,2BAAAC,CAA4BC,GACxB,GAAIP,KAAKQ,kBAAkBD,EAAEE,QAAS,CAClCT,KAAKI,QAAU,K,EAGvB,wBAAAM,CAAyBH,GACrB,GAAIP,KAAKQ,kBAAkBD,EAAEE,QAAS,CAClCT,KAAKI,QAAU,I,EAGvB,gBAAAO,GACIX,KAAKY,gB,CAET,mBAAAC,GACI,GAAIb,KAAKG,MAAO,CACZH,KAAKG,aAAeH,KAAKG,QAAU,SAAWW,KAAKC,MAAMf,KAAKG,OAASH,KAAKG,K,EAGpF,iBAAAK,CAAkBQ,GACd,MAAMC,EAAOC,EAAeF,GAC5B,MAAMG,EAAaF,EAAKG,MAAMJ,GAASA,EAAKK,SAASC,gBAAkB,sBACvE,QAASH,C,CAEb,cAAAP,GACI,IAAIW,EACJ,MAAMC,GAAcD,EAAKvB,KAAKyB,YAAYC,YAAc,MAAQH,SAAO,OAAS,EAASA,EAAG,GAC5F,GAAIC,EAAY,CACZxB,KAAKK,YAAcmB,EAAWG,E,EAGtC,eAAAC,GACI5B,KAAKI,QAAU,K,CAEnB,MAAAyB,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAACjC,KAAKC,SAAU,KAChB,0BAA2BD,KAAKI,UAC/BJ,KAAKG,MAAM+B,KAAI,CAACC,EAAMC,KAC3B,MAAMT,EAAK,mBAAmBS,IAC9B,OAAQN,EAAE,MAAO,CAAEG,MAAO,kBAAoBH,EAAE,IAAK,CAAEH,GAAIA,EAAIM,MAAO,CAC9D,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,iBAAkBjC,KAAKC,UAAYoC,EAAaC,KAChD,eAAgBX,GAAM3B,KAAKK,YAC3B,iBAAkBsB,GAAM3B,KAAKK,aAC9B,aAAc8B,EAAKI,WAAaJ,EAAKK,MAAOC,KAAMN,EAAKM,KAAMC,QAAS,IAAO1C,KAAKK,YAAcsB,EAAKgB,QAAS,IAAM3C,KAAK4B,kBAAmBgB,QAAUrC,GAAMsC,EAAqBtC,EAAGP,KAAK4B,gBAAgBkB,KAAK9C,QAAUmC,EAAKK,OAAO,I","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-71c28d19.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as s}from"./p-Cam6wBSi.js";const r=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-background\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";const a=class{constructor(e){o(this,e);this.sticky=false}render(){return e(s,{key:"8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac",role:"rowgroup"},e("slot",{key:"2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3"}))}};a.style=r;export{a as z_thead};
+//# sourceMappingURL=p-71c28d19.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-71c28d19.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZThead","constructor","hostRef","this","sticky","render","h","Host","key","role"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-thead/index.js"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\nexport class ZThead {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: \"rowgroup\" }, h(\"slot\", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));\n    }\n    static get is() { return \"z-thead\"; }\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            \"sticky\": {\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\": \"If true, the header will be stuck to the top of the table.\"\n                },\n                \"attribute\": \"sticky\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,sR,MCKLC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,OAAS,KACjB,CACD,MAAAC,GACI,OAAQC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,YAAcH,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-752d72d8.entry.js

@@ -0,0 +1,2 @@
+import{h as t,F as e,r as i,c as a,H as n,g as s}from"./p-Cam6wBSi.js";import{K as o,C as r,B as l,T as h,O as c}from"./p-B2-dCTD2.js";import{B as d}from"./p-Q-tWjk7P.js";import{c as u}from"./p-C46tSaXG.js";const f=':host{position:relative;display:block;box-shadow:var(--shadow-2)}:host,*{box-sizing:border-box}.heading-panel{--title-line-height:1.333;--title-font-size:var(--font-size-6);position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width, 100%);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:calc(var(--space-unit) * 2);margin:0 auto;background:var(--app-header-bg, var(--color-surface01))}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-panel.has-menubar{padding-bottom:0}.heading-panel .heading-container{flex-direction:column-reverse}:host([enable-search]) .heading-panel .heading-container{flex-direction:column}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:row}.heading-title{display:flex;width:100%;flex-direction:row;align-items:flex-start}.heading-title:not(:last-child){margin-right:var(--space-unit)}.z-logo,.search-page-button{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.z-logo img{height:24px;margin:0 var(--space-unit) 0 0;content:url(\'data:image/svg+xml,<svg width="61" height="32" viewBox="0 0 61 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z" fill="%23E2011A"/><path d="M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z" fill="white"/><path d="M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z" fill="%23E2011A"/><path d="M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z" fill="white"/><path d="M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z" fill="white"/></svg>\')}.product-logo{display:none}.product-logo ::slotted([slot="product-logo"]){width:32px;height:32px;margin-right:var(--space-unit)}.product-logo ::slotted([slot="product-logo"]) img{width:100%;height:100%;object-fit:cover}::slotted([slot="title"]),::slotted([slot="stucked-title"]),.stucked-title{margin:0;color:var(--app-header-text-color, var(--color-default-text));font-family:var(--font-family-serif);font-weight:var(--font-sb)}::slotted([slot="title"]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:var(--title-font-size);-webkit-line-clamp:2;line-clamp:2;line-height:var(--title-line-height);text-overflow:ellipsis}::slotted(a:is([slot="title"],[slot="stucked-title"])){text-decoration:none}:host([enable-search]) ::slotted([slot="title"])+*{margin-left:calc(var(--space-unit) * 2)}:host([enable-offcanvas]:not([menu-length="0"])) .top-subtitle{padding-left:calc(var(--space-unit) * 4 + var(--space-unit))}::slotted([slot="top-subtitle"]){display:-webkit-box;overflow:hidden;max-width:80%;margin:0;-webkit-box-orient:vertical;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-style:italic;font-weight:var(--font-rg);-webkit-line-clamp:2;line-clamp:2}.search-page-button{margin-left:auto}.menu-container{display:flex;flex:1 auto;column-gap:calc(var(--space-unit) * 4)}.menu-container:focus:focus-visible{outline:none}:host([menu-length="0"]) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted([slot="menu"]:not(:last-child))::after{position:absolute;top:calc(1.5em / 2);right:calc(var(--space-unit) * -2);width:var(--border-size-small);height:1em;background-color:var(--color-default-icon);content:"";font-size:var(--font-size-3);transform:translateY(-50%)}z-searchbar{z-index:0;display:flex;width:100%;align-items:center}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset, 48px);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg, var(--color-surface01));box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color, var(--color-default-text))}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width, 100%);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title{--title-font-size:var(--font-size-5);--title-line-height:1.4;overflow:hidden;align-items:center}.heading-stuck .stucked-title{overflow:hidden;font-size:var(--title-font-size);line-height:var(--title-line-height);text-overflow:ellipsis;white-space:nowrap}.drawer-trigger{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center;padding:0;border:0;margin-right:var(--space-unit);appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer;outline:none}.drawer-trigger:focus:focus-visible z-icon{box-shadow:var(--shadow-focus-primary)}.drawer-trigger z-icon{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.drawer-content{display:none}z-offcanvas{--z-offcanvas--top-space:var(--app-header-top-offset)}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;cursor:pointer;outline:none}.drawer-close z-icon{fill:var(--color-default-icon)}.drawer-close:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}@media (max-width: 767px){:host([enable-search]) .heading-panel .heading-container{row-gap:calc(var(--space-unit) * 1.5)}}@media (min-width: 768px){.heading-panel{--title-font-size:var(--font-size-9);padding:calc(var(--space-unit) * 1.5) var(--grid-margin) calc(var(--space-unit) * 1.25)}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:column}.heading-panel .heading-container{flex-direction:column;margin-right:auto}.z-logo img{height:32px}.product-logo{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}z-searchbar{width:30%;height:calc(var(--title-font-size) * var(--title-line-height));margin-left:auto}.menu-container{flex:initial}.menu-container>[role="menubar"]{display:contents}:host(:not([enable-offcanvas])) .menu-container{margin-top:calc((var(--space-unit) * 1.75))}:host(:not([enable-offcanvas])) .heading-container .drawer-trigger{display:none}.heading-stuck .heading-title{--title-font-size:var(--font-size-8);--title-line-height:1.5}.heading-stuck-content{padding:6px var(--grid-margin)}:host(:not([enable-offcanvas],[menu-length="0"])){padding-left:0}}@media (min-width: 1152px){z-searchbar{min-width:calc(var(--space-unit) * 45)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const g=typeof IntersectionObserver!=="undefined";const p=class{onStuck(){const t=this.scrollParent;if(!t){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}this.menuElements.forEach((t=>{t.open=false;t.verticalContext=this.drawerOpen}))}onStuckChange(){var t,e;if(!this.container){return}if(this.stuck){(t=this.stuckIntersecObserver)===null||t===void 0?void 0:t.observe(this.container)}else{this._stuck=false;(e=this.stuckIntersecObserver)===null||e===void 0?void 0:e.unobserve(this.container)}}get title(){var t;return(t=this.hostElement.querySelector('[slot="title"]'))===null||t===void 0?void 0:t.textContent.trim()}get scrollParent(){const t=this.hostElement.offsetParent;if(t===document.body||t===document.documentElement){return window}return t}get canShowMenu(){return!this.enableOffcanvas&&this.menuElements.length>0&&!this.isMobile&&!this.drawerOpen}get focusableMenu(){return this.menuElements.find((t=>t.htmlTabindex===0))}openDrawer(){this.drawerOpen=true;this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));setTimeout((()=>this.menuElements[0].setFocus()),400)}closeDrawer(){this.drawerOpen=false;setTimeout((()=>this.burgerButton.focus()),100)}collectMenuElements(){this.menuElements=Array.from(this.hostElement.querySelectorAll('[slot="menu"]'));this.menuElements.forEach(((t,e)=>t.htmlTabindex=e===0?0:-1));this.menuLength=this.menuElements.length;if(!this.enableOffcanvas){this.menuWidth=this.menuElements.reduce(((t,e)=>t+e.getBoundingClientRect().width),0)+(this.menuLength-1)*32}this.setMenuFloatingMode()}setupMenuResizeObserver(){if(this.enableOffcanvas){return}this.menuResizeObserver=new ResizeObserver((t=>{if(this.isMobile){this.enableOffcanvas=true;return}const e=t[0].contentBoxSize[0].inlineSize;if(this.menuWidth===0){return}if(this.menuWidth>e&&!this.enableOffcanvas){this.enableOffcanvas=true}else if(this.menuWidth<=e&&this.enableOffcanvas){this.enableOffcanvas=false}}));this.menuResizeObserver.observe(this.container)}hasSlot(t){return this.hostElement.querySelector(`[slot="${t}"]`)!==null}moveFocus(t,e){t.htmlTabindex=-1;e.setFocus()}onOffcanvasKeydown(t){var e,i;if(t.key!==o.TAB||!this.drawerOpen){return}const a=t.target.closest("z-menu");if(a){t.preventDefault();t.stopPropagation();a.htmlTabindex=0;this.closeDrawerButton.focus()}else if(t.target===this.closeDrawerButton){t.preventDefault();t.stopPropagation();if(t.shiftKey){((e=this.menuElements.filter((t=>t.open)).pop())!==null&&e!==void 0?e:this.menuElements[this.menuLength-1]).setFocus()}else{((i=this.menuElements.find((t=>t.open)))!==null&&i!==void 0?i:this.menuElements[0]).setFocus()}}}manageMenus(t){const e=this.menuElements.find((e=>u(e,t.target)));if(e){this.menuElements.forEach((t=>{if(t===e){return}t.htmlTabindex=-1;if(!this.drawerOpen){t.open=false}}))}else if(!this.drawerOpen){this.menuElements.forEach((t=>{t.open=false}))}}handleKeydown(t){var e,i;if(t.key===o.ESC&&this.drawerOpen){this.closeDrawer();return}if(!this.menuElements.some((e=>e.contains(t.target)))){return}const a=this.focusableMenu;const n=this.menuElements.indexOf(a);let s;if(t.key===o.ARROW_RIGHT&&!a.verticalContext||t.key===o.ARROW_DOWN&&a.verticalContext){s=(e=this.menuElements[n+1])!==null&&e!==void 0?e:this.menuElements[0]}else if(t.key===o.ARROW_LEFT&&!a.verticalContext||t.key===o.ARROW_UP&&a.verticalContext){s=(i=this.menuElements[n-1])!==null&&i!==void 0?i:this.menuElements[this.menuLength-1]}if(!s){return}if(t.key===o.ARROW_UP&&a.verticalContext){if(s.open){a.htmlTabindex=-1;s.focusLastItem();return}}this.moveFocus(a,s)}renderSeachbar(){if(this.isMobile&&!this.searchPageUrl&&this._stuck){return}if(this.searchPageUrl&&(this.isMobile||this.isTablet)){return t("z-button",{class:"search-page-button",variant:l.SECONDARY,href:this.searchPageUrl,icon:"search",size:r.X_SMALL})}return t("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:this.isMobile||this.isTablet,size:r.X_SMALL,variant:l.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:t=>this.searchString=t.detail})}renderProductLogos(){return t(e,null,this.enableZLogo&&t("span",{class:"z-logo"},t("img",{alt:"Logo Zanichelli"})),this.hostElement.querySelector("[slot='product-logo']")&&t("span",{class:"product-logo"},t("slot",{name:"product-logo"})))}renderMenuButton(){return this.menuLength>0&&(this.enableOffcanvas||this._stuck||this.isMobile)&&t("button",{ref:t=>this.burgerButton=t,class:"drawer-trigger","aria-label":"Apri menu","aria-haspopup":"menu","aria-expanded":`${this.drawerOpen}`,"aria-controls":"offcanvas-menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"}))}renderOffcanvas(){return t("z-offcanvas",{id:"offcanvas-menu",variant:c.OVERLAY,transitiondirection:h.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:t=>this.drawerOpen=t.detail,onKeyDown:this.onOffcanvasKeydown},t("div",{slot:"canvasContent"},t("button",{ref:t=>this.closeDrawerButton=t,class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,"aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},t("z-icon",{name:"close"})),t("div",{class:"drawer-content","aria-hidden":`${!this.drawerOpen}`},t("slot",{name:"menu",onSlotchange:this.collectMenuElements}))))}renderStuck(){return t("div",{class:"heading-stuck"},t("div",{class:"heading-stuck-content"},this.renderMenuButton(),t("div",{class:"heading-title"},this.renderProductLogos(),t("div",{class:"stucked-title"},t("slot",{name:"stucked-title"},this.title))),this.enableSearch&&this.renderSeachbar()))}constructor(t){i(this,t);this.sticking=a(this,"sticking",7);this.menuElements=[];this.stuckIntersecObserver=g?new IntersectionObserver((([t])=>{this._stuck=!t.isIntersecting}),{threshold:.5}):undefined;this.stuck=false;this.enableOffcanvas=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this.enableZLogo=true;this.drawerOpen=false;this._stuck=false;this.menuLength=undefined;this.isMobile=true;this.isTablet=false;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this);this.onOffcanvasKeydown=this.onOffcanvasKeydown.bind(this)}componentWillLoad(){this.collectMenuElements();const t=window.matchMedia(`(max-width: ${d.MOBILE}px)`);this.isMobile=t.matches;t.addEventListener("change",(t=>this.isMobile=t.matches));const e=window.matchMedia(`(min-width: ${d.MOBILE+1}px) and (max-width: ${d.TABLET}px)`);this.isTablet=e.matches;e.addEventListener("change",(t=>this.isTablet=t.matches))}componentDidLoad(){this.onStuckChange();this.setupMenuResizeObserver()}disconnectedCallback(){var t;(t=this.menuResizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){const e=this.hasSlot("top-subtitle");return t(n,{key:"607b7e24e9f285a68b2b060594d7f05e1858d5cb","menu-length":this.menuLength},t("div",{key:"de8f54eeebf6566e213aa26f938de37837a4eaee",class:{"heading-panel":true,"has-menubar":this.menuLength>0&&!this.enableOffcanvas},ref:t=>this.container=t},t("div",{key:"f11b563767f199727353f296321d0668f8444465",class:"heading-container"},(!this.enableSearch&&this.isMobile||!this.isMobile)&&t("div",{key:"19345fabd859f0d6bad18ee1cdb1c03d959f888a",class:"top-subtitle"},t("slot",{key:"47a905ab7dc9c88c99d296bc57021bb15ce5ca12",name:"top-subtitle"})),t("div",{key:"c2143a9324af347082cdd40584622818f631cea3",class:"heading-title"},this.renderMenuButton(),!e&&!this._stuck&&this.renderProductLogos(),t("slot",{key:"90ebc7860504f24edf3b4380d716eedf4674ccab",name:"title"}),this.enableSearch&&!this.isMobile&&this.renderSeachbar()),this.enableSearch&&this.isMobile&&this.renderSeachbar()),t("nav",{key:"43fb23d049539010c329b0b4c03df3651ad0962b",class:"menu-container","aria-label":this.title||undefined},this.canShowMenu&&t("div",{key:"e08c4cd11e0fb472ae66ed70c7129977175eaa1c",role:"menubar","aria-label":this.title||undefined},t("slot",{key:"5daa80b2f4cd1274f2cf564d29677a2c426a4359",name:"menu",onSlotchange:this.collectMenuElements})))),this.renderOffcanvas(),this._stuck&&this.renderStuck())}get hostElement(){return s(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckChange"]}}};p.style=f;export{p as z_app_header};
+//# sourceMappingURL=p-752d72d8.entry.js.map