@zanichelli/albe-web-components 6.3.4 → 6.5.0-offcanvasTest

package/dist/web-components-library/p-057600de.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s,g as i}from"./p-d17ebc2f.js";import{e as r,k as l}from"./p-a23e9115.js";import{r as c,d as a,a as o,h as n,b as h}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const p=class{constructor(s){e(this,s),this.optionSelect=t(this,"optionSelect",7),this.htmlid=`id-${c()}`,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.selectedItem=null,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.itemsList.find((e=>e.selected))}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];"string"==typeof e?t.push(e):t=e,this.selectedItem=this.itemsList.find((e=>t.includes(e.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){return this.getInitialItemsArray().map((e=>{var t;return e.selected=e.id===(null===(t=this.selectedItem)||void 0===t?void 0:t.id),e}))}getSelectedValue(){var e;return null===(e=this.selectedItem)||void 0===e?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();this.itemsList=(null==e?void 0:e.length)?t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{const s=t.name.toUpperCase().indexOf(e.toUpperCase()),i=s+e.length,r=t.name.substring(0,s)+`<strong>${t.name.substring(s,i)}</strong>`+t.name.substring(i,t.name.length);return t.name=r,t})):t}hasAutocomplete(){return!0===a(this.autocomplete)}handleInputChange(e){this.searchString=e.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(e,t){e&&e.disabled||(this.itemsList=this.mapSelectedItemToItemsArray(),this.itemsList=this.itemsList.map((s=>(s.selected=!1,s.id===(null==e?void 0:e.id)&&(s.selected=t),s))),this.selectedItem=this.itemsList.find((e=>e.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(e,t){if(![r.ARROW_DOWN,r.ARROW_UP].includes(e.key))return;let s;e.preventDefault(),e.stopPropagation(),this.isOpen||this.toggleSelectUl(),e.key===r.ARROW_DOWN?s=t+1===this.itemsList.length?0:t+1:e.key===r.ARROW_UP&&(s=t<=0?this.itemsList.length-1:t-1),this.focusSelectItem(s)}focusSelectItem(e){const t=this.element.querySelector(`#${this.htmlid}_${e}`);t&&t.focus()}toggleSelectUl(e=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),e&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(e){e.composedPath().find((e=>e.classList&&e.classList.contains("reset-icon")))?e.stopPropagation():this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===r.ESC)return e.stopPropagation(),this.toggleSelectUl(!0);e instanceof KeyboardEvent&&e.key!==r.TAB&&e.key!==r.ENTER||o(h()).find((e=>"z-input"===e.nodeName.toLowerCase()&&e.id===`${this.htmlid}_input`))||this.toggleSelectUl(e instanceof MouseEvent)}scrollToLetter(e){const t=this.itemsList.find((t=>t.name.charAt(0)===e));t&&this.focusSelectItem(this.itemsList.indexOf(t))}renderInput(){return s("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,autocomplete:"off",onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{13!==e.keyCode&&e.preventDefault(),n(e,this.toggleSelectUl)},onKeyDown:e=>this.arrowsSelectNav(e,this.selectedItem?this.itemsList.indexOf(this.selectedItem):-1),onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{this.hasAutocomplete()||(e.preventDefault(),this.scrollToLetter(String.fromCharCode(e.keyCode)))}})}renderSelectUl(){var e;return s("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},s("div",{class:"ul-scroll-wrapper",tabindex:"-1"},s("z-list",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":null===(e=this.selectedItem)||void 0===e?void 0:e.id,"aria-multiselectable":!1,class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.hasGroupItems?this.renderSelectGroupItems():this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((e,t,i)=>s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:i.length===t+1?l.HEADER:l.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":!!e.selected,id:`${this.htmlid}_${t}`,onClickItem:()=>this.selectItem(e,!0),onKeyDown:e=>this.arrowsSelectNav(e,t)},s("span",{class:{selected:!!e.selected},innerHTML:e.name})))):this.renderNoSearchResults()}renderSelectGroupItems(){if(!this.itemsList.length)return this.renderNoSearchResults();const e=this.itemsList.reduce(((e,t,i,r)=>{var c;const{category:a}=t,o=s("z-list-element",{clickable:!t.disabled,disabled:t.disabled,dividerType:r.length===i+1?l.HEADER:l.ELEMENT,role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,id:`${this.htmlid}_${i}`,onClickItem:()=>this.selectItem(t,!0),onKeyDown:e=>this.arrowsSelectNav(e,i)},s("span",{class:{selected:!!t.selected},innerHTML:t.name}));return e[a]=null!==(c=e[a])&&void 0!==c?c:[],e[a].push(o),e}),{});return Object.entries(e).map((([e,t])=>s("z-list-group",{"divider-type":l.ELEMENT},s("z-body",{class:"z-list-group-title",level:3,slot:"header-title",variant:"semibold"},e),t.map((e=>e)))))}renderNoSearchResults(){return s("z-list-element",{color:"blue500",class:"no-results"},s("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(!1!==a(this.message))return s("z-input-message",{message:!0===a(this.message)?void 0:this.message,status:this.status})}render(){return s("div",{class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return i(this)}static get watchers(){return{items:["watchItems"]}}};p.style=".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.sc-z-select{display:block;padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}";export{p as z_select}

package/dist/web-components-library/p-1cb23bbb.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,H as r,g as i}from"./p-d17ebc2f.js";import{I as n}from"./p-b2d16b41.js";const o="undefined"!=typeof IntersectionObserver,s=class{constructor(a){e(this,a),this.sticking=t(this,"sticking",7),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=o&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements.bind(this)}emitStickingEvent(){this.sticking.emit(this.stucked)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return null===e?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){this.scrollParent&&this.emitStickingEvent()}setMenuFloatingMode(){if(0===this.menuElements.length)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return a(r,{"menu-length":this.menuLength},a("div",{class:"heading-panel",ref:e=>this.container=e},a("div",{class:"hero-container"},a("slot",{name:"hero"},this.hero&&a("img",{alt:"",src:this.hero}))),a("div",{class:"heading-container"},a("div",{class:"heading-title"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("slot",{name:"title"})),a("div",{class:"heading-subtitle"},a("slot",{name:"subtitle"}))),a("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),a("div",{class:"drawer-container"},a("div",{class:"drawer-overlay",onClick:this.closeDrawer}),a("div",{class:"drawer-panel"},a("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},a("z-icon",{name:"close"})),a("div",{class:"drawer-content"},this.drawerOpen&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&a("div",{class:"heading-stucked"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("div",{class:"heading-title"},a("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return i(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};s.style=':host{--app-header-height:auto;--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-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;height:var(--app-header-height);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;justify-content:flex-start;padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:center}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;display:flex;width:100%;max-width:100%;flex-direction:row;padding:var(--space-unit) var(--grid-mobile-margin);animation:slide-stucked-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot="title"]),::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-size:var(--app-header-typography-3-size);font-weight:700;letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot="title"]){line-height:1}::slotted([slot="subtitle"]){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:auto}.menu-container{display:none;flex-flow:row wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{padding:0;border:0;margin:0 calc(var(--space-unit) * 1.5) 0 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}.drawer-container{position:fixed;z-index:100;top:var(--app-header-top-offset);left:0;width:100%;height:100%;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background:var(--gray900);opacity:0;pointer-events:none;transition:opacity 400ms ease-out}.drawer-panel{position:absolute;z-index:2;top:0;left:0;display:flex;width:375px;max-width:100%;height:100%;flex-direction:column;align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);pointer-events:none;transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out}.drawer-content{display:flex;overflow:auto;width:100%;flex:1 auto;flex-direction:column;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}.drawer-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.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:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);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)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{pointer-events:all;transform:none}.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:not([open])){--color-surface05: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 only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-right:var(--grid-tablet-margin);padding-left:var(--grid-tablet-margin)}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}:host(:not([flow="offcanvas"])) .menu-container{display:flex}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot="title"]){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot="subtitle"]){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-right:var(--grid-desktop-margin);padding-left:var(--grid-desktop-margin)}:host(:not([flow="stack"])) .heading-panel{flex-flow:row wrap}::slotted([slot="title"]){margin-right:var(--grid-desktop-gutter);font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-right:var(--grid-wide-margin);padding-left:var(--grid-wide-margin)}::slotted([slot="title"]){margin-right:var(--grid-wide-gutter);font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slide-stucked-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const h=class{constructor(t){e(this,t)}selectPathOrPolygon(e){return(null==e?void 0:e.startsWith("M"))?a("path",{d:n[this.name]}):a("polygon",{points:n[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(n[this.name]))}};h.style=":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";export{s as z_app_header,h as z_icon}

package/dist/web-components-library/p-4e8fd5be.entry.js

@@ -1 +0,0 @@
-import{r as a,c as n,h as t,H as o,g as s}from"./p-d17ebc2f.js";import{O as r,u as i}from"./p-a23e9115.js";const c=class{constructor(t){a(this,t),this.canvasOpenStatusChanged=n(this,"canvasOpenStatusChanged",7),this.variant=r.PUSHCONTENT,this.open=!1,this.transitiondirection=i.LEFT}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===r.PUSHCONTENT&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===r.OVERLAY&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return t(o,null,t("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},t("div",{class:"canvas-content"},t("slot",{name:"canvasContent"}))),t("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1}))}get hostElement(){return s(this)}static get watchers(){return{open:["onOpenChanged"]}}};c.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;display:none;min-width:100%;height:100%;justify-content:end;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01);transform:translateX(100%)}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-right;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-right;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;height:calc(100% - var(--z-offcanvas--top-space))}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection="right"].sc-z-offcanvas-h{justify-content:start}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-left;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-left;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{width:auto;animation-duration:0.4s;animation-name:grow;animation-timing-function:ease-out}}';export{c as z_offcanvas}

package/dist/web-components-library/p-8f46e548.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-d17ebc2f.js";import{I as s,K as r}from"./p-a23e9115.js";import{h as o}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.TEXT,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.CHECKBOX,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:s.CHECKBOX,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed},id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--bg-grey-700);margin:0;background-color:var(--bg-white);border-radius:var(--border-radius-small);cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{padding:var(--space-unit) 0;margin:0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border:var(--border-size-small) solid var(--blue500);border-radius:var(border-radius-small) var(border-radius-small) 0 0}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--bg-white);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--myz-blue) var(--gray200);scrollbar-width:thin}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(90deg, var(--bg-white) 2px, var(--bg-grey-200) 4px, var(--bg-white) 8px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--myz-blue);border-radius:var(--border-radius)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--myz-blue)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--myz-blue) var(--bg-grey-200);scrollbar-width:thin}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--myz-blue);cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);text-align:left}";export{a as z_combobox}

package/www/build/p-057600de.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s,g as i}from"./p-d17ebc2f.js";import{e as r,k as l}from"./p-a23e9115.js";import{r as c,d as a,a as o,h as n,b as h}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const p=class{constructor(s){e(this,s),this.optionSelect=t(this,"optionSelect",7),this.htmlid=`id-${c()}`,this.ariaLabel="",this.disabled=!1,this.readonly=!1,this.message=!0,this.autocomplete=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.selectedItem=null,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItem=this.itemsList.find((e=>e.selected))}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];"string"==typeof e?t.push(e):t=e,this.selectedItem=this.itemsList.find((e=>t.includes(e.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){return this.getInitialItemsArray().map((e=>{var t;return e.selected=e.id===(null===(t=this.selectedItem)||void 0===t?void 0:t.id),e}))}getSelectedValue(){var e;return null===(e=this.selectedItem)||void 0===e?void 0:e.id}filterItems(e){const t=this.mapSelectedItemToItemsArray();this.itemsList=(null==e?void 0:e.length)?t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{const s=t.name.toUpperCase().indexOf(e.toUpperCase()),i=s+e.length,r=t.name.substring(0,s)+`<strong>${t.name.substring(s,i)}</strong>`+t.name.substring(i,t.name.length);return t.name=r,t})):t}hasAutocomplete(){return!0===a(this.autocomplete)}handleInputChange(e){this.searchString=e.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(e,t){e&&e.disabled||(this.itemsList=this.mapSelectedItemToItemsArray(),this.itemsList=this.itemsList.map((s=>(s.selected=!1,s.id===(null==e?void 0:e.id)&&(s.selected=t),s))),this.selectedItem=this.itemsList.find((e=>e.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(e,t){if(![r.ARROW_DOWN,r.ARROW_UP].includes(e.key))return;let s;e.preventDefault(),e.stopPropagation(),this.isOpen||this.toggleSelectUl(),e.key===r.ARROW_DOWN?s=t+1===this.itemsList.length?0:t+1:e.key===r.ARROW_UP&&(s=t<=0?this.itemsList.length-1:t-1),this.focusSelectItem(s)}focusSelectItem(e){const t=this.element.querySelector(`#${this.htmlid}_${e}`);t&&t.focus()}toggleSelectUl(e=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),e&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(e){e.composedPath().find((e=>e.classList&&e.classList.contains("reset-icon")))?e.stopPropagation():this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===r.ESC)return e.stopPropagation(),this.toggleSelectUl(!0);e instanceof KeyboardEvent&&e.key!==r.TAB&&e.key!==r.ENTER||o(h()).find((e=>"z-input"===e.nodeName.toLowerCase()&&e.id===`${this.htmlid}_input`))||this.toggleSelectUl(e instanceof MouseEvent)}scrollToLetter(e){const t=this.itemsList.find((t=>t.name.charAt(0)===e));t&&this.focusSelectItem(this.itemsList.indexOf(t))}renderInput(){return s("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:!this.isOpen&&this.selectedItem?this.selectedItem.name.replace(/<[^>]+>/g,""):null,label:this.label,"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutocomplete(),message:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,status:this.isOpen?void 0:this.status,autocomplete:"off",onClick:e=>{this.handleInputClick(e)},onKeyUp:e=>{13!==e.keyCode&&e.preventDefault(),n(e,this.toggleSelectUl)},onKeyDown:e=>this.arrowsSelectNav(e,this.selectedItem?this.itemsList.indexOf(this.selectedItem):-1),onInputChange:e=>{this.handleInputChange(e)},onKeyPress:e=>{this.hasAutocomplete()||(e.preventDefault(),this.scrollToLetter(String.fromCharCode(e.keyCode)))}})}renderSelectUl(){var e;return s("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},s("div",{class:"ul-scroll-wrapper",tabindex:"-1"},s("z-list",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":null===(e=this.selectedItem)||void 0===e?void 0:e.id,"aria-multiselectable":!1,class:{disabled:this.disabled,readonly:this.readonly,filled:!!this.selectedItem,[`input-${this.status}`]:!this.isOpen&&!!this.status}},this.hasGroupItems?this.renderSelectGroupItems():this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((e,t,i)=>s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:i.length===t+1?l.HEADER:l.ELEMENT,role:"option",tabindex:e.disabled||!this.isOpen?-1:0,"aria-selected":!!e.selected,id:`${this.htmlid}_${t}`,onClickItem:()=>this.selectItem(e,!0),onKeyDown:e=>this.arrowsSelectNav(e,t)},s("span",{class:{selected:!!e.selected},innerHTML:e.name})))):this.renderNoSearchResults()}renderSelectGroupItems(){if(!this.itemsList.length)return this.renderNoSearchResults();const e=this.itemsList.reduce(((e,t,i,r)=>{var c;const{category:a}=t,o=s("z-list-element",{clickable:!t.disabled,disabled:t.disabled,dividerType:r.length===i+1?l.HEADER:l.ELEMENT,role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,id:`${this.htmlid}_${i}`,onClickItem:()=>this.selectItem(t,!0),onKeyDown:e=>this.arrowsSelectNav(e,i)},s("span",{class:{selected:!!t.selected},innerHTML:t.name}));return e[a]=null!==(c=e[a])&&void 0!==c?c:[],e[a].push(o),e}),{});return Object.entries(e).map((([e,t])=>s("z-list-group",{"divider-type":l.ELEMENT},s("z-body",{class:"z-list-group-title",level:3,slot:"header-title",variant:"semibold"},e),t.map((e=>e)))))}renderNoSearchResults(){return s("z-list-element",{color:"blue500",class:"no-results"},s("z-icon",{name:"multiply-circle",fill:"blue500"}),this.noresultslabel)}renderMessage(){if(!1!==a(this.message))return s("z-input-message",{message:!0===a(this.message)?void 0:this.message,status:this.status})}render(){return s("div",{class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return i(this)}static get watchers(){return{items:["watchItems"]}}};p.style=".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.sc-z-select{display:block;padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}";export{p as z_select}

package/www/build/p-1cb23bbb.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as a,H as r,g as i}from"./p-d17ebc2f.js";import{I as n}from"./p-b2d16b41.js";const o="undefined"!=typeof IntersectionObserver,s=class{constructor(a){e(this,a),this.sticking=t(this,"sticking",7),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=o&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements.bind(this)}emitStickingEvent(){this.sticking.emit(this.stucked)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return null===e?"":e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){this.scrollParent&&this.emitStickingEvent()}setMenuFloatingMode(){if(0===this.menuElements.length)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return a(r,{"menu-length":this.menuLength},a("div",{class:"heading-panel",ref:e=>this.container=e},a("div",{class:"hero-container"},a("slot",{name:"hero"},this.hero&&a("img",{alt:"",src:this.hero}))),a("div",{class:"heading-container"},a("div",{class:"heading-title"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("slot",{name:"title"})),a("div",{class:"heading-subtitle"},a("slot",{name:"subtitle"}))),a("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),a("div",{class:"drawer-container"},a("div",{class:"drawer-overlay",onClick:this.closeDrawer}),a("div",{class:"drawer-panel"},a("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},a("z-icon",{name:"close"})),a("div",{class:"drawer-content"},this.drawerOpen&&a("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&a("div",{class:"heading-stucked"},this.menuLength>0&&a("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},a("z-icon",{name:"burger-menu"})),a("div",{class:"heading-title"},a("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return i(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};s.style=':host{--app-header-height:auto;--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-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;height:var(--app-header-height);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;justify-content:flex-start;padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:center}:host(:not([menu-length="0"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;display:flex;width:100%;max-width:100%;flex-direction:row;padding:var(--space-unit) var(--grid-mobile-margin);animation:slide-stucked-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot="stucked-title"]){display:block;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot="title"]),::slotted([slot="stucked-title"]){margin:0;font-family:"IBM Plex Serif", serif;font-size:var(--app-header-typography-3-size);font-weight:700;letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot="title"]){line-height:1}::slotted([slot="subtitle"]){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:auto}.menu-container{display:none;flex-flow:row wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{padding:0;border:0;margin:0 calc(var(--space-unit) * 1.5) 0 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}.drawer-container{position:fixed;z-index:100;top:var(--app-header-top-offset);left:0;width:100%;height:100%;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background:var(--gray900);opacity:0;pointer-events:none;transition:opacity 400ms ease-out}.drawer-panel{position:absolute;z-index:2;top:0;left:0;display:flex;width:375px;max-width:100%;height:100%;flex-direction:column;align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);pointer-events:none;transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out}.drawer-content{display:flex;overflow:auto;width:100%;flex:1 auto;flex-direction:column;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}.drawer-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.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:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);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)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{pointer-events:all;transform:none}.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:not([open])){--color-surface05: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 only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-right:var(--grid-tablet-margin);padding-left:var(--grid-tablet-margin)}:host(:not([flow="offcanvas"])) .heading-subtitle{padding-left:0}:host(:not([flow="offcanvas"])) .menu-container{display:flex}:host(:not([flow="offcanvas"])) .heading-container .drawer-trigger{display:none}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot="title"]){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot="subtitle"]){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-right:var(--grid-desktop-margin);padding-left:var(--grid-desktop-margin)}:host(:not([flow="stack"])) .heading-panel{flex-flow:row wrap}::slotted([slot="title"]){margin-right:var(--grid-desktop-gutter);font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-right:var(--grid-wide-margin);padding-left:var(--grid-wide-margin)}::slotted([slot="title"]){margin-right:var(--grid-wide-gutter);font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking)}:host(:not([flow="offcanvas"],[menu-length="0"])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slide-stucked-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}';const h=class{constructor(t){e(this,t)}selectPathOrPolygon(e){return(null==e?void 0:e.startsWith("M"))?a("path",{d:n[this.name]}):a("polygon",{points:n[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(n[this.name]))}};h.style=":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";export{s as z_app_header,h as z_icon}

package/www/build/p-2a056aa6.js

@@ -1 +0,0 @@
-import{p as e,b as t}from"./p-d17ebc2f.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-1cb23bbb",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-057600de",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-279655eb",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-f20d1242",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1],"pwdmessage":[1],"externalProviderCheck":[32]}]]],["p-8f46e548",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-0843b0e7",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-59cfee8d",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-1ba8d432",[[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-95b8f109",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-07e18572",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-01f001fd",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-93dc6d51",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32]}]]],["p-b6f36170",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-38a3cf3b",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-2acd6a51",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-9ed27651",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-9c28b8fc",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-682528b2",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}]]],["p-3a468aa9",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-bdc6f2e5",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-5dd9a2c6",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-c6aad085",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-8980398c",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-3c2d438b",[[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["p-ede9fbf5",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-a82ea410",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-5b6d2bcf",[[1,"z-icon-package"]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-beba3e67",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-f158d205",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f95cc914",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-05ced71c",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-7af991f5",[[0,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-8ffc17b7",[[0,"z-navigation-tab-link",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-6b1a5309",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-214b6cee",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-c25b0b2a",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-26f834e5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-9d03a7d6",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-9965827d",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-009c9f67",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-51e308ca",[[4,"z-aria-alert",{"mode":[1]}]]],["p-8c105bd1",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-67d6cfcb",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"]}]]],["p-475ca461",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-4e8fd5be",[[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-810bd730",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-34c26207",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-8bf0844b",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-0fa4b50b",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-735bdfa3",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-411cbcd6",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-b17981a4",[[1,"z-dragdrop-area"],[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-a2b67e2d",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-4cd6c6f4",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-1b6279a6",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-20a3247c",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-b33f5e6a",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-9c338aeb",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-8b960526",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]],["p-33352f9e",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-2d1b6c3c",[[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}]]],["p-db3c8e3e",[[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513]}]]],["p-a79d1412",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]]]'),e)));

package/www/build/p-4e8fd5be.entry.js

@@ -1 +0,0 @@
-import{r as a,c as n,h as t,H as o,g as s}from"./p-d17ebc2f.js";import{O as r,u as i}from"./p-a23e9115.js";const c=class{constructor(t){a(this,t),this.canvasOpenStatusChanged=n(this,"canvasOpenStatusChanged",7),this.variant=r.PUSHCONTENT,this.open=!1,this.transitiondirection=i.LEFT}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===r.PUSHCONTENT&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===r.OVERLAY&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return t(o,null,t("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},t("div",{class:"canvas-content"},t("slot",{name:"canvasContent"}))),t("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1}))}get hostElement(){return s(this)}static get watchers(){return{open:["onOpenChanged"]}}};c.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;display:none;min-width:100%;height:100%;justify-content:end;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01);transform:translateX(100%)}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-right;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-right;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;height:calc(100% - var(--z-offcanvas--top-space))}[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection="right"].sc-z-offcanvas-h{justify-content:start}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-left;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-left;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{width:auto;animation-duration:0.4s;animation-name:grow;animation-timing-function:ease-out}}';export{c as z_offcanvas}

package/www/build/p-8f46e548.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-d17ebc2f.js";import{I as s,K as r}from"./p-a23e9115.js";import{h as o}from"./p-cd43f80d.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.TEXT,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.CHECKBOX,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:s.CHECKBOX,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed},id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--bg-grey-700);margin:0;background-color:var(--bg-white);border-radius:var(--border-radius-small);cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{padding:var(--space-unit) 0;margin:0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border:var(--border-size-small) solid var(--blue500);border-radius:var(border-radius-small) var(border-radius-small) 0 0}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--bg-white);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--myz-blue) var(--gray200);scrollbar-width:thin}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(90deg, var(--bg-white) 2px, var(--bg-grey-200) 4px, var(--bg-white) 8px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--myz-blue);border-radius:var(--border-radius)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--myz-blue)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--myz-blue) var(--bg-grey-200);scrollbar-width:thin}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--myz-blue);cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);text-align:left}";export{a as z_combobox}

package/www/build/p-d70c7670.css

@@ -1 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap"); :root{--myz-blue:#0056c1;--myz-blue-dark:#003476;--myz-blue-light:#1973e1;--myz-blue-lighter:#e1f0ff;--myz-red:#e2001a;--myz-red-dark:#80000f;--myz-red-light:#ff808e;--accent:#add2ff;--accent-dark:#78b5ff;--accent-light:#d0e9ff;--accent-lighter:#ebf4ff;--bg-grey-050:#f6f6f6;--bg-grey-200:#e6e6e6;--bg-grey-700:#676b6f;--bg-grey-800:#424548;--bg-grey-900:#333333;--bg-white:#ffffff;--bg-neutral-100:#e8ebee;--bg-neutral-150:#d9dee3;--bg-neutral-200:#cad1d8;--bg-neutral-300:#aeb8c2;--bg-neutral-400:#919eac;--bg-neutral-500:#738596;--bg-neutral-600:#5c6b7a;--bg-neutral-700:#46525d;--bg-neutral-800:#303840;--status-error-red:#dc3122;--status-error-red-dark:#7e0a00;--status-error-red-light:#ff9c9c;--status-error-red-lighter:#fdefee;--status-warning-yellow:#f6bb3b;--status-warning-yellow-dark:#85641a;--status-warning-yellow-light:#fee17f;--status-warning-yellow-lighter:#fbf4e6;--status-success-green:#417505;--status-success-green-dark:#233a00;--status-success-green-light:#95d150;--status-success-green-lighter:#effce0;--text-grey-800:#424548;--text-grey-700:#676b6f;--text-grey-200:#e6e6e6;--text-grey-050:#f6f6f6;--text-white:#ffffff}:root{--border-base:2px;--border-size-small:1px;--radius-base:4px;--border-radius-base:4px;--border-radius-min:0;--border-radius-max:100%}:root{--shadow-inset-2:inset 0 2px 4px 0 rgba(66, 69, 72, 0.35);--shadow-inset-4:inset 0 4px 8px 0 rgba(66, 69, 72, 0.35);--shadow-0:0 0 0 0 rgba(66, 69, 72, 0.40);--shadow-1:0 1px 2px 0 rgba(66, 69, 72, 0.40);--shadow-2:0 2px 4px 0 rgba(66, 69, 72, 0.40);--shadow-3:0 3px 6px 0 rgba(66, 69, 72, 0.40);--shadow-4:0 4px 8px 0 rgba(66, 69, 72, 0.40);--shadow-6:0 6px 12px 0 rgba(66, 69, 72, 0.40);--shadow-8:0 8px 16px 0 rgba(66, 69, 72, 0.40);--shadow-12:0 12px 24px 0 rgba(66, 69, 72, 0.35);--shadow-16:0 16px 32px 0 rgba(66, 69, 72, 0.35);--shadow-24:0 24px 48px 0 rgba(66, 69, 72, 0.35)}:root{--basex1:var(--space-unit);--basex2:calc(var(--space-unit) * 2);--basex3:calc(var(--space-unit) * 3);--basex4:calc(var(--space-unit) * 4);--basex5:calc(var(--space-unit) * 5);--basex6:calc(var(--space-unit) * 6);--basex7:calc(var(--space-unit) * 7);--basex8:calc(var(--space-unit) * 8);--half-x1:calc(var(--space-unit) * .5);--half-x3:calc(var(--space-unit) * 1.5);--half-x5:calc(var(--space-unit) * 2.5);--half-x7:calc(var(--space-unit) * 3.5);--half-x9:calc(var(--space-unit) * 4.5);--half-x11:calc(var(--space-unit) * 5.5);--half-x13:calc(var(--space-unit) * 6.5);--half-x14:calc(var(--space-unit) * 7.5)}:root{--gray950:#121212;--gray900:#292929;--gray800:#3D3D3D;--gray700:#525252;--gray600:#666666;--gray500:#9B9B9B;--gray400:#ADADAD;--gray300:#C2C2C2;--gray200:#D6D6D6;--gray100:#EBEBEB;--gray50:#F6F6F6}:root{--blue950:#001229;--blue900:#001F46;--blue800:#002C63;--blue700:#003981;--blue600:#0047A0;--blue500:#0056C1;--blue400:#2E76CE;--blue300:#5893DB;--blue200:#82B0E7;--blue100:#ACCDF3;--blue50:#D6EAFF}:root{--green950:#19200A;--green900:#22330A;--green800:#2B4808;--green700:#355D06;--green600:#407305;--green500:#568818;--green400:#6F9D2F;--green300:#8AB14A;--green200:#A6C66B;--green100:#C3DA92;--green50:#EFFCE0}:root{--yellow950:#33280F;--yellow900:#5C4615;--yellow800:#85641A;--yellow700:#AB8125;--yellow600:#D09E30;--yellow500:#F6BB3B;--yellow400:#F9C852;--yellow300:#FBD468;--yellow200:#FEE17F;--yellow150:#ffde72;--yellow100:#FFEA91;--yellow50:#FBF4E6}:root{--red950:#2A0005;--red900:#4C0009;--red800:#6F000D;--red700:#940111;--red600:#BA0115;--red500:#E2011A;--red400:#EB4F60;--red300:#EB4F60;--red200:#F49DA7;--red100:#F49DA7;--red50:#FDEFEE}:root{--avatar-C01:#99005B;--avatar-C02:#B01300;--avatar-C03:#E62200;--avatar-C04:#7C4000;--avatar-C05:#C25600;--avatar-C06:#6E6D6D;--avatar-C07:#667D00;--avatar-C08:#008741;--avatar-C09:#00612F;--avatar-C10:#007D8A;--avatar-C11:#007DB3;--avatar-C12:#00548C;--avatar-C13:#0028B1;--avatar-C14:#00019C;--avatar-C15:#6400EE;--avatar-C16:#5F3FFF;--avatar-C17:#8B00A5;--avatar-C18:#B200FF;--avatar-C19:#C700D6}:root{--color-error-default:#DC3122;--color-success-default:#417505;--color-warning-default:#F6BB3B;--color-black:#000000;--color-white:#FFFFFF}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--dashboard-font:var(--font-family-sans)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25;letter-spacing:0}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28;letter-spacing:0}@media (max-width: 1151px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);line-height:1.33}}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.helper,.helper-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);font-style:italic;line-height:1.33;letter-spacing:0.32px}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}:root{--space-unit:8px}:root{--shadow-color-base:rgba(66, 69, 72, 0.35);--shadow-inset-2:inset 0 2px 4px 0 var(--shadow-color-base);--shadow-inset-4:inset 0 4px 8px 0 var(--shadow-color-base);--shadow-0:0 0 0 0 var(--shadow-color-base);--shadow-1:0 1px 2px 0 var(--shadow-color-base);--shadow-2:0 2px 4px 0 var(--shadow-color-base);--shadow-3:0 3px 6px 0 var(--shadow-color-base);--shadow-4:0 4px 8px 0 var(--shadow-color-base);--shadow-6:0 6px 12px 0 var(--shadow-color-base);--shadow-8:0 8px 16px 0 var(--shadow-color-base);--shadow-12:0 12px 24px 0 var(--shadow-color-base);--shadow-16:0 16px 32px 0 var(--shadow-color-base);--shadow-24:0 24px 48px 0 var(--shadow-color-base)}:root{--border-no-radius:0;--border-size-small:1px;--border-size-medium:2px;--border-size-large:4px;--border-radius-small:2px;--border-radius:4px}.t-weight-lt{font-weight:var(--font-lt)}.t-weight-rg{font-weight:var(--font-rg)}.t-weight-sb{font-weight:var(--font-sb)}.t-align-center{text-align:center}.t-color-light{color:var(--text-grey-medium);fill:var(--text-grey-medium)}.caption-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-1);line-height:16px}.helper-text-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-style:italic;font-size:var(--font-size-1);line-height:16px}.body-short-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-short-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);line-height:24px}.body-long-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-long-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-2);line-height:20px}.heading-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-5);line-height:24px}.heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-7);line-height:36px}.heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-8);line-height:40px}.expressive-heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-heading-04{font-size:var(--font-size-7);line-height:36px}}.expressive-heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-11);line-height:56px}@media only screen and (max-width: 1024px){.expressive-heading-05{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.expressive-heading-05{font-size:var(--font-size-8);line-height:40px}}.expressive-paragraph-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-paragraph-01{font-size:var(--font-size-6);line-height:32px}}.quotation-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.quotation-01{font-size:var(--font-size-5);line-height:28px}}.quotation-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-13);line-height:72px}@media only screen and (max-width: 1024px){.quotation-02{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.quotation-02{font-size:var(--font-size-8);line-height:40px}}.display-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-01{font-size:var(--font-size-10);line-height:52px}}.display-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-02{font-size:var(--font-size-10);line-height:52px}}.display-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-03{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-03{font-size:var(--font-size-10);line-height:52px}}.display-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-04{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-04{font-size:var(--font-size-10);line-height:52px}}:root{--grid-mobile-viewport:768px;--grid-mobile-column:4;--grid-mobile-margin:16px;--grid-mobile-gutter:16px;--grid-tablet-viewport:768px;--grid-tablet-column:8;--grid-tablet-margin:24px;--grid-tablet-gutter:24px;--grid-desktop-viewport:1152px;--grid-desktop-column:12;--grid-desktop-margin:24px;--grid-desktop-gutter:24px;--grid-wide-viewport:1366px;--grid-wide-column:12;--grid-wide-margin:32px;--grid-wide-gutter:32px;--page-max-width:1366px;--grid-margin:var(--grid-mobile-margin);--grid-gutter:var(--grid-mobile-gutter);--grid-columns:var(--grid-mobile-column)}@media (min-width: 768px) and (max-width: 1151px){:root{--grid-margin:var(--grid-tablet-margin);--grid-gutter:var(--grid-tablet-gutter);--grid-columns:var(--grid-tablet-column)}}@media (min-width: 1152px) and (max-width: 1365px){:root{--grid-margin:var(--grid-desktop-margin);--grid-gutter:var(--grid-desktop-gutter);--grid-columns:var(--grid-desktop-column)}}@media (min-width: 1366px){:root{--grid-margin:var(--grid-wide-margin);--grid-gutter:var(--grid-wide-gutter);--grid-columns:var(--grid-wide-column)}}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);width:100%;column-gap:var(--grid-gutter)}.col-full{grid-column:1/-1}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 4}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4,.col-start-5,.col-start-6,.col-start-7,.col-start-8,.col-start-9,.col-start-10,.col-start-11,.col-start-12{grid-column-start:4}.-col-start-2{grid-column-start:-2}.-col-start-3{grid-column-start:-3}.-col-start-4{grid-column-start:-4}.-col-start-5,.-col-start-6,.-col-start-7,.-col-start-8,.-col-start-9,.-col-start-10,.-col-start-11,.-col-start-12,.-col-start-13{grid-column-start:-5}.col-end-last{grid-column-end:-1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5,.col-end-6,.col-end-7,.col-end-8,.col-end-9,.col-end-10,.col-end-11,.col-end-12,.col-end-13{grid-column-end:5}.-col-end-1{grid-column-end:-1}.-col-end-2{grid-column-end:-2}.-col-end-3{grid-column-end:-3}.-col-end-4,.-col-end-5,.-col-end-6,.-col-end-7,.-col-end-8,.-col-end-9,.-col-end-10,.-col-end-11,.-col-end-12{grid-column-end:-4}@media (max-width: 767px){.mobile-col-full{grid-column:1/-1}.mobile-col-1{grid-column:span 1}.mobile-col-2{grid-column:span 2}.mobile-col-3{grid-column:span 3}.mobile-col-4{grid-column:span 4}}@media (min-width: 768px){.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 8}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8,.col-start-9,.col-start-10,.col-start-11,.col-start-12{grid-column-start:8}.-col-start-6{grid-column-start:-6}.-col-start-7{grid-column-start:-7}.-col-start-8{grid-column-start:-8}.-col-start-9,.-col-start-10,.-col-start-11,.-col-start-12,.-col-start-13{grid-column-start:-9}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9,.col-end-10,.col-end-11,.col-end-12,.col-end-13{grid-column-end:9}.-col-end-5{grid-column-end:-5}.-col-end-6{grid-column-end:-6}.-col-end-7{grid-column-end:-7}.-col-end-8,.-col-end-9,.-col-end-10,.-col-end-11,.-col-end-12{grid-column-end:-8}}@media (min-width: 768px) and (max-width: 1151px){.tablet-col-full{grid-column:1/-1}.tablet-col-1{grid-column:span 1}.tablet-col-2{grid-column:span 2}.tablet-col-3{grid-column:span 3}.tablet-col-4{grid-column:span 4}.tablet-col-5{grid-column:span 5}.tablet-col-6{grid-column:span 6}.tablet-col-7{grid-column:span 7}.tablet-col-8{grid-column:span 8}.tablet-col-start-1{grid-column-start:1}.tablet-col-start-2{grid-column-start:2}.tablet-col-start-3{grid-column-start:3}.tablet-col-start-4{grid-column-start:4}.tablet-col-start-5{grid-column-start:5}.tablet-col-start-6{grid-column-start:6}.tablet-col-start-7{grid-column-start:7}.tablet-col-start-8{grid-column-start:8}.-tablet-col-start-2{grid-column-start:-2}.-tablet-col-start-3{grid-column-start:-3}.-tablet-col-start-4{grid-column-start:-4}.-tablet-col-start-5{grid-column-start:-5}.-tablet-col-start-6{grid-column-start:-6}.-tablet-col-start-7{grid-column-start:-7}.-tablet-col-start-8{grid-column-start:-8}.tablet-col-end-2{grid-column-end:2}.tablet-col-end-3{grid-column-end:3}.tablet-col-end-4{grid-column-end:4}.tablet-col-end-6{grid-column-end:6}.tablet-col-end-7{grid-column-end:7}.tablet-col-end-8{grid-column-end:8}.tablet-col-end-last{grid-column-end:-1}.-tablet-col-end-1{grid-column-end:-1}.-tablet-col-end-2{grid-column-end:-2}.-tablet-col-end-3{grid-column-end:-3}.-tablet-col-end-4{grid-column-end:-4}.-tablet-col-end-5{grid-column-end:-5}.-tablet-col-end-6{grid-column-end:-6}.-tablet-col-end-7{grid-column-end:-7}.-tablet-col-end-8{grid-column-end:-8}}@media (min-width: 1152px){.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.-col-start-10{grid-column-start:-10}.-col-start-11{grid-column-start:-11}.-col-start-12{grid-column-start:-12}.-col-start-13{grid-column-start:-13}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.-col-end-9{grid-column-end:-9}.-col-end-10{grid-column-end:-10}.-col-end-11{grid-column-end:-11}.-col-end-12{grid-column-end:-12}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-col-full{grid-column:1/-1}.desktop-col-1{grid-column:span 1}.desktop-col-2{grid-column:span 2}.desktop-col-3{grid-column:span 3}.desktop-col-4{grid-column:span 4}.desktop-col-5{grid-column:span 5}.desktop-col-6{grid-column:span 6}.desktop-col-7{grid-column:span 7}.desktop-col-8{grid-column:span 8}.desktop-col-9{grid-column:span 9}.desktop-col-10{grid-column:span 10}.desktop-col-11{grid-column:span 11}.desktop-col-12{grid-column:span 12}.desktop-col-start-1{grid-column-start:1}.desktop-col-start-2{grid-column-start:2}.desktop-col-start-3{grid-column-start:3}.desktop-col-start-4{grid-column-start:4}.desktop-col-start-5{grid-column-start:5}.desktop-col-start-6{grid-column-start:6}.desktop-col-start-7{grid-column-start:7}.desktop-col-start-8{grid-column-start:8}.desktop-col-start-9{grid-column-start:9}.desktop-col-start-10{grid-column-start:10}.desktop-col-start-11{grid-column-start:11}.desktop-col-start-12{grid-column-start:12}.-desktop-col-start-2{grid-column-start:-2}.-desktop-col-start-3{grid-column-start:-3}.-desktop-col-start-4{grid-column-start:-4}.-desktop-col-start-5{grid-column-start:-5}.-desktop-col-start-6{grid-column-start:-6}.-desktop-col-start-7{grid-column-start:-7}.-desktop-col-start-8{grid-column-start:-8}.-desktop-col-start-9{grid-column-start:-9}.-desktop-col-start-10{grid-column-start:-10}.-desktop-col-start-11{grid-column-start:-11}.-desktop-col-start-12{grid-column-start:-12}.desktop-col-end-2{grid-column-end:2}.desktop-col-end-3{grid-column-end:3}.desktop-col-end-4{grid-column-end:4}.desktop-col-end-6{grid-column-end:6}.desktop-col-end-7{grid-column-end:7}.desktop-col-end-8{grid-column-end:8}.desktop-col-end-9{grid-column-end:9}.desktop-col-end-10{grid-column-end:10}.desktop-col-end-11{grid-column-end:11}.desktop-col-end-12{grid-column-end:12}.desktop-col-end-last{grid-column-end:-1}.-desktop-col-end-1{grid-column-end:-1}.-desktop-col-end-2{grid-column-end:-2}.-desktop-col-end-3{grid-column-end:-3}.-desktop-col-end-4{grid-column-end:-4}.-desktop-col-end-5{grid-column-end:-5}.-desktop-col-end-6{grid-column-end:-6}.-desktop-col-end-7{grid-column-end:-7}.-desktop-col-end-8{grid-column-end:-8}.-desktop-col-end-9{grid-column-end:-9}.-desktop-col-end-10{grid-column-end:-10}.-desktop-col-end-11{grid-column-end:-11}.-desktop-col-end-12{grid-column-end:-12}}@media (min-width: 1366px){.wide-col-full{grid-column:1/-1}.wide-col-1{grid-column:span 1}.wide-col-2{grid-column:span 2}.wide-col-3{grid-column:span 3}.wide-col-4{grid-column:span 4}.wide-col-5{grid-column:span 5}.wide-col-6{grid-column:span 6}.wide-col-7{grid-column:span 7}.wide-col-8{grid-column:span 8}.wide-col-9{grid-column:span 9}.wide-col-10{grid-column:span 10}.wide-col-11{grid-column:span 11}.wide-col-12{grid-column:span 12}.wide-col-start-1{grid-column-start:1}.wide-col-start-2{grid-column-start:2}.wide-col-start-3{grid-column-start:3}.wide-col-start-4{grid-column-start:4}.wide-col-start-5{grid-column-start:5}.wide-col-start-6{grid-column-start:6}.wide-col-start-7{grid-column-start:7}.wide-col-start-8{grid-column-start:8}.wide-col-start-9{grid-column-start:9}.wide-col-start-10{grid-column-start:10}.wide-col-start-11{grid-column-start:11}.wide-col-start-12{grid-column-start:12}.-wide-col-start-2{grid-column-start:-2}.-wide-col-start-3{grid-column-start:-3}.-wide-col-start-4{grid-column-start:-4}.-wide-col-start-5{grid-column-start:-5}.-wide-col-start-6{grid-column-start:-6}.-wide-col-start-7{grid-column-start:-7}.-wide-col-start-8{grid-column-start:-8}.-wide-col-start-9{grid-column-start:-9}.-wide-col-start-10{grid-column-start:-10}.-wide-col-start-11{grid-column-start:-11}.-wide-col-start-12{grid-column-start:-12}.wide-col-end-2{grid-column-end:2}.wide-col-end-3{grid-column-end:3}.wide-col-end-4{grid-column-end:4}.wide-col-end-6{grid-column-end:6}.wide-col-end-7{grid-column-end:7}.wide-col-end-8{grid-column-end:8}.wide-col-end-9{grid-column-end:9}.wide-col-end-10{grid-column-end:10}.wide-col-end-11{grid-column-end:11}.wide-col-end-12{grid-column-end:12}.wide-col-end-last{grid-column-end:-1}.-wide-col-end-1{grid-column-end:-1}.-wide-col-end-2{grid-column-end:-2}.-wide-col-end-3{grid-column-end:-3}.-wide-col-end-4{grid-column-end:-4}.-wide-col-end-5{grid-column-end:-5}.-wide-col-end-6{grid-column-end:-6}.-wide-col-end-7{grid-column-end:-7}.-wide-col-end-8{grid-column-end:-8}.-wide-col-end-9{grid-column-end:-9}.-wide-col-end-10{grid-column-end:-10}.-wide-col-end-11{grid-column-end:-11}.-wide-col-end-12{grid-column-end:-12}}:root{--color-background:var(--gray50);--color-primary01:var(--blue500);--color-primary02:var(--blue500);--color-primary03:var(--blue50);--color-secondary01:var(--blue500);--color-secondary02:var(--red500);--color-secondary03:var(--red500);--color-danger01:var(--color-error-default);--color-danger02:var(--color-error-default);--color-error01:var(--color-error-default);--color-error02:var(--red800);--color-error-inverse:var(--red50);--color-text-error:var(--color-error-default);--color-success01:var(--color-success-default);--color-success02:var(--green800);--color-text-success:var(--color-success-default);--color-success-inverse:var(--green50);--color-warning01:var(--color-warning-default);--color-warning02:var(--yellow800);--color-text-warning:var(--color-warning-default);--color-warning-inverse:var(--yellow50);--color-surface01:var(--color-white);--color-surface02:var(--gray50);--color-surface03:var(--gray200);--color-surface04:var(--gray700);--color-surface05:var(--gray800);--color-text01:var(--gray800);--color-text02:var(--gray800);--color-text03:var(--gray300);--color-text04:var(--color-white);--color-text05:var(--gray600);--color-text-inverse:var(--color-white);--color-icon01:var(--blue500);--color-icon02:var(--gray800);--color-icon03:var(--color-white);--color-input-field01:var(--color-white);--color-input-field02:var(--color-white);--color-hover-primary:var(--blue800);--color-hover-primary-text:var(--color-black);--color-hover-secondary:var(--blue800);--color-hover-tertiary:var(--blue800);--color-hover-surface:var(--gray50);--color-hover-light:var(--blue400);--color-hover-danger:var(--red800);--color-active-primary:var(--blue800);--color-active-secondary:var(--blue800);--color-active-tertiary:var(--blue800);--color-active-surface:var(--gray300);--color-active-light:var(--blue400);--color-pressed-primary:var(--blue400);--color-pressed-secondary:var(--red400);--color-selected-surface:var(--gray300);--color-selected-light:var(--gray300);--color-highlight:var(--blue100);--color-ghost01:var(--gray300);--color-ghost02:var(--gray500);--color-disabled01:var(--gray200);--color-disabled02:var(--gray700);--color-disabled03:var(--gray500);--shadow-focus-primary:0 0 2px 2px var(--color-highlight);--color-link-primary:var(--blue500);--color-hover-link:var(--blue800);--color-active-link:var(--blue800);--color-pressed-link:var(--blue400);--color-visited-link:var(--blue800);--color-inverse-link:var(--color-white);--color-inverse-hover-link:var(--color-white);--color-inverse-active-link:var(--color-white);--color-inverse-pressed-link:var(--color-white);--color-inverse-visited-link:var(--gray300)}.theme-black-yellow{--color-primary01:var(--gray950);--color-primary02:var(--color-white);--color-primary03:var(--gray100);--color-secondary01:var(--yellow500);--color-secondary02:var(--yellow500);--color-secondary03:var(--yellow500);--color-text01:var(--gray950);--color-text-inverse:var(--color-white);--color-icon01:var(--gray950);--color-active-primary:var(--gray800);--color-pressed-primary:var(--gray800);--color-hover-primary:var(--gray800);--color-hover-secondary:var(--gray950);--color-hover-tertiary:var(--gray950);--color-hover-primary-text:var(--gray950);--color-hover-light:var(--yellow500);--color-background:var(--color-white);--color-hover-surface:var(--gray50)}