@zanichelli/albe-web-components 20.0.5 → 20.1.0

package/dist/components/index.js

@@ -1,2 +1 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{c as ee}from"./utils.js";export{a0 as AccordionVariant,o as AlertType,A as AvatarSize,$ as BookCardDeprecatedVariant,_ as BookCardVariant,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,a2 as ColorPickerPalette,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,a1 as IconPosition,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,v as OffCanvasVariant,O as Orientation,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,Y as VisibilityCondition,t as ZAriaAlertMode,x as ZChipType,y as ZChipVariant,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,w as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./index2.js";export{I as ICONS}from"./iconset.js";export{ZAccordion,defineCustomElement as defineCustomElementZAccordion}from"./z-accordion.js";export{ZAnchorNavigation,defineCustomElement as defineCustomElementZAnchorNavigation}from"./z-anchor-navigation.js";export{ZAppHeader,defineCustomElement as defineCustomElementZAppHeader}from"./z-app-header.js";export{ZAriaAlert,defineCustomElement as defineCustomElementZAriaAlert}from"./z-aria-alert.js";export{ZAvatar,defineCustomElement as defineCustomElementZAvatar}from"./z-avatar.js";export{ZBookCard,defineCustomElement as defineCustomElementZBookCard}from"./z-book-card.js";export{ZBookCardApp,defineCustomElement as defineCustomElementZBookCardApp}from"./z-book-card-app.js";export{ZBookCover,defineCustomElement as defineCustomElementZBookCover}from"./z-book-cover.js";export{ZBreadcrumb,defineCustomElement as defineCustomElementZBreadcrumb}from"./z-breadcrumb.js";export{ZButton,defineCustomElement as defineCustomElementZButton}from"./z-button.js";export{ZButtonSort,defineCustomElement as defineCustomElementZButtonSort}from"./z-button-sort.js";export{ZCard,defineCustomElement as defineCustomElementZCard}from"./z-card.js";export{ZCarousel,defineCustomElement as defineCustomElementZCarousel}from"./z-carousel.js";export{ZChip,defineCustomElement as defineCustomElementZChip}from"./z-chip.js";export{ZColorPicker,defineCustomElement as defineCustomElementZColorPicker}from"./z-color-picker.js";export{ZCombobox,defineCustomElement as defineCustomElementZCombobox}from"./z-combobox.js";export{ZCoverHero,defineCustomElement as defineCustomElementZCoverHero}from"./z-cover-hero.js";export{ZDatePicker,defineCustomElement as defineCustomElementZDatePicker}from"./z-date-picker.js";export{ZDivider,defineCustomElement as defineCustomElementZDivider}from"./z-divider.js";export{ZDragdropArea,defineCustomElement as defineCustomElementZDragdropArea}from"./z-dragdrop-area.js";export{ZFile,defineCustomElement as defineCustomElementZFile}from"./z-file.js";export{ZFileUpload,defineCustomElement as defineCustomElementZFileUpload}from"./z-file-upload.js";export{ZGhostLoading,defineCustomElement as defineCustomElementZGhostLoading}from"./z-ghost-loading.js";export{ZIcon,defineCustomElement as defineCustomElementZIcon}from"./z-icon.js";export{ZInfoBox,defineCustomElement as defineCustomElementZInfoBox}from"./z-info-box.js";export{ZInfoReveal,defineCustomElement as defineCustomElementZInfoReveal}from"./z-info-reveal.js";export{ZInput,defineCustomElement as defineCustomElementZInput}from"./z-input.js";export{ZInputMessage,defineCustomElement as defineCustomElementZInputMessage}from"./z-input-message.js";export{ZInputRange,defineCustomElement as defineCustomElementZInputRange}from"./z-input-range.js";export{ZList,defineCustomElement as defineCustomElementZList}from"./z-list.js";export{ZListElement,defineCustomElement as defineCustomElementZListElement}from"./z-list-element.js";export{ZListGroup,defineCustomElement as defineCustomElementZListGroup}from"./z-list-group.js";export{ZLogo,defineCustomElement as defineCustomElementZLogo}from"./z-logo.js";export{ZMenu,defineCustomElement as defineCustomElementZMenu}from"./z-menu.js";export{ZMenuSection,defineCustomElement as defineCustomElementZMenuSection}from"./z-menu-section.js";export{ZModal,defineCustomElement as defineCustomElementZModal}from"./z-modal.js";export{ZNavigationTabs,defineCustomElement as defineCustomElementZNavigationTabs}from"./z-navigation-tabs.js";export{ZNotification,defineCustomElement as defineCustomElementZNotification}from"./z-notification.js";export{ZOffcanvas,defineCustomElement as defineCustomElementZOffcanvas}from"./z-offcanvas.js";export{ZPagination,defineCustomElement as defineCustomElementZPagination}from"./z-pagination.js";export{ZPopover,defineCustomElement as defineCustomElementZPopover}from"./z-popover.js";export{ZRangePicker,defineCustomElement as defineCustomElementZRangePicker}from"./z-range-picker.js";export{ZResultCard,defineCustomElement as defineCustomElementZResultCard}from"./z-result-card.js";export{ZSearchbar,defineCustomElement as defineCustomElementZSearchbar}from"./z-searchbar.js";export{ZSelect,defineCustomElement as defineCustomElementZSelect}from"./z-select.js";export{ZSkipToContent,defineCustomElement as defineCustomElementZSkipToContent}from"./z-skip-to-content.js";export{ZStepper,defineCustomElement as defineCustomElementZStepper}from"./z-stepper.js";export{ZStepperItem,defineCustomElement as defineCustomElementZStepperItem}from"./z-stepper-item.js";export{ZTable,defineCustomElement as defineCustomElementZTable}from"./z-table.js";export{ZTag,defineCustomElement as defineCustomElementZTag}from"./z-tag.js";export{ZTbody,defineCustomElement as defineCustomElementZTbody}from"./z-tbody.js";export{ZTd,defineCustomElement as defineCustomElementZTd}from"./z-td.js";export{ZTfoot,defineCustomElement as defineCustomElementZTfoot}from"./z-tfoot.js";export{ZTh,defineCustomElement as defineCustomElementZTh}from"./z-th.js";export{ZThead,defineCustomElement as defineCustomElementZThead}from"./z-thead.js";export{ZToastNotification,defineCustomElement as defineCustomElementZToastNotification}from"./z-toast-notification.js";export{ZToastNotificationList,defineCustomElement as defineCustomElementZToastNotificationList}from"./z-toast-notification-list.js";export{ZToggleSwitch,defineCustomElement as defineCustomElementZToggleSwitch}from"./z-toggle-switch.js";export{ZTool,defineCustomElement as defineCustomElementZTool}from"./z-tool.js";export{ZToolbar,defineCustomElement as defineCustomElementZToolbar}from"./z-toolbar.js";export{ZTooltip,defineCustomElement as defineCustomElementZTooltip}from"./z-tooltip.js";export{ZTr,defineCustomElement as defineCustomElementZTr}from"./z-tr.js";export{ZTreeList,defineCustomElement as defineCustomElementZTreeList}from"./z-tree-list.js";export{ZVisuallyHidden,defineCustomElement as defineCustomElementZVisuallyHidden}from"./z-visually-hidden.js";const te={colorFromId:ee};export{te as Utils};
-//# sourceMappingURL=index.js.map
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{c as ee}from"./utils.js";export{a0 as AccordionVariant,o as AlertType,A as AvatarSize,$ as BookCardDeprecatedVariant,_ as BookCardVariant,X as BreadcrumbHomepageVariant,W as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,U as CarouselArrowsPosition,V as CarouselProgressMode,a2 as ColorPickerPalette,e as ControlSize,R as CoverHeroContentPosition,Q as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,a1 as IconPosition,M as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,v as OffCanvasVariant,O as Orientation,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,Y as VisibilityCondition,t as ZAriaAlertMode,x as ZChipType,y as ZChipVariant,F as ZDatePickerMode,G as ZDatePickerModeValue,H as ZDatePickerPosition,w as ZFileUploadType,J as ZRangePickerMode,z as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./index2.js";export{I as ICONS}from"./iconset.js";export{ZAccordion,defineCustomElement as defineCustomElementZAccordion}from"./z-accordion.js";export{ZAnchorNavigation,defineCustomElement as defineCustomElementZAnchorNavigation}from"./z-anchor-navigation.js";export{ZAppHeader,defineCustomElement as defineCustomElementZAppHeader}from"./z-app-header.js";export{ZAriaAlert,defineCustomElement as defineCustomElementZAriaAlert}from"./z-aria-alert.js";export{ZAvatar,defineCustomElement as defineCustomElementZAvatar}from"./z-avatar.js";export{ZBookCard,defineCustomElement as defineCustomElementZBookCard}from"./z-book-card.js";export{ZBookCardApp,defineCustomElement as defineCustomElementZBookCardApp}from"./z-book-card-app.js";export{ZBookCover,defineCustomElement as defineCustomElementZBookCover}from"./z-book-cover.js";export{ZBreadcrumb,defineCustomElement as defineCustomElementZBreadcrumb}from"./z-breadcrumb.js";export{ZButton,defineCustomElement as defineCustomElementZButton}from"./z-button.js";export{ZButtonSort,defineCustomElement as defineCustomElementZButtonSort}from"./z-button-sort.js";export{ZCard,defineCustomElement as defineCustomElementZCard}from"./z-card.js";export{ZCarousel,defineCustomElement as defineCustomElementZCarousel}from"./z-carousel.js";export{ZChip,defineCustomElement as defineCustomElementZChip}from"./z-chip.js";export{ZColorPicker,defineCustomElement as defineCustomElementZColorPicker}from"./z-color-picker.js";export{ZCombobox,defineCustomElement as defineCustomElementZCombobox}from"./z-combobox.js";export{ZCoverHero,defineCustomElement as defineCustomElementZCoverHero}from"./z-cover-hero.js";export{ZDatePicker,defineCustomElement as defineCustomElementZDatePicker}from"./z-date-picker.js";export{ZDivider,defineCustomElement as defineCustomElementZDivider}from"./z-divider.js";export{ZDragdropArea,defineCustomElement as defineCustomElementZDragdropArea}from"./z-dragdrop-area.js";export{ZFile,defineCustomElement as defineCustomElementZFile}from"./z-file.js";export{ZFileUpload,defineCustomElement as defineCustomElementZFileUpload}from"./z-file-upload.js";export{ZGhostLoading,defineCustomElement as defineCustomElementZGhostLoading}from"./z-ghost-loading.js";export{ZIcon,defineCustomElement as defineCustomElementZIcon}from"./z-icon.js";export{ZInfoBox,defineCustomElement as defineCustomElementZInfoBox}from"./z-info-box.js";export{ZInfoReveal,defineCustomElement as defineCustomElementZInfoReveal}from"./z-info-reveal.js";export{ZInput,defineCustomElement as defineCustomElementZInput}from"./z-input.js";export{ZInputMessage,defineCustomElement as defineCustomElementZInputMessage}from"./z-input-message.js";export{ZInputRange,defineCustomElement as defineCustomElementZInputRange}from"./z-input-range.js";export{ZList,defineCustomElement as defineCustomElementZList}from"./z-list.js";export{ZListElement,defineCustomElement as defineCustomElementZListElement}from"./z-list-element.js";export{ZListGroup,defineCustomElement as defineCustomElementZListGroup}from"./z-list-group.js";export{ZLogo,defineCustomElement as defineCustomElementZLogo}from"./z-logo.js";export{ZMenu,defineCustomElement as defineCustomElementZMenu}from"./z-menu.js";export{ZMenuSection,defineCustomElement as defineCustomElementZMenuSection}from"./z-menu-section.js";export{ZModal,defineCustomElement as defineCustomElementZModal}from"./z-modal.js";export{ZNavigationTabs,defineCustomElement as defineCustomElementZNavigationTabs}from"./z-navigation-tabs.js";export{ZNotification,defineCustomElement as defineCustomElementZNotification}from"./z-notification.js";export{ZOffcanvas,defineCustomElement as defineCustomElementZOffcanvas}from"./z-offcanvas.js";export{ZPagination,defineCustomElement as defineCustomElementZPagination}from"./z-pagination.js";export{ZPopover,defineCustomElement as defineCustomElementZPopover}from"./z-popover.js";export{ZRangePicker,defineCustomElement as defineCustomElementZRangePicker}from"./z-range-picker.js";export{ZResultCard,defineCustomElement as defineCustomElementZResultCard}from"./z-result-card.js";export{ZSearchbar,defineCustomElement as defineCustomElementZSearchbar}from"./z-searchbar.js";export{ZSelect,defineCustomElement as defineCustomElementZSelect}from"./z-select.js";export{ZSkipToContent,defineCustomElement as defineCustomElementZSkipToContent}from"./z-skip-to-content.js";export{ZStepper,defineCustomElement as defineCustomElementZStepper}from"./z-stepper.js";export{ZStepperItem,defineCustomElement as defineCustomElementZStepperItem}from"./z-stepper-item.js";export{ZTable,defineCustomElement as defineCustomElementZTable}from"./z-table.js";export{ZTag,defineCustomElement as defineCustomElementZTag}from"./z-tag.js";export{ZTbody,defineCustomElement as defineCustomElementZTbody}from"./z-tbody.js";export{ZTd,defineCustomElement as defineCustomElementZTd}from"./z-td.js";export{ZTfoot,defineCustomElement as defineCustomElementZTfoot}from"./z-tfoot.js";export{ZTh,defineCustomElement as defineCustomElementZTh}from"./z-th.js";export{ZThead,defineCustomElement as defineCustomElementZThead}from"./z-thead.js";export{ZToastNotification,defineCustomElement as defineCustomElementZToastNotification}from"./z-toast-notification.js";export{ZToastNotificationList,defineCustomElement as defineCustomElementZToastNotificationList}from"./z-toast-notification-list.js";export{ZToggleSwitch,defineCustomElement as defineCustomElementZToggleSwitch}from"./z-toggle-switch.js";export{ZTool,defineCustomElement as defineCustomElementZTool}from"./z-tool.js";export{ZToolbar,defineCustomElement as defineCustomElementZToolbar}from"./z-toolbar.js";export{ZTooltip,defineCustomElement as defineCustomElementZTooltip}from"./z-tooltip.js";export{ZTr,defineCustomElement as defineCustomElementZTr}from"./z-tr.js";export{ZTreeList,defineCustomElement as defineCustomElementZTreeList}from"./z-tree-list.js";export{ZVisuallyHidden,defineCustomElement as defineCustomElementZVisuallyHidden}from"./z-visually-hidden.js";const te={colorFromId:ee};export{te as Utils}

package/dist/components/index10.js

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as o,l as a,D as d,m as n}from"./index2.js";import{d as h}from"./index5.js";const l=()=>`:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}`;const p=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.size=o.MEDIUM;this.dividerType=a.NONE;this.dividerSize=d.SMALL;this.dividerColor="gray200";this.listType=n.NONE;this.htmlRole="group"}onRoleChange(e){this.htmlRole=e}setChildrenProps(){Array.from(this.host.children).filter((e=>e.tagName.toLowerCase()==="z-list-element")).forEach(((e,t,i)=>{e.size=this.size;e.listType=this.listType;e.listElementPosition=t.toString();if(t<i.length-1){e.dividerType=this.dividerType;e.dividerSize=this.dividerSize;e.dividerColor=this.dividerColor}}))}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(s,{key:"2c550cf5604ca7c80621970c7b9046b81aee0826",role:this.htmlRole},i("div",{key:"7042a6519c28bfa39a1914ddadb811a1e8469fcf",class:{"z-list-group-header-container":true,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},i("slot",{key:"fe5be90d287663bcdf69a6763012d9a364a7ff50",name:"header-title"}),this.dividerType===a.HEADER&&i("z-divider",{key:"0717918b0003188cfef8e35de12ba54f79b43bc3",color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"d4362b569458fad45835fae90d29f294baea0f75"}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}],dividerType:[{setChildrenProps:1}],dividerSize:[{setChildrenProps:1}],dividerColor:[{setChildrenProps:1}]}}static get style(){return l()}},[257,"z-list-group",{size:[513],dividerType:[513,"divider-type"],dividerSize:[513,"divider-size"],dividerColor:[513,"divider-color"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],htmlRole:[32]},undefined,{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}],dividerType:[{setChildrenProps:1}],dividerSize:[{setChildrenProps:1}],dividerColor:[{setChildrenProps:1}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["z-list-group","z-divider"];e.forEach((e=>{switch(e){case"z-list-group":if(!customElements.get(r(e))){customElements.define(r(e),p)}break;case"z-divider":if(!customElements.get(r(e))){h()}break}}))}export{p as Z,c as d};
-//# sourceMappingURL=index10.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{i as o,l as a,D as d,m as n}from"./index2.js";import{d as h}from"./index5.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=o.MEDIUM,this.dividerType=a.NONE,this.dividerSize=d.SMALL,this.dividerColor="gray200",this.listType=n.NONE,this.htmlRole="group"}onRoleChange(e){this.htmlRole=e}setChildrenProps(){Array.from(this.host.children).filter((e=>"z-list-element"===e.tagName.toLowerCase())).forEach(((e,t,i)=>{e.size=this.size,e.listType=this.listType,e.listElementPosition=t.toString(),t<i.length-1&&(e.dividerType=this.dividerType,e.dividerSize=this.dividerSize,e.dividerColor=this.dividerColor)}))}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return i(s,{key:"2c550cf5604ca7c80621970c7b9046b81aee0826",role:this.htmlRole},i("div",{key:"7042a6519c28bfa39a1914ddadb811a1e8469fcf",class:{"z-list-group-header-container":!0,"has-header":this.hasHeader&&!this.hasTreeItems,"grouped-tree-list-header":this.hasTreeItems}},i("slot",{key:"fe5be90d287663bcdf69a6763012d9a364a7ff50",name:"header-title"}),this.dividerType===a.HEADER&&i("z-divider",{key:"0717918b0003188cfef8e35de12ba54f79b43bc3",color:this.dividerColor,size:this.dividerSize})),i("slot",{key:"d4362b569458fad45835fae90d29f294baea0f75"}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}],dividerType:[{setChildrenProps:1}],dividerSize:[{setChildrenProps:1}],dividerColor:[{setChildrenProps:1}]}}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;letter-spacing:0.16px;line-height:1.4}:host>.z-list-group-header-container.has-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}:host>.grouped-tree-list-header{padding-top:calc(var(--space-unit) * 1.5);padding-bottom:var(--space-unit)}"}},[257,"z-list-group",{size:[513],dividerType:[513,"divider-type"],dividerSize:[513,"divider-size"],dividerColor:[513,"divider-color"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],htmlRole:[32]},void 0,{role:[{onRoleChange:1}],size:[{setChildrenProps:1}],listType:[{setChildrenProps:1}],dividerType:[{setChildrenProps:1}],dividerSize:[{setChildrenProps:1}],dividerColor:[{setChildrenProps:1}]}]);function p(){"undefined"!=typeof customElements&&["z-list-group","z-divider"].forEach((e=>{switch(e){case"z-list-group":customElements.get(r(e))||customElements.define(r(e),l);break;case"z-divider":customElements.get(r(e))||h()}}))}export{l as Z,p as d}

package/dist/components/index11.js

@@ -1,2 +1 @@
-import{proxyCustomElement as a,createEvent as n,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as i,u as c,g as e}from"./index2.js";import{R as r,F as f}from"./reactive-controller.js";import{j as h}from"./utils.js";const v=()=>`.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transform:translateX(0);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.backdrop.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.backdrop.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;outline:none}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:var(--z-offcanvas--container-width, 375px);min-width:var(--z-offcanvas--container-width, 375px)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}`;const d=a(class a extends r{constructor(a){super(false);if(a!==false){this.__registerHost()}this.canvasOpenStatusChanged=n(this,"canvasOpenStatusChanged",7);this.variant=i.PUSHCONTENT;this.open=false;this.transitiondirection=c.LEFT;this.skipLoadAnimation=false;this.showBackdrop=true;this.skipAnimation=false;this.focusTrapController=new f(this,{fallbackFocus:()=>this.canvasContent,isActive:()=>this.open&&this.variant===i.OVERLAY})}handleKeyDown(a){if(!this.open||this.variant!==i.OVERLAY){return}if(a.key===e.ESC){a.preventDefault();this.open=false;return}this.focusTrapController.handleWrapTab(a)}handlePageScroll(){const a=this.variant===i.OVERLAY||this.transitiondirection===c.UP?"overflow-y":"overflow-x";this.host.ownerDocument.body.style[a]=this.open?"hidden":""}onOpenChanged(){this.canvasOpenStatusChanged.emit(this.open);this.handlePageScroll();this.focusTrapController.sync()}componentWillLoad(){if(this.open){this.skipAnimation=true}return super.componentWillLoad()}componentDidRender(){this.skipAnimation=false}componentDidLoad(){if(this.open){this.onOpenChanged()}}disconnectedCallback(){this.handlePageScroll();super.disconnectedCallback()}render(){return t(s,{key:"1d8d592805e988c32fdb618f0c94984d666be230","skip-animation":this.skipAnimation,"aria-hidden":!this.open?"true":null,"aria-modal":this.open&&this.variant===i.OVERLAY?"true":null,role:this.open&&this.variant===i.OVERLAY?"dialog":null},t("div",{key:"099e499d2387ab7ec83931388db2ee8ef07ab183",class:"canvas-container"},t("div",{key:"ff0e669b94a0bb5d204041f17a89098860ddba84",class:"canvas-content z-scrollbar",ref:a=>this.canvasContent=a,tabIndex:h(this.host).length?undefined:-1},t("slot",{key:"e9a71a394675ed08e74beb9c097069d0e3099c8d",name:"canvasContent"}))),(this.variant==i.OVERLAY||this.transitiondirection===c.UP)&&this.showBackdrop&&t("div",{key:"364dc6513badd40238406bb47848e104a2095c87",class:"backdrop",onClick:a=>{a.preventDefault();a.stopPropagation();this.open=false}}))}get host(){return this}static get watchers(){return{variant:[{handlePageScroll:1}],open:[{onOpenChanged:0}]}}static get style(){return v()}},[774,"z-offcanvas",{variant:[513],open:[1540],transitiondirection:[513],skipLoadAnimation:[4,"skip-load-animation"],showBackdrop:[4,"show-backdrop"],skipAnimation:[32]},[[4,"keydown","handleKeyDown"]],{variant:[{handlePageScroll:1}],open:[{onOpenChanged:0}]}]);function l(){if(typeof customElements==="undefined"){return}const a=["z-offcanvas"];a.forEach((a=>{switch(a){case"z-offcanvas":if(!customElements.get(o(a))){customElements.define(o(a),d)}break}}))}export{d as Z,l as d};
-//# sourceMappingURL=index11.js.map
+import{proxyCustomElement as a,createEvent as n,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{v as i,u as c,g as e}from"./index2.js";import{R as r,F as f}from"./reactive-controller.js";import{j as h}from"./utils.js";const v=a(class extends r{constructor(a){super(!1),!1!==a&&this.__registerHost(),this.canvasOpenStatusChanged=n(this,"canvasOpenStatusChanged",7),this.variant=i.PUSHCONTENT,this.open=!1,this.transitiondirection=c.LEFT,this.skipLoadAnimation=!1,this.showBackdrop=!0,this.skipAnimation=!1,this.focusTrapController=new f(this,{fallbackFocus:()=>this.canvasContent,isActive:()=>this.open&&this.variant===i.OVERLAY})}handleKeyDown(a){if(this.open&&this.variant===i.OVERLAY)return a.key===e.ESC?(a.preventDefault(),void(this.open=!1)):void this.focusTrapController.handleWrapTab(a)}handlePageScroll(){this.host.ownerDocument.body.style[this.variant===i.OVERLAY||this.transitiondirection===c.UP?"overflow-y":"overflow-x"]=this.open?"hidden":""}onOpenChanged(){this.canvasOpenStatusChanged.emit(this.open),this.handlePageScroll(),this.focusTrapController.sync()}componentWillLoad(){return this.open&&(this.skipAnimation=!0),super.componentWillLoad()}componentDidRender(){this.skipAnimation=!1}componentDidLoad(){this.open&&this.onOpenChanged()}disconnectedCallback(){this.handlePageScroll(),super.disconnectedCallback()}render(){return t(s,{key:"0d718ddb59132cfe0455ec8fe295af28d22d5ed2","skip-animation":this.skipAnimation,"aria-hidden":this.open?null:"true","aria-modal":this.open&&this.variant===i.OVERLAY?"true":null,role:this.open&&this.variant===i.OVERLAY?"dialog":null},t("div",{key:"2be04a46c61ac1cf275f1346acf473fd5fa9a4f7",class:"canvas-container"},t("div",{key:"8ae8c40c1f7057bfa3e0dd7fb5fe4bd0c090d27b",class:"canvas-content z-scrollbar",ref:a=>this.canvasContent=a,tabIndex:h(this.host).length?void 0:-1},t("slot",{key:"cf715af879c1adf21a1b3ce56bf6aa03a7a74d45",name:"canvasContent"}))),(this.variant==i.OVERLAY||this.transitiondirection===c.UP)&&this.showBackdrop&&t("div",{key:"a358752b0610bc48db477ed12eca3856095606e5",class:"backdrop",onClick:a=>{a.preventDefault(),a.stopPropagation(),this.open=!1}}))}get host(){return this}static get watchers(){return{variant:[{handlePageScroll:1}],open:[{onOpenChanged:0}]}}static get style(){return'.sc-z-offcanvas-h{font-family:var(--font-family-sans);font-weight:var(--font-rg)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){overflow:hidden}.canvas-container.sc-z-offcanvas{display:flex;overflow:hidden;min-width:100%;height:100%;background:var(--color-surface01);transform:translateX(0);transition:transform 0.4s ease-out}.sc-z-offcanvas-h>*.sc-z-offcanvas{position:fixed;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0}[open].sc-z-offcanvas-h>*.sc-z-offcanvas{height:calc(100% - var(--z-offcanvas--top-space, 0px))}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(100%)}[open][transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[open][transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(0)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{top:auto;bottom:0;height:var(--z-offcanvas--container-height, 90%);transform:translateY(100%)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas,[variant="overlay"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1001}[open][transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateY(0)}[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"])>.canvas-container.sc-z-offcanvas{position:relative;height:100%}[variant="pushcontent"].sc-z-offcanvas-h:not([open]){display:none}[skip-animation].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transition:none}.backdrop.sc-z-offcanvas{z-index:1000;width:100%;height:100%;background-color:var(--gray900);opacity:0;pointer-events:none;transition:opacity 0.4s ease-out}[open].sc-z-offcanvas-h>.backdrop.sc-z-offcanvas{opacity:0.7;pointer-events:unset}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:hidden auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;outline:none}@media (min-width: 768px){[variant="pushcontent"].sc-z-offcanvas-h:not([transitiondirection="up"]){flex:none}.canvas-container.sc-z-offcanvas{width:var(--z-offcanvas--container-width, 375px);min-width:var(--z-offcanvas--container-width, 375px)}[transitiondirection="up"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{width:100%}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:auto;left:0}[transitiondirection="left"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{right:0;left:auto}}'}},[774,"z-offcanvas",{variant:[513],open:[1540],transitiondirection:[513],skipLoadAnimation:[4,"skip-load-animation"],showBackdrop:[4,"show-backdrop"],skipAnimation:[32]},[[4,"keydown","handleKeyDown"]],{variant:[{handlePageScroll:1}],open:[{onOpenChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["z-offcanvas"].forEach((a=>{"z-offcanvas"===a&&(customElements.get(o(a))||customElements.define(o(a),v))}))}export{v as Z,d}

package/dist/components/index12.js

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as o,transformTag as n}from"@stencil/core/internal/client";import{e as a,B as r,g as l}from"./index2.js";import{r as h,n as d}from"./utils.js";import{d as f}from"./index4.js";import{d as b}from"./index5.js";import{d as c}from"./index3.js";import{d as g}from"./index6.js";import{d as v}from"./index7.js";import{d as m}from"./index8.js";import{d as p}from"./index9.js";import{d as u}from"./index10.js";import{d as z}from"./index13.js";const w=()=>`:host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:2.75rem;z-index:15;display:flex;align-items:flex-end;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*,::after,::before{box-sizing:border-box}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.input-container z-input{z-index:1}.results{--item-icon-size:1rem;--z-icon-height:var(--item-icon-size);--z-icon-width:var(--item-icon-size);--item-inline-padding:calc(var(--space-unit) * 1.5);--item-col-gap:var(--space-unit);position:absolute;top:calc(100% - 1px);left:0;overflow:auto;width:100%;max-height:var(--z-searchbar-results-height, 540px);border:var(--border-size-small) solid var(--color-form-surface03);border-top:none;background:var(--color-form-background)}.results z-list-element{--background-color-list-element:var(--color-form-background);position:relative;display:block}.results>z-list>z-list-element::part(list-item-container){padding:0 var(--item-inline-padding)}.results z-list-element>.list-item{position:relative;display:flex;align-items:center;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);background-color:transparent;color:var(--color-form-default-text);fill:var(--color-form-default-icon);gap:var(--item-col-gap)}.results z-list-element>.list-item:hover{background-color:var(--gray100);cursor:pointer}.results z-list-element>.list-item:focus-visible{z-index:1;box-shadow:var(--shadow-focus-primary);outline:none}.results>z-list>z-list-element:not(:last-child)>.list-item,.results z-list-group:not(:last-child)>z-list-element:not(.category-heading){border-bottom:1px solid var(--color-form-surface03)}.results z-list-group{padding:0 var(--item-inline-padding)}.results z-list-group>z-list-element::part(list-item-container){padding:0}.results .sub-list{padding-left:calc(var(--item-icon-size) + var(--item-col-gap))}.results .sub-list z-list-element::part(list-item-container){padding:0}.results .sub-list z-list-element>.list-item{position:relative}.results .sub-list>z-list-element:not(:last-child)::before,.results .sub-list>z-list-element>.list-item::before{position:absolute;top:0;left:calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);border-left:1px solid var(--color-form-surface03);content:""}.results .sub-list>z-list-element:not(:last-child)::before{top:-4px;height:calc(100% + 4px)}.results .sub-list z-list-element>.list-item::before{width:14px;height:calc(var(--z-searchbar-item-height) / 2);border-bottom:1px solid var(--color-form-surface03)}.results .category-heading>.category{font-style:italic}.results .category-heading>.subcategory{text-transform:uppercase}.results z-list-element>.list-item .ellipsis{overflow:hidden}.results .ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item-label mark{background:var(--color-primary03);color:var(--color-default-text)}.results .list-item>z-tag{--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color);margin-left:auto;white-space:nowrap}.results .item-show-all{width:100%;color:var(--color-primary01);cursor:pointer;text-align:center}.results .item-no-results{display:block;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);font-style:italic}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results{--item-icon-size:1.125rem}}`;const y=()=>`.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}`;const k=()=>`.z-scrollbar::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}.z-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}.z-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray600) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray600);--z-scrollbar-thumb-color:var(--color-primary03);--z-scrollbar-thumb-hover-color:var(--color-hover-primary);--z-scrollbar-corner-color:transparent}@supports not selector(.z-scrollbar::-webkit-scrollbar-track){.z-scrollbar{scrollbar-color:var(--color-primary01) transparent}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{scrollbar-color:var(--z-scrollbar-thumb-color, var(--color-primary03))       var(--z-scrollbar-track-color, var(--gray600))}}`;const x=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const C=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.searchSubmit=i(this,"searchSubmit",7);this.searchTyping=i(this,"searchTyping",7);this.searchItemClick=i(this,"searchItemClick",7);this.htmlid=`searchbar-${h()}`;this.preventSubmit=false;this.autocomplete=false;this.autocompleteMinChars=3;this.searchHelperLabel="Cerca {searchString}";this.sortResultsItems=false;this.showSearchButton=false;this.searchButtonIconOnly=false;this.searchButtonLabel="CERCA";this.size=a.BIG;this.variant=r.PRIMARY;this.searchString=this.value;this.currResultsCount=this.resultsCount;this.showResults=false;this.isMobile=false;this.resultsItemsList=null}emitSearchItemClick(t){this.searchItemClick.emit(t);this.selectedItem=t;this.searchString=""}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.searchTyping.emit(this.searchString);if(!this.searchString){this.currResultsCount=this.resultsCount}}getResultsItemsList(){return typeof this.resultsItems==="string"?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(){const t={};this.resultsItemsList.forEach((e=>{var i;const s=`${e===null||e===void 0?void 0:e.category}${e===null||e===void 0?void 0:e.subcategory}`;t[s]=(i=t[s])!==null&&i!==void 0?i:{category:e===null||e===void 0?void 0:e.category,subcategory:e===null||e===void 0?void 0:e.subcategory,items:[]};t[s]["items"].push(e)}));if(this.sortResultsItems){return Object.keys(t).sort().reduce(((e,i)=>{e[i]=Object.assign(Object.assign({},t[i]),{items:t[i]["items"].sort(((t,e)=>{const i=t.label.toUpperCase();const s=e.label.toUpperCase();if(i<s){return-1}if(i>s){return 1}return 0}))});return e}),{})}return t}onListItemKeyDown(t,e){if(t.key===l.ENTER){t.preventDefault();this.emitSearchItemClick(e);return}this.handleArrowsNavigation(t)}onSearchHelperKeyDown(t){if(t.key===l.ENTER){t.preventDefault();this.emitSearchSubmit();return}this.handleArrowsNavigation(t)}handleArrowsNavigation(t){var e,i,s,o,n,a;if(![l.ARROW_DOWN,l.ARROW_UP].includes(t.key)){return}const r=t.target;const h=Array.from((i=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("z-list .list-item"))!==null&&i!==void 0?i:[]);const d=h.indexOf(r);if(t.key===l.ARROW_DOWN){t.preventDefault();const e=d+1;if(e<h.length){h[e].focus()}}if(t.key===l.ARROW_UP){t.preventDefault();const e=d-1;if(e<0){(o=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("input"))===null||o===void 0?void 0:o.focus();(a=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("input"))===null||a===void 0?void 0:a.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)}if(e>=0){h[e].focus()}}}handleStopTyping(t){t.stopPropagation();this.searchString=t.detail.value;this.selectedItem=undefined}handleSubmit(){if(this.preventSubmit){return}this.emitSearchSubmit()}handleOutsideClick(t){const e=t.composedPath();if(e.includes(this.host)){return}this.showResults=false}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList();this.mql=matchMedia("(max-width: 767px)");this.onMobileViewChange=t=>this.isMobile=t.matches;this.mql.addEventListener("change",this.onMobileViewChange);this.isMobile=this.mql.matches}disconnectedCallback(){var t;(t=this.mql)===null||t===void 0?void 0:t.removeEventListener("change",this.onMobileViewChange)}renderItemLabel(t){if(!this.searchString){return t}return t.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(t=>`<mark>${t}</mark>`))}renderItem(t,e){var i;return s("z-list-element",{id:`list-item-${this.htmlid}-${e}`,role:"presentation",htmlTabindex:-1,onKeyDown:e=>this.onListItemKeyDown(e,t),onClick:e=>{e.stopPropagation();this.emitSearchItemClick(t)}},s("div",{class:"list-item ellipsis",role:"option",tabindex:0},!!(t===null||t===void 0?void 0:t.icon)&&s("z-icon",{class:"item-icon",name:t.icon}),s("div",{class:"item-label body-3 mobile-body-4",title:t.label,innerHTML:this.renderItemLabel(t.label)}),!!(t===null||t===void 0?void 0:t.tag)&&s("z-tag",{icon:t.tag.icon},!this.isMobile?t.tag.text:"")),!!((i=t.children)===null||i===void 0?void 0:i.length)&&s("z-list",{class:"sub-list",role:"group","aria-label":t.label||undefined},t.children.map(((t,e)=>this.renderItem(t,e)))))}renderItemGroups(){var t;if(!((t=this.resultsItemsList)===null||t===void 0?void 0:t.length)){return}const e=Object.values(this.getGroupedItems());const i=[];const o=!!this.currResultsCount;let n=0;for(const t of e){const e=o?this.currResultsCount-n:t.items.length;if(e<=0){break}const a=t.items.slice(0,e);const r=a.map(((t,e)=>this.renderItem(t,e)));n+=r.length;if(!r.length){continue}const l=[t.category,t.subcategory].filter(Boolean).join(" ");i.push(s("z-list-group",{"aria-label":l||undefined},t.category&&s("z-list-element",{class:"category-heading body-3 mobile-body-4",slot:"header-title",role:"presentation",htmlTabindex:-1},s("div",{class:"category"},t.category),t.subcategory&&s("div",{class:"subcategory"},t.subcategory)),r))}return i}render(){var t,e,i,n,a;return s(o,{key:"beeb6767dbccbc257ee122c0fbe405337812a64b",onFocus:()=>this.showResults=true,onClick:t=>this.handleOutsideClick(t),class:{"has-submit":!!this.showSearchButton,"has-results":!!this.autocomplete}},s("div",{key:"91ea65a3b095acc51ce1244d91fe21133f850ded",class:"input-container"},s("z-input",{key:"a87a56c3b654ee2a6d51abbcbd0b00b4f113db29",ref:t=>this.inputRef=t,htmlid:`input-${this.htmlid}`,message:false,placeholder:this.placeholder,onStopTyping:t=>this.handleStopTyping(t),onKeyUp:t=>{d(t,(()=>this.handleSubmit()));this.handleArrowsNavigation(t)},onFocus:()=>this.showResults=true,value:this.searchString||((t=this.selectedItem)===null||t===void 0?void 0:t.label),size:this.size,label:this.label,htmlAriaLabel:this.htmlAriaLabel||this.placeholder||undefined}),!!(this.showResults&&this.autocomplete&&this.searchString&&this.searchString.length>=this.autocompleteMinChars&&this.resultsItemsList)&&s("div",{key:"b0ec36671df7c21f50dc39b4806d5fcd510dfdf3",class:"results z-scrollbar"},this.preventSubmit&&!((e=this.resultsItemsList)===null||e===void 0?void 0:e.length)?s("div",{class:"item-no-results body-3 mobile-body-4"},"Non abbiamo trovato risultati per ",s("b",null,this.searchString),s("br",null),s("br",null),"Cosa puoi fare?",s("ul",null,s("li",null,"Verificare di aver scritto bene"),s("li",null,"Provare a cercare un'altra parola"),s("li",null,"Provare a cercare qualcosa di più generico"))):s("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label||undefined},this.autocomplete&&!this.preventSubmit&&!!this.searchString&&s("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-search`,onKeyDown:t=>this.onSearchHelperKeyDown(t),onClick:()=>this.emitSearchSubmit()},s("div",{class:"list-item item-search",role:"option",tabindex:0},s("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),s("div",{class:"item-label body-3 mobile-body-4",innerHTML:(i=this.searchHelperLabel)===null||i===void 0?void 0:i.replace("{searchString}",`<mark>${this.searchString}</mark>`)}))),this.renderItemGroups(),!!(this.searchString&&((n=this.resultsItemsList)===null||n===void 0?void 0:n.length)&&this.currResultsCount&&this.currResultsCount<((a=this.resultsItemsList)===null||a===void 0?void 0:a.length))&&s("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-show-all`},s("div",{role:"option",class:"item-show-all body-3 mobile-body-4",tabindex:0,onClick:()=>this.currResultsCount=undefined},"Vedi tutti i risultati"))))),this.showSearchButton&&s("z-button",{key:"168b680221822a07a73cdbf8917f4fadb9063a98",icon:this.searchButtonIconOnly?"search":undefined,"aria-label":this.searchButtonIconOnly?this.searchButtonLabel.trim()||"CERCA":undefined,disabled:!!this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?"":this.searchButtonLabel.trim()||"CERCA"))}get host(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}}static get style(){return w()+(y()+(k()+x()))}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],searchButtonLabel:[1,"search-button-label"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}]);function S(){if(typeof customElements==="undefined"){return}const t=["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"];t.forEach((t=>{switch(t){case"z-searchbar":if(!customElements.get(n(t))){customElements.define(n(t),C)}break;case"z-button":if(!customElements.get(n(t))){f()}break;case"z-divider":if(!customElements.get(n(t))){b()}break;case"z-icon":if(!customElements.get(n(t))){c()}break;case"z-input":if(!customElements.get(n(t))){g()}break;case"z-input-message":if(!customElements.get(n(t))){v()}break;case"z-list":if(!customElements.get(n(t))){m()}break;case"z-list-element":if(!customElements.get(n(t))){p()}break;case"z-list-group":if(!customElements.get(n(t))){u()}break;case"z-tag":if(!customElements.get(n(t))){z()}break}}))}export{C as Z,S as d};
-//# sourceMappingURL=index12.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as r,transformTag as a}from"@stencil/core/internal/client";import{e as o,B as n,g as l}from"./index2.js";import{r as f,n as b}from"./utils.js";import{d}from"./index4.js";import{d as h}from"./index5.js";import{d as v}from"./index3.js";import{d as g}from"./index6.js";import{d as c}from"./index7.js";import{d as m}from"./index8.js";import{d as y}from"./index9.js";import{d as p}from"./index10.js";import{d as z}from"./index13.js";const w=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.searchSubmit=t(this,"searchSubmit",7),this.searchTyping=t(this,"searchTyping",7),this.searchItemClick=t(this,"searchItemClick",7),this.htmlid=`searchbar-${f()}`,this.preventSubmit=!1,this.autocomplete=!1,this.autocompleteMinChars=3,this.searchHelperLabel="Cerca {searchString}",this.sortResultsItems=!1,this.showSearchButton=!1,this.searchButtonIconOnly=!1,this.searchButtonLabel="CERCA",this.size=o.BIG,this.variant=n.PRIMARY,this.searchString=this.value,this.currResultsCount=this.resultsCount,this.showResults=!1,this.isMobile=!1,this.resultsItemsList=null}emitSearchItemClick(e){this.searchItemClick.emit(e),this.selectedItem=e,this.searchString=""}emitSearchSubmit(){this.searchSubmit.emit(this.inputRef.value)}watchItems(){this.resultsItemsList=this.getResultsItemsList()}watchResultsCount(){this.currResultsCount=this.resultsCount}watchValue(){this.searchString=this.value}watchSearchString(){this.searchTyping.emit(this.searchString),this.searchString||(this.currResultsCount=this.resultsCount)}getResultsItemsList(){return"string"==typeof this.resultsItems?JSON.parse(this.resultsItems):this.resultsItems}getGroupedItems(){const e={};return this.resultsItemsList.forEach((i=>{var t;const s=`${null==i?void 0:i.category}${null==i?void 0:i.subcategory}`;e[s]=null!==(t=e[s])&&void 0!==t?t:{category:null==i?void 0:i.category,subcategory:null==i?void 0:i.subcategory,items:[]},e[s].items.push(i)})),this.sortResultsItems?Object.keys(e).sort().reduce(((i,t)=>(i[t]=Object.assign(Object.assign({},e[t]),{items:e[t].items.sort(((e,i)=>{const t=e.label.toUpperCase(),s=i.label.toUpperCase();return t<s?-1:t>s?1:0}))}),i)),{}):e}onListItemKeyDown(e,i){if(e.key===l.ENTER)return e.preventDefault(),void this.emitSearchItemClick(i);this.handleArrowsNavigation(e)}onSearchHelperKeyDown(e){if(e.key===l.ENTER)return e.preventDefault(),void this.emitSearchSubmit();this.handleArrowsNavigation(e)}handleArrowsNavigation(e){var i,t,s,r,a,o;if(![l.ARROW_DOWN,l.ARROW_UP].includes(e.key))return;const n=e.target,f=Array.from(null!==(t=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelectorAll("z-list .list-item"))&&void 0!==t?t:[]),b=f.indexOf(n);if(e.key===l.ARROW_DOWN){e.preventDefault();const i=b+1;i<f.length&&f[i].focus()}if(e.key===l.ARROW_UP){e.preventDefault();const i=b-1;i<0&&(null===(r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("input"))||void 0===r||r.focus(),null===(o=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector("input"))||void 0===o||o.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length)),i>=0&&f[i].focus()}}handleStopTyping(e){e.stopPropagation(),this.searchString=e.detail.value,this.selectedItem=void 0}handleSubmit(){this.preventSubmit||this.emitSearchSubmit()}handleOutsideClick(e){e.composedPath().includes(this.host)||(this.showResults=!1)}componentWillLoad(){this.resultsItemsList=this.getResultsItemsList(),this.mql=matchMedia("(max-width: 767px)"),this.onMobileViewChange=e=>this.isMobile=e.matches,this.mql.addEventListener("change",this.onMobileViewChange),this.isMobile=this.mql.matches}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.onMobileViewChange)}renderItemLabel(e){return this.searchString?e.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gmi"),(e=>`<mark>${e}</mark>`)):e}renderItem(e,i){var t;return s("z-list-element",{id:`list-item-${this.htmlid}-${i}`,role:"presentation",htmlTabindex:-1,onKeyDown:i=>this.onListItemKeyDown(i,e),onClick:i=>{i.stopPropagation(),this.emitSearchItemClick(e)}},s("div",{class:"list-item ellipsis",role:"option",tabindex:0},!!(null==e?void 0:e.icon)&&s("z-icon",{class:"item-icon",name:e.icon}),s("div",{class:"item-label body-3 mobile-body-4",title:e.label,innerHTML:this.renderItemLabel(e.label)}),!!(null==e?void 0:e.tag)&&s("z-tag",{icon:e.tag.icon},this.isMobile?"":e.tag.text)),!!(null===(t=e.children)||void 0===t?void 0:t.length)&&s("z-list",{class:"sub-list",role:"group","aria-label":e.label||void 0},e.children.map(((e,i)=>this.renderItem(e,i)))))}renderItemGroups(){var e;if(!(null===(e=this.resultsItemsList)||void 0===e?void 0:e.length))return;const i=Object.values(this.getGroupedItems()),t=[],r=!!this.currResultsCount;let a=0;for(const e of i){const i=r?this.currResultsCount-a:e.items.length;if(i<=0)break;const o=e.items.slice(0,i).map(((e,i)=>this.renderItem(e,i)));if(a+=o.length,!o.length)continue;const n=[e.category,e.subcategory].filter(Boolean).join(" ");t.push(s("z-list-group",{"aria-label":n||void 0},e.category&&s("z-list-element",{class:"category-heading body-3 mobile-body-4",slot:"header-title",role:"presentation",htmlTabindex:-1},s("div",{class:"category"},e.category),e.subcategory&&s("div",{class:"subcategory"},e.subcategory)),o))}return t}render(){var e,i,t,a,o;return s(r,{key:"5c3ed05870fccf1a231eda8149bebd0274bb2c69",onFocus:()=>this.showResults=!0,onClick:e=>this.handleOutsideClick(e),class:{"has-submit":!!this.showSearchButton,"has-results":!!this.autocomplete}},s("div",{key:"b14fecdd8272c9f21ecd4e1d7ec07bf5f96b97b2",class:"input-container"},s("z-input",{key:"bf1ed33bb3bacb810646b41b12d5c922ce144d23",ref:e=>this.inputRef=e,htmlid:`input-${this.htmlid}`,message:!1,placeholder:this.placeholder,onStopTyping:e=>this.handleStopTyping(e),onKeyUp:e=>{b(e,(()=>this.handleSubmit())),this.handleArrowsNavigation(e)},onFocus:()=>this.showResults=!0,value:this.searchString||(null===(e=this.selectedItem)||void 0===e?void 0:e.label),size:this.size,label:this.label,htmlAriaLabel:this.htmlAriaLabel||this.placeholder||void 0}),!!(this.showResults&&this.autocomplete&&this.searchString&&this.searchString.length>=this.autocompleteMinChars&&this.resultsItemsList)&&s("div",{key:"7ec9e9e45860fdbe991ab75a1613e5bd4a69f386",class:"results z-scrollbar"},this.preventSubmit&&!(null===(i=this.resultsItemsList)||void 0===i?void 0:i.length)?s("div",{class:"item-no-results body-3 mobile-body-4"},"Non abbiamo trovato risultati per ",s("b",null,this.searchString),s("br",null),s("br",null),"Cosa puoi fare?",s("ul",null,s("li",null,"Verificare di aver scritto bene"),s("li",null,"Provare a cercare un'altra parola"),s("li",null,"Provare a cercare qualcosa di più generico"))):s("z-list",{role:"listbox",id:`list-${this.htmlid}`,"aria-label":this.htmlAriaLabel||this.label||void 0},this.autocomplete&&!this.preventSubmit&&!!this.searchString&&s("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-search`,onKeyDown:e=>this.onSearchHelperKeyDown(e),onClick:()=>this.emitSearchSubmit()},s("div",{class:"list-item item-search",role:"option",tabindex:0},s("z-icon",{class:"search-icon",name:"left-magnifying-glass"}),s("div",{class:"item-label body-3 mobile-body-4",innerHTML:null===(t=this.searchHelperLabel)||void 0===t?void 0:t.replace("{searchString}",`<mark>${this.searchString}</mark>`)}))),this.renderItemGroups(),!!(this.searchString&&(null===(a=this.resultsItemsList)||void 0===a?void 0:a.length)&&this.currResultsCount&&this.currResultsCount<(null===(o=this.resultsItemsList)||void 0===o?void 0:o.length))&&s("z-list-element",{role:"presentation",htmlTabindex:-1,id:`list-item-${this.htmlid}-show-all`},s("div",{role:"option",class:"item-show-all body-3 mobile-body-4",tabindex:0,onClick:()=>this.currResultsCount=void 0},"Vedi tutti i risultati"))))),this.showSearchButton&&s("z-button",{key:"43e55538a8fa30b1ed210822cc30d126a4c00e94",icon:this.searchButtonIconOnly?"search":void 0,"aria-label":this.searchButtonIconOnly?this.searchButtonLabel.trim()||"CERCA":void 0,disabled:!!this.preventSubmit,variant:this.variant,size:this.size,onClick:()=>this.handleSubmit()},this.searchButtonIconOnly?"":this.searchButtonLabel.trim()||"CERCA"))}get host(){return this}static get watchers(){return{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}}static get style(){return':host{--z-searchbar-tag-text-color:var(--color-primary03);--z-searchbar-tag-bg:var(--color-hover-primary);--z-searchbar-item-height:2.75rem;z-index:15;display:flex;align-items:flex-end;column-gap:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,*,::after,::before{box-sizing:border-box}.input-container{position:relative;display:flex;width:100%;flex-direction:column}.input-container z-input{z-index:1}.results{--item-icon-size:1rem;--z-icon-height:var(--item-icon-size);--z-icon-width:var(--item-icon-size);--item-inline-padding:calc(var(--space-unit) * 1.5);--item-col-gap:var(--space-unit);position:absolute;top:calc(100% - 1px);left:0;overflow:auto;width:100%;max-height:var(--z-searchbar-results-height, 540px);padding-top:var(--space-unit);padding-bottom:calc(var(--space-unit) * 0.5);border:var(--border-size-small) solid var(--color-form-surface03);border-top:none;background:var(--color-form-background);border-radius:0 0 var(--border-radius) var(--border-radius)}.results z-list-element{--background-color-list-element:var(--color-form-background);position:relative;display:block}.results>z-list>z-list-element::part(list-item-container){padding:0 var(--item-inline-padding)}.results z-list-element>.list-item{position:relative;display:flex;align-items:center;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);background-color:transparent;color:var(--color-form-default-text);fill:var(--color-form-default-icon);gap:var(--item-col-gap)}.results z-list-element>.list-item:hover{background-color:var(--gray100);cursor:pointer}.results z-list-element>.list-item:focus-visible{z-index:1;border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}.results>z-list>z-list-element:not(:last-child)>.list-item,.results z-list-group:not(:last-child)>z-list-element:not(.category-heading){border-bottom:1px solid var(--color-form-surface03)}.results z-list-group{padding:0 var(--item-inline-padding)}.results z-list-group>z-list-element::part(list-item-container){padding:0}.results .sub-list{padding-left:calc(var(--item-icon-size) + var(--item-col-gap))}.results .sub-list z-list-element::part(list-item-container){padding:0}.results .sub-list z-list-element>.list-item{position:relative}.results .sub-list>z-list-element:not(:last-child)::before,.results .sub-list>z-list-element>.list-item::before{position:absolute;top:0;left:calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);border-left:1px solid var(--color-form-surface03);content:""}.results .sub-list>z-list-element:not(:last-child)::before{top:-4px;height:calc(100% + 4px)}.results .sub-list z-list-element>.list-item::before{width:14px;height:calc(var(--z-searchbar-item-height) / 2);border-bottom:1px solid var(--color-form-surface03)}.results .category-heading>.category{font-style:italic}.results .category-heading>.subcategory{text-transform:uppercase}.results z-list-element>.list-item .ellipsis{overflow:hidden}.results .ellipsis>.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .item-label mark{background:var(--color-primary03);color:var(--color-default-text)}.results .list-item>z-tag{--z-tag-bg:var(--z-searchbar-tag-bg);--z-tag-text-color:var(--z-searchbar-tag-text-color);margin-left:auto;white-space:nowrap}.results .item-show-all{width:100%;color:var(--color-primary01);cursor:pointer;text-align:center}.results .item-no-results{display:block;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);font-style:italic}.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){.results{--item-icon-size:1.125rem}}.z-label{display:inline-block;padding-bottom:calc(var(--space-unit) / 2);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:1.25rem;text-align:left}.z-label::first-letter{text-transform:uppercase}.z-scrollbar{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray200) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray200);--z-scrollbar-thumb-color:var(--color-primary01);--z-scrollbar-thumb-hover-color:var(--color-hover-primary);--z-scrollbar-corner-color:transparent}.z-scrollbar::-webkit-scrollbar{width:6px;background:var(--z-scrollbar-track-gradient)}.z-scrollbar::-webkit-scrollbar-thumb{background-color:var(--z-scrollbar-thumb-color)}.z-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--z-scrollbar-thumb-hover-color)}.z-scrollbar::-webkit-scrollbar-corner{background-color:var(--z-scrollbar-corner-color)}:host([theme="dark"]) .z-scrollbar,.z-scrollbar--dark{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray600) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray600);--z-scrollbar-thumb-color:var(--color-white);--z-scrollbar-thumb-hover-color:var(--gray500);--z-scrollbar-corner-color:transparent}.theme-red .z-scrollbar{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray200) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray200);--z-scrollbar-thumb-color:var(--red500);--z-scrollbar-thumb-hover-color:var(--red700);--z-scrollbar-corner-color:transparent}.theme-black.theme-black--red .z-scrollbar,.theme-black.theme-black--yellow .z-scrollbar{--z-scrollbar-track-gradient:linear-gradient(     to right,     transparent 0 1px,     var(--gray200) 1px 5px,     transparent 5px 6px   );--z-scrollbar-track-color:var(--gray200);--z-scrollbar-thumb-color:var(--gray950);--z-scrollbar-thumb-hover-color:var(--gray900);--z-scrollbar-corner-color:transparent}@supports not selector(.z-scrollbar::-webkit-scrollbar-track){.z-scrollbar{scrollbar-color:var(--z-scrollbar-thumb-color) var(--z-scrollbar-track-color)}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-1:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-4:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-lt:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-lt-serif:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--body-2:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-serif:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);--body-2-sb:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-sb-serif:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);--body-3:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--body-3-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--body-4:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--body-4-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--body-5:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--body-5-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-1:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-1-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-2:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-2-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-3:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-3-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--helper:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-serif:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--helper-sb:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-sb-serif:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif)}@media (min-width: 1152px){:root{--heading-1:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif)}}.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb,.body-1-serif,.body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb,.body-2-serif,.body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb,.body-3-serif,.body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb,.body-4-serif,.body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb,.body-5-serif,.body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb,.interactive-1-serif,.interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb,.interactive-2-serif,.interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb,.interactive-3-serif,.interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb,.helper-serif,.helper-sb-serif{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt,.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb,.mobile-body-1-serif,.mobile-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb,.mobile-body-2-serif,.mobile-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb,.mobile-body-3-serif,.mobile-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb,.mobile-body-4-serif,.mobile-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb,.mobile-body-5-serif,.mobile-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt,.mobile-heading-1-lt-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-lt-serif{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb,.mobile-heading-1-sb-serif,.mobile-heading-2-sb-serif,.mobile-heading-3-sb-serif,.mobile-heading-4-sb-serif,.mobile-body-1-sb-serif,.mobile-body-2-sb-serif,.mobile-body-3-sb-serif,.mobile-body-4-sb-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-sb-serif{font-weight:var(--font-sb)}.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif,.mobile-body-1-serif,.mobile-body-1-sb-serif,.mobile-body-2-serif,.mobile-body-2-sb-serif,.mobile-body-3-serif,.mobile-body-3-sb-serif,.mobile-body-4-serif,.mobile-body-4-sb-serif,.mobile-body-5-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt,.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb,.tablet-body-1-serif,.tablet-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb,.tablet-body-2-serif,.tablet-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb,.tablet-body-3-serif,.tablet-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb,.tablet-body-4-serif,.tablet-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb,.tablet-body-5-serif,.tablet-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt,.tablet-heading-1-lt-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-lt-serif{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb,.tablet-heading-1-sb-serif,.tablet-heading-2-sb-serif,.tablet-heading-3-sb-serif,.tablet-heading-4-sb-serif,.tablet-body-1-sb-serif,.tablet-body-2-sb-serif,.tablet-body-3-sb-serif,.tablet-body-4-sb-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-sb-serif{font-weight:var(--font-sb)}.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif,.tablet-body-1-serif,.tablet-body-1-sb-serif,.tablet-body-2-serif,.tablet-body-2-sb-serif,.tablet-body-3-serif,.tablet-body-3-sb-serif,.tablet-body-4-serif,.tablet-body-4-sb-serif,.tablet-body-5-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt,.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb,.desktop-body-1-serif,.desktop-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb,.desktop-body-2-serif,.desktop-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb,.desktop-body-3-serif,.desktop-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb,.desktop-body-4-serif,.desktop-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb,.desktop-body-5-serif,.desktop-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt,.desktop-heading-1-lt-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-lt-serif{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb,.desktop-heading-1-sb-serif,.desktop-heading-2-sb-serif,.desktop-heading-3-sb-serif,.desktop-heading-4-sb-serif,.desktop-body-1-sb-serif,.desktop-body-2-sb-serif,.desktop-body-3-sb-serif,.desktop-body-4-sb-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-sb-serif{font-weight:var(--font-sb)}.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif,.desktop-body-1-serif,.desktop-body-1-sb-serif,.desktop-body-2-serif,.desktop-body-2-sb-serif,.desktop-body-3-serif,.desktop-body-3-sb-serif,.desktop-body-4-serif,.desktop-body-4-sb-serif,.desktop-body-5-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt,.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb,.wide-body-1-serif,.wide-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb,.wide-body-2-serif,.wide-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb,.wide-body-3-serif,.wide-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb,.wide-body-4-serif,.wide-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb,.wide-body-5-serif,.wide-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb,.wide-interactive-1-serif,.wide-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb,.wide-interactive-2-serif,.wide-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt,.wide-heading-1-lt-serif,.wide-heading-2-lt-serif,.wide-heading-3-lt-serif,.wide-heading-4-lt-serif{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb,.wide-heading-1-sb-serif,.wide-heading-2-sb-serif,.wide-heading-3-sb-serif,.wide-heading-4-sb-serif,.wide-body-1-sb-serif,.wide-body-2-sb-serif,.wide-body-3-sb-serif,.wide-body-4-sb-serif,.wide-body-5-sb-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-sb-serif{font-weight:var(--font-sb)}.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif,.wide-body-1-serif,.wide-body-1-sb-serif,.wide-body-2-serif,.wide-body-2-sb-serif,.wide-body-3-serif,.wide-body-3-sb-serif,.wide-body-4-serif,.wide-body-4-sb-serif,.wide-body-5-serif,.wide-body-5-sb-serif,.wide-interactive-1-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-family:var(--font-family-serif)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt,.heading-1-lt-serif,.heading-2-lt-serif,.heading-3-lt-serif,.heading-4-lt-serif{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,.heading-1-sb-serif,.heading-2-sb-serif,.heading-3-sb-serif,.heading-4-sb-serif,.body-1-sb-serif,.body-2-sb-serif,.body-3-sb-serif,.body-4-sb-serif,.body-5-sb-serif,.interactive-1-sb-serif,.interactive-2-sb-serif,.interactive-3-sb-serif,.helper-sb-serif{font-weight:var(--font-sb)}.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif,.body-1-serif,.body-1-sb-serif,.body-2-serif,.body-2-sb-serif,.body-3-serif,.body-3-sb-serif,.body-4-serif,.body-4-sb-serif,.body-5-serif,.body-5-sb-serif,.interactive-1-serif,.interactive-1-sb-serif,.interactive-2-serif,.interactive-2-sb-serif,.interactive-3-serif,.interactive-3-sb-serif,.helper-serif,.helper-sb-serif{font-family:var(--font-family-serif)}'}},[1,"z-searchbar",{htmlid:[513],preventSubmit:[4,"prevent-submit"],label:[1],htmlAriaLabel:[1,"html-aria-label"],value:[1],placeholder:[1],autocomplete:[4],autocompleteMinChars:[2,"autocomplete-min-chars"],resultsCount:[2,"results-count"],searchHelperLabel:[1,"search-helper-label"],resultsItems:[1,"results-items"],sortResultsItems:[4,"sort-results-items"],showSearchButton:[4,"show-search-button"],searchButtonIconOnly:[4,"search-button-icon-only"],searchButtonLabel:[1,"search-button-label"],size:[1],variant:[1],searchString:[32],currResultsCount:[32],showResults:[32],isMobile:[32],selectedItem:[32]},[[4,"click","handleOutsideClick"]],{resultsItems:[{watchItems:0}],resultsCount:[{watchResultsCount:0}],value:[{watchValue:0}],searchString:[{watchSearchString:0}]}]);function u(){"undefined"!=typeof customElements&&["z-searchbar","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-tag"].forEach((e=>{switch(e){case"z-searchbar":customElements.get(a(e))||customElements.define(a(e),w);break;case"z-button":customElements.get(a(e))||d();break;case"z-divider":customElements.get(a(e))||h();break;case"z-icon":customElements.get(a(e))||v();break;case"z-input":customElements.get(a(e))||g();break;case"z-input-message":customElements.get(a(e))||c();break;case"z-list":customElements.get(a(e))||m();break;case"z-list-element":customElements.get(a(e))||y();break;case"z-list-group":customElements.get(a(e))||p();break;case"z-tag":customElements.get(a(e))||z()}}))}export{w as Z,u as d}

package/dist/components/index13.js

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=()=>`.sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return a(i,{key:"395a1d2c967fb99bafcea3fa35d56b9aaffe3f4e",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"9cd7c991e5018d8257d9e3644afe5afd417c5b96",name:this.icon}),a("div",{key:"0eb07e9a40d1dba81b758cb0d988542ca3d19dde"},a("slot",{key:"96cce8136e7f0516bbdf488ea122238a6d89adff"})))}get host(){return this}static get style(){return r()}},[262,"z-tag",{icon:[1],expandable:[4]}]);function o(){if(typeof customElements==="undefined"){return}const t=["z-tag","z-icon"];t.forEach((t=>{switch(t){case"z-tag":if(!customElements.get(s(t))){customElements.define(s(t),c)}break;case"z-icon":if(!customElements.get(s(t))){n()}break}}))}export{c as Z,o as d};
-//# sourceMappingURL=index13.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as c}from"@stencil/core/internal/client";import{d as s}from"./index3.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}render(){return a(i,{key:"5c072a259029ca528ae0fcf6300ed5f39f314532",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"eb153f15fb1ac3acfe3978cc32247ef0bd862c7c",name:this.icon}),a("div",{key:"5fa9238300e946f9fd6378ee6d45cc3c294b8f9c"},a("slot",{key:"0fd75c9db2d06fc24228043f83655963203b2306"})))}get host(){return this}static get style(){return".sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}"}},[262,"z-tag",{icon:[1],expandable:[4]}]);function r(){"undefined"!=typeof customElements&&["z-tag","z-icon"].forEach((t=>{switch(t){case"z-tag":customElements.get(c(t))||customElements.define(c(t),n);break;case"z-icon":customElements.get(c(t))||s()}}))}export{n as Z,r as d}