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

package/dist/zanichelli-it-frontend-kit/p-3f49652c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as t,H as i,g as r}from"./p-Cam6wBSi.js";import{C as n,B as h,T as o,O as s}from"./p-B2-dCTD2.js";const p=':host{--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-content-max-width:100%;--app-header-height:auto;--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-surface01);--app-header-stucked-bg:var(--color-surface01);--app-header-text-color:var(--color-default-text);--app-header-title-font-size:var(--app-header-typography-3-size);--app-header-title-lineheight:var(--app-header-typography-3-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-3-tracking);--app-header-stucked-text-color:var(--color-default-text);position:relative;display:block;height:var(--app-header-height);color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--grid-margin);margin:0 auto;background:var(--app-header-bg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5)}.hero-container+.heading-panel{background:transparent}: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-title{display:flex;max-width:100%;flex-direction:row;align-items:flex-start;column-gap:calc(var(--space-unit) * 2)}::slotted([slot="title"]),.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-weight:var(--font-bd)}::slotted([slot="title"]){font-size:var(--app-header-title-font-size);letter-spacing:var(--app-header-title-letter-spacing);line-height:var(--app-header-title-lineheight)}.heading-stuck .heading-title>*,::slotted([slot="stucked-title"]){font-size:var(--app-header-typography-3-size);letter-spacing:var(--app-header-typography-3-tracking);line-height:var(--app-header-typography-3-lineheight)}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2))}::slotted([slot="top-subtitle"]),::slotted([slot="subtitle"]){margin:0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;line-height:26px}::slotted([slot="subtitle"]){font-weight:500}::slotted([slot="top-subtitle"]){font-weight:400}.menu-container{display:flex;width:100%;flex:1 auto;flex-flow:row wrap}:host([menu-length="0"]:not([enable-search])) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}z-searchbar{z-index:0;display:flex;width:auto;min-width:calc(var(--space-unit) * 32);flex:1 auto;align-items:center;margin-left:auto}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto;column-gap:calc(var(--space-unit) * 2)}.heading-stuck .heading-title{overflow:hidden}.heading-stuck .heading-title>*,.heading-stuck .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-stuck-content z-button{margin-left:auto}.drawer-trigger{padding:0;border:0;margin:0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.heading-container :is(.drawer-trigger,z-button.search-page-button){display:flex;height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));align-items:center}.heading-container z-button.search-page-button{margin-left:auto}.drawer-content{display:none}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column;row-gap:calc(var(--space-unit) * 2.5)}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu){--z-menu-label-color:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:"";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media (min-width: 768px){:host{--app-header-title-font-size:var(--app-header-typography-6-size);--app-header-title-lineheight:var(--app-header-typography-6-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-6-tracking)}.heading-panel{flex-flow:row wrap;align-items:center;padding-bottom:calc(var(--space-unit) * 2)}.heading-container{margin-right:auto}:host(:is([flow="offcanvas"],[menu-length="0"])) :is(.heading-container,.menu-container){width:auto}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}.menu-container{flex:initial;align-items:center}:host([menu-length="0"]) .menu-container:not(:empty){height:calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight))}:host(:not([flow="offcanvas"])) .menu-container{gap:var(--space-unit) calc(var(--space-unit) * 5)}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}}@media (min-width: 1152px){:host{--app-header-title-font-size:var(--app-header-typography-7-size);--app-header-title-lineheight:var(--app-header-typography-7-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-7-tracking)}.heading-panel{justify-content:flex-start;padding-bottom:calc(var(--space-unit) * 3)}.heading-container,.menu-container{width:auto}:host([flow="stack"]) .heading-panel{flex-flow:column;align-items:flex-start}:host([flow="stack"]) .menu-container{width:100%}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-panel{row-gap:calc(var(--space-unit) * 3)}z-searchbar{min-width:calc(var(--space-unit) * 45);flex:initial}}@media (min-width: 1366px){:host{--app-header-title-font-size:var(--app-header-typography-9-size);--app-header-title-lineheight:var(--app-header-typography-9-lineheight);--app-header-title-letter-spacing:var(--app-header-typography-9-tracking)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const c=typeof IntersectionObserver!=="undefined";const d=class{constructor(t){e(this,t);this.sticking=a(this,"sticking",7);this.observer=c&&new IntersectionObserver((([e])=>{this._stuck=!e.isIntersecting}),{threshold:.5});this.stuck=false;this.hero=undefined;this.overlay=false;this.flow="auto";this.drawerOpen=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.searchPageUrl=undefined;this._stuck=false;this.currentViewport="mobile";this.menuLength=undefined;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this)}evaluateViewport(){if(window.innerWidth<768){this.currentViewport="mobile"}else if(window.innerWidth>=768&&window.innerWidth<1152){this.currentViewport="tablet"}else{this.currentViewport="desktop"}}onStuck(){const e=this.scrollParent;if(!e){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}const e=this.menuElements;e.forEach((e=>{e.open=false;e.floating=!this.drawerOpen;e.verticalContext=this.drawerOpen}))}get title(){const e=this.hostElement.querySelector('[slot="title"]');if(e===null){return""}return e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;if(e===document.body||e===document.documentElement){return window}return e}get canShowMenu(){return this.flow!=="offcanvas"&&this.currentViewport!=="mobile"&&!this.drawerOpen}get canShowSearchbar(){if(!this.enableSearch){return false}if(this.searchPageUrl){return this.currentViewport==="desktop"}return true}get hasHero(){return!!this.hero||this.hostElement.querySelector("[slot=hero]")!==null}openDrawer(){this.drawerOpen=true}closeDrawer(){this.drawerOpen=false}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length;this.setMenuFloatingMode()}enableStuckObserver(){if(this.observer){this.observer.observe(this.container)}}disableStuckMode(){this._stuck=false;if(this.observer){this.observer.unobserve(this.container)}}onStuckMode(){if(this.stuck){this.enableStuckObserver()}else{this.disableStuckMode()}}renderSearchLinkButton(){if(!this.enableSearch||!this.searchPageUrl||this.currentViewport==="desktop"){return null}return t("z-button",{class:"search-page-button",variant:h.SECONDARY,href:this.searchPageUrl,icon:"search",size:n.X_SMALL})}renderSeachbar(e){return t("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,showSearchButton:true,searchButtonIconOnly:e,size:n.X_SMALL,variant:h.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:e=>this.searchString=e.detail})}componentDidLoad(){this.collectMenuElements();this.onStuckMode();this.evaluateViewport()}render(){return t(i,{key:"1c345c1bfece133ca47e12f08f3707e92a9a3650","menu-length":this.menuLength},this.hasHero&&t("div",{key:"ec380161c53681ed14d817bcc85c1b5ebcc7d2b9",class:"hero-container"},t("slot",{key:"3e3f0c1a591eb0fc24cc7ec3ebde8829920920b4",name:"hero"},this.hero&&t("img",{key:"0ac5d15f851943796fe57a89c5161b45254f7897",alt:"",src:this.hero}))),t("div",{key:"1bc128eff8bfee60e0fbac28a43ef241568a3421",class:"heading-panel",ref:e=>this.container=e},t("div",{key:"982a82c94a98bc00e4fd540cf94c4c425038d9c0",class:"heading-container"},t("div",{key:"786634064010c20967b687a8567fbb82aaf5f126",class:"heading-subtitle"},t("slot",{key:"792f28fea8a7661420d73677f9a4cfb618886110",name:"top-subtitle"})),t("div",{key:"eb3eafd4e36b218a617c1802c3e6a0563aba75e3",class:"heading-title"},this.menuLength>0&&t("button",{key:"f66165640eb1f3e640498f4231b02429a9833ce9",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{key:"15a01b76828bb7d64c889a68f5077655910d8583",name:"burger-menu"})),t("slot",{key:"9e1038f99339df83e82a63aede899e8ff9aa3725",name:"title"}),this.renderSearchLinkButton()),t("div",{key:"72726562d475b5f4edf19b6b88a89ef9ea1518b3",class:"heading-subtitle"},t("slot",{key:"0206b4d6da11862121b9cac5a6e87ffccd822089",name:"subtitle"}))),(this.canShowMenu||this.canShowSearchbar)&&t("div",{key:"8c09854d5db8b1af53559ee77adc18c5e9e21836",class:"menu-container"},this.canShowMenu&&t("slot",{key:"873b577cabe6b6e37c9a00f15ae8da2cdb6dec61",name:"menu",onSlotchange:this.collectMenuElements}),this.canShowSearchbar&&this.renderSeachbar(this.currentViewport!=="desktop"))),t("z-offcanvas",{key:"8cea6d5468f2553434242881817309dbf12601b3",variant:s.OVERLAY,transitiondirection:o.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail},t("button",{key:"3be458375ddaa738d40cb41f93a07616952debc2",class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},t("z-icon",{key:"c14c99a56f4083af6c334a74f613f1a44406ad23",name:"close"})),t("div",{key:"d52312a4e74258d446564f606c0cf868d9dfac7d",class:"drawer-content",slot:"canvasContent","aria-hidden":`${!this.drawerOpen}`},t("slot",{key:"d3eebb48c21c2269e45eb686c116c22859bfab19",name:"menu",onSlotchange:this.collectMenuElements}))),this._stuck&&t("div",{key:"c005b81f7f6567005b82c03abc66a89cf6a5d731",class:"heading-stuck"},t("div",{key:"18ea0f8aaed6543744c829baa726e3d17fe4cc1a",class:"heading-stuck-content"},this.menuLength>0&&t("button",{key:"32df9acac12f1b9f778236f36f9b4dca5f950907",class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{key:"c6835bbf121417630f5fcddc825258c4f07c6412",name:"burger-menu"})),t("div",{key:"a0f631f812478aea4ea6c33088ce8128531d4c5f",class:"heading-title"},t("slot",{key:"206733fd6de7eed0f1333a221880e046fdf4282d",name:"stucked-title"},this.title)),this.renderSearchLinkButton(),this.canShowSearchbar&&this.currentViewport==="desktop"&&this.renderSeachbar(false))))}get hostElement(){return r(this)}static get watchers(){return{_stuck:["onStuck"],drawerOpen:["setMenuFloatingMode"],stuck:["onStuckMode"]}}};d.style=p;export{d as z_app_header_deprecated};
+//# sourceMappingURL=p-3f49652c.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-3f49652c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","SUPPORT_INTERSECTION_OBSERVER","IntersectionObserver","ZAppHeaderDeprecated","constructor","hostRef","this","observer","entry","_stuck","isIntersecting","threshold","stuck","hero","undefined","overlay","flow","drawerOpen","enableSearch","searchPlaceholder","searchString","searchPageUrl","currentViewport","menuLength","openDrawer","bind","closeDrawer","collectMenuElements","evaluateViewport","window","innerWidth","onStuck","scrollParent","sticking","emit","setMenuFloatingMode","menuElements","length","elements","forEach","element","open","floating","verticalContext","title","titleElement","hostElement","querySelector","textContent","trim","parent","offsetParent","document","body","documentElement","canShowMenu","canShowSearchbar","hasHero","querySelectorAll","enableStuckObserver","observe","container","disableStuckMode","unobserve","onStuckMode","renderSearchLinkButton","h","class","variant","ButtonVariant","SECONDARY","href","icon","size","ControlSize","X_SMALL","renderSeachbar","searchButtonIconOnly","value","placeholder","showSearchButton","preventSubmit","onSearchTyping","e","detail","componentDidLoad","render","Host","key","name","alt","src","ref","el","onClick","onSlotchange","OffCanvasVariant","OVERLAY","transitiondirection","TransitionDirection","RIGHT","onCanvasOpenStatusChanged","ev","slot","disabled"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-app-header-deprecated/styles.css?tag=z-app-header-deprecated&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/deprecated/z-app-header-deprecated/index.js"],"sourcesContent":[":host {\n  --app-header-typography-1-size: 24px;\n  --app-header-typography-2-size: 28px;\n  --app-header-typography-3-size: 32px;\n  --app-header-typography-4-size: 36px;\n  --app-header-typography-5-size: 42px;\n  --app-header-typography-6-size: 48px;\n  --app-header-typography-7-size: 54px;\n  --app-header-typography-8-size: 60px;\n  --app-header-typography-9-size: 68px;\n  --app-header-typography-10-size: 76px;\n  --app-header-typography-11-size: 84px;\n  --app-header-typography-12-size: 92px;\n  --app-header-typography-1-lineheight: 1.33;\n  --app-header-typography-2-lineheight: 1.29;\n  --app-header-typography-3-lineheight: 1.25;\n  --app-header-typography-4-lineheight: 1.24;\n  --app-header-typography-5-lineheight: 1.24;\n  --app-header-typography-6-lineheight: 1.25;\n  --app-header-typography-7-lineheight: 1.2;\n  --app-header-typography-8-lineheight: 1.26;\n  --app-header-typography-9-lineheight: 1.24;\n  --app-header-typography-10-lineheight: 1.26;\n  --app-header-typography-11-lineheight: 1.2;\n  --app-header-typography-12-lineheight: 1.2;\n  --app-header-typography-1-tracking: calc(-0.2 / 1em);\n  --app-header-typography-2-tracking: calc(-0.4 / 1em);\n  --app-header-typography-3-tracking: calc(-0.6 / 1em);\n  --app-header-typography-4-tracking: calc(-0.8 / 1em);\n  --app-header-typography-5-tracking: calc(-1 / 1em);\n  --app-header-typography-6-tracking: calc(-1.2 / 1em);\n  --app-header-typography-7-tracking: calc(-1.4 / 1em);\n  --app-header-typography-8-tracking: calc(-1.6 / 1em);\n  --app-header-typography-9-tracking: calc(-1.8 / 1em);\n  --app-header-typography-10-tracking: calc(-2 / 1em);\n  --app-header-typography-11-tracking: calc(-2.2 / 1em);\n  --app-header-typography-12-tracking: calc(-2.4 / 1em);\n  --app-header-content-max-width: 100%;\n  --app-header-height: auto;\n\n  /* Variable to set stuck header and drawer's top offset.\n  Useful when something is absolutely positioned above the header. */\n  --app-header-top-offset: 48px;\n  --app-header-drawer-trigger-size: calc(var(--space-unit) * 4);\n\n  /* Variable to customize header background color. */\n  --app-header-bg: var(--color-surface01);\n\n  /* Variable to customize stuck header background color. */\n  --app-header-stucked-bg: var(--color-surface01);\n\n  /* Variable to customize text and icon color. */\n  --app-header-text-color: var(--color-default-text);\n\n  /* Variable to customize the title's font size.\n  NOTE: Only use one of the exported `--app-header-typography-*-size` as a value. */\n  --app-header-title-font-size: var(--app-header-typography-3-size);\n\n  /* Variable to customize the title's line-height.\n  NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-lineheight: var(--app-header-typography-3-lineheight);\n\n  /* Variable to customize the title's letter-spacing.\n  NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value\n  and use the same level as the one of the font size. */\n  --app-header-title-letter-spacing: var(--app-header-typography-3-tracking);\n\n  /* Variable to customize stuck header's text and icon color. */\n  --app-header-stucked-text-color: var(--color-default-text);\n\n  position: relative;\n  display: block;\n  height: var(--app-header-height);\n  color: var(--app-header-text-color);\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n.heading-panel {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--app-header-content-max-width);\n  flex-direction: column;\n  flex-grow: 0;\n  flex-shrink: 0;\n  align-items: baseline;\n  padding: var(--grid-margin);\n  margin: 0 auto;\n  background: var(--app-header-bg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n}\n\n.hero-container + .heading-panel {\n  background: transparent;\n}\n\n:host(:empty) .heading-panel {\n  padding: 0;\n}\n\n.heading-container {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.heading-title {\n  display: flex;\n  max-width: 100%;\n  flex-direction: row;\n  align-items: flex-start;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"title\"]),\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  margin: 0;\n  font-family: \"IBM Plex Serif\", serif;\n  font-weight: var(--font-bd);\n}\n\n::slotted([slot=\"title\"]) {\n  font-size: var(--app-header-title-font-size);\n  letter-spacing: var(--app-header-title-letter-spacing);\n  line-height: var(--app-header-title-lineheight);\n}\n\n.heading-stuck .heading-title > *,\n::slotted([slot=\"stucked-title\"]) {\n  font-size: var(--app-header-typography-3-size);\n  letter-spacing: var(--app-header-typography-3-tracking);\n  line-height: var(--app-header-typography-3-lineheight);\n}\n\n:host(:not([menu-length=\"0\"])) .heading-subtitle {\n  padding-left: calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 2));\n}\n\n::slotted([slot=\"top-subtitle\"]),\n::slotted([slot=\"subtitle\"]) {\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-size: 20px;\n  font-style: italic;\n  line-height: 26px;\n}\n\n::slotted([slot=\"subtitle\"]) {\n  font-weight: 500;\n}\n\n::slotted([slot=\"top-subtitle\"]) {\n  font-weight: 400;\n}\n\n.menu-container {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-flow: row wrap;\n}\n\n:host([menu-length=\"0\"]:not([enable-search])) .menu-container,\n.menu-container:empty {\n  display: none;\n}\n\n.menu-container ::slotted([open]) {\n  position: relative;\n  z-index: 3;\n}\n\nz-searchbar {\n  z-index: 0;\n  display: flex;\n  width: auto;\n  min-width: calc(var(--space-unit) * 32);\n  flex: 1 auto;\n  align-items: center;\n  margin-left: auto;\n}\n\n.heading-stuck {\n  position: fixed;\n  z-index: 20;\n  top: var(--app-header-top-offset);\n  left: 0;\n  width: 100%;\n  max-width: 100%;\n  animation: slide-stuck-heading-in 250ms ease-out;\n  background: var(--app-header-stucked-bg);\n  box-shadow: var(--shadow-2);\n  color: var(--app-header-stucked-text-color);\n}\n\n.heading-stuck-content {\n  display: flex;\n  max-width: var(--app-header-content-max-width);\n  align-items: center;\n  padding: var(--space-unit) var(--grid-margin);\n  margin: 0 auto;\n  column-gap: calc(var(--space-unit) * 2);\n}\n\n.heading-stuck .heading-title {\n  overflow: hidden;\n}\n\n.heading-stuck .heading-title > *,\n.heading-stuck .heading-title ::slotted([slot=\"stucked-title\"]) {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.heading-stuck-content z-button {\n  margin-left: auto;\n}\n\n.drawer-trigger {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  appearance: none;\n  background: none;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n}\n\n.drawer-trigger z-icon {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  fill: currentcolor;\n}\n\n/* Simulate the height of the first line of text,\nto correctly align drawer icon and search page button with the title */\n.heading-container :is(.drawer-trigger, z-button.search-page-button) {\n  display: flex;\n  height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  align-items: center;\n}\n\n.heading-container z-button.search-page-button {\n  margin-left: auto;\n}\n\n.drawer-content {\n  display: none;\n}\n\nz-offcanvas[open] .drawer-content {\n  display: flex;\n  width: 100%;\n  flex: 1 auto;\n  flex-direction: column;\n  row-gap: calc(var(--space-unit) * 2.5);\n}\n\nz-offcanvas[open] .drawer-content ::slotted(z-menu) {\n  width: 100%;\n}\n\n.drawer-close {\n  --z-icon-width: var(--app-header-drawer-trigger-size);\n  --z-icon-height: var(--app-header-drawer-trigger-size);\n\n  padding: 0;\n  border: 0;\n  margin: var(--space-unit) 0 calc(var(--space-unit) * 2.5);\n  appearance: none;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  cursor: pointer;\n  fill: currentcolor;\n  font-size: inherit;\n  outline: none;\n}\n\n.drawer-close:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.hero-container {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n:host([overlay]) .heading-panel .drawer-trigger z-icon,\n:host([overlay]) .heading-panel .heading-container,\n:host([overlay]) .heading-panel .menu-container {\n  color: var(--color-white);\n  fill: var(--color-white);\n}\n\n:host([overlay]) .heading-panel .menu-container ::slotted(z-menu) {\n  --z-menu-label-color: var(--color-white);\n}\n\n:host([overlay]) .hero-container::after {\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--color-black);\n  content: \"\";\n  opacity: 0.5;\n}\n\n.hero-container img,\n.hero-container ::slotted(*) {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n  -webkit-user-drag: none;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-6-size);\n    --app-header-title-lineheight: var(--app-header-typography-6-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-6-tracking);\n  }\n\n  .heading-panel {\n    flex-flow: row wrap;\n    align-items: center;\n    padding-bottom: calc(var(--space-unit) * 2);\n  }\n\n  .heading-container {\n    margin-right: auto;\n  }\n\n  :host(:is([flow=\"offcanvas\"], [menu-length=\"0\"])) :is(.heading-container, .menu-container) {\n    width: auto;\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-subtitle {\n    padding-left: 0;\n  }\n\n  .menu-container {\n    flex: initial;\n    align-items: center;\n  }\n\n  :host([menu-length=\"0\"]) .menu-container:not(:empty) {\n    height: calc(var(--app-header-title-font-size) * var(--app-header-title-lineheight));\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .menu-container {\n    gap: var(--space-unit) calc(var(--space-unit) * 5);\n  }\n\n  :host(:not([flow=\"offcanvas\"])) .heading-container .drawer-trigger {\n    display: none;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-7-size);\n    --app-header-title-lineheight: var(--app-header-typography-7-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-7-tracking);\n  }\n\n  .heading-panel {\n    justify-content: flex-start;\n    padding-bottom: calc(var(--space-unit) * 3);\n  }\n\n  .heading-container,\n  .menu-container {\n    width: auto;\n  }\n\n  :host([flow=\"stack\"]) .heading-panel {\n    flex-flow: column;\n    align-items: flex-start;\n  }\n\n  :host([flow=\"stack\"]) .menu-container {\n    width: 100%;\n  }\n\n  :host(:not([flow=\"offcanvas\"], [menu-length=\"0\"])) .heading-panel {\n    row-gap: calc(var(--space-unit) * 3);\n  }\n\n  z-searchbar {\n    min-width: calc(var(--space-unit) * 45);\n    flex: initial;\n  }\n}\n\n/* Wide breakpoint */\n@media (min-width: 1366px) {\n  :host {\n    --app-header-title-font-size: var(--app-header-typography-9-size);\n    --app-header-title-lineheight: var(--app-header-typography-9-lineheight);\n    --app-header-title-letter-spacing: var(--app-header-typography-9-tracking);\n  }\n}\n\n@keyframes slide-stuck-heading-in {\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  100% {\n    transform: none;\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { ButtonVariant, ControlSize, OffCanvasVariant, TransitionDirection } from \"../../../beans\";\nconst SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== \"undefined\";\n/**\n * @slot title - Slot for the main title\n * @slot subtitle - Slot for the bottom subtitle. It will not appear in stuck header.\n * @slot top-subtitle - Slot for the top subtitle. It will not appear in stuck header.\n * @slot stucked-title - Title for the stuck header. By default it uses the text from the `title` slot.\n * @cssprop --app-header-typography-1-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `24px`.\n * @cssprop --app-header-typography-2-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `28px`.\n * @cssprop --app-header-typography-3-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `32px`.\n * @cssprop --app-header-typography-4-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `36px`.\n * @cssprop --app-header-typography-5-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `42px`.\n * @cssprop --app-header-typography-6-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `48px`.\n * @cssprop --app-header-typography-7-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `54px`.\n * @cssprop --app-header-typography-8-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `60px`.\n * @cssprop --app-header-typography-9-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `68px`.\n * @cssprop --app-header-typography-10-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `76px`.\n * @cssprop --app-header-typography-11-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `84px`.\n * @cssprop --app-header-typography-12-size - Part of the heading typography's scale. Use it if you have to override the default value. Value: `92px`.\n * @cssprop --app-header-typography-1-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.33`.\n * @cssprop --app-header-typography-2-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.29`.\n * @cssprop --app-header-typography-3-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-4-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-5-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-6-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.25`.\n * @cssprop --app-header-typography-7-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-8-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-9-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.24`.\n * @cssprop --app-header-typography-10-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.26`.\n * @cssprop --app-header-typography-11-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-12-lineheight - Part of the heading typography's scale. Use it if you have to override the default value. Value: `1.2`.\n * @cssprop --app-header-typography-1-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.2 / 1em)`.\n * @cssprop --app-header-typography-2-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.4 / 1em)`.\n * @cssprop --app-header-typography-3-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.6 / 1em)`.\n * @cssprop --app-header-typography-4-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-0.8 / 1em)`.\n * @cssprop --app-header-typography-5-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1 / 1em)`.\n * @cssprop --app-header-typography-6-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.2 / 1em)`.\n * @cssprop --app-header-typography-7-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.4 / 1em)`.\n * @cssprop --app-header-typography-8-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.6 / 1em)`.\n * @cssprop --app-header-typography-9-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-1.8 / 1em)`.\n * @cssprop --app-header-typography-10-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2 / 1em)`.\n * @cssprop --app-header-typography-11-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.2 / 1em)`.\n * @cssprop --app-header-typography-12-tracking - Part of the heading typography's scale. Use it if you have to override the default value. Value: `calc(-2.4 / 1em)`.\n * @cssprop --app-header-content-max-width - Use it to set header's content max width. Useful when the project use a fixed width layout. Defaults to `100%`.\n * @cssprop --app-header-height - Defaults to `auto`.\n * @cssprop --app-header-top-offset - Top offset for the stuck header. Useful when there are other fixed elements above the header. Defaults to `48px` (the height of the main topbar).\n * @cssprop --app-header-drawer-trigger-size - The size of the drawer icon. Defaults to `--space-unit * 4`.\n * @cssprop --app-header-bg - Header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-stucked-bg - Stuck header background color. Defaults to `--color-surface01`.\n * @cssprop --app-header-text-color - Text color. Useful on `hero` variant to set text color based on the colors of the background image. Defaults to `--color-default-text`.\n * @cssprop --app-header-title-font-size - Variable to customize the title's font size.\n * NOTE: Only use one of the exported `--app-header-typography-*-size` as a value.\n * Defaults to `--app-header-typography-3-size`.\n * @cssprop --app-header-title-lineheight - Variable to customize the title's line-height.\n * NOTE: Only use one of the exported `--app-header-typography-*-lineheight` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-lineheight`.\n * @cssprop --app-header-title-letter-spacing - Variable to customize the title's letter-spacing.\n * NOTE: Only use one of the exported `--app-header-typography-*-tracking` as a value and use the same level as the one of the font size.\n * Defaults to `--app-header-typography-3-tracking`.\n * @cssprop --app-header-stucked-text-color - Stuck header text color. Defaults to `--color-default-text`.\n */\nexport class ZAppHeaderDeprecated {\n    constructor() {\n        this.observer = SUPPORT_INTERSECTION_OBSERVER &&\n            new IntersectionObserver(([entry]) => {\n                this._stuck = !entry.isIntersecting;\n            }, {\n                threshold: 0.5,\n            });\n        this.stuck = false;\n        this.hero = undefined;\n        this.overlay = false;\n        this.flow = \"auto\";\n        this.drawerOpen = false;\n        this.enableSearch = false;\n        this.searchPlaceholder = \"Cerca\";\n        this.searchString = \"\";\n        this.searchPageUrl = undefined;\n        this._stuck = false;\n        this.currentViewport = \"mobile\";\n        this.menuLength = undefined;\n        this.openDrawer = this.openDrawer.bind(this);\n        this.closeDrawer = this.closeDrawer.bind(this);\n        this.collectMenuElements = this.collectMenuElements.bind(this);\n    }\n    evaluateViewport() {\n        if (window.innerWidth < 768) {\n            this.currentViewport = \"mobile\";\n        }\n        else if (window.innerWidth >= 768 && window.innerWidth < 1152) {\n            this.currentViewport = \"tablet\";\n        }\n        else {\n            this.currentViewport = \"desktop\";\n        }\n    }\n    onStuck() {\n        const scrollParent = this.scrollParent;\n        if (!scrollParent) {\n            return;\n        }\n        this.sticking.emit(this._stuck);\n    }\n    setMenuFloatingMode() {\n        if (this.menuElements.length === 0) {\n            return;\n        }\n        const elements = this.menuElements;\n        elements.forEach((element) => {\n            element.open = false;\n            element.floating = !this.drawerOpen;\n            element.verticalContext = this.drawerOpen;\n        });\n    }\n    get title() {\n        const titleElement = this.hostElement.querySelector('[slot=\"title\"]');\n        if (titleElement === null) {\n            return \"\";\n        }\n        return titleElement.textContent.trim();\n    }\n    get scrollParent() {\n        const parent = this.hostElement.offsetParent;\n        if (parent === document.body || parent === document.documentElement) {\n            return window;\n        }\n        return parent;\n    }\n    get canShowMenu() {\n        return this.flow !== \"offcanvas\" && this.currentViewport !== \"mobile\" && !this.drawerOpen;\n    }\n    get canShowSearchbar() {\n        if (!this.enableSearch) {\n            return false;\n        }\n        // Always show the searchbar on desktop, even if a searchPageUrl is set\n        if (this.searchPageUrl) {\n            return this.currentViewport === \"desktop\";\n        }\n        return true;\n    }\n    /**\n     * Whether the header has a hero image, either as a prop or as a slot.\n     */\n    get hasHero() {\n        return !!this.hero || this.hostElement.querySelector(\"[slot=hero]\") !== null;\n    }\n    openDrawer() {\n        this.drawerOpen = true;\n    }\n    closeDrawer() {\n        this.drawerOpen = false;\n    }\n    collectMenuElements() {\n        const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot=\"menu\"]'));\n        this.menuLength = menuElements.length;\n        this.setMenuFloatingMode();\n    }\n    enableStuckObserver() {\n        if (this.observer) {\n            this.observer.observe(this.container);\n        }\n    }\n    disableStuckMode() {\n        this._stuck = false;\n        if (this.observer) {\n            this.observer.unobserve(this.container);\n        }\n    }\n    onStuckMode() {\n        if (this.stuck) {\n            this.enableStuckObserver();\n        }\n        else {\n            this.disableStuckMode();\n        }\n    }\n    renderSearchLinkButton() {\n        if (!this.enableSearch || !this.searchPageUrl || this.currentViewport === \"desktop\") {\n            return null;\n        }\n        return (h(\"z-button\", { class: \"search-page-button\", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: \"search\", size: ControlSize.X_SMALL }));\n    }\n    renderSeachbar(searchButtonIconOnly) {\n        return (h(\"z-searchbar\", { value: this.searchString, placeholder: this.searchPlaceholder, showSearchButton: true, searchButtonIconOnly: searchButtonIconOnly, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));\n    }\n    componentDidLoad() {\n        this.collectMenuElements();\n        this.onStuckMode();\n        this.evaluateViewport();\n    }\n    render() {\n        return (h(Host, { key: '1c345c1bfece133ca47e12f08f3707e92a9a3650', \"menu-length\": this.menuLength }, this.hasHero && (h(\"div\", { key: 'ec380161c53681ed14d817bcc85c1b5ebcc7d2b9', class: \"hero-container\" }, h(\"slot\", { key: '3e3f0c1a591eb0fc24cc7ec3ebde8829920920b4', name: \"hero\" }, this.hero && (h(\"img\", { key: '0ac5d15f851943796fe57a89c5161b45254f7897', alt: \"\", src: this.hero }))))), h(\"div\", { key: '1bc128eff8bfee60e0fbac28a43ef241568a3421', class: \"heading-panel\", ref: (el) => (this.container = el) }, h(\"div\", { key: '982a82c94a98bc00e4fd540cf94c4c425038d9c0', class: \"heading-container\" }, h(\"div\", { key: '786634064010c20967b687a8567fbb82aaf5f126', class: \"heading-subtitle\" }, h(\"slot\", { key: '792f28fea8a7661420d73677f9a4cfb618886110', name: \"top-subtitle\" })), h(\"div\", { key: 'eb3eafd4e36b218a617c1802c3e6a0563aba75e3', class: \"heading-title\" }, this.menuLength > 0 && (h(\"button\", { key: 'f66165640eb1f3e640498f4231b02429a9833ce9', class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", onClick: this.openDrawer }, h(\"z-icon\", { key: '15a01b76828bb7d64c889a68f5077655910d8583', name: \"burger-menu\" }))), h(\"slot\", { key: '9e1038f99339df83e82a63aede899e8ff9aa3725', name: \"title\" }), this.renderSearchLinkButton()), h(\"div\", { key: '72726562d475b5f4edf19b6b88a89ef9ea1518b3', class: \"heading-subtitle\" }, h(\"slot\", { key: '0206b4d6da11862121b9cac5a6e87ffccd822089', name: \"subtitle\" }))), (this.canShowMenu || this.canShowSearchbar) && (h(\"div\", { key: '8c09854d5db8b1af53559ee77adc18c5e9e21836', class: \"menu-container\" }, this.canShowMenu && (h(\"slot\", { key: '873b577cabe6b6e37c9a00f15ae8da2cdb6dec61', name: \"menu\", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== \"desktop\")))), h(\"z-offcanvas\", { key: '8cea6d5468f2553434242881817309dbf12601b3', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h(\"button\", { key: '3be458375ddaa738d40cb41f93a07616952debc2', class: \"drawer-close\", \"aria-label\": \"Chiudi menu\", onClick: this.closeDrawer, slot: \"canvasContent\", \"aria-hidden\": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h(\"z-icon\", { key: 'c14c99a56f4083af6c334a74f613f1a44406ad23', name: \"close\" })), h(\"div\", { key: 'd52312a4e74258d446564f606c0cf868d9dfac7d', class: \"drawer-content\", slot: \"canvasContent\", \"aria-hidden\": `${!this.drawerOpen}` }, h(\"slot\", { key: 'd3eebb48c21c2269e45eb686c116c22859bfab19', name: \"menu\", onSlotchange: this.collectMenuElements }))), this._stuck && (h(\"div\", { key: 'c005b81f7f6567005b82c03abc66a89cf6a5d731', class: \"heading-stuck\" }, h(\"div\", { key: '18ea0f8aaed6543744c829baa726e3d17fe4cc1a', class: \"heading-stuck-content\" }, this.menuLength > 0 && (h(\"button\", { key: '32df9acac12f1b9f778236f36f9b4dca5f950907', class: \"drawer-trigger\", \"aria-label\": \"Apri menu\", onClick: this.openDrawer }, h(\"z-icon\", { key: 'c6835bbf121417630f5fcddc825258c4f07c6412', name: \"burger-menu\" }))), h(\"div\", { key: 'a0f631f812478aea4ea6c33088ce8128531d4c5f', class: \"heading-title\" }, h(\"slot\", { key: '206733fd6de7eed0f1333a221880e046fdf4282d', name: \"stucked-title\" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === \"desktop\" && this.renderSeachbar(false))))));\n    }\n    static get is() { return \"z-app-header-deprecated\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"stuck\": {\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\": \"Stuck mode for the header.\\nYou can programmatically set it using an IntersectionObserver.\"\n                },\n                \"attribute\": \"stuck\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hero\": {\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\": \"Set the hero image source for the header.\\nYou can also use a [slot=\\\"hero\\\"] node for advanced customization.\"\n                },\n                \"attribute\": \"hero\",\n                \"reflect\": false\n            },\n            \"overlay\": {\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\": \"Should place an overlay over the hero image.\\nUseful for legibility purpose.\"\n                },\n                \"attribute\": \"overlay\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"flow\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"auto\\\" | \\\"stack\\\" | \\\"offcanvas\\\"\",\n                    \"resolved\": \"\\\"auto\\\" | \\\"offcanvas\\\" | \\\"stack\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Control menu bar position in the header.\\n- auto: the menu bar is positioned near the title\\n- stack: the menu bar is positioned below the title\\n- offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu\"\n                },\n                \"attribute\": \"flow\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"drawerOpen\": {\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\": \"The opening state of the drawer.\"\n                },\n                \"attribute\": \"drawer-open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"enableSearch\": {\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\": \"Enable the search bar.\"\n                },\n                \"attribute\": \"enable-search\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"searchPlaceholder\": {\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\": \"Placeholder text for the search bar.\"\n                },\n                \"attribute\": \"search-placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Cerca\\\"\"\n            },\n            \"searchString\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Search string for the search bar.\"\n                },\n                \"attribute\": \"search-string\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"searchPageUrl\": {\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\": \"Url to the search page.\\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\\nThe link will also appear on the sticky header.\"\n                },\n                \"attribute\": \"search-page-url\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"_stuck\": {},\n            \"currentViewport\": {},\n            \"menuLength\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"sticking\",\n                \"name\": \"sticking\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the `stuck` state of the header changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"hostElement\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"_stuck\",\n                \"methodName\": \"onStuck\"\n            }, {\n                \"propName\": \"drawerOpen\",\n                \"methodName\": \"setMenuFloatingMode\"\n            }, {\n                \"propName\": \"stuck\",\n                \"methodName\": \"onStuckMode\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"evaluateViewport\",\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-4035e4b7.entry.js

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

package/dist/zanichelli-it-frontend-kit/p-4035e4b7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCard","constructor","hostRef","this","variant","undefined","coverIcon","showShadow","clickable","hasCoverImage","componentWillLoad","host","querySelector","renderColorCoverCard","h","class","name","renderContent","render","CardVariant","TEXT","Host","OVERLAY"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-card/styles.css?tag=z-card&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-card/index.js"],"sourcesContent":["/* The width of the card must be set by its container,\nrespecting the grid indications of the design. */\n\n:host {\n  /* Override this var to change the cover's aspect ratio */\n  --aspect-ratio: 1.62;\n  --z-card--border-color: var(--gray200);\n  --z-card--color-cover-background: var(--color-surface01);\n  --z-card--text-background: var(--color-surface01);\n  --z-card--text-border-radius: none;\n  --z-card--text-border: none;\n  --z-card--text-padding: calc(var(--space-unit) * 2) var(--space-unit);\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n*,\n::slotted(*) {\n  box-sizing: border-box;\n}\n\n*:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host(:not([variant=\"overlay\"])) .cover-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Old good trick with percentage padding to keep the aspect ratio.\nUnfortunately the `aspect-ratio` property is still experimental */\n.cover-container {\n  padding-bottom: calc(100% / var(--aspect-ratio));\n}\n\n::slotted([slot=\"cover\"]),\n.color-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.cover-container > z-icon {\n  --z-icon-width: calc(var(--space-unit) * 11);\n  --z-icon-height: var(--z-icon-width);\n\n  position: absolute;\n  top: calc(50% - calc(var(--z-icon-height) / 2));\n  left: calc(50% - calc(var(--z-icon-width) / 2));\n  fill: var(--color-primary01);\n}\n\n.color-cover {\n  background-color: var(--z-card--color-cover-background);\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--space-unit);\n}\n\n.color-cover .cover-content {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n}\n\n/* Truncates overflowing text */\n::slotted([slot=\"metadata\"]),\n::slotted([slot=\"title\"]),\n::slotted([slot=\"text\"]) {\n  display: -webkit-inline-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n}\n\n::slotted([slot=\"title\"]:not(:last-child)),\n::slotted([slot=\"text\"]:not(:last-child)) {\n  margin-bottom: var(--space-unit);\n}\n\n::slotted([slot=\"title\"])::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: \"\";\n}\n\n::slotted([slot=\"metadata\"]:not(:last-child)) {\n  margin: 0 0 calc(var(--space-unit) * 0.25);\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  text-transform: uppercase;\n}\n\n::slotted([slot=\"title\"]) {\n  margin: 0;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-decoration: none;\n}\n\n::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n::slotted([slot=\"text\"]) {\n  margin: 0;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n}\n\n.actions {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n::slotted([slot=\"action\"]:not(:last-child)) {\n  margin-right: calc(var(--space-unit) * 2);\n}\n\n::slotted([slot=\"action\"]:focus) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible) {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n:host([variant=\"text\"]) {\n  border: var(--z-card--text-border);\n  background-color: var(--z-card--text-background);\n  border-radius: var(--z-card--text-border-radius);\n}\n\n:host([show-shadow]) > .content,\n:host([variant=\"border\"]) > .content,\n:host([variant=\"shadow\"]) > .content {\n  height: 100%;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n}\n\n:host([variant=\"text\"]) > .content {\n  padding: var(--z-card--text-padding);\n}\n\n:host([variant=\"border\"]) .actions,\n:host([variant=\"shadow\"]) .actions {\n  margin-top: auto;\n}\n\n/* Border */\n:host([variant=\"border\"]) {\n  border: var(--border-size-small) solid var(--z-card--border-color);\n}\n\n:host([variant=\"border\"][clickable]:hover) > .content {\n  background: var(--color-background);\n}\n\n:host([variant=\"border\"][clickable]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"border\"][clickable]:active) {\n  border-color: transparent;\n}\n\n/* Shadow */\n:host([variant=\"shadow\"]),\n:host([show-shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\n:host([variant=\"shadow\"][clickable]:hover),\n:host([clickable][show-shadow]:hover) {\n  box-shadow: var(--shadow-4);\n}\n\n:host([variant=\"shadow\"][clickable]:focus:focus-visible),\n:host([clickable][show-shadow]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([variant=\"shadow\"][clickable]:active),\n:host([clickable][show-shadow]:active) {\n  box-shadow: none;\n}\n\n/* Overlay */\n:host([variant=\"overlay\"]) .content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  justify-content: flex-end;\n  padding: var(--space-unit);\n  background-image: linear-gradient(to top, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { CardVariant } from \"../../beans\";\n/**\n * ZCard component.\n * @cssprop --aspect-ratio - Cover aspect ratio. Default: `1.62`\n * @cssprop --z-card--border-color - Default: `var(--gray200)`\n * @cssprop --z-card--color-cover-background - Cover color. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-background - Background color for the `text` variant. Default: `var(--color-surface01)`\n * @cssprop --z-card--text-border-radius - Default: `none`\n * @cssprop --z-card--text-border - Configure CSS `border`. Default: `none`\n * @cssprop --z-card--text-padding - Configure CSS `padding`. Default: `none`\n * @slot cover - Image cover\n * @slot metadata - Metadata\n * @slot title - Title\n * @slot text - Text content\n * @slot action - Actions\n */\nexport class ZCard {\n    constructor() {\n        this.variant = undefined;\n        this.coverIcon = undefined;\n        this.showShadow = false;\n        this.clickable = false;\n        this.hasCoverImage = undefined;\n    }\n    componentWillLoad() {\n        this.hasCoverImage = this.host.querySelector('[slot=\"cover\"]') !== null;\n    }\n    /**\n     * Template for a card without image cover.\n     * A colored background replaces the image and some data is moved over it.\n     */\n    renderColorCoverCard() {\n        return [\n            h(\"div\", { class: \"cover-container\" }, h(\"div\", { class: \"color-cover\" }, h(\"div\", { class: \"cover-content\" }, h(\"slot\", { name: \"metadata\" }), h(\"slot\", { name: \"title\" })))),\n            h(\"div\", { class: \"content\" }, h(\"slot\", { name: \"text\" }), h(\"div\", { class: \"actions\" }, h(\"slot\", { name: \"action\" }))),\n        ];\n    }\n    /**\n     * Template for the content.\n     */\n    renderContent() {\n        return (h(\"div\", { class: \"content\" }, h(\"slot\", { name: \"metadata\" }), h(\"slot\", { name: \"title\" }), h(\"slot\", { name: \"text\" }), h(\"div\", { class: \"actions\" }, h(\"slot\", { name: \"action\" }))));\n    }\n    render() {\n        if (this.variant === CardVariant.TEXT) {\n            return h(Host, null, this.renderContent());\n        }\n        if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {\n            return (h(Host, null, h(\"div\", { class: \"cover-container\" }, this.hasCoverImage && [\n                h(\"slot\", { name: \"cover\" }),\n                this.variant !== CardVariant.OVERLAY && this.coverIcon && h(\"z-icon\", { name: this.coverIcon }),\n            ], !this.hasCoverImage && h(\"div\", { class: \"color-cover\" })), this.renderContent()));\n        }\n        return h(Host, null, this.renderColorCoverCard());\n    }\n    static get is() { return \"z-card\"; }\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CardVariant\",\n                    \"resolved\": \"CardVariant.BORDER | CardVariant.OVERLAY | CardVariant.SHADOW | CardVariant.TEXT\",\n                    \"references\": {\n                        \"CardVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CardVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Card variant.\\nCan be one of \\\"text\\\", \\\"border\\\", \\\"shadow\\\", \\\"overlay\\\".\\nLeave it undefined for the default card.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true\n            },\n            \"coverIcon\": {\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\": \"Name of the icon to place over the image cover\"\n                },\n                \"attribute\": \"cover-icon\",\n                \"reflect\": false\n            },\n            \"showShadow\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Enable shadow. Default: false.\"\n                },\n                \"attribute\": \"show-shadow\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"clickable\": {\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\": \"Enable \\\"clickable\\\" styles like hover background and cursor, focus shadow on the whole card, etc.\"\n                },\n                \"attribute\": \"clickable\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasCoverImage\": {}\n        };\n    }\n    static get elementRef() { return \"host\"; }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"6FAAA,MAAMA,EAAY,0lI,MCiBLC,EAAK,MACd,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,UACfF,KAAKG,UAAYD,UACjBF,KAAKI,WAAa,MAClBJ,KAAKK,UAAY,MACjBL,KAAKM,cAAgBJ,SACxB,CACD,iBAAAK,GACIP,KAAKM,cAAgBN,KAAKQ,KAAKC,cAAc,oBAAsB,I,CAMvE,oBAAAC,GACI,MAAO,CACHC,EAAE,MAAO,CAAEC,MAAO,mBAAqBD,EAAE,MAAO,CAAEC,MAAO,eAAiBD,EAAE,MAAO,CAAEC,MAAO,iBAAmBD,EAAE,OAAQ,CAAEE,KAAM,aAAeF,EAAE,OAAQ,CAAEE,KAAM,aAClKF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,SAAWF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,a,CAMrH,aAAAC,GACI,OAAQH,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,aAAeF,EAAE,OAAQ,CAAEE,KAAM,UAAYF,EAAE,OAAQ,CAAEE,KAAM,SAAWF,EAAE,MAAO,CAAEC,MAAO,WAAaD,EAAE,OAAQ,CAAEE,KAAM,Y,CAExL,MAAAE,GACI,GAAIf,KAAKC,UAAYe,EAAYC,KAAM,CACnC,OAAON,EAAEO,EAAM,KAAMlB,KAAKc,gB,CAE9B,GAAId,KAAKC,UAAYe,EAAYG,SAAWnB,KAAKM,cAAe,CAC5D,OAAQK,EAAEO,EAAM,KAAMP,EAAE,MAAO,CAAEC,MAAO,mBAAqBZ,KAAKM,eAAiB,CAC/EK,EAAE,OAAQ,CAAEE,KAAM,UAClBb,KAAKC,UAAYe,EAAYG,SAAWnB,KAAKG,WAAaQ,EAAE,SAAU,CAAEE,KAAMb,KAAKG,cACnFH,KAAKM,eAAiBK,EAAE,MAAO,CAAEC,MAAO,iBAAmBZ,KAAKc,gB,CAExE,OAAOH,EAAEO,EAAM,KAAMlB,KAAKU,uB","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-4ad3b8c3.entry.js

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

package/dist/zanichelli-it-frontend-kit/p-4ad3b8c3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZCoverHero","constructor","hostRef","this","variant","CoverHeroVariant","OVERLAY","contentPosition","CoverHeroContentPosition","TOP","preserveAspectRatio","onImgLoad","target","Image","closest","ratio","naturalWidth","naturalHeight","host","style","setProperty","toString","renderContent","h","class","name","render","Host","key","STACKED","BOTTOM"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-cover-hero/index.js"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-default-text);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { CoverHeroContentPosition, CoverHeroVariant } from \"../../beans\";\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\nexport class ZCoverHero {\n    constructor() {\n        this.variant = CoverHeroVariant.OVERLAY;\n        this.contentPosition = CoverHeroContentPosition.TOP;\n        this.preserveAspectRatio = true;\n    }\n    /**\n     * Store the intrinsic aspect ratio of the slotted image when loaded,\n     * to have a default when `--cover-hero-aspect-ratio` is not set.\n     * @param target The event target\n     */\n    onImgLoad({ target }) {\n        if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n            const ratio = target.naturalWidth / target.naturalHeight;\n            this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n        }\n    }\n    /**\n     * Template for the content.\n     */\n    renderContent() {\n        return (h(\"div\", { class: \"content-container\" }, h(\"slot\", { name: \"content\" })));\n    }\n    render() {\n        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&\n            this.contentPosition === CoverHeroContentPosition.TOP &&\n            this.renderContent(), h(\"div\", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: \"main-container\" }, h(\"div\", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: \"cover-container\" }, h(\"slot\", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: \"cover\" })), h(\"slot\", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: \"info-reveal\" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&\n            this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n            this.renderContent()));\n    }\n    static get is() { return \"z-cover-hero\"; }\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CoverHeroVariant\",\n                    \"resolved\": \"CoverHeroVariant.OVERLAY | CoverHeroVariant.STACKED\",\n                    \"references\": {\n                        \"CoverHeroVariant\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroVariant\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cover hero variant. Can be `OVERLAY` or `STACKED`.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroVariant.OVERLAY\"\n            },\n            \"contentPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CoverHeroContentPosition\",\n                    \"resolved\": \"CoverHeroContentPosition.BOTTOM | CoverHeroContentPosition.TOP\",\n                    \"references\": {\n                        \"CoverHeroContentPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../beans\",\n                            \"id\": \"src/beans/index.tsx::CoverHeroContentPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Vertical content position (for `STACKED` variant).\"\n                },\n                \"attribute\": \"content-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"CoverHeroContentPosition.TOP\"\n            },\n            \"preserveAspectRatio\": {\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 to keep the image aspect ratio.\\nIf set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\\ninstead, the height of the component follows the content's one.\\nNote: it may be necessary to set a min and/or max height to the component.\"\n                },\n                \"attribute\": \"preserve-aspect-ratio\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"load\",\n                \"method\": \"onImgLoad\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"oGAAA,MAAMA,EAAY,6nD,MCaLC,EAAU,MACnB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAUC,EAAiBC,QAChCH,KAAKI,gBAAkBC,EAAyBC,IAChDN,KAAKO,oBAAsB,IAC9B,CAMD,SAAAC,EAAUC,OAAEA,IACR,GAAIA,aAAkBC,OAASD,EAAOE,QAAQ,gBAAiB,CAC3D,MAAMC,EAAQH,EAAOI,aAAeJ,EAAOK,cAC3Cd,KAAKe,KAAKC,MAAMC,YAAY,uBAAwBL,EAAMM,W,EAMlE,aAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,MAAO,qBAAuBD,EAAE,OAAQ,CAAEE,KAAM,Y,CAEvE,MAAAC,GACI,OAAQH,EAAEI,EAAM,CAAEC,IAAK,4CAA8CzB,KAAKC,UAAYC,EAAiBwB,SACnG1B,KAAKI,kBAAoBC,EAAyBC,KAClDN,KAAKmB,gBAAiBC,EAAE,MAAO,CAAEK,IAAK,2CAA4CJ,MAAO,kBAAoBD,EAAE,MAAO,CAAEK,IAAK,2CAA4CJ,MAAO,mBAAqBD,EAAE,OAAQ,CAAEK,IAAK,2CAA4CH,KAAM,WAAaF,EAAE,OAAQ,CAAEK,IAAK,2CAA4CH,KAAM,gBAAkBtB,KAAKC,UAAYC,EAAiBC,SAAWH,KAAKmB,iBAAkBnB,KAAKC,UAAYC,EAAiBwB,SAChd1B,KAAKI,kBAAoBC,EAAyBsB,QAClD3B,KAAKmB,gB","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-4b0f8b7c.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as i,h as t}from"./p-Cam6wBSi.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";const r=class{constructor(t){o(this,t);this.infoBoxClose=i(this,"infoBoxClose",7);this.boxid=undefined;this.isclosable=true}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return t("div",{key:"97f595bcb0456f5a5178d713253f44798e97aa64",id:this.boxid},t("slot",{key:"dad87fab0f68993bfd0c255b10d7949e8df64ce4",name:"content"}),this.isclosable&&t("z-icon",{key:"405f33531ac9fb80f1677837c4e873fc609b289f",name:"multiply","data-action":"infoBoxClose",onClick:()=>this.emitInfoBoxClose()}))}};r.style=a;export{r as z_info_box};
+//# sourceMappingURL=p-4b0f8b7c.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-4b0f8b7c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZInfoBox","constructor","hostRef","this","boxid","undefined","isclosable","emitInfoBoxClose","infoBoxClose","emit","render","h","key","id","name","onClick"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-box/styles.css?tag=z-info-box&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-info-box/index.js"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  display: flex;\n  width: inherit;\n  padding: calc(var(--space-unit) * 2);\n  background: var(--color-primary03);\n  border-radius: var(--border-radius);\n}\n\n:host > div > slot {\n  color: var(--color-default-text);\n  font-size: 14px;\n}\n\n:host > div > z-icon {\n  margin-left: calc(var(--space-unit) * 2);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot content - set the info box content\n */\nexport class ZInfoBox {\n    constructor() {\n        this.boxid = undefined;\n        this.isclosable = true;\n    }\n    emitInfoBoxClose() {\n        this.infoBoxClose.emit({ boxid: this.boxid });\n    }\n    render() {\n        return (h(\"div\", { key: '97f595bcb0456f5a5178d713253f44798e97aa64', id: this.boxid }, h(\"slot\", { key: 'dad87fab0f68993bfd0c255b10d7949e8df64ce4', name: \"content\" }), this.isclosable && (h(\"z-icon\", { key: '405f33531ac9fb80f1677837c4e873fc609b289f', name: \"multiply\", \"data-action\": \"infoBoxClose\", onClick: () => this.emitInfoBoxClose() }))));\n    }\n    static get is() { return \"z-info-box\"; }\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            \"boxid\": {\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\": \"info box unique id\"\n                },\n                \"attribute\": \"boxid\",\n                \"reflect\": false\n            },\n            \"isclosable\": {\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\": \"render close icon flag\"\n                },\n                \"attribute\": \"isclosable\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"infoBoxClose\",\n                \"name\": \"infoBoxClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"emitted on close icon click\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"kDAAA,MAAMA,EAAY,wX,MCILC,EAAQ,MACjB,WAAAC,CAAAC,G,qDACIC,KAAKC,MAAQC,UACbF,KAAKG,WAAa,IACrB,CACD,gBAAAC,GACIJ,KAAKK,aAAaC,KAAK,CAAEL,MAAOD,KAAKC,O,CAEzC,MAAAM,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,GAAIV,KAAKC,OAASO,EAAE,OAAQ,CAAEC,IAAK,2CAA4CE,KAAM,YAAcX,KAAKG,YAAeK,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAM,WAAY,cAAe,eAAgBC,QAAS,IAAMZ,KAAKI,qB","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-4e503a77.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r,H as s}from"./p-Cam6wBSi.js";const t=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const c=class{constructor(r){o(this,r);this.sticky=false}render(){return r(s,{key:"68f9134c92fd8aa1db8236ca1cae82945b8dff40",role:"rowgroup"},r("slot",{key:"e76426e09634deb41395104af9c37f8f75415435"}))}};c.style=t;export{c as z_tfoot};
+//# sourceMappingURL=p-4e503a77.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-4e503a77.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTfoot","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-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/table/z-tfoot/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import { Host, h } from \"@stencil/core\";\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\nexport class ZTfoot {\n    constructor() {\n        this.sticky = false;\n    }\n    render() {\n        return (h(Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: \"rowgroup\" }, h(\"slot\", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));\n    }\n    static get is() { return \"z-tfoot\"; }\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 footer will be stuck to the bottom 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,mO,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-4fb10c24.entry.js

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

package/dist/zanichelli-it-frontend-kit/p-4fb10c24.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZPagination","constructor","hostRef","this","label","undefined","navArrows","totalPages","skip","edges","split","visiblePages","currentPage","goToPage","_visiblePages","isMobile","goToPageValue","setPagesContainerWidth","host","style","setProperty","pagesContainerStyle","window","getComputedStyle","pageButtonWidth","getPropertyValue","setVisiblePages","Math","min","onPageChanged","pageChanged","emit","scrollToPage","onSplitChanged","onResize","setMobile","mobileMediaQuery","matchMedia","matches","getPagesChunks","pages","Array","from","length","_","i","chunks","chunksCount","ceil","index","push","slice","pageBtn","querySelector","scrollIntoView","behavior","block","inline","selectPage","page","max","renderPage","h","class","type","title","onClick","renderEllipsisButton","renderPages","pagesChunks","map","chunk","renderSplitPages","renderBackButton","disabled","name","renderForwardButton","renderMobile","role","tabIndex","onSubmit","ev","preventDefault","InputType","NUMBER","message","onInput","target","value","placeholder","toString","hasclearicon","componentDidLoad","componentDidRender","render","Host","onKeyDown","key"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/styles.css?tag=z-pagination","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-pagination/index.js"],"sourcesContent":["z-pagination {\n  --z-pagination--page-button-width: 64px;\n  --z-pagination--pages-container-max-width: 100%;\n\n  display: flex;\n  max-width: 100%;\n  flex-flow: column wrap;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  gap: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);\n}\n\nz-pagination,\nz-pagination * {\n  box-sizing: border-box;\n}\n\nz-pagination button {\n  height: 100%;\n}\n\nz-pagination z-icon {\n  fill: var(--color-primary01-icon);\n}\n\nz-pagination *:disabled z-icon {\n  fill: var(--color-disabled03);\n}\n\nz-pagination .page-label {\n  margin-right: calc(var(--space-unit) * 3);\n  color: var(--color-default-text);\n}\n\nz-pagination .pagination-bar {\n  display: flex;\n  max-width: 100%;\n  height: 48px;\n  align-items: center;\n}\n\nz-pagination .pagination-bar button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  margin: 0;\n  background-color: var(--color-background);\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: inherit;\n  transition:\n    background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out;\n}\n\nz-pagination .pagination-bar button:focus-visible {\n  background-color: var(--color-surface01);\n  outline: none;\n}\n\nz-pagination .pagination-bar .pagination-button {\n  padding: calc(var(--space-unit) * 2);\n  font-weight: var(--font-sb);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\nz-pagination .pagination-bar .navigation-button {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5);\n}\n\nz-pagination .pagination-bar .pagination-button:disabled,\nz-pagination .pagination-bar .navigation-button:disabled {\n  color: var(--color-disabled03);\n  cursor: default;\n  fill: var(--color-disabled03);\n  pointer-events: none;\n}\n\nz-pagination .pagination-bar .page-button,\nz-pagination .pagination-bar .ellipsis-button {\n  width: var(--z-pagination--page-button-width);\n}\n\nz-pagination .pages-container {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  height: 100%;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  scroll-snap-align: center;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-pagination .pages-container::-webkit-scrollbar {\n  display: none;\n}\n\nz-pagination .pages-chunk {\n  display: flex;\n  scroll-snap-align: center;\n}\n\nz-pagination .pagination-bar .page-button {\n  padding-top: var(--border-size-large) solid transparent;\n  border-bottom: var(--border-size-large) solid transparent;\n  font-size: var(--font-size-2);\n  font-weight: var(--font-sb);\n}\n\nz-pagination .pagination-bar .page-button[data-current] {\n  border-bottom-color: var(--color-primary01);\n  font-size: var(--font-size-7);\n}\n\nz-pagination .go-to-page {\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .label {\n  color: var(--color-default-text);\n  text-transform: uppercase;\n}\n\nz-pagination .go-to-page .inputs {\n  display: flex;\n  column-gap: var(--space-unit);\n}\n\nz-pagination .go-to-page .inputs z-input {\n  width: calc(var(--space-unit) * 11);\n}\n\nz-pagination .go-to-page .inputs z-input input,\nz-pagination .mobile-go-to-page z-input input {\n  padding: 0 calc(var(--space-unit) * 1.5) !important;\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page {\n  display: flex;\n  height: 100%;\n  flex: 1 auto;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-surface02);\n}\n\nz-pagination .mobile-go-to-page z-input {\n  width: var(--z-pagination--page-button-width);\n  margin-right: var(--space-unit);\n}\n\nz-pagination .mobile-go-to-page z-input input {\n  text-align: center;\n}\n\nz-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,\nz-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button {\n  appearance: none;\n}\n\nz-pagination .mobile-go-to-page > span {\n  font-size: var(--font-size-2);\n}\n\n@media (hover: hover) {\n  z-pagination .pagination-bar button:hover {\n    background-color: var(--color-surface01);\n  }\n\n  z-pagination .pagination-bar .page-button:hover {\n    border-bottom-color: var(--color-hover-primary);\n    color: var(--color-hover-primary);\n  }\n}\n\n@media (min-width: 768px) {\n  z-pagination {\n    --z-pagination--page-button-width: 88px;\n\n    flex-direction: row;\n    align-items: flex-end;\n  }\n\n  z-pagination .pages-container {\n    max-width: var(--z-pagination--pages-container-max-width);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { InputType } from \"../../beans\";\n/**\n * Pagination bar component.\n */\nexport class ZPagination {\n    constructor() {\n        this.label = undefined;\n        this.navArrows = true;\n        this.totalPages = undefined;\n        this.skip = 0;\n        this.edges = false;\n        this.split = undefined;\n        this.visiblePages = undefined;\n        this.currentPage = 1;\n        this.goToPage = undefined;\n        this._visiblePages = this.visiblePages;\n        this.isMobile = false;\n        this.goToPageValue = null;\n    }\n    /**\n     * Set the max width of the pages container.\n     */\n    setPagesContainerWidth() {\n        if (!this._visiblePages || this.split) {\n            this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", \"100%\");\n            return;\n        }\n        const pagesContainerStyle = window.getComputedStyle(this.host);\n        const pageButtonWidth = pagesContainerStyle.getPropertyValue(\"--z-pagination--page-button-width\");\n        this.host.style.setProperty(\"--z-pagination--pages-container-max-width\", `calc(${pageButtonWidth} * ${this._visiblePages})`);\n    }\n    /**\n     * Set visible pages.\n     * Ensure that the visible pages are always <= the total pages.\n     * If `visiblePages` isn't set, fallback to the total pages.\n     */\n    setVisiblePages() {\n        this._visiblePages = Math.min(this.visiblePages || this.totalPages, this.totalPages);\n    }\n    /**\n     * On page changed.\n     * @emits pageChanged\n     */\n    onPageChanged() {\n        this.pageChanged.emit(this.currentPage);\n        this.scrollToPage();\n    }\n    /**\n     * On split changed.\n     * Empty `edges` value. The split feature wins over the pages chunks and edges.\n     */\n    onSplitChanged() {\n        if (this.split) {\n            this.edges = false;\n        }\n    }\n    /**\n     * Hide stuff on mobile.\n     */\n    onResize() {\n        this.setMobile();\n    }\n    /**\n     * Set functionalities according to screen size.\n     */\n    setMobile() {\n        const mobileMediaQuery = \"screen and (max-width: 767px)\";\n        this.isMobile = window.matchMedia(mobileMediaQuery).matches;\n    }\n    /**\n     * Get a list of pages chunks, each of `visiblePages` length.\n     * @returns {number[][]}\n     */\n    getPagesChunks() {\n        // array of numbers from 1 to `totalPages`\n        const pages = Array.from({ length: this.totalPages }, (_, i) => i + 1);\n        const chunks = [];\n        const chunksCount = Math.ceil(pages.length / this._visiblePages);\n        for (let index = 0; index < chunksCount; index++) {\n            chunks.push(pages.slice(index * this._visiblePages, (index + 1) * this._visiblePages));\n        }\n        return chunks;\n    }\n    /**\n     * Scroll to the left the chunk of pages containing the current page.\n     */\n    scrollToPage() {\n        const pageBtn = this.host.querySelector(`[data-page=\"${this.currentPage}\"]`);\n        if (!pageBtn) {\n            return;\n        }\n        pageBtn.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"nearest\",\n            inline: \"center\",\n        });\n    }\n    /**\n     * Select a page.\n     * Do validations on the passed value before assigning it to `currentPage`.\n     * @param {number} page Page number to set\n     */\n    selectPage(page) {\n        this.currentPage = Math.min(Math.max(page, 1), this.totalPages);\n    }\n    /**\n     * Render page number button.\n     * @param {number} page Page number to render\n     * @returns {HTMLButtonElement}\n     */\n    renderPage(page) {\n        return (h(\"button\", { class: \"page-button\", type: \"button\", \"aria-current\": this.currentPage === page ? \"page\" : \"false\", title: `Vai alla pagina ${page}`, \"data-page\": page, \"data-current\": this.currentPage === page, onClick: () => this.selectPage(page) }, page));\n    }\n    /**\n     * Render split button.\n     * @param {number} page Page to select on click.\n     * @returns {HTMLButtonElement}\n     */\n    renderEllipsisButton(page) {\n        return (h(\"button\", { class: \"ellipsis-button\", type: \"button\", title: `Vai alla pagina ${page}`, onClick: () => this.selectPage(page) }, \"\\u2026\"));\n    }\n    /**\n     * Render chunked page buttons.\n     * @returns {HTMLDivElement[]}\n     */\n    renderPages() {\n        const pagesChunks = this.getPagesChunks();\n        if (pagesChunks.length <= 0) {\n            return;\n        }\n        return pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page))));\n    }\n    /**\n     * Render page buttons when split feature is enabled.\n     * @returns {HTMLButtonElement[]}\n     */\n    renderSplitPages() {\n        // left and right split pages, current page, first and last page, left and right ellipsis button\n        if (this.totalPages <= this.split * 2 + 5) {\n            // Too few pages: ellipsis will never be rendered, so let's just render all pages and that's it.\n            return Array.from({ length: this.totalPages }, (_, i) => this.renderPage(i + 1));\n        }\n        if (this.currentPage <= this.split * 2 + 2) {\n            // Render first (2 * split + 3) pages, ellipsis, then last page.\n            return [\n                ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(i + 1)),\n                this.renderEllipsisButton(this.split * 2 + 4),\n                this.renderPage(this.totalPages),\n            ];\n        }\n        if (this.currentPage > this.split * 2 + 2 && this.currentPage < this.totalPages - this.split * 2 - 1) {\n            // Render first page, ellipsis, current page surrounded by (split) pages both before and after, another ellipsis, then last page.\n            return [\n                this.renderPage(1),\n                this.renderEllipsisButton(this.currentPage - this.split - 1),\n                ...Array.from({ length: this.split * 2 + 1 }, (_, i) => this.renderPage(this.currentPage - this.split + i)),\n                this.renderEllipsisButton(this.currentPage + this.split + 1),\n                this.renderPage(this.totalPages),\n            ];\n        }\n        // Render first page, ellipsis, then last (2 * split + 3) pages.\n        return [\n            this.renderPage(1),\n            this.renderEllipsisButton(this.totalPages - this.split * 2 - 3),\n            ...Array.from({ length: this.split * 2 + 3 }, (_, i) => this.renderPage(this.totalPages - this.split * 2 - 2 + i)),\n        ];\n    }\n    renderBackButton() {\n        return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla pagina precedente\", disabled: this.currentPage === 1, onClick: () => this.selectPage(this.currentPage - 1) }, h(\"z-icon\", { name: \"chevron-left\" })));\n    }\n    renderForwardButton() {\n        return (h(\"button\", { class: \"navigation-button\", type: \"button\", title: \"Vai alla prossima pagina\", disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.currentPage + 1) }, h(\"z-icon\", { name: \"chevron-right\" })));\n    }\n    renderMobile() {\n        const pagesChunks = this.getPagesChunks();\n        return [\n            this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label),\n            h(\"div\", { class: \"pagination-bar\" }, this.renderBackButton(), !this.goToPage && (h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, pagesChunks.length > 0 &&\n                pagesChunks.map((chunk) => h(\"div\", { class: \"pages-chunk\" }, chunk.map((page) => this.renderPage(page)))))), this.goToPage && (h(\"form\", { class: \"mobile-go-to-page\", onSubmit: (ev) => {\n                    ev.preventDefault();\n                    this.selectPage(this.goToPageValue);\n                } }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, onInput: (ev) => {\n                    this.goToPageValue = ev.target.value;\n                }, placeholder: this.currentPage.toString(), hasclearicon: false }), h(\"span\", null, `/${this.totalPages}`))), this.renderForwardButton()),\n        ];\n    }\n    componentDidLoad() {\n        this.setVisiblePages();\n    }\n    componentDidRender() {\n        if (this.split) {\n            this.edges = false;\n        }\n        this.setPagesContainerWidth();\n        this.setMobile();\n    }\n    render() {\n        if (this.isMobile) {\n            return h(Host, null, this.renderMobile());\n        }\n        return (h(Host, null, h(\"div\", { class: \"pagination-bar\" }, this.label && h(\"span\", { class: \"page-label body-1-sb\" }, this.label), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: \"Vai alla pagina 1\", disabled: this.currentPage === 1, onClick: () => this.selectPage(1) }, \"Pagina 1\")), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage - this.skip}`, disabled: this.currentPage <= this.skip, onClick: () => this.selectPage(this.currentPage - this.skip) }, \"-\", this.skip)), this.navArrows && this.renderBackButton(), h(\"div\", { class: \"pages-container\", role: \"navigation\", tabIndex: -1 }, this.split ? this.renderSplitPages() : this.renderPages()), this.navArrows && this.renderForwardButton(), this.skip < this.totalPages && this.skip > 1 && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.currentPage + this.skip}`, disabled: this.currentPage > this.totalPages - this.skip, onClick: () => this.selectPage(this.currentPage + this.skip) }, \"+\", this.skip)), this.edges && (h(\"button\", { class: \"pagination-button\", type: \"button\", title: `Vai alla pagina ${this.totalPages}`, disabled: this.currentPage === this.totalPages, onClick: () => this.selectPage(this.totalPages) }, \"Pagina \", this.totalPages))), this.goToPage && (h(\"div\", { class: \"go-to-page\" }, h(\"span\", { class: \"label body-5-sb\" }, \"Vai a pagina:\"), h(\"div\", { class: \"inputs\" }, h(\"z-input\", { class: \"go-to-page-input\", type: InputType.NUMBER, min: 1, max: this.totalPages, message: false, placeholder: \"2\", hasclearicon: false, onInput: (ev) => {\n                this.goToPageValue = ev.target.value;\n            }, onKeyDown: (ev) => ev.key === \"Enter\" && this.selectPage(this.goToPageValue) }), h(\"z-button\", { disabled: !this.goToPageValue, title: \"Vai alla pagina inserita\", onClick: () => this.selectPage(this.goToPageValue) }, \"vai\"))))));\n    }\n    static get is() { return \"z-pagination\"; }\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            \"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\": \"Pagination label placed before the bar.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"navArrows\": {\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\": \"Enable navigation arrows.\"\n                },\n                \"attribute\": \"nav-arrows\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"totalPages\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Total number of pages. Required.\"\n                },\n                \"attribute\": \"total-pages\",\n                \"reflect\": false\n            },\n            \"skip\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to skip.\"\n                },\n                \"attribute\": \"skip\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"edges\": {\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\": \"Enable buttons to go to the first and last pages.\"\n                },\n                \"attribute\": \"edges\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"split\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to show left/right of the current, before showing \\\"load more\\\" symbol (\\u2026).\"\n                },\n                \"attribute\": \"split\",\n                \"reflect\": false\n            },\n            \"visiblePages\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Number of pages to show at a time. If not set, all pages will be shown.\"\n                },\n                \"attribute\": \"visible-pages\",\n                \"reflect\": false\n            },\n            \"currentPage\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Current page.\"\n                },\n                \"attribute\": \"current-page\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"goToPage\": {\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 to show \\\"go to page\\\" feature.\"\n                },\n                \"attribute\": \"go-to-page\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"_visiblePages\": {},\n            \"isMobile\": {},\n            \"goToPageValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"pageChanged\",\n                \"name\": \"pageChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Event emitted when the current page has changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"_visiblePages\",\n                \"methodName\": \"setPagesContainerWidth\"\n            }, {\n                \"propName\": \"visiblePages\",\n                \"methodName\": \"setVisiblePages\"\n            }, {\n                \"propName\": \"currentPage\",\n                \"methodName\": \"onPageChanged\"\n            }, {\n                \"propName\": \"split\",\n                \"methodName\": \"onSplitChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"resize\",\n                \"method\": \"onResize\",\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-52d05436.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as o}from"./p-Cam6wBSi.js";import{K as n}from"./p-B2-dCTD2.js";import{c as a}from"./p-C46tSaXG.js";import"./p-Q-tWjk7P.js";const r=':host,::slotted(*),*{box-sizing:border-box;outline:none}:host{position:relative;display:inline-flex;height:fit-content;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:flex;width:100%;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(*),.menu-label:focus-visible ::slotted(*),div.menu-label:focus-within ::slotted(*){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:calc(var(--border-size-small) * -1);left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:""}:host([vertical-context]) .menu-label ::slotted(*){padding:0}.menu-label ::slotted(*){display:inline-flex;width:100%;min-width:fit-content;padding-bottom:2px;margin:0;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:inline-flex;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot="item"]:last-child){border-bottom:0}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active),.items>::slotted([slot="item"][active]),.items>::slotted([slot="item"][data-active]){border-color:var(--color-primary01);font-weight:var(--font-bd)}';const h=t=>(t===null||t===void 0?void 0:t.tagName)==="Z-MENU-SECTION";const l=class{get focusableItem(){return this.items.find((t=>h(t)?t.htmlTabindex===0:t.tabIndex===0))}toggle(){if(!this.hasContent){return}this.open=!this.open}onLabelSlotChange(t){const i=t.target.assignedElements()[0];i.dataset.text=i===null||i===void 0?void 0:i.textContent;this.setLabelA11yAttrs()}reflow(t=false){if(!this.floating){return}if(this.content&&this.hasContent){const{style:t}=this.content;const{left:i}=this.host.getBoundingClientRect();const e=getComputedStyle(this.content).width;const s=e?parseFloat(e.replace("px","")):375;const o=30;t.left=`${Math.min(window.innerWidth-i-s-o,0)}px`}if(t){this.raf=requestAnimationFrame(this.reflow.bind(this,t))}}checkContent(){this.hasHeader=!!this.host.querySelectorAll("[slot=header]").length;this.hasContent=!!this.host.querySelectorAll("[slot=item]").length||this.hasHeader}setItemTabindex(t,i){if(h(t)){t.htmlTabindex=i}else{t.tabIndex=i}}setItemsA11yAttrs(){this.items.forEach(((t,i)=>{const e=i===0?0:-1;this.setItemTabindex(t,e);if(!h(t)){t.setAttribute("role","menuitem")}}))}onItemsChange(){this.checkContent();this.items=Array.from(this.host.children).filter((({slot:t})=>t==="item"));this.setItemsA11yAttrs();this.items.forEach((t=>{if(!h(t)){t.dataset.text=t.textContent}}))}moveFocus(t,i){if(h(t)){t.setFocus()}else{t.tabIndex=0;setTimeout((()=>{t.focus()}),100)}if(!i){return}this.setItemTabindex(i,-1)}onLabelClick(){this.toggle();this.setFocus()}onLabelKeydown(t){if(t.key===n.ENTER||t.key===n.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.moveFocus(this.items[0])}return}if(!this.verticalContext){return}if(t.key===n.ARROW_RIGHT&&!this.open){t.preventDefault();t.stopPropagation();this.open=true;this.moveFocus(this.items[0])}}async setFocus(){this.htmlTabindex=0;const t=this.hasContent?this.labelButton:this.host.firstElementChild;t.focus()}async focusLastItem(){const t=this.items[this.items.length-1];if(h(t)&&t.open){t.focusLastItem();return}this.moveFocus(t)}onOpenChanged(){if(!this.open){cancelAnimationFrame(this.raf);this.closed.emit();this.items.forEach((t=>{if(h(t)&&t.open){t.open=false}}));return}this.setItemsA11yAttrs();this.opened.emit();if(this.floating){this.reflow(true)}}setLabelA11yAttrs(){if(this.hasContent&&this.labelButton){this.labelButton.tabIndex=this.htmlTabindex;return}const t=this.host.firstElementChild;t.role="menuitem";t.tabIndex=this.htmlTabindex}onItemClick(t){const i=this.items.find((i=>a(i,t.target)));if(i){this.items.forEach((t=>{if(t===i){return}if(h(t)){t.htmlTabindex=-1}else{t.tabIndex=-1}}))}}onKeyDown(t){var i;if(!this.hasContent){return}switch(t.key){case n.ESC:if(!this.open){break}t.stopPropagation();t.preventDefault();this.open=false;this.setFocus();break;case n.ARROW_DOWN:{if(document.activeElement===this.host){if(this.verticalContext&&!this.open){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[0]);break}const i=this.items.indexOf(this.focusableItem);if(this.verticalContext&&i===this.items.length-1){this.setItemTabindex(this.items[i],-1);this.htmlTabindex=0;break}t.stopPropagation();t.preventDefault();const e=this.items[i+1];this.moveFocus(e!==null&&e!==void 0?e:this.items[0],this.focusableItem);break}case n.ARROW_UP:{if(document.activeElement===this.host){if(this.verticalContext){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[this.items.length-1],this.focusableItem);break}t.stopPropagation();t.preventDefault();const e=this.items.indexOf(this.focusableItem);if(e===0&&this.verticalContext){this.setItemTabindex(this.focusableItem,-1);this.setFocus();break}const s=(i=this.items[e-1])!==null&&i!==void 0?i:this.items[this.items.length-1];if(h(s)&&s.open){this.setItemTabindex(this.focusableItem,-1);s.focusLastItem();break}this.moveFocus(s,this.focusableItem);break}case n.ARROW_LEFT:if(!this.open||!this.verticalContext){break}t.preventDefault();t.stopPropagation();this.open=false;this.setFocus()}}constructor(e){t(this,e);this.opened=i(this,"opened",7);this.closed=i(this,"closed",7);this.items=[];this.active=undefined;this.floating=true;this.open=false;this.verticalContext=false;this.htmlTabindex=-1;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this)}componentWillLoad(){this.setLabelA11yAttrs();this.onItemsChange()}render(){if(!this.hasContent){return e("div",{class:"menu-label"},e("slot",{onSlotchange:this.onLabelSlotChange}))}return e(s,null,e("button",{ref:t=>this.labelButton=t,class:"menu-label","aria-expanded":`${!!this.open}`,"aria-haspopup":`${this.hasContent}`,"aria-label":this.open?"Chiudi menù":"Apri menù",role:"menuitem",tabIndex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},e("slot",{onSlotchange:this.onLabelSlotChange}),e("z-icon",{name:this.open?"chevron-up":"chevron-down"})),e("div",{class:"content",ref:t=>this.content=t},this.hasHeader&&e("header",{class:"header"},e("slot",{name:"header",onSlotchange:this.checkContent})),e("div",{class:"items",role:"menu"},e("slot",{name:"item",onSlotchange:this.onItemsChange}))))}get host(){return o(this)}static get watchers(){return{open:["onOpenChanged"],htmlTabindex:["setLabelA11yAttrs"]}}};l.style=r;export{l as z_menu};
+//# sourceMappingURL=p-52d05436.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-52d05436.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","isZMenuSection","el","tagName","ZMenu","focusableItem","this","items","find","item","htmlTabindex","tabIndex","toggle","hasContent","open","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","setLabelA11yAttrs","reflow","live","floating","content","style","left","host","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","raf","requestAnimationFrame","bind","checkContent","hasHeader","querySelectorAll","length","setItemTabindex","setItemsA11yAttrs","forEach","index","tabindex","setAttribute","onItemsChange","Array","from","children","filter","slot","moveFocus","receiver","current","setFocus","setTimeout","focus","onLabelClick","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","verticalContext","ARROW_RIGHT","label","labelButton","firstElementChild","focusLastItem","lastItem","onOpenChanged","cancelAnimationFrame","closed","emit","opened","slottedLabel","role","onItemClick","clickedItem","containsElement","onKeyDown","_a","ESC","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","ARROW_LEFT","constructor","hostRef","active","undefined","componentWillLoad","render","h","class","onSlotchange","Host","ref","onClick","name"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/components/z-menu/index.js"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n  outline: none;\n}\n\n:host {\n  --z-menu-label-color: ;\n\n  position: relative;\n  display: inline-flex;\n  height: fit-content;\n  flex-direction: column;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  border-bottom: var(--border-size-large) solid transparent;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n  padding: var(--space-unit) 0;\n  border-width: var(--border-size-small);\n  border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n  position: absolute;\n  bottom: calc(var(--border-size-small) * -1);\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n  content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n  padding: 0;\n}\n\n.menu-label ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-bottom: 2px;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color, var(--color-default-text));\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: inherit;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n.menu-label z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text]:not([slot]))::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text]:not([slot]))::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]:not([slot])) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: 0 calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n  border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active),\n.items > ::slotted([slot=\"item\"][active]),\n.items > ::slotted([slot=\"item\"][data-active]) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { KeyboardCode } from \"../../beans\";\nimport { containsElement } from \"../../utils/utils\";\nconst isZMenuSection = (el) => (el === null || el === void 0 ? void 0 : el.tagName) === \"Z-MENU-SECTION\";\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\nexport class ZMenu {\n    get focusableItem() {\n        return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n    }\n    toggle() {\n        if (!this.hasContent) {\n            return;\n        }\n        this.open = !this.open;\n    }\n    /**\n     * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n     * @param ev Slotchange event\n     */\n    onLabelSlotChange(ev) {\n        const labelElement = ev.target.assignedElements()[0];\n        labelElement.dataset.text = labelElement === null || labelElement === void 0 ? void 0 : labelElement.textContent;\n        this.setLabelA11yAttrs();\n    }\n    /**\n     * Correctly set position of the floating menu in order to prevent overflow.\n     * @param live Should run the method on every refresh frame.\n     */\n    reflow(live = false) {\n        if (!this.floating) {\n            return;\n        }\n        if (this.content && this.hasContent) {\n            const { style } = this.content;\n            const { left } = this.host.getBoundingClientRect();\n            const widthPx = getComputedStyle(this.content).width;\n            const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n            const safeScrollbarSpace = 30;\n            style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n        }\n        if (live) {\n            this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n        }\n    }\n    /**\n     * Check if some content slot is set.\n     */\n    checkContent() {\n        this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n        this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n    }\n    setItemTabindex(item, tabIndex) {\n        if (isZMenuSection(item)) {\n            item.htmlTabindex = tabIndex;\n        }\n        else {\n            item.tabIndex = tabIndex;\n        }\n    }\n    /**\n     * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n     * Set -1 to the tabindex of the items and 0 to the first one.\n     */\n    setItemsA11yAttrs() {\n        this.items.forEach((item, index) => {\n            const tabindex = index === 0 ? 0 : -1;\n            this.setItemTabindex(item, tabindex);\n            if (!isZMenuSection(item)) {\n                item.setAttribute(\"role\", \"menuitem\");\n            }\n        });\n    }\n    onItemsChange() {\n        this.checkContent();\n        this.items = Array.from(this.host.children).filter(({ slot }) => slot === \"item\");\n        this.setItemsA11yAttrs();\n        this.items.forEach((item) => {\n            if (!isZMenuSection(item)) {\n                item.dataset.text = item.textContent;\n            }\n        });\n    }\n    /**\n     * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n     * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n     * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n     */\n    moveFocus(receiver, current) {\n        if (isZMenuSection(receiver)) {\n            receiver.setFocus();\n        }\n        else {\n            receiver.tabIndex = 0;\n            setTimeout(() => {\n                receiver.focus();\n            }, 100);\n        }\n        if (!current) {\n            return;\n        }\n        this.setItemTabindex(current, -1);\n    }\n    onLabelClick() {\n        this.toggle();\n        this.setFocus();\n    }\n    onLabelKeydown(ev) {\n        if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            this.toggle();\n            if (this.open) {\n                this.moveFocus(this.items[0]);\n            }\n            return;\n        }\n        if (!this.verticalContext) {\n            return;\n        }\n        if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            this.open = true;\n            this.moveFocus(this.items[0]);\n        }\n    }\n    /** Set tabindex of the label to 0, then focus it. */\n    async setFocus() {\n        this.htmlTabindex = 0;\n        const label = this.hasContent ? this.labelButton : this.host.firstElementChild;\n        label.focus();\n    }\n    /**\n     * Focus the last item.\n     */\n    async focusLastItem() {\n        const lastItem = this.items[this.items.length - 1];\n        if (isZMenuSection(lastItem) && lastItem.open) {\n            lastItem.focusLastItem();\n            return;\n        }\n        this.moveFocus(lastItem);\n    }\n    onOpenChanged() {\n        if (!this.open) {\n            cancelAnimationFrame(this.raf);\n            this.closed.emit();\n            this.items.forEach((item) => {\n                if (isZMenuSection(item) && item.open) {\n                    item.open = false;\n                }\n            });\n            return;\n        }\n        this.setItemsA11yAttrs();\n        this.opened.emit();\n        if (this.floating) {\n            this.reflow(true);\n        }\n    }\n    setLabelA11yAttrs() {\n        if (this.hasContent && this.labelButton) {\n            this.labelButton.tabIndex = this.htmlTabindex;\n            return;\n        }\n        const slottedLabel = this.host.firstElementChild;\n        slottedLabel.role = \"menuitem\";\n        slottedLabel.tabIndex = this.htmlTabindex;\n    }\n    /**\n     * Set tabindex to -1 to all siblings of the clicked item.\n     */\n    onItemClick(ev) {\n        const clickedItem = this.items.find((item) => containsElement(item, ev.target));\n        if (clickedItem) {\n            this.items.forEach((item) => {\n                if (item === clickedItem) {\n                    return;\n                }\n                if (isZMenuSection(item)) {\n                    item.htmlTabindex = -1;\n                }\n                else {\n                    item.tabIndex = -1;\n                }\n            });\n        }\n    }\n    onKeyDown(ev) {\n        var _a;\n        if (!this.hasContent) {\n            return;\n        }\n        switch (ev.key) {\n            case KeyboardCode.ESC:\n                if (!this.open) {\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                this.open = false;\n                this.setFocus();\n                break;\n            case KeyboardCode.ARROW_DOWN: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext && !this.open) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[0]);\n                    break;\n                }\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (this.verticalContext && currentIndex === this.items.length - 1) {\n                    // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n                    this.setItemTabindex(this.items[currentIndex], -1);\n                    this.htmlTabindex = 0;\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const receiver = this.items[currentIndex + 1];\n                // if the last item is already focused, navigate to the first one\n                this.moveFocus(receiver !== null && receiver !== void 0 ? receiver : this.items[0], this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_UP: {\n                if (document.activeElement === this.host) {\n                    if (this.verticalContext) {\n                        break;\n                    }\n                    ev.stopPropagation();\n                    ev.preventDefault();\n                    // open the menu and focus the last item\n                    if (!this.open) {\n                        this.open = true;\n                    }\n                    this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n                    break;\n                }\n                ev.stopPropagation();\n                ev.preventDefault();\n                const currentIndex = this.items.indexOf(this.focusableItem);\n                if (currentIndex === 0 && this.verticalContext) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    this.setFocus();\n                    break;\n                }\n                const receiver = (_a = this.items[currentIndex - 1]) !== null && _a !== void 0 ? _a : this.items[this.items.length - 1];\n                // if the receiver is a ZMenuSection and it's open, focus its last item\n                if (isZMenuSection(receiver) && receiver.open) {\n                    this.setItemTabindex(this.focusableItem, -1);\n                    receiver.focusLastItem();\n                    break;\n                }\n                this.moveFocus(receiver, this.focusableItem);\n                break;\n            }\n            case KeyboardCode.ARROW_LEFT:\n                if (!this.open || !this.verticalContext) {\n                    break;\n                }\n                // close the menu and focus the label\n                ev.preventDefault();\n                ev.stopPropagation();\n                this.open = false;\n                this.setFocus();\n        }\n    }\n    constructor() {\n        this.items = [];\n        this.active = undefined;\n        this.floating = true;\n        this.open = false;\n        this.verticalContext = false;\n        this.htmlTabindex = -1;\n        this.hasHeader = undefined;\n        this.hasContent = undefined;\n        this.toggle = this.toggle.bind(this);\n        this.checkContent = this.checkContent.bind(this);\n        this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n        this.onLabelClick = this.onLabelClick.bind(this);\n        this.onItemsChange = this.onItemsChange.bind(this);\n        this.onLabelKeydown = this.onLabelKeydown.bind(this);\n    }\n    componentWillLoad() {\n        this.setLabelA11yAttrs();\n        this.onItemsChange();\n    }\n    render() {\n        if (!this.hasContent) {\n            return (h(\"div\", { class: \"menu-label\" }, h(\"slot\", { onSlotchange: this.onLabelSlotChange })));\n        }\n        return (h(Host, null, h(\"button\", { ref: (el) => (this.labelButton = el), class: \"menu-label\", \"aria-expanded\": `${!!this.open}`, \"aria-haspopup\": `${this.hasContent}`, \"aria-label\": this.open ? \"Chiudi menù\" : \"Apri menù\", role: \"menuitem\", tabIndex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h(\"slot\", { onSlotchange: this.onLabelSlotChange }), h(\"z-icon\", { name: this.open ? \"chevron-up\" : \"chevron-down\" })), h(\"div\", { class: \"content\", ref: (el) => (this.content = el) }, this.hasHeader && (h(\"header\", { class: \"header\" }, h(\"slot\", { name: \"header\", onSlotchange: this.checkContent }))), h(\"div\", { class: \"items\", role: \"menu\" }, h(\"slot\", { name: \"item\", onSlotchange: this.onItemsChange })))));\n    }\n    static get is() { return \"z-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Flag to set the active status of the menu.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true\n            },\n            \"floating\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Flag to set the display mode of the list.\\nIf true, the list will be absolutely positioned under the menu label,\\nstacked beneath it otherwise.\"\n                },\n                \"attribute\": \"floating\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The opening state of the menu.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"verticalContext\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\\nA small border is placed under it as a separator from other elements.\"\n                },\n                \"attribute\": \"vertical-context\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"htmlTabindex\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Tabindex value to set on the menu label.\\nUseful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\"\n                },\n                \"attribute\": \"html-tabindex\",\n                \"reflect\": false,\n                \"defaultValue\": \"-1\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"hasHeader\": {},\n            \"hasContent\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"opened\",\n                \"name\": \"opened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The menu has been opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"closed\",\n                \"name\": \"closed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The menu has been closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Set tabindex of the label to 0, then focus it.\",\n                    \"tags\": []\n                }\n            },\n            \"focusLastItem\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Focus the last item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"onOpenChanged\"\n            }, {\n                \"propName\": \"htmlTabindex\",\n                \"methodName\": \"setLabelA11yAttrs\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"onItemClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"onKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-53c4cea5.entry.js

@@ -0,0 +1,2 @@
+import{r,h as o}from"./p-Cam6wBSi.js";const s=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-inverse-success);fill:var(--color-default-success)}:host>.warning{background:var(--color-inverse-warning);fill:var(--color-default-warning)}:host>.error{background:var(--color-inverse-error);fill:var(--color-default-error)}";const a=class{constructor(o){r(this,o);this.type=undefined}render(){return o("div",{key:"7b5c63664284517f067c7216166e1d132a25c294",class:this.type},o("slot",{key:"24ec7b94ade69283dcb0719c01f5812e5e63d243"}))}};a.style=s;export{a as z_alert};
+//# sourceMappingURL=p-53c4cea5.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-53c4cea5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAlert","constructor","hostRef","this","type","undefined","render","h","key","class"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/styles.css?tag=z-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/z-alert/index.js"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  line-height: calc(var(--space-unit) * 2);\n}\n\n:host > div {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host > .success {\n  background: var(--color-inverse-success);\n  fill: var(--color-default-success);\n}\n\n:host > .warning {\n  background: var(--color-inverse-warning);\n  fill: var(--color-default-warning);\n}\n\n:host > .error {\n  background: var(--color-inverse-error);\n  fill: var(--color-default-error);\n}\n","import { h } from \"@stencil/core\";\n/**\n * @slot - alert content\n */\nexport class ZAlert {\n    constructor() {\n        this.type = undefined;\n    }\n    render() {\n        return (h(\"div\", { key: '7b5c63664284517f067c7216166e1d132a25c294', class: this.type }, h(\"slot\", { key: '24ec7b94ade69283dcb0719c01f5812e5e63d243' })));\n    }\n    static get is() { return \"z-alert\"; }\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            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AlertType\",\n                    \"resolved\": \"AlertType.ERROR | AlertType.SUCCESS | AlertType.WARNING\",\n                    \"references\": {\n                        \"AlertType\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../beans/index\",\n                            \"id\": \"src/beans/index.tsx::AlertType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"alert variant type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sCAAA,MAAMA,EAAY,mf,MCILC,EAAM,MACf,WAAAC,CAAAC,G,UACIC,KAAKC,KAAOC,SACf,CACD,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAON,KAAKC,MAAQG,EAAE,OAAQ,CAAEC,IAAK,6C","ignoreList":[]}

package/dist/zanichelli-it-frontend-kit/p-545cf652.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r}from"./p-Cam6wBSi.js";import{m as a}from"./p-B2-dCTD2.js";const i=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return a.SUCCESS;case"remove":return a.WARNING;default:return null}}render(){return r("div",{key:"0a19998aa8afdf605445ca6fff06226dda90bebd",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"580f27b42700aaaab04425d3c8bc60e3ecbdbc8e",type:this.getAlertType()},r("div",{key:"6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8",class:"relative-container"},r("z-icon",{key:"e50f2727f14417662f9296dc52b69ab3bb7abefc",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"4973c8f1184ff49f1c6267e7fff3d97aec1d871f",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{key:"758357b1a5f29db6fe2c20216059ef3f086f4f15",role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=i;export{n as z_myz_card_alert};
+//# sourceMappingURL=p-545cf652.entry.js.map

package/dist/zanichelli-it-frontend-kit/p-545cf652.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardAlert","constructor","hostRef","this","iconname","undefined","contenttext","actiontext","type","emitUndoAction","undoAction","emit","actionType","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","h","key","class","name","width","height","trim","length","role","tabindex","onClick","onKeyPress"],"sources":["node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","node_modules/.pnpm/@zanichelli+albe-web-components@18.3.2/node_modules/@zanichelli/albe-web-components/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-background);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-inverse-success);\n}\n\n:host div.remove-alert {\n  background: var(--color-inverse-warning);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import { h } from \"@stencil/core\";\nimport { AlertType } from \"../../../../beans\";\nexport class ZMyzCardAlert {\n    constructor() {\n        this.iconname = undefined;\n        this.contenttext = undefined;\n        this.actiontext = undefined;\n        this.type = undefined;\n    }\n    emitUndoAction() {\n        this.undoAction.emit({ actionType: this.type });\n    }\n    handleSpaceKeyPress(e) {\n        if (e.keyCode == 32 || e.keyCode == 13) {\n            e.preventDefault();\n            this.emitUndoAction();\n        }\n    }\n    handleActionButtonClick(e) {\n        e.preventDefault();\n        this.emitUndoAction();\n    }\n    retrieveClass() {\n        let className = \"\";\n        switch (this.type) {\n            case \"add\":\n                className = \"add-alert\";\n                break;\n            case \"remove\":\n                className = \"remove-alert\";\n                break;\n            default:\n                className = \"\";\n                break;\n        }\n        return className;\n    }\n    getAlertType() {\n        switch (this.type) {\n            case \"add\":\n                return AlertType.SUCCESS;\n            case \"remove\":\n                return AlertType.WARNING;\n            default:\n                return null;\n        }\n    }\n    render() {\n        return (h(\"div\", { key: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: \"alert-external-wrapper \" + this.retrieveClass() }, h(\"z-alert\", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, h(\"div\", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: \"relative-container\" }, h(\"z-icon\", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h(\"span\", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: \"content-text\" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h(\"span\", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: \"button\", tabindex: \"0\", class: \"content-action\", onClick: (e) => {\n                this.handleActionButtonClick(e);\n            }, onKeyPress: (e) => {\n                this.handleSpaceKeyPress(e);\n            } }, this.actiontext))))));\n    }\n    static get is() { return \"z-myz-card-alert\"; }\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            \"iconname\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"icon name\"\n                },\n                \"attribute\": \"iconname\",\n                \"reflect\": false\n            },\n            \"contenttext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"content text\"\n                },\n                \"attribute\": \"contenttext\",\n                \"reflect\": false\n            },\n            \"actiontext\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"action button text\"\n                },\n                \"attribute\": \"actiontext\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"alert variant type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"undoAction\",\n                \"name\": \"undoAction\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"undo action click/keyboard event, returns actionType\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"sFAAA,MAAMA,EAAY,y7B,MCELC,EAAa,MACtB,WAAAC,CAAAC,G,iDACIC,KAAKC,SAAWC,UAChBF,KAAKG,YAAcD,UACnBF,KAAKI,WAAaF,UAClBF,KAAKK,KAAOH,SACf,CACD,cAAAI,GACIN,KAAKO,WAAWC,KAAK,CAAEC,WAAYT,KAAKK,M,CAE5C,mBAAAK,CAAoBC,GAChB,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACpCD,EAAEE,iBACFb,KAAKM,gB,EAGb,uBAAAQ,CAAwBH,GACpBA,EAAEE,iBACFb,KAAKM,gB,CAET,aAAAS,GACI,IAAIC,EAAY,GAChB,OAAQhB,KAAKK,MACT,IAAK,MACDW,EAAY,YACZ,MACJ,IAAK,SACDA,EAAY,eACZ,MACJ,QACIA,EAAY,GACZ,MAER,OAAOA,C,CAEX,YAAAC,GACI,OAAQjB,KAAKK,MACT,IAAK,MACD,OAAOa,EAAUC,QACrB,IAAK,SACD,OAAOD,EAAUE,QACrB,QACI,OAAO,K,CAGnB,MAAAC,GACI,OAAQC,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,0BAA4BxB,KAAKe,iBAAmBO,EAAE,UAAW,CAAEC,IAAK,2CAA4ClB,KAAML,KAAKiB,gBAAkBK,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,sBAAwBF,EAAE,SAAU,CAAEC,IAAK,2CAA4CE,KAAMzB,KAAKC,SAAUyB,MAAO,GAAIC,OAAQ,GAAIH,MAAOxB,KAAKe,kBAAoBO,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBxB,KAAKG,aAAcH,KAAKI,cAAgBJ,KAAKI,WAAWwB,OAAOC,QAAWP,EAAE,OAAQ,CAAEC,IAAK,2CAA4CO,KAAM,SAAUC,SAAU,IAAKP,MAAO,iBAAkBQ,QAAUrB,IACztBX,KAAKc,wBAAwBH,EAAE,EAChCsB,WAAatB,IACZX,KAAKU,oBAAoBC,EAAE,GAC1BX,KAAKI,c","ignoreList":[]}