@six-group/ui-library 0.0.0-insider.24fcc9e → 0.0.0-insider.27228f4

package/dist/ui-library/p-96d441e9.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as c,H as l,g as i}from"./p-05eb1bab.js";import{E as t}from"./p-8bfb4bfc.js";import{g as a,h}from"./p-0cebf1d2.js";const d=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block;user-select:none;--search-border-width:1px}::slotted(six-search-field){position:absolute;margin-left:var(--search-border-width);width:calc(100% - 2 * var(--search-border-width))}.six-header{display:flex;width:100%;height:3.75rem;background-color:var(--six-header-background-color);align-items:center;flex-wrap:wrap;box-shadow:var(--six-shadow-medium);border-bottom:var(--six-header-border-with) solid var(--six-header-border-color)}.six-header__logo{width:6rem;margin-top:0.15rem}.six-header__logo--clickable{cursor:pointer}.six-header__logo--six{height:20px;overflow:visible}.six-header__logo--bme{margin-top:6px;height:40px;overflow:visible}.six-header__placeholder{flex:1}.six-header__menu,.six-header__logo,.six-header__custom,.six-header__search,.six-header__notification,.six-header__app-switcher,.six-header__profile{height:calc(100% - 0.25rem - 1px);padding:0 1.25rem;display:flex;align-items:center;border-bottom:solid 0.25rem transparent}.six-header__menu--open,.six-header__logo--open,.six-header__custom--open,.six-header__search--open,.six-header__notification--open,.six-header__app-switcher--open,.six-header__profile--open{border-bottom:solid 0.25rem var(--six-header-border-color-open)}.six-header__app-switcher-dropdown{display:flex;align-items:center}.six-header__selected-app{cursor:pointer;font-size:0.9rem;font-weight:600;padding-right:0;padding-left:0.3rem}.six-header__selected-app:hover{color:var(--six-header-selected-app-color-hover)}.six-header__search-field{opacity:0;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;display:none}.six-header__search-field--visible{opacity:1;transform:none;display:block}.six-header__search-field--shift-content.six-header__search-field--visible{height:2.65rem;transition:var(--six-transition-fast) height}.six-header__search-field--shift-content:not(.six-header__search-field--visible){height:0;transition:var(--six-transition-fast) height}";const r=d;var o;(function(s){s[s["None"]=0]="None";s[s["Search"]=1]="Search";s[s["AppSwitcher"]=2]="AppSwitcher";s[s["Profile"]=3]="Profile"})(o||(o={}));var n;(function(s){s["Search"]="search-field";s["Notifications"]="notifications";s["AppSwitcher"]="app-switcher-menu";s["Profile"]="profile-menu";s["Logo"]="logo"})(n||(n={}));const p=class{constructor(c){s(this,c);this.sixAppNameClicked=e(this,"six-header-app-name-clicked",7);this.sixAppSwitcherSelect=e(this,"six-header-app-switcher-select",7);this.sixProfileSelect=e(this,"six-header-profile-select",7);this.sixHamburgerClick=e(this,"six-header-hamburger-menu-clicked",7);this.logoClick=e(this,"six-header-logo-clicked",7);this.sixSearchFieldToggle=e(this,"six-header-search-field-toggle",7);this.eventListeners=new t;this.setupMenu=s=>{if(s==null)return;this.eventListeners.add(s,"click",(()=>this.sixHamburgerClick.emit()))};this.setupLogo=s=>{if(!this.clickableLogo||s==null)return;this.eventListeners.add(s,"click",(()=>this.logoClick.emit()))};this.setupProfile=s=>{if(s==null)return;this.eventListeners.add(s,"six-dropdown-show",this.selectSection(o.Profile));this.eventListeners.add(s,"six-dropdown-hide",this.selectSection(o.None));this.eventListeners.add(s,"six-menu-item-selected",(s=>{const{name:e,item:c}=s.detail;this.sixProfileSelect.emit({selectedLabel:c.innerText,name:e,item:c})}))};this.setupAppSwitcher=s=>{if(s==null)return;this.eventListeners.add(s,"six-dropdown-show",this.selectSection(o.AppSwitcher));this.eventListeners.add(s,"six-dropdown-hide",this.selectSection(o.None));this.eventListeners.add(s,"six-menu-item-selected",(s=>{const{name:e,item:c}=s.detail;this.selectedApp=c.innerText;this.sixAppSwitcherSelect.emit({selectedLabel:c.innerText,name:e,item:c})}))};this.appNameClicked=()=>this.sixAppNameClicked.emit();this.computeSearchOpenState=()=>{this.selectedSection=this.openSearch?o.Search:o.None};this.shiftContent=false;this.hideHamburgerMenu=false;this.openHamburgerMenu=false;this.openSearch=false;this.clickableLogo=false;this.logo="six";this.selectedApp=undefined;this.selectedSection=undefined}handleOpenSearchChange(){this.computeSearchOpenState()}async setSearchOpenState(s){if(this.selectedSection===o.Search&&!s){this.selectedSection=o.None}else if(s&&this.selectedSection!==o.Search){this.selectedSection=o.Search}}async getIsSearchOpen(){return this.selectedSection===o.Search}hasSlot(s){if(this.slots==null){return false}return this.slots[s]}isSectionSelected(s){return s===this.selectedSection}selectSection(s){return()=>this.selectedSection=s}toggleSearch(){const s=this.selectedSection!==o.Search;this.selectedSection=this.selectedSection===o.Search?o.None:o.Search;this.sixSearchFieldToggle.emit({visible:s});if(this.selectedSection===o.Search){setTimeout((async()=>{var s,e;const c=a(this.host,n.Search);(e=(s=c===null||c===void 0?void 0:c.shadowRoot)===null||s===void 0?void 0:s.querySelector("six-input"))===null||e===void 0?void 0:e.setFocus()}),50)}}componentWillLoad(){this.slots={[n.Search]:h(this.host,n.Search),[n.Notifications]:h(this.host,n.Notifications),[n.AppSwitcher]:h(this.host,n.AppSwitcher),[n.Profile]:h(this.host,n.Profile),[n.Logo]:h(this.host,n.Logo)};if(this.hasSlot(n.AppSwitcher)){this.updateSelectedApp()}if(this.hasSlot(n.Search)){this.computeSearchOpenState()}}connectedCallback(){const s=a(this.host,n.AppSwitcher);if(s){this.mutationObserver=new MutationObserver((s=>{if(s.some((s=>s.type==="childList"||s.type==="attributes"))){this.updateSelectedApp()}}));this.mutationObserver.observe(s,{attributes:true,childList:true,subtree:true})}}updateSelectedApp(){var s;const e=a(this.host,n.AppSwitcher);if(e==null){return undefined}const c=Array.from(e.querySelectorAll("six-menu-item"));const l=c.find((s=>s.hasAttribute("checked")&&s.getAttribute("checked")!=="false"));this.selectedApp=(s=l===null||l===void 0?void 0:l.textContent)!==null&&s!==void 0?s:undefined}disconnectedCallback(){var s;this.eventListeners.removeAll();(s=this.mutationObserver)===null||s===void 0?void 0:s.disconnect()}render(){const s=!this.hideHamburgerMenu&&c("section",{key:"3c2ee340b9f30d7678a8ba9706b0b1273465a6f0",class:"six-header__menu"},c("six-icon-button",{key:"b93a81bf8a03318869870148c941f77bfe9c989b",name:this.openHamburgerMenu?"menu_open":"menu",ref:this.setupMenu}));const e=this.hasSlot(n.Search)&&c("section",{key:"da9536877f1eeb89ba6edcb62dd5d6aefa33faa2",class:{"six-header__search":true,"six-header__search--open":this.isSectionSelected(o.Search)}},c("six-icon-button",{key:"c411bd9f71cd0b53afd9780683bac725bd258b71",name:"search",onClick:()=>this.toggleSearch(),"data-testid":"search-trigger"}));const i=this.hasSlot(n.Notifications)&&c("section",{key:"292ed152d81acc40d977ae9dc718211d242bd01d",class:"six-header__notification"},c("slot",{key:"44ffeed71e70b287341c30552a6080538c0d3b3c",name:n.Notifications}));const t=this.hasSlot(n.AppSwitcher)&&c("section",{key:"4f55289c5f93564d943f2657aa2df1849d254a4b",class:{"six-header__app-switcher":true,"six-header__app-switcher--open":this.isSectionSelected(o.AppSwitcher)}},c("six-dropdown",{key:"c7498237e0b939d4a5e0faf1dcd5b788fcd7e449",distance:13,skidding:20,placement:"bottom-end",ref:this.setupAppSwitcher},c("div",{key:"d61149361653e977168e8ed1a51f568b12f66aad",slot:"trigger",class:"six-header__app-switcher-dropdown"},c("a",{key:"926d1eb10e5d445d298e19730a119a1ce883237b",onClick:this.appNameClicked,class:"six-header__selected-app"},this.selectedApp),c("six-icon-button",{key:"000ddc422e124e194bb7d61f5565cf678d2178a3",name:"apps"})),c("slot",{key:"4712e567cef7908f2a83366f2ece5b35b7a1e89d",name:n.AppSwitcher})));const a=this.hasSlot(n.Profile)&&c("section",{key:"d788debf58aae2c90bfc9b464656cda06d479dfa",class:{"six-header__profile":true,"six-header__profile--open":this.isSectionSelected(o.Profile)}},c("six-dropdown",{key:"8ea97fd30db0c66a3a821ad3ceca83ec3d9c918f",distance:17,skidding:20,placement:"bottom-end",ref:this.setupProfile},c("slot",{key:"79605c3fdc0272c8bc72db38e4221ae25808d33d",name:"profile-avatar",slot:"trigger"}),c("slot",{key:"b56aed88e3cd3afd3d519e41891cb0844dcd77a4",name:"profile-menu"})));const h=this.hasSlot(n.Logo)?c("section",null,c("slot",{name:"logo"})):c("section",{class:{"six-header__logo":true,"six-header__logo--clickable":this.clickableLogo},ref:this.setupLogo},this.logo==="bme"?b():f());return c(l,{key:"c4fba634419270a54c9f950841f3e0b0b60bcc20"},c("header",{key:"0f7c034b23bf3f4e84a504b7fea8e0c483382ad4",part:"header",class:"six-header"},s,h,c("section",{key:"889fb512b9985b43c484a5420bb018dedb45e60d",class:"six-header__placeholder"}),c("section",{key:"323063c8becacaa96f8e6877dcb6d0af2acb687c",class:"six-header__custom"},c("slot",{key:"cb6163324c1e0ac5e246500bafa470a54c883e01"})),e,i,t,a),c("div",{key:"3479ab9102624d0471d027a15228c4c27e1942c4",class:{"six-header__search-field":true,"six-header__search-field--visible":this.isSectionSelected(o.Search),"six-header__search-field--shift-content":this.shiftContent}},c("slot",{key:"1f605fc210a561db8a911f1267f4e4f11604bcfc",name:n.Search})))}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{openSearch:["handleOpenSearchChange"]}}};function f(){return c("svg",{class:"six-header__logo--six",viewBox:"0 0 90 26",xmlns:"http://www.w3.org/2000/svg"},c("title",null,"SIX"),c("g",{fill:"#DE3919","fill-rule":"nonzero"},c("path",{d:"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525"}),c("path",{d:"m42.16.324h5.21v24.806h-5.21z"}),c("path",{d:"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545"})))}function b(){return c("svg",{class:"six-header__logo--bme",viewBox:"0 0 249.38 122.47"},c("title",null,"BME Exchange"),c("defs",null,c("style",null,".cls-1 ","{","fill: #002c5f;","}",".cls-1, .cls-2 ","{","stroke-width: 0px;","}",".cls-2 ","{","fill: #959595;","}")),c("polygon",{class:"cls-2",points:"183.07 88.18 205.3 52.02 178.8 52.02 178.8 36.16 205.3 36.16 183.07 0 202.45 0 228.71 44.09 201.32 88.18 183.07 88.18"}),c("g",null,c("path",{class:"cls-1",d:"M124.21,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.36-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94s1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.42-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.46.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM125.5,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z"}),c("path",{class:"cls-1",d:"M143.33,112.3c0,.97-.2,1.82-.61,2.55-.41.73-.99,1.3-1.74,1.71-.75.41-1.65.61-2.7.61-.74,0-1.44-.07-2.1-.21-.66-.14-1.28-.35-1.87-.64v-2.77c.61.35,1.27.63,1.96.83.69.2,1.35.3,1.98.3.75,0,1.32-.2,1.71-.61.38-.41.58-.92.58-1.53,0-.65-.2-1.17-.6-1.58-.4-.41-1.09-.86-2.08-1.37-.65-.35-1.23-.73-1.74-1.13-.52-.4-.92-.89-1.22-1.48s-.45-1.32-.45-2.21c-.02-1.37.42-2.47,1.29-3.3.88-.83,2.04-1.24,3.51-1.22.72,0,1.41.09,2.08.27.66.18,1.29.42,1.89.73l-.83,2.4c-1.11-.6-2.15-.9-3.11-.9-.66,0-1.17.18-1.52.53-.35.35-.53.81-.53,1.38,0,.45.08.82.24,1.13.16.31.44.6.83.88.39.28.93.58,1.6.92,1.14.58,2,1.23,2.57,1.95s.86,1.64.86,2.78Z"}),c("path",{class:"cls-1",d:"M150.52,116.94h-6.09v-1.55l1.66-.6v-12.18l-1.66-.6v-1.55h6.09v1.55l-1.66.6v12.18l1.66.6v1.55Z"}),c("path",{class:"cls-1",d:"M162.33,116.94h-3.02l-2.72-6.16-2.81,6.16h-2.91l4.15-8.49-3.81-7.98h2.93l2.47,5.72,2.47-5.72h2.93l-3.81,8.05,4.13,8.42Z"}),c("path",{class:"cls-1",d:"M172.04,117.17c-1.58,0-2.79-.52-3.62-1.57-.83-1.05-1.25-2.67-1.25-4.87,0-2.04.42-3.65,1.27-4.81s2.08-1.74,3.71-1.74c.63,0,1.2.07,1.71.2.51.13.96.32,1.36.57l-.76,2.12c-.37-.18-.74-.33-1.11-.44-.37-.11-.72-.16-1.06-.16-1.6,0-2.4,1.42-2.4,4.27s.8,4.15,2.4,4.15c.49,0,.96-.07,1.4-.22.44-.15.87-.35,1.3-.61v2.28c-.83.55-1.81.83-2.95.83Z"}),c("path",{class:"cls-1",d:"M186.25,110.64c0,1.28-.18,2.4-.54,3.38-.36.98-.91,1.75-1.65,2.31-.74.56-1.68.84-2.81.84-1.06,0-1.96-.28-2.7-.83s-1.3-1.32-1.68-2.31c-.38-.98-.58-2.11-.58-3.39,0-1.98.42-3.56,1.25-4.72.83-1.16,2.08-1.74,3.76-1.74,1.51,0,2.71.55,3.61,1.66s1.35,2.71,1.35,4.8ZM179.03,110.66c0,1.4.18,2.46.53,3.18.35.72.92,1.08,1.71,1.08s1.38-.36,1.73-1.08c.35-.72.53-1.79.53-3.21s-.18-2.45-.53-3.15c-.35-.7-.93-1.05-1.73-1.05s-1.35.35-1.71,1.05c-.35.7-.53,1.76-.53,3.17Z"}),c("path",{class:"cls-1",d:"M200.16,104.18c1.15,0,2.02.37,2.59,1.1.58.73.87,1.86.87,3.4v8.26h-2.68v-7.61c0-1.89-.53-2.84-1.59-2.84-.75,0-1.29.33-1.6.99-.32.66-.47,1.63-.47,2.91v6.55h-2.68v-7.63c0-.97-.13-1.68-.39-2.13-.26-.45-.66-.68-1.2-.68-.81,0-1.36.37-1.65,1.12s-.43,1.8-.43,3.17v6.16h-2.68v-12.52h2.1l.32,1.64h.16c.28-.62.68-1.08,1.22-1.4.54-.32,1.15-.47,1.84-.47.78,0,1.42.17,1.91.52.49.34.85.8,1.06,1.37h.18c.64-1.26,1.68-1.89,3.09-1.89Z"}),c("path",{class:"cls-1",d:"M211.78,104.18c1.28,0,2.27.55,2.99,1.66s1.07,2.72,1.07,4.84-.36,3.66-1.07,4.79c-.71,1.13-1.69,1.7-2.92,1.7-.69,0-1.29-.16-1.8-.48s-.92-.77-1.24-1.34h-.12c.03.38.06.74.08,1.06.02.32.03.61.03.88v5.19h-2.68v-18.06h2.17l.37,1.66h.14c.69-1.26,1.68-1.89,2.98-1.89ZM211.02,106.42c-.78,0-1.35.32-1.7.95-.35.63-.52,1.61-.52,2.95v.51c0,1.37.17,2.39.51,3.06.34.67.91,1,1.73,1,1.38,0,2.08-1.4,2.08-4.2,0-1.4-.17-2.46-.51-3.18-.34-.72-.87-1.08-1.59-1.08Z"}),c("path",{class:"cls-1",d:"M222.16,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.37-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94.78-.67,1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.41-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.47.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM223.45,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z"}),c("path",{class:"cls-1",d:"M234.32,104.18c1.14,0,2.02.37,2.65,1.1s.95,1.85.95,3.36v8.3h-2.68v-7.66c0-.92-.13-1.62-.38-2.09s-.68-.7-1.28-.7c-.85,0-1.43.34-1.76,1.01-.33.68-.5,1.76-.5,3.25v6.18h-2.68v-12.52h2.1l.32,1.64h.16c.31-.62.73-1.08,1.27-1.4s1.15-.47,1.82-.47Z"}),c("path",{class:"cls-1",d:"M238.98,104.41h2.84l1.84,6.64c.11.43.21.86.3,1.3s.16.87.21,1.28h.09c.05-.37.12-.77.22-1.2.1-.43.21-.89.33-1.38l1.78-6.64h2.79l-4.2,14.05c-.43,1.38-.97,2.4-1.63,3.04-.65.65-1.5.97-2.55.97-.28,0-.53-.02-.77-.05-.24-.03-.46-.08-.68-.14v-2.28c.17.05.34.08.52.11s.35.05.52.05c.54,0,.95-.18,1.23-.53.28-.35.56-.94.82-1.75l.28-1.04-3.94-12.43Z"})),c("polygon",{class:"cls-1",points:"249.37 88.18 231.12 88.18 218.67 67.95 227.9 53.08 249.37 88.18"}),c("polygon",{class:"cls-1",points:"218.53 18.92 229.99 0 249.37 0 227.9 34.66 218.53 18.92"}),c("polygon",{class:"cls-1",points:"112.98 72.41 155.28 72.41 155.28 62.51 123.42 62.51 123.42 49.18 146.37 49.18 146.37 39.27 123.42 39.27 123.42 25.79 155.28 25.79 155.28 15.89 112.98 15.89 112.98 39.27 123.42 39.27 123.42 49.18 112.98 49.18 112.98 72.41"}),c("path",{class:"cls-1",d:"M10.44,48.38h20.6c4.68,0,8.1,3.06,8.1,7.11s-3.42,7.02-8.1,7.02H10.44v-14.13ZM10.44,25.79h18.54c4.59,0,7.02,2.96,7.02,6.29s-2.43,6.39-7.02,6.39H10.44v-12.68ZM0,72.41h32.21c9.9,0,17.37-6.3,17.37-16.38,0-7.2-4.23-11.89-10.08-13.77,4.23-1.89,6.93-6.03,6.93-11.25,0-10.08-7.65-15.12-16.29-15.12H0v22.59h10.44v9.9H0v24.03Z"}),c("polygon",{class:"cls-1",points:"56.47 72.37 66.91 72.37 66.91 37.45 81.58 52.31 96.25 37.45 96.25 72.37 106.69 72.37 106.69 14.68 81.58 39.72 56.47 14.68 56.47 72.37"}),c("path",{class:"cls-1",d:"M1.69,82.58c.19,0,.46,0,.62,0,.51,0,.96.18.96.79,0,.49-.37.7-.48.76-.23.1-.73.1-1.1.1v-1.64ZM1.69,85.33c.71-.01,1.12-.01,1.39.15.27.17.37.46.37.76,0,.42-.23.68-.57.8-.28.09-.79.09-1.19.08v-1.81ZM1.76,88.18c.87.02,1.95.04,2.65-.44.62-.44.78-1.06.78-1.59,0-.6-.25-1.15-.78-1.42-.18-.08-.38-.12-.58-.17.32-.13.69-.29.93-.79.11-.22.15-.44.15-.65,0-.3-.08-.71-.38-1.05-.39-.42-1-.53-1.92-.53-.32,0-.89,0-1.21.02l-1.3.02-.06.05c.04.9.05,1.24.05,2.53s0,2.65-.03,3.99l.07.03h1.63Z"}),c("path",{class:"cls-1",d:"M10.17,83.04c.19.21.27.49.33.75.08.36.09.7.1.93.04,1.4-.26,2.42-1.35,2.42-1.29,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.5-.19.68-.19.35,0,.69.16.91.43M11.65,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.42,2.13-.06.32-.09.64-.09.96,0,.64.07,1.83.96,2.65.71.66,1.68.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.12-2.04,1.12-2.83,0-1.47-.47-2.14-.7-2.43"}),c("path",{class:"cls-1",d:"M17.76,86.9c-1.02.06-1.83.07-2.12.07h-.18c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.01.03-1.66.03l-.05.05c.04.75.04.98.04,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z"}),c("path",{class:"cls-1",d:"M21.15,84.16c-.79-.33-1.19-.5-1.19-.92,0-.28.27-.66.88-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.65.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.21.08.31.11.22.08.77.24,1.47.24.28,0,.99-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z"}),c("path",{class:"cls-1",d:"M25.56,85.29l.47-1.58.32-1.1.29,1.22.35,1.46h-1.43ZM27.54,81.55c-.9.02-1.09.02-2.09.02l-.07.06c-.49,1.59-.79,2.54-2.17,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.06.06c.68-.03.87-.03,1.63-.03l.04-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.06-.05Z"}),c("path",{class:"cls-1",d:"M32.94,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.26-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.07-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.76.24,1.47.24.27,0,.99-.04,1.55-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.26-.18-.49-.3-.72-.4l-.24-.09Z"}),c("path",{class:"cls-1",d:"M41.67,88.12c-.05-1.22-.06-1.55-.06-2.75l2.06-3.77-.03-.06c-.7.02-.89.02-1.47.02l-.05.06c-.54,1.17-.8,1.67-1.19,2.43-.1-.21-.58-1.11-.67-1.29-.17-.34-.3-.62-.57-1.22l-.07-.04c-.8.04-1,.06-1.78.06l-.03.08c.28.48,1.52,2.6,1.76,3.03.13.25.26.48.4.73v.29c0,.93-.01,1.34-.07,2.44l.05.06c.78-.03.99-.03,1.65-.03l.06-.06Z"}),c("path",{class:"cls-1",d:"M54.31,81.55c-.98.02-1.14.02-2.17.02l-.06.06-.43,1.52-.37,1.35-.44,1.63-.41-1.68-.26-1.06-.47-1.8-.04-.05c-1,.02-1.17.02-2.22.02l-.06.06c-.1,2.8-.13,3.52-.34,6.52l.04.06c.6-.03.78-.03,1.32-.03l.05-.06.03-1.79.06-1.81.04-1.77.41,1.66.36,1.33.63,2.42.06.06c.58-.03.74-.03,1.4-.03l.05-.06.54-1.99.38-1.37.52-1.96v1.68l.03,1.42v2.25l.04.06c.65-.03.9-.03,1.62-.03l.05-.06c-.06-1.07-.13-2.14-.16-3.22-.03-.59-.05-1.18-.08-1.77-.04-.87-.05-.98-.05-1.54l-.05-.05Z"}),c("path",{class:"cls-1",d:"M60.62,86.92c-1.11.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.06-1.06-.05-.06-2.26.04v-1.49c1.06,0,1.27,0,2.4.03l.04-.06.07-1.09-.04-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.08-.06.06-1.14-.05-.07Z"}),c("path",{class:"cls-1",d:"M63.49,82.69c.13,0,.27,0,.39,0,.37,0,1.09,0,1.09.82,0,.26-.07.61-.41.82-.26.16-.59.18-1.07.19v-1.83ZM63.93,85.61c.63,1.07.77,1.35,1.37,2.57l.08.05c.29-.01.57-.03.86-.05.29,0,.59-.01.88-.01l.06-.11c-.36-.46-.46-.6-1.13-1.68-.3-.48-.45-.73-.69-1.14.43-.19,1.28-.58,1.28-1.77,0-.41-.11-1.26-.88-1.67-.49-.25-.99-.26-2.09-.25h-.66s-1.14.01-1.14.01l-.05.06c.05.94.08,1.92.08,4.46,0,.88,0,1.29-.03,2.07l.05.06c.68-.04.83-.04,1.6-.04l.06-.05c-.08-1.08-.08-1.38-.09-2.49l.46-.02Z"}),c("path",{class:"cls-1",d:"M72.95,86.51c-.22.17-.69.52-1.47.52-1.06,0-1.82-.8-1.82-2.12,0-.8.28-2.21,1.8-2.21.71,0,1.09.27,1.33.45l.08-.02.08-1.29-.04-.05c-.34-.13-.91-.34-1.73-.34-2.42,0-3.26,1.86-3.26,3.51,0,1.79,1.1,3.37,3.38,3.37.78,0,1.3-.2,1.6-.32l.05-.06.06-1.4-.06-.04Z"}),c("path",{class:"cls-1",d:"M75.77,85.29l.47-1.58.33-1.1.28,1.22.34,1.46h-1.42ZM77.75,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.5,1.59-.8,2.54-2.18,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.07.06c.69-.03.87-.03,1.63-.03l.05-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.07-.05Z"}),c("path",{class:"cls-1",d:"M82.34,86.98c-.02-.92-.03-1.79-.03-2.69,0-.5,0-1.01,0-1.51.19-.02.38-.03.57-.03.57,0,1.69,0,1.69,2,0,1.17-.44,1.69-.67,1.88-.42.34-1.07.34-1.58.34M81.83,88.18c.24.02.49.02.74.02,1.05,0,2.74-.04,3.43-1.71.25-.61.31-1.37.31-1.78,0-.89-.2-1.56-.43-1.98-.63-1.16-1.84-1.2-2.91-1.2-.43,0-.86.02-1.29.04h-1s-.05.06-.05.06c.04.9.08,1.69.08,4.28,0,.92,0,1.47-.03,2.24l.06.03h1.1Z"}),c("path",{class:"cls-1",d:"M91.57,83.04c.19.21.27.49.33.75.07.36.09.7.1.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.68.16.91.43M93.04,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.18.1-1.67.39-1.15.65-1.35,1.73-1.43,2.13-.05.32-.08.64-.08.96,0,.64.08,1.83.95,2.65.72.66,1.69.76,2.16.76.72,0,1.46-.18,2.01-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.47-2.14-.7-2.43"}),c("path",{class:"cls-1",d:"M97.83,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.86,0-1.33-.37-1.6-.59l-.09.03-.06,1.32.06.07c.1.04.2.08.3.11.22.08.76.24,1.47.24.28,0,1-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.73-.4l-.24-.09Z"}),c("path",{class:"cls-1",d:"M107.67,86.92c-1.1.06-1.36.07-2.56.07l-.03-1.64h2.19l.07-.05.05-1.06-.04-.06-2.27.04v-1.49c1.06,0,1.28,0,2.41.03l.05-.06.06-1.09-.05-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.07-.06.07-1.14-.06-.07Z"}),c("path",{class:"cls-1",d:"M111.38,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.08-1.23-.05-.07c-.4-.17-.82-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77s-1.32-.37-1.6-.59l-.09.03-.07,1.32.05.07c.11.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.26-.18-.5-.3-.72-.4l-.24-.09Z"}),c("path",{class:"cls-1",d:"M115.85,82.69c.21-.01.41-.01.61-.01.82.02,1.05.44,1.05.99,0,.12,0,.67-.5.95-.26.14-.6.15-1.16.15v-2.07ZM115.43,81.55l-1.19.03-.06.05c.04,1.22.07,2.03.07,3.1,0,1.14-.03,2.28-.06,3.42l.06.05c.69-.03.84-.03,1.59-.03l.05-.05c-.04-1.01-.04-1.25-.04-2.21,1.05,0,2.17,0,2.84-.81.26-.32.49-.85.49-1.51,0-.4-.09-1.3-.87-1.73-.56-.33-1.36-.33-2.06-.33h-.83Z"}),c("path",{class:"cls-1",d:"M121.28,85.29l.46-1.58.33-1.1.28,1.22.35,1.46h-1.42ZM123.25,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.49,1.59-.79,2.54-2.16,6.48l.03.07h1.46l.07-.06.46-1.7h2.02l.41,1.73.05.06c.69-.03.87-.03,1.64-.03l.04-.07c-1.13-4.01-1.26-4.44-1.79-6.51l-.07-.05Z"}),c("path",{class:"cls-1",d:"M130.5,79.65c-.2.18-.48.42-.81.42-.21,0-.41-.07-.61-.14l-.37-.12c-.17-.06-.31-.09-.5-.09-.43,0-.62.16-.83.31l-.04.06v1s.04.02.04.02c.21-.14.47-.31.8-.31.21,0,.42.07.64.14l.28.1c.19.07.33.13.54.13.4,0,.66-.2.87-.37l.04-.07v-1.05l-.07-.03ZM131.76,81.55c-.59.02-.75.03-1.33.02l-.04.06.06,1.27.04,1.29.04,1.53-.02.02c-.25-.46-.3-.54-.77-1.25l-.85-1.24c-.71-1.06-.85-1.27-1.08-1.65l-.06-.04c-.75.03-.86.03-1.54.02l-.05.06c.05,1.45.08,2.53.08,3.78,0,.92-.02,1.83-.03,2.74l.04.06c.63-.03.83-.03,1.37-.03l.04-.06-.1-2.05-.03-1.14-.05-1.24.02-.02c.42.73.57.98,1.21,1.91l.93,1.37.84,1.22.07.04c.57-.03.74-.03,1.24-.03l.04-.04c0-1.36-.02-2.28-.02-3.4,0-1.04.01-2.08.02-3.14l-.05-.05Z"}),c("path",{class:"cls-1",d:"M137.07,83.04c.19.21.27.49.33.75.08.36.09.7.11.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.39-1.52-1.39-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.69.16.91.43M138.55,82.44c-.16-.2-.35-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.43,2.13-.06.32-.08.64-.08.96,0,.64.07,1.83.95,2.65.71.66,1.69.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.46-2.14-.7-2.43"}),c("path",{class:"cls-1",d:"M144.65,86.9c-1.02.06-1.84.07-2.12.07h-.19c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.02.03-1.66.03l-.05.05c.04.75.05.98.05,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z"}),c("path",{class:"cls-1",d:"M150.03,86.92c-1.1.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.05-1.06-.04-.06-2.26.04v-1.49c1.05,0,1.27,0,2.4.03l.05-.06.06-1.09-.04-.04h-4.11l-.05.06c.05.91.07,1.25.07,3.76,0,1.18-.01,1.77-.04,2.74l.04.04h4.13l.08-.06.06-1.14-.05-.07Z"}),c("path",{class:"cls-1",d:"M153.74,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.88-.66.71,0,1.14.29,1.49.53l.08-.03.08-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.1.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z"}))}p.style=r;export{p as six_header};
+//# sourceMappingURL=p-96d441e9.entry.js.map

package/dist/ui-library/p-96d441e9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixHeaderCss","SixHeaderStyle0","Section","Slot","SixHeader","this","eventListeners","EventListeners","setupMenu","el","add","sixHamburgerClick","emit","setupLogo","clickableLogo","logoClick","setupProfile","selectSection","Profile","None","event","name","item","detail","sixProfileSelect","selectedLabel","innerText","setupAppSwitcher","AppSwitcher","selectedApp","sixAppSwitcherSelect","appNameClicked","sixAppNameClicked","computeSearchOpenState","selectedSection","openSearch","Search","handleOpenSearchChange","setSearchOpenState","openState","getIsSearchOpen","hasSlot","slot","slots","isSectionSelected","value","section","toggleSearch","visible","sixSearchFieldToggle","setTimeout","async","getSlot","host","_b","_a","shadowRoot","querySelector","setFocus","componentWillLoad","Notifications","Logo","updateSelectedApp","connectedCallback","appSwitcherSlot","mutationObserver","MutationObserver","mutations","some","mutation","type","observe","attributes","childList","subtree","element","undefined","items","Array","from","querySelectorAll","firstCheckedMenuItem","find","hasAttribute","getAttribute","textContent","disconnectedCallback","removeAll","disconnect","render","hamburgerMenu","hideHamburgerMenu","h","key","class","openHamburgerMenu","ref","search","onClick","notifications","appSwitcher","distance","skidding","placement","profile","logo","bmeLogo","sixLogo","Host","part","shiftContent","viewBox","xmlns","fill","d","points"],"sources":["src/components/six-header/six-header.scss?tag=six-header&encapsulation=shadow","src/components/six-header/six-header.tsx"],"sourcesContent":["@import 'src/global/component';\n\n$header-height: 3.75rem;\n$border-height: 0.25rem;\n\n:host {\n  display: block;\n  user-select: none;\n  --search-border-width: 1px;\n}\n\n::slotted(six-search-field) {\n  position: absolute;\n  margin-left: var(--search-border-width);\n  width: calc(100% - 2 * var(--search-border-width));\n}\n\n.six-header {\n  display: flex;\n  width: 100%;\n  height: $header-height;\n  background-color: var(--six-header-background-color);\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: var(--six-shadow-medium);\n  border-bottom: var(--six-header-border-with) solid var(--six-header-border-color);\n\n  &__logo {\n    width: 6rem;\n    margin-top: 0.15rem;\n\n    &--clickable {\n      cursor: pointer;\n    }\n\n    &--six {\n      height: 20px;\n      overflow: visible;\n    }\n\n    &--bme {\n      margin-top: 6px;\n      height: 40px;\n      overflow: visible;\n    }\n  }\n\n  &__placeholder {\n    flex: 1;\n  }\n\n  &__menu,\n  &__logo,\n  &__custom,\n  &__search,\n  &__notification,\n  &__app-switcher,\n  &__profile {\n    height: calc(100% - #{$border-height} - 1px);\n    padding: 0 1.25rem;\n    display: flex;\n    align-items: center;\n    border-bottom: solid $border-height transparent;\n\n    &--open {\n      border-bottom: solid $border-height var(--six-header-border-color-open);\n    }\n  }\n\n  &__app-switcher-dropdown {\n    display: flex;\n    align-items: center;\n  }\n\n  &__selected-app {\n    cursor: pointer;\n    font-size: 0.9rem;\n    font-weight: 600;\n    padding-right: 0;\n    padding-left: 0.3rem;\n    &:hover {\n      color: var(--six-header-selected-app-color-hover);\n    }\n  }\n\n  &__search-field {\n    opacity: 0;\n    transform: scale(0.9);\n    transition: var(--six-transition-fast) opacity, var(--six-transition-fast) transform;\n    display: none;\n\n    &--visible {\n      opacity: 1;\n      transform: none;\n      display: block;\n    }\n\n    &--shift-content.six-header__search-field--visible {\n      height: 2.65rem;\n      transition: var(--six-transition-fast) height;\n    }\n\n    &--shift-content:not(.six-header__search-field--visible) {\n      height: 0;\n      transition: var(--six-transition-fast) height;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { getSlot, hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\n\nexport interface SixHeaderAppSwitcherSelectPayload {\n  selectedLabel: string;\n  name: string;\n  item: HTMLSixMenuItemElement;\n}\n\nexport interface SixHeaderProfileSelectPayload {\n  selectedLabel: string;\n  name: string;\n  item: HTMLSixMenuItemElement;\n}\n\nexport interface SixHeaderSearchFieldToggle {\n  visible: boolean;\n}\n\nenum Section {\n  None,\n  Search,\n  AppSwitcher,\n  Profile,\n}\n\nenum Slot {\n  Search = 'search-field',\n  Notifications = 'notifications',\n  AppSwitcher = 'app-switcher-menu',\n  Profile = 'profile-menu',\n  Logo = 'logo',\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define a custom component that is included in the header.\n * @slot search-field - Used to define the search field component in the header.\n * @slot notifications - Used to define the notification component in the header.\n * @slot app-switcher-menu - Used to define the application switcher menu in the header.\n * @slot profile-menu - Used to define the profile menu in the header.\n * @slot profile-avatar - Used to define the avator in the header.\n */\n\n@Component({\n  tag: 'six-header',\n  styleUrl: 'six-header.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class SixHeader {\n  /** Indicates if content should be shifted down when search field is visible. */\n  @Prop() shiftContent = false;\n\n  /** Set whether the hamburger menu should be visible or not */\n  @Prop() hideHamburgerMenu = false;\n\n  /** Set the hamburger menu icon to open or closed state */\n  @Prop() openHamburgerMenu = false;\n\n  /** Set the header search to be in an open or closed state */\n  @Prop() openSearch = false;\n\n  /** Set whether the logo should be clickable */\n  @Prop() clickableLogo = false;\n\n  /** The displayed logo. Either six or bme. Defaults to six. */\n  @Prop() logo: 'six' | 'bme' = 'six';\n\n  @Watch('openSearch')\n  handleOpenSearchChange() {\n    this.computeSearchOpenState();\n  }\n\n  /** Sets open state for search */\n  @Method()\n  async setSearchOpenState(openState: boolean) {\n    if (this.selectedSection === Section.Search && !openState) {\n      this.selectedSection = Section.None;\n    } else if (openState && this.selectedSection !== Section.Search) {\n      this.selectedSection = Section.Search;\n    }\n  }\n\n  /** Get open state for search */\n  @Method()\n  async getIsSearchOpen() {\n    return this.selectedSection === Section.Search;\n  }\n\n  /** Emitted when the name of the selected app is clicked. */\n  @Event({ eventName: 'six-header-app-name-clicked' }) sixAppNameClicked!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when a menu item is in the app switcher menu is selected. */\n  @Event({ eventName: 'six-header-app-switcher-select' })\n  sixAppSwitcherSelect!: EventEmitter<SixHeaderAppSwitcherSelectPayload>;\n\n  /** Emitted when a menu item is in the profile menu is selected. */\n  @Event({ eventName: 'six-header-profile-select' }) sixProfileSelect!: EventEmitter<SixHeaderProfileSelectPayload>;\n\n  /** Emitted when the hamburger menu is clicked. */\n  @Event({ eventName: 'six-header-hamburger-menu-clicked' }) sixHamburgerClick!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the header logo is clicked. */\n  @Event({ eventName: 'six-header-logo-clicked' }) logoClick!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when search field is toggled. */\n  @Event({ eventName: 'six-header-search-field-toggle' })\n  sixSearchFieldToggle!: EventEmitter<SixHeaderSearchFieldToggle>;\n\n  @Element() host!: HTMLSixHeaderElement;\n\n  private eventListeners = new EventListeners();\n\n  private slots?: Record<Slot, boolean>;\n\n  private mutationObserver?: MutationObserver;\n\n  @State() selectedApp?: string;\n  @State() selectedSection?: Section;\n\n  private hasSlot(slot: Slot): boolean {\n    if (this.slots == null) {\n      return false;\n    }\n    return this.slots[slot];\n  }\n\n  private isSectionSelected(value: Section) {\n    return value === this.selectedSection;\n  }\n\n  private selectSection(section: Section) {\n    return () => (this.selectedSection = section);\n  }\n\n  private toggleSearch() {\n    const visible = this.selectedSection !== Section.Search;\n    this.selectedSection = this.selectedSection === Section.Search ? Section.None : Section.Search;\n    this.sixSearchFieldToggle.emit({ visible });\n    if (this.selectedSection === Section.Search) {\n      // setFocus deferred due to https://github.com/ionic-team/stencil/issues/3772\n      setTimeout(async () => {\n        const slot = getSlot(this.host, Slot.Search);\n        slot?.shadowRoot?.querySelector('six-input')?.setFocus();\n      }, 50);\n    }\n  }\n\n  private setupMenu = (el?: HTMLSixIconButtonElement) => {\n    if (el == null) return;\n\n    this.eventListeners.add(el, 'click', () => this.sixHamburgerClick.emit());\n  };\n\n  private setupLogo = (el?: HTMLElement) => {\n    if (!this.clickableLogo || el == null) return;\n\n    this.eventListeners.add(el, 'click', () => this.logoClick.emit());\n  };\n\n  private setupProfile = (el?: HTMLSixDropdownElement) => {\n    if (el == null) return;\n\n    this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.Profile));\n    this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));\n    this.eventListeners.add(el, 'six-menu-item-selected', (event: Event) => {\n      const { name, item } = (event as CustomEvent).detail;\n      this.sixProfileSelect.emit({ selectedLabel: item.innerText, name, item });\n    });\n  };\n\n  private setupAppSwitcher = (el?: HTMLSixDropdownElement) => {\n    if (el == null) return;\n\n    this.eventListeners.add(el, 'six-dropdown-show', this.selectSection(Section.AppSwitcher));\n    this.eventListeners.add(el, 'six-dropdown-hide', this.selectSection(Section.None));\n    this.eventListeners.add(el, 'six-menu-item-selected', (event: Event) => {\n      const { name, item } = (event as CustomEvent).detail;\n      this.selectedApp = item.innerText;\n      this.sixAppSwitcherSelect.emit({ selectedLabel: item.innerText, name, item });\n    });\n  };\n\n  private appNameClicked = () => this.sixAppNameClicked.emit();\n\n  private computeSearchOpenState = () => {\n    this.selectedSection = this.openSearch ? Section.Search : Section.None;\n  };\n\n  componentWillLoad() {\n    this.slots = {\n      [Slot.Search]: hasSlot(this.host, Slot.Search),\n      [Slot.Notifications]: hasSlot(this.host, Slot.Notifications),\n      [Slot.AppSwitcher]: hasSlot(this.host, Slot.AppSwitcher),\n      [Slot.Profile]: hasSlot(this.host, Slot.Profile),\n      [Slot.Logo]: hasSlot(this.host, Slot.Logo),\n    };\n\n    if (this.hasSlot(Slot.AppSwitcher)) {\n      this.updateSelectedApp();\n    }\n\n    if (this.hasSlot(Slot.Search)) {\n      this.computeSearchOpenState();\n    }\n  }\n\n  connectedCallback() {\n    const appSwitcherSlot = getSlot(this.host, Slot.AppSwitcher);\n    if (appSwitcherSlot) {\n      this.mutationObserver = new MutationObserver((mutations) => {\n        if (mutations.some((mutation) => mutation.type === 'childList' || mutation.type === 'attributes')) {\n          this.updateSelectedApp();\n        }\n      });\n      this.mutationObserver.observe(appSwitcherSlot, { attributes: true, childList: true, subtree: true });\n    }\n  }\n\n  private updateSelectedApp() {\n    // there are more concise ways to select the first checked menu item, but this is one that works for jest\n    const element = getSlot(this.host, Slot.AppSwitcher);\n    if (element == null) {\n      return undefined;\n    }\n    const items = Array.from(element.querySelectorAll('six-menu-item'));\n    const firstCheckedMenuItem = items.find(\n      (item) => item.hasAttribute('checked') && item.getAttribute('checked') !== 'false'\n    );\n    this.selectedApp = firstCheckedMenuItem?.textContent ?? undefined;\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n    this.mutationObserver?.disconnect();\n  }\n\n  render() {\n    const hamburgerMenu = !this.hideHamburgerMenu && (\n      <section class=\"six-header__menu\">\n        <six-icon-button name={this.openHamburgerMenu ? 'menu_open' : 'menu'} ref={this.setupMenu} />\n      </section>\n    );\n\n    const search = this.hasSlot(Slot.Search) && (\n      <section\n        class={{\n          'six-header__search': true,\n          'six-header__search--open': this.isSectionSelected(Section.Search),\n        }}\n      >\n        <six-icon-button name=\"search\" onClick={() => this.toggleSearch()} data-testid=\"search-trigger\" />\n      </section>\n    );\n\n    const notifications = this.hasSlot(Slot.Notifications) && (\n      <section class=\"six-header__notification\">\n        <slot name={Slot.Notifications} />\n      </section>\n    );\n\n    const appSwitcher = this.hasSlot(Slot.AppSwitcher) && (\n      <section\n        class={{\n          'six-header__app-switcher': true,\n          'six-header__app-switcher--open': this.isSectionSelected(Section.AppSwitcher),\n        }}\n      >\n        <six-dropdown distance={13} skidding={20} placement=\"bottom-end\" ref={this.setupAppSwitcher}>\n          <div slot=\"trigger\" class=\"six-header__app-switcher-dropdown\">\n            <a onClick={this.appNameClicked} class=\"six-header__selected-app\">\n              {this.selectedApp}\n            </a>\n            <six-icon-button name=\"apps\" />\n          </div>\n          <slot name={Slot.AppSwitcher} />\n        </six-dropdown>\n      </section>\n    );\n\n    const profile = this.hasSlot(Slot.Profile) && (\n      <section\n        class={{\n          'six-header__profile': true,\n          'six-header__profile--open': this.isSectionSelected(Section.Profile),\n        }}\n      >\n        <six-dropdown distance={17} skidding={20} placement=\"bottom-end\" ref={this.setupProfile}>\n          <slot name=\"profile-avatar\" slot=\"trigger\" />\n          <slot name=\"profile-menu\" />\n        </six-dropdown>\n      </section>\n    );\n\n    const logo = this.hasSlot(Slot.Logo) ? (\n      <section>\n        <slot name=\"logo\" />\n      </section>\n    ) : (\n      <section\n        class={{\n          'six-header__logo': true,\n          'six-header__logo--clickable': this.clickableLogo,\n        }}\n        ref={this.setupLogo}\n      >\n        {this.logo === 'bme' ? bmeLogo() : sixLogo()}\n      </section>\n    );\n\n    return (\n      <Host>\n        <header part=\"header\" class=\"six-header\">\n          {hamburgerMenu}\n\n          {logo}\n\n          <section class=\"six-header__placeholder\" />\n\n          <section class=\"six-header__custom\">\n            <slot />\n          </section>\n\n          {search}\n\n          {notifications}\n\n          {appSwitcher}\n\n          {profile}\n        </header>\n\n        <div\n          class={{\n            'six-header__search-field': true,\n            'six-header__search-field--visible': this.isSectionSelected(Section.Search),\n            'six-header__search-field--shift-content': this.shiftContent,\n          }}\n        >\n          <slot name={Slot.Search} />\n        </div>\n      </Host>\n    );\n  }\n}\n\nfunction sixLogo() {\n  return (\n    <svg class=\"six-header__logo--six\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <title>SIX</title>\n      <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n        <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\" />\n        <path d=\"m42.16.324h5.21v24.806h-5.21z\" />\n        <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\" />\n      </g>\n    </svg>\n  );\n}\n\nfunction bmeLogo() {\n  return (\n    <svg class=\"six-header__logo--bme\" viewBox=\"0 0 249.38 122.47\">\n      <title>BME Exchange</title>\n      <defs>\n        <style>\n          .cls-1 {'{'}\n          fill: #002c5f;\n          {'}'}\n          .cls-1, .cls-2 {'{'}\n          stroke-width: 0px;\n          {'}'}\n          .cls-2 {'{'}\n          fill: #959595;\n          {'}'}\n        </style>\n      </defs>\n      <polygon\n        class=\"cls-2\"\n        points=\"183.07 88.18 205.3 52.02 178.8 52.02 178.8 36.16 205.3 36.16 183.07 0 202.45 0 228.71 44.09 201.32 88.18 183.07 88.18\"\n      />\n      <g>\n        <path\n          class=\"cls-1\"\n          d=\"M124.21,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.36-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94s1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.42-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.46.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM125.5,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M143.33,112.3c0,.97-.2,1.82-.61,2.55-.41.73-.99,1.3-1.74,1.71-.75.41-1.65.61-2.7.61-.74,0-1.44-.07-2.1-.21-.66-.14-1.28-.35-1.87-.64v-2.77c.61.35,1.27.63,1.96.83.69.2,1.35.3,1.98.3.75,0,1.32-.2,1.71-.61.38-.41.58-.92.58-1.53,0-.65-.2-1.17-.6-1.58-.4-.41-1.09-.86-2.08-1.37-.65-.35-1.23-.73-1.74-1.13-.52-.4-.92-.89-1.22-1.48s-.45-1.32-.45-2.21c-.02-1.37.42-2.47,1.29-3.3.88-.83,2.04-1.24,3.51-1.22.72,0,1.41.09,2.08.27.66.18,1.29.42,1.89.73l-.83,2.4c-1.11-.6-2.15-.9-3.11-.9-.66,0-1.17.18-1.52.53-.35.35-.53.81-.53,1.38,0,.45.08.82.24,1.13.16.31.44.6.83.88.39.28.93.58,1.6.92,1.14.58,2,1.23,2.57,1.95s.86,1.64.86,2.78Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M150.52,116.94h-6.09v-1.55l1.66-.6v-12.18l-1.66-.6v-1.55h6.09v1.55l-1.66.6v12.18l1.66.6v1.55Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M162.33,116.94h-3.02l-2.72-6.16-2.81,6.16h-2.91l4.15-8.49-3.81-7.98h2.93l2.47,5.72,2.47-5.72h2.93l-3.81,8.05,4.13,8.42Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M172.04,117.17c-1.58,0-2.79-.52-3.62-1.57-.83-1.05-1.25-2.67-1.25-4.87,0-2.04.42-3.65,1.27-4.81s2.08-1.74,3.71-1.74c.63,0,1.2.07,1.71.2.51.13.96.32,1.36.57l-.76,2.12c-.37-.18-.74-.33-1.11-.44-.37-.11-.72-.16-1.06-.16-1.6,0-2.4,1.42-2.4,4.27s.8,4.15,2.4,4.15c.49,0,.96-.07,1.4-.22.44-.15.87-.35,1.3-.61v2.28c-.83.55-1.81.83-2.95.83Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M186.25,110.64c0,1.28-.18,2.4-.54,3.38-.36.98-.91,1.75-1.65,2.31-.74.56-1.68.84-2.81.84-1.06,0-1.96-.28-2.7-.83s-1.3-1.32-1.68-2.31c-.38-.98-.58-2.11-.58-3.39,0-1.98.42-3.56,1.25-4.72.83-1.16,2.08-1.74,3.76-1.74,1.51,0,2.71.55,3.61,1.66s1.35,2.71,1.35,4.8ZM179.03,110.66c0,1.4.18,2.46.53,3.18.35.72.92,1.08,1.71,1.08s1.38-.36,1.73-1.08c.35-.72.53-1.79.53-3.21s-.18-2.45-.53-3.15c-.35-.7-.93-1.05-1.73-1.05s-1.35.35-1.71,1.05c-.35.7-.53,1.76-.53,3.17Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M200.16,104.18c1.15,0,2.02.37,2.59,1.1.58.73.87,1.86.87,3.4v8.26h-2.68v-7.61c0-1.89-.53-2.84-1.59-2.84-.75,0-1.29.33-1.6.99-.32.66-.47,1.63-.47,2.91v6.55h-2.68v-7.63c0-.97-.13-1.68-.39-2.13-.26-.45-.66-.68-1.2-.68-.81,0-1.36.37-1.65,1.12s-.43,1.8-.43,3.17v6.16h-2.68v-12.52h2.1l.32,1.64h.16c.28-.62.68-1.08,1.22-1.4.54-.32,1.15-.47,1.84-.47.78,0,1.42.17,1.91.52.49.34.85.8,1.06,1.37h.18c.64-1.26,1.68-1.89,3.09-1.89Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M211.78,104.18c1.28,0,2.27.55,2.99,1.66s1.07,2.72,1.07,4.84-.36,3.66-1.07,4.79c-.71,1.13-1.69,1.7-2.92,1.7-.69,0-1.29-.16-1.8-.48s-.92-.77-1.24-1.34h-.12c.03.38.06.74.08,1.06.02.32.03.61.03.88v5.19h-2.68v-18.06h2.17l.37,1.66h.14c.69-1.26,1.68-1.89,2.98-1.89ZM211.02,106.42c-.78,0-1.35.32-1.7.95-.35.63-.52,1.61-.52,2.95v.51c0,1.37.17,2.39.51,3.06.34.67.91,1,1.73,1,1.38,0,2.08-1.4,2.08-4.2,0-1.4-.17-2.46-.51-3.18-.34-.72-.87-1.08-1.59-1.08Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M222.16,104.18c2.64,0,3.97,1.46,3.97,4.38v8.37h-1.96l-.44-1.71h-.07c-.41.66-.88,1.15-1.4,1.47-.52.31-1.17.47-1.97.47-1.05,0-1.83-.37-2.37-1.11-.53-.74-.8-1.65-.8-2.75,0-1.29.39-2.27,1.18-2.94.78-.67,1.93-1.03,3.44-1.1l1.71-.07v-.6c0-.8-.14-1.38-.41-1.75-.28-.37-.7-.55-1.27-.55-.43,0-.88.08-1.35.23-.47.15-.96.36-1.47.62l-.81-1.94c1.17-.69,2.51-1.04,4.01-1.04ZM223.45,110.99l-1.11.05c-.89.05-1.53.26-1.91.63-.38.38-.58.9-.58,1.58,0,1.22.48,1.82,1.45,1.82.61,0,1.13-.26,1.53-.77.41-.51.61-1.23.61-2.16v-1.15Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M234.32,104.18c1.14,0,2.02.37,2.65,1.1s.95,1.85.95,3.36v8.3h-2.68v-7.66c0-.92-.13-1.62-.38-2.09s-.68-.7-1.28-.7c-.85,0-1.43.34-1.76,1.01-.33.68-.5,1.76-.5,3.25v6.18h-2.68v-12.52h2.1l.32,1.64h.16c.31-.62.73-1.08,1.27-1.4s1.15-.47,1.82-.47Z\"\n        />\n        <path\n          class=\"cls-1\"\n          d=\"M238.98,104.41h2.84l1.84,6.64c.11.43.21.86.3,1.3s.16.87.21,1.28h.09c.05-.37.12-.77.22-1.2.1-.43.21-.89.33-1.38l1.78-6.64h2.79l-4.2,14.05c-.43,1.38-.97,2.4-1.63,3.04-.65.65-1.5.97-2.55.97-.28,0-.53-.02-.77-.05-.24-.03-.46-.08-.68-.14v-2.28c.17.05.34.08.52.11s.35.05.52.05c.54,0,.95-.18,1.23-.53.28-.35.56-.94.82-1.75l.28-1.04-3.94-12.43Z\"\n        />\n      </g>\n      <polygon class=\"cls-1\" points=\"249.37 88.18 231.12 88.18 218.67 67.95 227.9 53.08 249.37 88.18\" />\n      <polygon class=\"cls-1\" points=\"218.53 18.92 229.99 0 249.37 0 227.9 34.66 218.53 18.92\" />\n      <polygon\n        class=\"cls-1\"\n        points=\"112.98 72.41 155.28 72.41 155.28 62.51 123.42 62.51 123.42 49.18 146.37 49.18 146.37 39.27 123.42 39.27 123.42 25.79 155.28 25.79 155.28 15.89 112.98 15.89 112.98 39.27 123.42 39.27 123.42 49.18 112.98 49.18 112.98 72.41\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M10.44,48.38h20.6c4.68,0,8.1,3.06,8.1,7.11s-3.42,7.02-8.1,7.02H10.44v-14.13ZM10.44,25.79h18.54c4.59,0,7.02,2.96,7.02,6.29s-2.43,6.39-7.02,6.39H10.44v-12.68ZM0,72.41h32.21c9.9,0,17.37-6.3,17.37-16.38,0-7.2-4.23-11.89-10.08-13.77,4.23-1.89,6.93-6.03,6.93-11.25,0-10.08-7.65-15.12-16.29-15.12H0v22.59h10.44v9.9H0v24.03Z\"\n      />\n      <polygon\n        class=\"cls-1\"\n        points=\"56.47 72.37 66.91 72.37 66.91 37.45 81.58 52.31 96.25 37.45 96.25 72.37 106.69 72.37 106.69 14.68 81.58 39.72 56.47 14.68 56.47 72.37\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M1.69,82.58c.19,0,.46,0,.62,0,.51,0,.96.18.96.79,0,.49-.37.7-.48.76-.23.1-.73.1-1.1.1v-1.64ZM1.69,85.33c.71-.01,1.12-.01,1.39.15.27.17.37.46.37.76,0,.42-.23.68-.57.8-.28.09-.79.09-1.19.08v-1.81ZM1.76,88.18c.87.02,1.95.04,2.65-.44.62-.44.78-1.06.78-1.59,0-.6-.25-1.15-.78-1.42-.18-.08-.38-.12-.58-.17.32-.13.69-.29.93-.79.11-.22.15-.44.15-.65,0-.3-.08-.71-.38-1.05-.39-.42-1-.53-1.92-.53-.32,0-.89,0-1.21.02l-1.3.02-.06.05c.04.9.05,1.24.05,2.53s0,2.65-.03,3.99l.07.03h1.63Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M10.17,83.04c.19.21.27.49.33.75.08.36.09.7.1.93.04,1.4-.26,2.42-1.35,2.42-1.29,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.5-.19.68-.19.35,0,.69.16.91.43M11.65,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.42,2.13-.06.32-.09.64-.09.96,0,.64.07,1.83.96,2.65.71.66,1.68.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.12-2.04,1.12-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M17.76,86.9c-1.02.06-1.83.07-2.12.07h-.18c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.01.03-1.66.03l-.05.05c.04.75.04.98.04,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M21.15,84.16c-.79-.33-1.19-.5-1.19-.92,0-.28.27-.66.88-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.65.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.21.08.31.11.22.08.77.24,1.47.24.28,0,.99-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M25.56,85.29l.47-1.58.32-1.1.29,1.22.35,1.46h-1.43ZM27.54,81.55c-.9.02-1.09.02-2.09.02l-.07.06c-.49,1.59-.79,2.54-2.17,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.06.06c.68-.03.87-.03,1.63-.03l.04-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.06-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M32.94,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.26-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.07-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.75,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.09.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.76.24,1.47.24.27,0,.99-.04,1.55-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.21-1.11-.7-1.49-.26-.18-.49-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M41.67,88.12c-.05-1.22-.06-1.55-.06-2.75l2.06-3.77-.03-.06c-.7.02-.89.02-1.47.02l-.05.06c-.54,1.17-.8,1.67-1.19,2.43-.1-.21-.58-1.11-.67-1.29-.17-.34-.3-.62-.57-1.22l-.07-.04c-.8.04-1,.06-1.78.06l-.03.08c.28.48,1.52,2.6,1.76,3.03.13.25.26.48.4.73v.29c0,.93-.01,1.34-.07,2.44l.05.06c.78-.03.99-.03,1.65-.03l.06-.06Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M54.31,81.55c-.98.02-1.14.02-2.17.02l-.06.06-.43,1.52-.37,1.35-.44,1.63-.41-1.68-.26-1.06-.47-1.8-.04-.05c-1,.02-1.17.02-2.22.02l-.06.06c-.1,2.8-.13,3.52-.34,6.52l.04.06c.6-.03.78-.03,1.32-.03l.05-.06.03-1.79.06-1.81.04-1.77.41,1.66.36,1.33.63,2.42.06.06c.58-.03.74-.03,1.4-.03l.05-.06.54-1.99.38-1.37.52-1.96v1.68l.03,1.42v2.25l.04.06c.65-.03.9-.03,1.62-.03l.05-.06c-.06-1.07-.13-2.14-.16-3.22-.03-.59-.05-1.18-.08-1.77-.04-.87-.05-.98-.05-1.54l-.05-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M60.62,86.92c-1.11.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.06-1.06-.05-.06-2.26.04v-1.49c1.06,0,1.27,0,2.4.03l.04-.06.07-1.09-.04-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M63.49,82.69c.13,0,.27,0,.39,0,.37,0,1.09,0,1.09.82,0,.26-.07.61-.41.82-.26.16-.59.18-1.07.19v-1.83ZM63.93,85.61c.63,1.07.77,1.35,1.37,2.57l.08.05c.29-.01.57-.03.86-.05.29,0,.59-.01.88-.01l.06-.11c-.36-.46-.46-.6-1.13-1.68-.3-.48-.45-.73-.69-1.14.43-.19,1.28-.58,1.28-1.77,0-.41-.11-1.26-.88-1.67-.49-.25-.99-.26-2.09-.25h-.66s-1.14.01-1.14.01l-.05.06c.05.94.08,1.92.08,4.46,0,.88,0,1.29-.03,2.07l.05.06c.68-.04.83-.04,1.6-.04l.06-.05c-.08-1.08-.08-1.38-.09-2.49l.46-.02Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M72.95,86.51c-.22.17-.69.52-1.47.52-1.06,0-1.82-.8-1.82-2.12,0-.8.28-2.21,1.8-2.21.71,0,1.09.27,1.33.45l.08-.02.08-1.29-.04-.05c-.34-.13-.91-.34-1.73-.34-2.42,0-3.26,1.86-3.26,3.51,0,1.79,1.1,3.37,3.38,3.37.78,0,1.3-.2,1.6-.32l.05-.06.06-1.4-.06-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M75.77,85.29l.47-1.58.33-1.1.28,1.22.34,1.46h-1.42ZM77.75,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.5,1.59-.8,2.54-2.18,6.48l.04.07h1.46l.06-.06.46-1.7h2.02l.4,1.73.07.06c.69-.03.87-.03,1.63-.03l.05-.07c-1.13-4.01-1.26-4.44-1.8-6.51l-.07-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M82.34,86.98c-.02-.92-.03-1.79-.03-2.69,0-.5,0-1.01,0-1.51.19-.02.38-.03.57-.03.57,0,1.69,0,1.69,2,0,1.17-.44,1.69-.67,1.88-.42.34-1.07.34-1.58.34M81.83,88.18c.24.02.49.02.74.02,1.05,0,2.74-.04,3.43-1.71.25-.61.31-1.37.31-1.78,0-.89-.2-1.56-.43-1.98-.63-1.16-1.84-1.2-2.91-1.2-.43,0-.86.02-1.29.04h-1s-.05.06-.05.06c.04.9.08,1.69.08,4.28,0,.92,0,1.47-.03,2.24l.06.03h1.1Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M91.57,83.04c.19.21.27.49.33.75.07.36.09.7.1.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.38-1.52-1.38-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.68.16.91.43M93.04,82.44c-.16-.2-.34-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.18.1-1.67.39-1.15.65-1.35,1.73-1.43,2.13-.05.32-.08.64-.08.96,0,.64.08,1.83.95,2.65.72.66,1.69.76,2.16.76.72,0,1.46-.18,2.01-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.47-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M97.83,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.48.53l.08-.03.07-1.23-.04-.07c-.4-.17-.83-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.41,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.86,0-1.33-.37-1.6-.59l-.09.03-.06,1.32.06.07c.1.04.2.08.3.11.22.08.76.24,1.47.24.28,0,1-.04,1.56-.3.78-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.73-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M107.67,86.92c-1.1.06-1.36.07-2.56.07l-.03-1.64h2.19l.07-.05.05-1.06-.04-.06-2.27.04v-1.49c1.06,0,1.28,0,2.41.03l.05-.06.06-1.09-.05-.04h-4.11l-.06.06c.06.91.08,1.25.08,3.76,0,1.18-.02,1.77-.05,2.74l.05.04h4.12l.07-.06.07-1.14-.06-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M111.38,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.89-.66.71,0,1.13.29,1.47.53l.08-.03.08-1.23-.05-.07c-.4-.17-.82-.35-1.73-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77s-1.32-.37-1.6-.59l-.09.03-.07,1.32.05.07c.11.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.26-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M115.85,82.69c.21-.01.41-.01.61-.01.82.02,1.05.44,1.05.99,0,.12,0,.67-.5.95-.26.14-.6.15-1.16.15v-2.07ZM115.43,81.55l-1.19.03-.06.05c.04,1.22.07,2.03.07,3.1,0,1.14-.03,2.28-.06,3.42l.06.05c.69-.03.84-.03,1.59-.03l.05-.05c-.04-1.01-.04-1.25-.04-2.21,1.05,0,2.17,0,2.84-.81.26-.32.49-.85.49-1.51,0-.4-.09-1.3-.87-1.73-.56-.33-1.36-.33-2.06-.33h-.83Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M121.28,85.29l.46-1.58.33-1.1.28,1.22.35,1.46h-1.42ZM123.25,81.55c-.9.02-1.08.02-2.08.02l-.07.06c-.49,1.59-.79,2.54-2.16,6.48l.03.07h1.46l.07-.06.46-1.7h2.02l.41,1.73.05.06c.69-.03.87-.03,1.64-.03l.04-.07c-1.13-4.01-1.26-4.44-1.79-6.51l-.07-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M130.5,79.65c-.2.18-.48.42-.81.42-.21,0-.41-.07-.61-.14l-.37-.12c-.17-.06-.31-.09-.5-.09-.43,0-.62.16-.83.31l-.04.06v1s.04.02.04.02c.21-.14.47-.31.8-.31.21,0,.42.07.64.14l.28.1c.19.07.33.13.54.13.4,0,.66-.2.87-.37l.04-.07v-1.05l-.07-.03ZM131.76,81.55c-.59.02-.75.03-1.33.02l-.04.06.06,1.27.04,1.29.04,1.53-.02.02c-.25-.46-.3-.54-.77-1.25l-.85-1.24c-.71-1.06-.85-1.27-1.08-1.65l-.06-.04c-.75.03-.86.03-1.54.02l-.05.06c.05,1.45.08,2.53.08,3.78,0,.92-.02,1.83-.03,2.74l.04.06c.63-.03.83-.03,1.37-.03l.04-.06-.1-2.05-.03-1.14-.05-1.24.02-.02c.42.73.57.98,1.21,1.91l.93,1.37.84,1.22.07.04c.57-.03.74-.03,1.24-.03l.04-.04c0-1.36-.02-2.28-.02-3.4,0-1.04.01-2.08.02-3.14l-.05-.05Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M137.07,83.04c.19.21.27.49.33.75.08.36.09.7.11.93.04,1.4-.27,2.42-1.35,2.42-1.3,0-1.39-1.52-1.39-2.36,0-1.12.27-1.7.71-1.98.25-.15.51-.19.68-.19.35,0,.69.16.91.43M138.55,82.44c-.16-.2-.35-.38-.56-.52-.48-.33-1.13-.47-1.79-.47-.58,0-1.17.1-1.67.39-1.14.65-1.35,1.73-1.43,2.13-.06.32-.08.64-.08.96,0,.64.07,1.83.95,2.65.71.66,1.69.76,2.16.76.72,0,1.45-.18,2-.63.93-.77,1.11-2.04,1.11-2.83,0-1.47-.46-2.14-.7-2.43\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M144.65,86.9c-1.02.06-1.84.07-2.12.07h-.19c-.02-2.5,0-3.13.07-5.37l-.06-.05c-.8.03-1.02.03-1.66.03l-.05.05c.04.75.05.98.05,2.09,0,1.47,0,2.95,0,4.43l.04.05c1.84-.03,2.17-.03,3.86-.03l.05-.05.07-1.18-.04-.04Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M150.03,86.92c-1.1.06-1.37.07-2.57.07v-1.64s2.17,0,2.17,0l.07-.05.05-1.06-.04-.06-2.26.04v-1.49c1.05,0,1.27,0,2.4.03l.05-.06.06-1.09-.04-.04h-4.11l-.05.06c.05.91.07,1.25.07,3.76,0,1.18-.01,1.77-.04,2.74l.04.04h4.13l.08-.06.06-1.14-.05-.07Z\"\n      />\n      <path\n        class=\"cls-1\"\n        d=\"M153.74,84.16c-.79-.33-1.2-.5-1.2-.92,0-.28.27-.66.88-.66.71,0,1.14.29,1.49.53l.08-.03.08-1.23-.04-.07c-.41-.17-.83-.35-1.74-.35-1.76,0-2.37.99-2.37,1.99,0,1.14.88,1.55,1.4,1.79l.31.14c.64.28,1.14.51,1.14,1,0,.35-.31.77-1.12.77-.85,0-1.33-.37-1.6-.59l-.1.03-.07,1.32.06.07c.1.04.2.08.31.11.21.08.77.24,1.47.24.28,0,.99-.04,1.55-.3.79-.38,1.12-1.09,1.12-1.89,0-.53-.2-1.11-.7-1.49-.25-.18-.5-.3-.72-.4l-.24-.09Z\"\n      />\n    </svg>\n  );\n}\n"],"mappings":"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"}

package/dist/ui-library/p-99f6fe01.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,g as a}from"./p-05eb1bab.js";import{u as e,l as o}from"./p-8227aaed.js";import{h as l}from"./p-0cebf1d2.js";import{M as r}from"./p-651293e7.js";const n=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--width:31rem;display:contents}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--six-z-index-dialog);color:var(--six-color-web-rock-900)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--six-spacing-xx-large));max-height:calc(100% - var(--six-spacing-xx-large));background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-shadow-large);opacity:0;transform:scale(0.8);transition:var(--six-transition-medium) opacity, var(--six-transition-medium) transform}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{flex:1 1 auto;font-size:var(--six-font-size-x-large);font-weight:var(--six-font-weight-bold);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small)}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-x-small)}.dialog__body{flex:1 1 auto;padding:var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--six-spacing-large)}.dialog__footer ::slotted(six-button:not(:first-of-type)){margin-left:var(--six-spacing-xx-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity}.dialog--open .dialog__overlay{opacity:0.8}";const d=n;let h=0;const c=class{constructor(s){i(this,s);this.sixShow=t(this,"six-dialog-show",7);this.sixAfterShow=t(this,"six-dialog-after-show",7);this.sixHide=t(this,"six-dialog-hide",7);this.sixAfterHide=t(this,"six-dialog-after-hide",7);this.sixInitialFocus=t(this,"six-dialog-initial-focus",7);this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss",7);this.componentId=`dialog-${++h}`;this.willShow=false;this.willHide=false;this.handleCloseClick=()=>{this.hide()};this.handleKeyDown=i=>{if(i.key==="Escape"){this.hide()}};this.handleOverlayClick=()=>{const i=this.sixOverlayDismiss.emit();if(!i.defaultPrevented){this.hide()}};this.handleSlotChange=()=>{this.hasFooter=l(this.host,"footer")};this.handleTransitionEnd=i=>{const t=i.target;if(i.propertyName==="opacity"&&t.classList.contains("dialog__panel")){this.isVisible=this.open;this.willShow=false;this.willHide=false;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}};this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.noHeader=false}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.modal=new r(this.host,{onFocusOut:()=>{var i;return(i=this.panel)===null||i===void 0?void 0:i.focus()}})}componentWillLoad(){this.handleSlotChange()}componentDidLoad(){if(this.open){this.show()}}disconnectedCallback(){e(this.host)}async show(){if(this.willShow||this.modal==null||this.panel==null||this.dialog==null){return}const i=this.panel;const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.willShow=true;this.isVisible=true;this.open=true;this.modal.activate();o(this.host);if(this.open){requestAnimationFrame((()=>{const t=this.sixInitialFocus.emit();if(!t.defaultPrevented){i.focus({preventScroll:true})}}))}}async hide(){if(this.willHide||this.modal==null){return}const i=this.sixHide.emit();if(i.defaultPrevented){this.open=true;return}this.willHide=true;this.open=false;this.modal.deactivate();e(this.host)}render(){return s("div",{key:"366fe2997ccfc4b0444ee6ee9753e8d2c42e7744",ref:i=>this.dialog=i,part:"base",class:{dialog:true,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},s("div",{key:"ed354ed231bd6c86d85405ef52b1b371dbb0fb0a",part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),s("div",{key:"214bbdc1bde36c1068dad584d9d9242a0dcc5d9a",ref:i=>this.panel=i,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":!this.noHeader?`${this.componentId}-title`:null,tabIndex:0},!this.noHeader&&s("header",{part:"header",class:"dialog__header"},s("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},s("slot",{name:"label"},this.label||String.fromCharCode(65279))),s("six-icon-button",{exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),s("div",{key:"1da84dc52118a26045bc6b4c813beed899210f05",part:"body",class:"dialog__body"},s("slot",{key:"d97bfb117a544eb5fd076658b12467febe94802e"})),s("footer",{key:"b896718eaba5a6ecdead652954cf5c43d23a4c73",part:"footer",class:"dialog__footer"},s("slot",{key:"850c447acea6ced8d76714fa759e109920c80e80",name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};c.style=d;export{c as six_dialog};
+//# sourceMappingURL=p-99f6fe01.entry.js.map

package/dist/ui-library/p-99f6fe01.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixDialogCss","SixDialogStyle0","id","SixDialog","this","componentId","willShow","willHide","handleCloseClick","hide","handleKeyDown","event","key","handleOverlayClick","sixOverlayDismiss","emit","defaultPrevented","handleSlotChange","hasFooter","hasSlot","host","handleTransitionEnd","target","propertyName","classList","contains","isVisible","open","sixAfterShow","sixAfterHide","handleOpenChange","show","connectedCallback","modal","Modal","onFocusOut","_a","panel","focus","componentWillLoad","componentDidLoad","disconnectedCallback","unlockBodyScrolling","dialog","sixShow","activate","lockBodyScrolling","requestAnimationFrame","sixInitialFocus","preventScroll","sixHide","deactivate","render","h","ref","el","part","class","onKeyDown","onTransitionEnd","onClick","role","noHeader","label","tabIndex","name","String","fromCharCode","exportparts","onSlotchange"],"sources":["src/components/six-dialog/six-dialog.scss?tag=six-dialog&encapsulation=shadow","src/components/six-dialog/six-dialog.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n\n/**\n * @prop --width: The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n */\n:host {\n  --width: 31rem;\n\n  display: contents;\n}\n\n.dialog {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--six-z-index-dialog);\n  color: var(--six-color-web-rock-900);\n\n  &:not(.dialog--visible) {\n    @include hidden;\n  }\n}\n\n.dialog__panel {\n  display: flex;\n  flex-direction: column;\n  z-index: 2;\n  width: var(--width);\n  max-width: calc(100% - var(--six-spacing-xx-large));\n  max-height: calc(100% - var(--six-spacing-xx-large));\n  background-color: var(--six-panel-background-color);\n  border-radius: var(--six-border-radius-medium);\n  box-shadow: var(--six-shadow-large);\n  opacity: 0;\n  transform: scale(0.8);\n  transition: var(--six-transition-medium) opacity, var(--six-transition-medium) transform;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n// Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone)\n@media screen and (max-width: 420px) {\n  .dialog__panel {\n    max-height: 80vh;\n  }\n}\n\n.dialog--open .dialog__panel {\n  display: flex;\n  opacity: 1;\n  transform: none;\n}\n\n.dialog__header {\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.dialog__title {\n  flex: 1 1 auto;\n  font-size: var(--six-font-size-x-large);\n  font-weight: var(--six-font-weight-bold);\n  line-height: var(--six-line-height-dense);\n  padding: var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small);\n}\n\n.dialog__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-x-large);\n  padding: 0 var(--six-spacing-x-small);\n}\n\n.dialog__body {\n  flex: 1 1 auto;\n  padding: var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.dialog__footer {\n  flex: 0 0 auto;\n  text-align: right;\n  padding: var(--six-spacing-large);\n\n  ::slotted(six-button:not(:first-of-type)) {\n    margin-left: var(--six-spacing-xx-small);\n  }\n}\n\n.dialog:not(.dialog--has-footer) .dialog__footer {\n  display: none;\n}\n\n.dialog__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--six-overlay-background-color);\n  opacity: 0;\n  transition: var(--six-transition-medium) opacity;\n}\n\n.dialog--open .dialog__overlay {\n  opacity: 0.8;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { hasSlot } from '../../utils/slot';\nimport Modal from '../../utils/modal';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The dialog's content.\n * @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n *\n * @part base - The component's base wrapper.\n * @part overlay - The overlay.\n * @part panel - The dialog panel (where the dialog and its content is rendered).\n * @part header - The dialog header.\n * @part title - The dialog title.\n * @part close-button - The close button.\n * @part body - The dialog body.\n * @part footer - The dialog footer.\n *\n */\n@Component({\n  tag: 'six-dialog',\n  styleUrl: 'six-dialog.scss',\n  shadow: true,\n})\nexport class SixDialog {\n  private componentId = `dialog-${++id}`;\n  private dialog?: HTMLElement;\n  private modal?: Modal;\n  private panel?: HTMLElement;\n  private willShow = false;\n  private willHide = false;\n\n  @Element() host!: HTMLSixDialogElement;\n\n  @State() hasFooter = false;\n  @State() isVisible = false;\n\n  /** Indicates whether the dialog is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The dialog's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility.\n   */\n  @Prop() label = '';\n\n  /**\n   * Set to true to disable the header. This will also remove the default close button, so please ensure you provide an\n   * easy, accessible way for users to dismiss the dialog.\n   */\n  @Prop() noHeader = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-dialog-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dialog opens and all transitions are complete. */\n  @Event({ eventName: 'six-dialog-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-dialog-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dialog closes and all transitions are complete. */\n  @Event({ eventName: 'six-dialog-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and\n   * allow you to set it on a different element in the dialog, such as an input or button.\n   */\n  @Event({ eventName: 'six-dialog-initial-focus' }) sixInitialFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing. */\n  @Event({ eventName: 'six-dialog-overlay-dismiss' }) sixOverlayDismiss!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.modal = new Modal(this.host, {\n      onFocusOut: () => this.panel?.focus(),\n    });\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n  }\n\n  /** Shows the dialog */\n  @Method()\n  async show() {\n    if (this.willShow || this.modal == null || this.panel == null || this.dialog == null) {\n      return;\n    }\n    const panel = this.panel;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.willShow = true;\n    this.isVisible = true;\n    this.open = true;\n    this.modal.activate();\n\n    lockBodyScrolling(this.host);\n\n    if (this.open) {\n      requestAnimationFrame(() => {\n        const sixInitialFocus = this.sixInitialFocus.emit();\n        if (!sixInitialFocus.defaultPrevented) {\n          panel.focus({ preventScroll: true });\n        }\n      });\n    }\n  }\n\n  /** Hides the dialog */\n  @Method()\n  async hide() {\n    if (this.willHide || this.modal == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.willHide = true;\n    this.open = false;\n    this.modal.deactivate();\n\n    unlockBodyScrolling(this.host);\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.hide();\n    }\n  };\n\n  private handleOverlayClick = () => {\n    const sixOverlayDismiss = this.sixOverlayDismiss.emit();\n\n    if (!sixOverlayDismiss.defaultPrevented) {\n      this.hide();\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasFooter = hasSlot(this.host, 'footer');\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('dialog__panel')) {\n      this.isVisible = this.open;\n      this.willShow = false;\n      this.willHide = false;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.dialog = el)}\n        part=\"base\"\n        class={{\n          dialog: true,\n          'dialog--open': this.open,\n          'dialog--visible': this.isVisible,\n          'dialog--has-footer': this.hasFooter,\n        }}\n        onKeyDown={this.handleKeyDown}\n        onTransitionEnd={this.handleTransitionEnd}\n      >\n        <div part=\"overlay\" class=\"dialog__overlay\" onClick={this.handleOverlayClick} />\n\n        <div\n          ref={(el) => (this.panel = el)}\n          part=\"panel\"\n          class=\"dialog__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden={this.open ? 'false' : 'true'}\n          aria-label={this.noHeader ? this.label : null}\n          aria-labelledby={!this.noHeader ? `${this.componentId}-title` : null}\n          tabIndex={0}\n        >\n          {!this.noHeader && (\n            <header part=\"header\" class=\"dialog__header\">\n              <span part=\"title\" class=\"dialog__title\" id={`${this.componentId}-title`}>\n                <slot name=\"label\">\n                  {/* If there's no label, use an invisible character to prevent the heading from collapsing */}\n                  {this.label || String.fromCharCode(65279)}\n                </slot>\n              </span>\n              <six-icon-button\n                exportparts=\"base:close-button\"\n                class=\"dialog__close\"\n                name=\"close\"\n                onClick={this.handleCloseClick}\n              />\n            </header>\n          )}\n\n          <div part=\"body\" class=\"dialog__body\">\n            <slot />\n          </div>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n          </footer>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-9a37b47f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,g as i}from"./p-05eb1bab.js";import{h as o,a as l}from"./p-0cebf1d2.js";import{F as r}from"./p-605bdd81.js";import{E as n}from"./p-8bfb4bfc.js";import{D as a,a as c}from"./p-a1502802.js";import{a as h}from"./p-e080d5b6.js";function d(e,t){if(t){if(Array.isArray(e)){return e.filter((e=>typeof e==="string"))}else if(typeof e==="string"&&e.length>0){return[e]}else{return[]}}else{if(typeof e==="string"){return e}else{return""}}}function u(e){return d(e,true)}function f(e,t){if(Array.isArray(e)&&Array.isArray(t)){return e.length===t.length&&e.every(((e,s)=>e===t[s]))}else if(typeof e==="string"&&typeof t==="string"){return e===t}return false}const p=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host,.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.display__values{display:flex;flex:1 1 auto;align-items:center;user-select:none;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.display__values::-webkit-scrollbar{width:0;height:0}.display__values-values{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display__values-and-counter{display:flex;overflow:hidden}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.placeholder{color:var(--six-input-placeholder-color)}.select--disabled .placeholder{color:var(--six-input-placeholder-color-disabled)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .display__values{margin:0 0 0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .display__values{margin:0 0 0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .display__values{margin:0 0 0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{width:100%}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}.selection-container--border{border-bottom:solid var(--six-border-width) var(--six-menu-divider-color);padding-top:var(--six-spacing-xx-small);padding-bottom:var(--six-spacing-xx-small)}.display-value--hidden{display:none}.overflow-count{color:var(--six-color-web-rock-600);padding-left:var(--six-spacing-x-small)}.overflow-count-hidden{display:none}.separator--hidden{display:none}.select-all{border-top:1px solid var(--six-color-web-rock-300);display:flex;justify-content:end}';const x=p;let b=0;const m=class{constructor(i){e(this,i);this.sixChange=t(this,"six-select-change",7);this.sixFocus=t(this,"six-select-focus",7);this.sixBlur=t(this,"six-select-blur",7);this.inputId=`select-${++b}`;this.labelId=`select-label-${b}`;this.helpTextId=`select-help-text-${b}`;this.errorTextId=`select-error-text-${b}`;this.eventListeners=new n;this.activeItemIndex=-1;this.resizeObserver=new ResizeObserver((()=>this.updateDisplayedValues()));this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=async e=>{var t;e.stopPropagation();await this.clearValues();await((t=this.dropdown)===null||t===void 0?void 0:t.hide());this.sixChange.emit({value:this.value,isSelected:true})};this.handleKeyDown=e=>{var t,s,i,o;if(this.virtualScroll||this.autocomplete){return}if(["Control","Escape"].includes(e.key)){return}const l=this.getVisibleItems();if(this.isOpen&&this.multiple&&e.code==="KeyA"&&e.ctrlKey){e.preventDefault();this.selectAll();return}if(e.key==="Tab"){if(this.isOpen){(t=this.dropdown)===null||t===void 0?void 0:t.hide()}return}if(e.key===" "&&!this.multiple){return}if(this.activeItemIndex>=0&&["Enter"," "].includes(e.key)){const t=l.at(this.activeItemIndex);e.preventDefault();t===null||t===void 0?void 0:t.click();return}if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){if(!this.isOpen){(s=this.dropdown)===null||s===void 0?void 0:s.show()}if(l.length>0){e.preventDefault();if(e.key==="ArrowDown"){this.activeItemIndex++}else if(e.key==="ArrowUp"){this.activeItemIndex--}else if(e.key==="Home"){this.activeItemIndex=0}else if(e.key==="End"){this.activeItemIndex=l.length-1}if(this.activeItemIndex<0)this.activeItemIndex=0;if(this.activeItemIndex>l.length-1)this.activeItemIndex=l.length-1;(i=l.at(this.activeItemIndex))===null||i===void 0?void 0:i.setFocus()}}if(!this.isOpen){e.stopPropagation();e.preventDefault();(o=this.dropdown)===null||o===void 0?void 0:o.show()}};this.handleLabelClick=()=>{var e;(e=this.box)===null||e===void 0?void 0:e.focus()};this.handleMenuSelect=e=>{const t=e.detail.item;if(this.multiple){t.checked=!t.checked}else{this.getItems().forEach((e=>e.checked=false));t.checked=true}this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})};this.handleMenuShow=e=>{if(this.disabled){e.preventDefault();return}this.activeItemIndex=-1;if(!this.virtualScroll&&this.multiple){const e=this.getItems();e.forEach((e=>e.style.display="unset"));const t=v(u(this.value),e);t.forEach((e=>e.style.display="none"));this.selectionContainerItems=t.map((e=>s("six-menu-item",{key:e.value,checked:true,value:e.value,checkType:this.multiple?"checkbox":"check",onClick:t=>{t.stopPropagation();if(!this.disabled){const s=t.target;const i=s.checked;s.checked=!i;e.checked=!i;this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})}}},this.getItemLabel(e))))}this.isOpen=true};this.handleMenuHide=()=>{this.isOpen=false;if(this.multiple){this.handleBlur()}};this.handleSlotChange=()=>{this.hasHelpTextSlot=o(this.host,"help-text");this.hasLabelSlot=o(this.host,"label");this.hasErrorTextSlot=o(this.host,"error-text");this.syncItemsFromValue()};this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.isOpen=false;this.displayedValues=[];this.selectionContainerItems=[];this.multiple=false;this.selectAllButton=false;this.selectAllText=undefined;this.maxTagsVisible=3;this.disabled=false;this.name="";this.placeholder="";this.filterPlaceholder=undefined;this.filterDebounce=undefined;this.size="medium";this.hoist=false;this.value="";this.pill=false;this.helpText="";this.required=false;this.clearable=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false;this.line=false;this.filter=false;this.asyncFilter=false;this.autocomplete=false;this.inputDebounce=a;this.options=null;this.virtualScroll=false}handleDisabledChange(){var e;if(this.disabled&&this.isOpen){(e=this.dropdown)===null||e===void 0?void 0:e.hide()}}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){this.value=d(this.value,this.multiple);this.syncItemsFromValue()}async handleValueChange(){const e=d(this.value,this.multiple);if(!f(this.value,e)){this.value=e}await this.syncItemsFromValue()}connectedCallback(){var e;if(this.virtualScroll&&this.options===null){console.error("Options must be defined when using virtual scrolling")}(e=this.host.shadowRoot)===null||e===void 0?void 0:e.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-select-change","change",this.host);this.eventListeners.forward("six-select-blur","blur",this.host);this.eventListeners.forward("six-select-focus","focus",this.host);if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}}componentWillLoad(){this.value=d(this.value,this.multiple);this.handleSlotChange()}componentDidLoad(){if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}requestAnimationFrame((()=>this.syncItemsFromValue()));if(this.autocomplete&&this.autocompleteInput!=null){const e=this.autocompleteInput;this.eventListeners.add(e,"six-input-input",c((t=>{this.value=e.value;this.sixChange.emit({value:this.value,isSelected:false});t.stopPropagation()}),this.inputDebounce));const t=this.displayedValues.join(", ");e.value=t}}disconnectedCallback(){var e;this.resizeObserver.disconnect();(e=this.host.shadowRoot)===null||e===void 0?void 0:e.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(e){var t;this.hasFocus=true;(t=this.box)===null||t===void 0?void 0:t.focus(e)}getItemLabel(e){var t,s;const i=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot:not([name])");if(i!=null){return l(i)}else{return(s=e.textContent)!==null&&s!==void 0?s:""}}getItems(){if(this.options!==null&&this.menu!=null&&this.menu.shadowRoot!=null){return[...this.menu.shadowRoot.querySelectorAll("six-menu-item")]}return[...this.host.querySelectorAll("six-menu-item")]}getVisibleItems(){const e=this.getSelectionContainerItems();const t=this.getItems();return[...e,...t].filter((e=>e.style.display!=="none"))}getSelectionContainerItems(){var e;return[...((e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("six-menu-item"))||[]]}async clearValues(){this.value=this.multiple?[]:"";this.selectionContainerItems=[];await this.syncItemsFromValue()}selectAll(){const e=this.getVisibleItems();const t=this.hasDeselectedOptions();e.filter((e=>!e.disabled)).forEach((e=>e.checked=t));const s=e.filter((e=>e.checked)).map((e=>e.value));this.value=t?s:[];this.sixChange.emit({value:this.value,isSelected:true})}async syncItemsFromValue(){const e=this.getSelectionContainerItems();const t=this.getItems();const s=d(this.value,this.multiple);e.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));t.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));const i=v(u(this.value),t);this.displayedValues=i.map((e=>this.getItemLabel(e)));if(this.autocomplete&&this.autocompleteInput!=null&&!this.hasFocus){const e=this.displayedValues.join(", ");this.autocompleteInput.value=e}requestAnimationFrame((()=>{this.updateDisplayedValues()}))}syncValueFromItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).map((e=>e.value));if(this.multiple){this.value=t}else{this.value=t.length>0?t[0]:""}}updateDisplayedValues(){var e,t;const s=[...(t=(e=this.displayValuesContainer)===null||e===void 0?void 0:e.querySelectorAll(".display-value"))!==null&&t!==void 0?t:[]];if(this.displayValuesContainer==null||s.length===0||this.overflowCount==null){return}s.forEach((e=>{z(e);k(e)}));const i=s[s.length-1].querySelector(".separator");if(i==null)return;let o=_(this.displayValuesContainer)+_(i);let{fitCount:l,overflowCount:r}=g(s,o);if(r===0){T(this.overflowCount);y(s,l)}else{S(this.overflowCount,r+1);A(this.overflowCount);o=o-_(this.overflowCount);({fitCount:l,overflowCount:r}=g(s,o));S(this.overflowCount,r);y(s,l)}}render(){var e;const t=this.hasSelection();const i=this.getItems();const o=i.length>0;const l=this.hasDeselectedOptions();let n=false;let a=o;if(this.clearable&&t){n=true;a=false}return s(r,{key:"a0526fcffda6f6c6fa3119b39ca0c3e7ff892610",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.invalid},s("six-dropdown",{key:"56cc7d87b0a1d111c585971486403e68f3e3b582",part:"base",ref:e=>this.dropdown=e,hoist:this.hoist,matchTriggerWidth:true,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:true,"select--open":this.isOpen,"select--empty":((e=this.value)===null||e===void 0?void 0:e.length)===0,"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&t,"select--placeholder-visible":this.displayedValues.length===0,"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleKeyDown,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter,virtualScroll:this.virtualScroll},s("div",{key:"a0c4bed207bd83e4a1bd30e7b2f38d36bfe6c7ba",slot:"trigger",ref:e=>this.box=e,id:this.inputId,class:{select__box:true,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus},s("div",{key:"68826f0e9c01fff9cc4290b424c2daac2ccea508",class:"display__values",ref:e=>this.displayValuesContainer=e},this.displayedValues.length>0?s("span",{class:"display__values-and-counter"},s("span",{class:"display__values-values"},this.displayedValues.map((e=>s("span",{key:e,class:"display-value"},e,s("span",{class:{separator:true}},", "))))),s("span",{ref:e=>this.overflowCount=e,class:"overflow-count"},"+10")):s("span",{class:"placeholder"},this.placeholder)),n&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),a&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{key:"dfd79b884e567e241b24d238ef18d12bd3398057",ref:e=>this.autocompleteInput=e,class:{select__input:true,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("div",{key:"a24576e861383257ecb8de376f88e010196c44f3",class:{"selection-container":true,"selection-container--border":this.selectionContainerItems.length>0&&i.length!==this.selectionContainerItems.length}},this.selectionContainerItems),s("six-menu",{key:"5dec48ba206651b886180ddf25a16873aef1b69d",ref:e=>this.menu=e,part:"menu",class:{select__menu:true,"select__menu--hidden":!o},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":true,"disable-keyboard-handling":true},s("slot",{key:"b5b2f37be4ec5daa362fe2a1964fd09a3ab56727",onSlotchange:this.handleSlotChange})),this.multiple&&this.selectAllButton&&s("div",{class:"select-all",slot:"dropdown-footer"},s("six-button",{type:"link",onClick:()=>this.selectAll()},this.selectAllText==null?D(l):this.selectAllText))))}hasSelection(){return this.multiple?this.value.length>0:this.value!==""}hasDeselectedOptions(){return this.getVisibleItems().some((e=>!e.disabled&&!e.checked))}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};function v(e,t){return t.filter((t=>e.includes(t.value)))}function _(e){return e.getBoundingClientRect().width}function g(e,t){let s=0;let i=0;for(let o=0;o<e.length;o++){const l=e[o];const r=_(l);if(o===0&&r>t){i=1;break}s+=r;if(s>t){break}else{i+=1}}const o=e.length-i;return{fitCount:i,overflowCount:o}}function y(e,t){if(e.length>0){e.slice(0,t).forEach(((e,t,s)=>{z(e);const i=t===s.length-1;if(i){w(e)}else{k(e)}}));e.slice(t).forEach((e=>{C(e);k(e)}))}}function w(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.add("separator--hidden")}function k(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.remove("separator--hidden")}function z(e){e.classList.remove("display-value--hidden")}function C(e){e.classList.add("display-value--hidden")}function S(e,t){e.textContent=`+${t}`}function A(e){e.classList.remove("overflow-count-hidden")}function T(e){e.classList.add("overflow-count-hidden")}function D(e){const t=h();switch(t){case"de":return e?"Alle auswählen":"Alle abwählen";case"fr":return e?"Tout sélectionner":"Tout désélectionner";case"it":return e?"Seleziona tutto":"Deseleziona tutto";case"en":return e?"Select all":"Deselect all";case"es":return e?"Seleccionar todo":"Deseleccionar todo"}}m.style=x;export{m as six_select};
+//# sourceMappingURL=p-9a37b47f.entry.js.map

package/dist/ui-library/p-9a37b47f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertToValidValue","value","multiple","Array","isArray","filter","element","length","convertToValidArrayValue","valueEquals","a","b","every","index","sixSelectCss","SixSelectStyle0","id","SixSelect","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","activeItemIndex","resizeObserver","ResizeObserver","updateDisplayedValues","handleBlur","hasFocus","sixBlur","emit","handleFocus","sixFocus","handleClearClick","async","event","stopPropagation","clearValues","_a","dropdown","hide","sixChange","isSelected","handleKeyDown","virtualScroll","autocomplete","includes","key","items","getVisibleItems","isOpen","code","ctrlKey","preventDefault","selectAll","activeItem","at","click","_b","show","_c","setFocus","_d","handleLabelClick","box","focus","handleMenuSelect","currentItem","detail","item","checked","getItems","forEach","i","syncValueFromItems","handleMenuShow","disabled","mainItems","style","display","checkedItems","getCheckedItems","selectionContainerItems","map","h","checkType","onClick","menuItem","target","isChecked","getItemLabel","handleMenuHide","handleSlotChange","hasHelpTextSlot","hasSlot","host","hasLabelSlot","hasErrorTextSlot","syncItemsFromValue","DEFAULT_DEBOUNCE_FAST","handleDisabledChange","handleLabelChange","handleMultipleChange","handleValueChange","newValue","connectedCallback","options","console","error","shadowRoot","addEventListener","forward","displayValuesContainer","observe","componentWillLoad","componentDidLoad","requestAnimationFrame","autocompleteInput","add","debounce","inputDebounce","selectedLabel","displayedValues","join","disconnectedCallback","disconnect","removeEventListener","removeAll","slot","querySelector","getTextContent","textContent","menu","querySelectorAll","getSelectionContainerItems","visibleItems","hasDeselectedOptions","option","some","val","checkedValues","displayValueOptions","overflowCount","d","showDisplayValue","showSeparator","separator","availableWidth","getWidth","fitCount","computeFitCount","hideOverflowCount","showFittingValues","setOverflowCount","showOverflowCount","render","hasSelection","hasMenuItems","showClear","showExpand","clearable","FormControl","label","helpText","errorText","errorTextCount","size","onLabelClick","required","displayError","invalid","part","ref","el","hoist","matchTriggerWidth","closeOnSelect","containingElement","disableHideOnEnterAndSpace","class","select","pill","onKeyDown","filterPlaceholder","filterDebounce","asyncFilter","select__box","line","role","tabIndex","onBlur","onFocus","placeholder","exportparts","name","tabindex","select__input","select__menu","onSlotchange","selectAllButton","type","selectAllText","selectAllDefaultText","opt","getBoundingClientRect","width","accumulatedWidth","displayOption","slice","displayValue","list","isLast","hideSeparator","hideDisplayValue","displayValueOption","classList","remove","count","lang","getLanguage"],"sources":["src/components/six-select/util.ts","src/components/six-select/six-select.scss?tag=six-select&encapsulation=shadow","src/components/six-select/six-select.tsx"],"sourcesContent":["export interface MenuItem {\n  value: string;\n}\n\nexport function getValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): string | string[] {\n  if (multiple) {\n    if (Array.isArray(value)) {\n      return getSelectedValues(value, menuItems);\n    } else {\n      return getSelectedValuesFromString(value, menuItems);\n    }\n  }\n\n  return getSelectedMenuItem(value, menuItems)?.value ?? '';\n}\n\nexport function isValidValue(value: unknown, multiple: boolean, menuItems: MenuItem[]): boolean {\n  if (value === '') {\n    return true;\n  }\n\n  if (multiple) {\n    if (Array.isArray(value)) {\n      if (value.length === 0) {\n        return true;\n      }\n      return getSelectedValues(value, menuItems).length === value.length;\n    }\n    return getSelectedValuesFromString(value, menuItems).length > 0;\n  }\n\n  return getSelectedMenuItem(value, menuItems) != null;\n}\n\nexport function convertToValidValue(value: unknown, multiple: boolean): string | string[] {\n  if (multiple) {\n    if (Array.isArray(value)) {\n      return value.filter((element) => typeof element === 'string');\n    } else if (typeof value === 'string' && value.length > 0) {\n      return [value];\n    } else {\n      return [];\n    }\n  } else {\n    if (typeof value === 'string') {\n      return value;\n    } else {\n      return '';\n    }\n  }\n}\n\nexport function convertToValidArrayValue(value: unknown): string[] {\n  return convertToValidValue(value, true) as string[];\n}\n\nexport function valueEquals(a: string | string[], b: string | string[]): boolean {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((element, index) => element === b[index]);\n  } else if (typeof a === 'string' && typeof b === 'string') {\n    return a === b;\n  }\n  return false;\n}\n\nexport function isValueEmpty(value: string | string[]): boolean {\n  if (Array.isArray(value)) {\n    return value.length === 0;\n  }\n  return value === '';\n}\n\nfunction getSelectedValues(values: unknown[], menuItems: MenuItem[]): string[] {\n  return menuItems.filter((menuItem) => values.includes(menuItem.value)).map((menuItem) => menuItem.value);\n}\n\nfunction getSelectedValuesFromString(value: unknown, menuItems: MenuItem[]): string[] {\n  return menuItems.filter((menuItem) => value === menuItem.value).map((menuItem) => menuItem.value);\n}\n\nfunction getSelectedMenuItem(value: unknown, menuItems: MenuItem[]): MenuItem | undefined {\n  return menuItems.find((item) => value === item.value);\n}\n","@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n@import 'src/global/mixins/hidden';\n@import 'src/global/mixins/hide-scrollbar';\n\n:host,\n.select {\n  display: block;\n}\n\n.select__box {\n  display: inline-flex;\n  align-items: center;\n  justify-content: start;\n  position: relative;\n  width: 100%;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-input-font-weight);\n  font-size: var(--six-input-font-size-medium);\n  letter-spacing: var(--six-input-letter-spacing);\n  background-color: var(--six-input-background-color);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  vertical-align: middle;\n  transition: var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n  cursor: pointer;\n\n  &--line {\n    border: none;\n    border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n  }\n\n  &--autocomplete {\n    border: none;\n    overflow: initial;\n  }\n}\n\n.select:not(.select--disabled) .select__box:hover {\n  background-color: var(--six-input-background-color-hover);\n  color: var(--six-input-color-hover);\n\n  border-bottom-color: var(--six-input-border-color-hover);\n\n  &:not(.select__box--line) {\n    border-color: var(--six-input-border-color-hover);\n  }\n}\n\n.select:not(.select--disabled) .select__box:focus {\n  background-color: var(--six-input-background-color-focus);\n  outline: none;\n  color: var(--six-input-color-focus);\n\n  border-bottom-color: var(--six-input-border-color-focus);\n  box-shadow: 0 1px 0 0 var(--six-input-border-color-focus);\n\n  &:not(.select__box--line) {\n    border-color: var(--six-input-border-color-focus);\n    box-shadow: var(--six-input-focus-shadow);\n  }\n}\n\n.select--disabled {\n  .select__box {\n    background-color: var(--six-input-background-color-disabled);\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n    outline: none;\n\n    &:not(.select__box--line) {\n      border-color: var(--six-input-border-color-disabled);\n    }\n  }\n\n  .select__clear {\n    pointer-events: none;\n  }\n}\n\n.select--invalid:not(.select--disabled):not(.select--focused) {\n  .select__box {\n    border-bottom-color: var(--six-input-border-color-danger);\n\n    &:not(.input--line) {\n      border-color: var(--six-input-border-color-danger);\n    }\n  }\n}\n\n.display__values {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  user-select: none;\n  overflow: hidden;\n  @include hide-scrollbar;\n}\n\n.display__values-values {\n  flex: 0 1 auto;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.display__values-and-counter {\n  display: flex;\n  overflow: hidden;\n}\n\n.select__clear {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: inline;\n}\n\n.select__icon {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: inline;\n  transition: var(--six-transition-medium) transform ease;\n}\n\n.select--open .select__icon {\n  transform: rotate(-180deg);\n}\n\n// Placeholder\n.placeholder {\n  color: var(--six-input-placeholder-color);\n}\n\n.select--disabled .placeholder {\n  color: var(--six-input-placeholder-color-disabled);\n}\n\n// Hidden input (for form control validation to show)\n.select__hidden-select {\n  @include visually-hidden();\n}\n\n.select__input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.select--small {\n  .select__box {\n    border-radius: var(--six-input-border-radius-small);\n    font-size: var(--six-input-font-size-small);\n    min-height: var(--six-height-small);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .display__values {\n    margin: 0 0 0 var(--six-input-spacing-small);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n}\n\n.select--medium {\n  .select__box {\n    border-radius: var(--six-input-border-radius-medium);\n    font-size: var(--six-input-font-size-medium);\n    min-height: var(--six-height-medium);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .display__values {\n    margin: 0 0 0 var(--six-input-spacing-medium);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n}\n\n.select--large {\n  .select__box {\n    border-radius: var(--six-input-border-radius-large);\n    font-size: var(--six-input-font-size-large);\n    min-height: var(--six-height-large);\n\n    &--line {\n      border: none;\n      border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n    }\n  }\n\n  .display__values {\n    margin: 0 0 0 var(--six-input-spacing-large);\n  }\n\n  .select__clear {\n    margin-right: var(--six-spacing-xxx-small);\n  }\n\n  .select__icon {\n    margin-right: var(--six-spacing-x-small);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.select--pill {\n  &.select--small .select__box {\n    border-radius: var(--six-height-small);\n  }\n\n  &.select--medium .select__box {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.select--large .select__box {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Menu\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n.select {\n  &__menu {\n    width: 100%;\n\n    &--hidden {\n      // hide the menu panel if there are no menu items\n      display: none;\n    }\n  }\n}\n\n// fixes problem where six-select height changes when size=\"small\" and clearing button is visible\nsix-icon-button::part(base) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.selection-container--border {\n  border-bottom: solid var(--six-border-width) var(--six-menu-divider-color);\n  padding-top: var(--six-spacing-xx-small);\n  padding-bottom: var(--six-spacing-xx-small);\n}\n\n.display-value--hidden {\n  display: none;\n}\n\n.overflow-count {\n  color: var(--six-color-web-rock-600);\n  padding-left: var(--six-spacing-x-small);\n}\n\n.overflow-count-hidden {\n  display: none;\n}\n\n.separator--hidden {\n  display: none;\n}\n\n.select-all {\n  border-top: 1px solid var(--six-color-web-rock-300);\n  display: flex;\n  justify-content: end;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getTextContent, hasSlot } from '../../utils/slot';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { SixMenuItemData } from '../six-menu/six-menu';\nimport { getLanguage } from '../../utils/error-messages';\nimport { convertToValidArrayValue, convertToValidValue, valueEquals } from './util';\n\nexport interface SixSelectChangePayload {\n  value: string | string[];\n  isSelected: boolean;\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The select's options in the form of menu items.\n * @slot label - The select's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the select.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part clear-button - The input's clear button, exported from six-input.\n * @part form-control - The form control that wraps the label, input, and help text.\n * @part help-text - The select's help text.\n * @part icon - The select's icon.\n * @part label - The select's label.\n * @part menu - The select menu, a six-menu element.\n * @part tag - The multiselect option, a six-tag element.\n * @part tags - The container in which multiselect options are rendered.\n */\n\n@Component({\n  tag: 'six-select',\n  styleUrl: 'six-select.scss',\n  shadow: true,\n})\nexport class SixSelect {\n  private box?: HTMLElement;\n  private menu?: HTMLElement;\n  private dropdown?: HTMLSixDropdownElement;\n  private displayValuesContainer?: HTMLElement;\n  private overflowCount?: HTMLElement;\n  private autocompleteInput?: HTMLSixInputElement;\n  private inputId = `select-${++id}`;\n  private labelId = `select-label-${id}`;\n  private helpTextId = `select-help-text-${id}`;\n  private errorTextId = `select-error-text-${id}`;\n  private eventListeners = new EventListeners();\n  private activeItemIndex = -1;\n  private resizeObserver = new ResizeObserver(() => this.updateDisplayedValues());\n\n  @Element() host!: HTMLSixSelectElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n  @State() hasErrorTextSlot = false;\n  @State() isOpen = false;\n  @State() displayedValues: string[] = [];\n\n  /** Menu items shown in the selection container.  */\n  @State() selectionContainerItems: HTMLSixMenuItemElement[] = [];\n\n  /** Set to true to enable multiselect. */\n  @Prop() multiple = false;\n\n  /** Enables the select all button. */\n  @Prop() selectAllButton = false;\n\n  /**\n   * Custom text for the \"select all\" button. Defaults to \"Select all\" and equivalents in supported languages.\n   */\n  @Prop() selectAllText?: string;\n\n  /**\n   * The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\n   * number of additional items that are selected. Set to -1 to remove the limit.\n   *\n   * @deprecated: This property is ignored. The component now displays as many items as possible and computes the \"+n\" dynamically.\n   */\n  @Prop() maxTagsVisible = 3;\n\n  /** Set to true to disable the select control. */\n  @Prop() disabled = false;\n\n  /** The select's name. */\n  @Prop() name = '';\n\n  /** The select's placeholder text. */\n  @Prop() placeholder = '';\n\n  /** The filter's placeholder text. */\n  @Prop() filterPlaceholder?: string;\n\n  /** The debounce for the filter callbacks. */\n  @Prop() filterDebounce?: number;\n\n  /** The select's size. */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  /** The value of the control. This will be a string or an array depending on `multiple`. */\n  @Prop({ mutable: true }) value: string | string[] = '';\n\n  /** Set to true to draw a pill-style select with rounded edges. */\n  @Prop() pill = false;\n\n  /** The select's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to add a clear button when the select is populated. */\n  @Prop() clearable = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  /** Set to render as line */\n  @Prop() line = false;\n\n  /** Set to true to allow filtering for entries in the dropdown */\n  @Prop() filter = false;\n\n  /**\n   * Set to true to allow async filtering.\n   * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n   * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n   */\n  @Prop() asyncFilter = false;\n\n  /**\n   * Set to true to turn the six-select into an autocomplete.\n   */\n  @Prop() autocomplete = false;\n\n  /** The debounce for when the input changes for autocompletes should be emitted */\n  @Prop() inputDebounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** Set the options to be shown in the dropdown (alternative to setting the elements via html) */\n  @Prop() options: SixMenuItemData[] | null = null;\n\n  /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n   *  are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n  @Prop() virtualScroll = false;\n\n  @Watch('disabled')\n  handleDisabledChange() {\n    if (this.disabled && this.isOpen) {\n      this.dropdown?.hide();\n    }\n  }\n\n  @Watch('helpText')\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('multiple')\n  handleMultipleChange() {\n    this.value = convertToValidValue(this.value, this.multiple);\n    this.syncItemsFromValue();\n  }\n\n  @Watch('value')\n  async handleValueChange() {\n    const newValue = convertToValidValue(this.value, this.multiple);\n    if (!valueEquals(this.value, newValue)) {\n      this.value = newValue;\n    }\n    await this.syncItemsFromValue();\n  }\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-select-change' }) sixChange!: EventEmitter<SixSelectChangePayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-select-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-select-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    if (this.virtualScroll && this.options === null) {\n      console.error('Options must be defined when using virtual scrolling');\n    }\n\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-select-change', 'change', this.host);\n    this.eventListeners.forward('six-select-blur', 'blur', this.host);\n    this.eventListeners.forward('six-select-focus', 'focus', this.host);\n    if (this.displayValuesContainer) {\n      this.resizeObserver.observe(this.displayValuesContainer);\n    }\n  }\n\n  componentWillLoad() {\n    this.value = convertToValidValue(this.value, this.multiple);\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    if (this.displayValuesContainer) {\n      this.resizeObserver.observe(this.displayValuesContainer);\n    }\n\n    // We need to do an initial sync after the component has rendered, so this will suppress the re-render warning\n    requestAnimationFrame(() => this.syncItemsFromValue());\n\n    if (this.autocomplete && this.autocompleteInput != null) {\n      const autocompleteInput = this.autocompleteInput;\n      this.eventListeners.add(\n        autocompleteInput,\n        'six-input-input',\n        debounce((event) => {\n          this.value = autocompleteInput.value;\n          this.sixChange.emit({ value: this.value, isSelected: false });\n          event.stopPropagation();\n        }, this.inputDebounce)\n      );\n\n      const selectedLabel = this.displayedValues.join(', ');\n      autocompleteInput.value = selectedLabel;\n    }\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  /** Sets focus on the select. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.hasFocus = true;\n    this.box?.focus(options);\n  }\n\n  private getItemLabel(item: HTMLSixMenuItemElement): string {\n    const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot != null) {\n      return getTextContent(slot);\n    } else {\n      // bugfix/COMSLI-203-six-select-value-is-not-updated-if-the-slot-is-changed\n      return item.textContent ?? '';\n    }\n  }\n\n  private getItems(): HTMLSixMenuItemElement[] {\n    if (this.options !== null && this.menu != null && this.menu.shadowRoot != null) {\n      return [...this.menu.shadowRoot.querySelectorAll('six-menu-item')];\n    }\n\n    return [...this.host.querySelectorAll('six-menu-item')];\n  }\n\n  private getVisibleItems(): HTMLSixMenuItemElement[] {\n    const selectionContainerItems = this.getSelectionContainerItems();\n    const mainItems = this.getItems();\n    return [...selectionContainerItems, ...mainItems].filter((i) => i.style.display !== 'none');\n  }\n\n  private getSelectionContainerItems() {\n    return [...(this.host.shadowRoot?.querySelectorAll('six-menu-item') || [])];\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleClearClick = async (event: MouseEvent) => {\n    event.stopPropagation();\n    await this.clearValues();\n    await this.dropdown?.hide();\n    this.sixChange.emit({ value: this.value, isSelected: true });\n  };\n\n  private async clearValues() {\n    this.value = this.multiple ? [] : '';\n    this.selectionContainerItems = [];\n    await this.syncItemsFromValue();\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.virtualScroll || this.autocomplete) {\n      return;\n    }\n\n    if (['Control', 'Escape'].includes(event.key)) {\n      return;\n    }\n\n    const items = this.getVisibleItems();\n\n    // Ctrl-A selects all items\n    if (this.isOpen && this.multiple && event.code === 'KeyA' && event.ctrlKey) {\n      event.preventDefault();\n      this.selectAll();\n      return;\n    }\n\n    // Tabbing out of the control closes it\n    if (event.key === 'Tab') {\n      if (this.isOpen) {\n        this.dropdown?.hide();\n      }\n      return;\n    }\n\n    if (event.key === ' ' && !this.multiple) {\n      return;\n    }\n\n    // Enter and Space selects the active item\n    if (this.activeItemIndex >= 0 && ['Enter', ' '].includes(event.key)) {\n      const activeItem = items.at(this.activeItemIndex);\n      event.preventDefault();\n      activeItem?.click();\n      return;\n    }\n\n    // Move the selection when pressing up or down\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      // Show the menu if it's not already open\n      if (!this.isOpen) {\n        this.dropdown?.show();\n      }\n\n      if (items.length > 0) {\n        event.preventDefault();\n\n        if (event.key === 'ArrowDown') {\n          this.activeItemIndex++;\n        } else if (event.key === 'ArrowUp') {\n          this.activeItemIndex--;\n        } else if (event.key === 'Home') {\n          this.activeItemIndex = 0;\n        } else if (event.key === 'End') {\n          this.activeItemIndex = items.length - 1;\n        }\n\n        if (this.activeItemIndex < 0) this.activeItemIndex = 0;\n        if (this.activeItemIndex > items.length - 1) this.activeItemIndex = items.length - 1;\n\n        items.at(this.activeItemIndex)?.setFocus();\n      }\n    }\n\n    // All other keys open the menu\n    if (!this.isOpen) {\n      event.stopPropagation();\n      event.preventDefault();\n      this.dropdown?.show();\n    }\n  };\n\n  private selectAll() {\n    const visibleItems = this.getVisibleItems();\n    const hasDeselectedOptions = this.hasDeselectedOptions();\n    visibleItems.filter((option) => !option.disabled).forEach((option) => (option.checked = hasDeselectedOptions));\n    const checkedItems = visibleItems.filter((option) => option.checked).map((option) => option.value);\n    this.value = hasDeselectedOptions ? checkedItems : [];\n    this.sixChange.emit({ value: this.value, isSelected: true });\n  }\n\n  private handleLabelClick = () => {\n    this.box?.focus();\n  };\n\n  private handleMenuSelect = (event: CustomEvent) => {\n    const currentItem = event.detail.item as HTMLSixMenuItemElement;\n    if (this.multiple) {\n      currentItem.checked = !currentItem.checked;\n    } else {\n      this.getItems().forEach((i) => (i.checked = false));\n      currentItem.checked = true;\n    }\n    this.syncValueFromItems();\n    this.sixChange.emit({ value: this.value, isSelected: true });\n  };\n\n  private handleMenuShow = (event: CustomEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    this.activeItemIndex = -1;\n\n    if (!this.virtualScroll && this.multiple) {\n      // reset display style of main items\n      const mainItems = this.getItems();\n      mainItems.forEach((item) => (item.style.display = 'unset'));\n\n      // show selected menu items in the selection container and hide them in the main container\n      const checkedItems = getCheckedItems(convertToValidArrayValue(this.value), mainItems);\n      checkedItems.forEach((i) => (i.style.display = 'none'));\n      this.selectionContainerItems = checkedItems.map((item) => {\n        return (\n          <six-menu-item\n            key={item.value} // key makes sure the node is not re-used: https://stenciljs.com/docs/templating-jsx#conditionals\n            checked={true}\n            value={item.value}\n            checkType={this.multiple ? 'checkbox' : 'check'}\n            onClick={(event) => {\n              event.stopPropagation();\n              if (!this.disabled) {\n                const menuItem = event.target as HTMLSixMenuItemElement;\n                const isChecked = menuItem.checked;\n                menuItem.checked = !isChecked;\n                item.checked = !isChecked;\n                this.syncValueFromItems();\n                this.sixChange.emit({ value: this.value, isSelected: true });\n              }\n            }}\n          >\n            {this.getItemLabel(item)}\n          </six-menu-item>\n        );\n      });\n    }\n\n    this.isOpen = true;\n  };\n\n  private handleMenuHide = () => {\n    this.isOpen = false;\n    if (this.multiple) {\n      this.handleBlur();\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n    this.syncItemsFromValue();\n  };\n\n  /**\n   * Sets the checked state of menu items and renders the displayed values.\n   */\n  private async syncItemsFromValue() {\n    const selectionContainerItems = this.getSelectionContainerItems();\n    const mainItems = this.getItems();\n    const value = convertToValidValue(this.value, this.multiple);\n\n    selectionContainerItems.forEach((item) => {\n      item.checkType = this.multiple ? 'checkbox' : 'check';\n      if (Array.isArray(value)) {\n        item.checked = value.some((val) => val === item.value);\n      } else {\n        item.checked = value === item.value;\n      }\n    });\n\n    mainItems.forEach((item) => {\n      item.checkType = this.multiple ? 'checkbox' : 'check';\n      if (Array.isArray(value)) {\n        item.checked = value.some((val) => val === item.value);\n      } else {\n        item.checked = value === item.value;\n      }\n    });\n\n    const checkedItems = getCheckedItems(convertToValidArrayValue(this.value), mainItems);\n    this.displayedValues = checkedItems.map((i) => this.getItemLabel(i));\n\n    if (this.autocomplete && this.autocompleteInput != null && !this.hasFocus) {\n      const selectedLabel = this.displayedValues.join(', ');\n      this.autocompleteInput.value = selectedLabel;\n    }\n\n    requestAnimationFrame(() => {\n      this.updateDisplayedValues();\n    });\n  }\n\n  private syncValueFromItems() {\n    const items = this.getItems();\n    const checkedValues = items.filter((item) => item.checked).map((item) => item.value);\n    if (this.multiple) {\n      this.value = checkedValues;\n    } else {\n      this.value = checkedValues.length > 0 ? checkedValues[0] : '';\n    }\n  }\n\n  private updateDisplayedValues() {\n    const displayValueOptions = [...(this.displayValuesContainer?.querySelectorAll('.display-value') ?? [])];\n    if (this.displayValuesContainer == null || displayValueOptions.length === 0 || this.overflowCount == null) {\n      return;\n    }\n\n    // Show all options and separators to properly measure all widths.\n    displayValueOptions.forEach((d) => {\n      showDisplayValue(d);\n      showSeparator(d);\n    });\n\n    // Measure available width. The last separator is added to the available width, because it will be hidden later on.\n    const separator = displayValueOptions[displayValueOptions.length - 1].querySelector('.separator');\n    if (separator == null) return;\n    let availableWidth = getWidth(this.displayValuesContainer) + getWidth(separator);\n\n    // Compute how many display value elements fit in the available width\n    let { fitCount, overflowCount } = computeFitCount(displayValueOptions, availableWidth);\n\n    if (overflowCount === 0) {\n      // All items fit, hide overflow count and show all values.\n      hideOverflowCount(this.overflowCount);\n      showFittingValues(displayValueOptions, fitCount);\n    } else {\n      // Not all items fit in the available width. Recompute the available width with the overflow-count visible.\n\n      // Increment overflow count by one to make sure the elements fit, even if the overflow count increases to the\n      // next higher power of ten, e.g. from 9 to 10 or 99 to 100.\n      setOverflowCount(this.overflowCount, overflowCount + 1);\n      showOverflowCount(this.overflowCount);\n\n      // Subtract the overflow count from the available width\n      availableWidth = availableWidth - getWidth(this.overflowCount);\n\n      // Compute how many display value elements fit in the new available width\n      ({ fitCount, overflowCount } = computeFitCount(displayValueOptions, availableWidth));\n\n      // Show overflow count and items that fit.\n      setOverflowCount(this.overflowCount, overflowCount);\n      showFittingValues(displayValueOptions, fitCount);\n    }\n  }\n\n  render() {\n    const hasSelection = this.hasSelection();\n    const items = this.getItems();\n    const hasMenuItems = items.length > 0;\n    const hasDeselectedOptions = this.hasDeselectedOptions();\n    let showClear = false;\n    let showExpand = hasMenuItems;\n    if (this.clearable && hasSelection) {\n      showClear = true;\n      showExpand = false;\n    }\n\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size={this.size}\n        onLabelClick={this.handleLabelClick}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <six-dropdown\n          part=\"base\"\n          ref={(el) => (this.dropdown = el)}\n          hoist={this.hoist}\n          matchTriggerWidth={true}\n          closeOnSelect={!this.multiple}\n          containingElement={this.host}\n          disableHideOnEnterAndSpace={this.autocomplete}\n          class={{\n            select: true,\n            'select--open': this.isOpen,\n            'select--empty': this.value?.length === 0,\n            'select--focused': this.hasFocus,\n            'select--clearable': this.clearable,\n            'select--disabled': this.disabled,\n            'select--multiple': this.multiple,\n            'select--has-tags': this.multiple && hasSelection,\n            'select--placeholder-visible': this.displayedValues.length === 0,\n            'select--small': this.size === 'small',\n            'select--medium': this.size === 'medium',\n            'select--large': this.size === 'large',\n            'select--pill': this.pill,\n            'select--invalid': this.invalid,\n          }}\n          onKeyDown={this.handleKeyDown}\n          onSix-dropdown-show={this.handleMenuShow}\n          onSix-dropdown-hide={this.handleMenuHide}\n          filterPlaceholder={this.filterPlaceholder}\n          filterDebounce={this.filterDebounce}\n          filter={this.filter}\n          asyncFilter={this.asyncFilter}\n          virtualScroll={this.virtualScroll}\n        >\n          {/* Trigger */}\n          <div\n            slot=\"trigger\"\n            ref={(el) => (this.box = el)}\n            id={this.inputId}\n            class={{\n              select__box: true,\n              'select__box--line': this.line,\n              'select__box--autocomplete': this.autocomplete,\n            }}\n            role=\"combobox\"\n            aria-labelledby={this.labelId}\n            aria-describedby={this.helpTextId}\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            tabIndex={this.disabled ? -1 : 0}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n          >\n            {/* Display values */}\n            <div class=\"display__values\" ref={(el) => (this.displayValuesContainer = el)}>\n              {this.displayedValues.length > 0 ? (\n                <span class=\"display__values-and-counter\">\n                  <span class=\"display__values-values\">\n                    {this.displayedValues.map((value) => (\n                      <span key={value} class=\"display-value\">\n                        {value}\n                        <span class={{ separator: true }}>, </span>\n                      </span>\n                    ))}\n                  </span>\n                  <span ref={(el) => (this.overflowCount = el)} class=\"overflow-count\">\n                    +10\n                  </span>\n                </span>\n              ) : (\n                <span class=\"placeholder\">{this.placeholder}</span>\n              )}\n            </div>\n\n            {/* Clear */}\n            {showClear && (\n              <six-icon-button\n                exportparts=\"base:clear-button\"\n                class=\"select__clear\"\n                name=\"clear\"\n                size=\"small\"\n                onClick={this.handleClearClick}\n                tabindex=\"-1\"\n              />\n            )}\n\n            {/* Expand */}\n            {showExpand && (\n              <span part=\"icon\" class=\"select__icon\">\n                <six-icon size=\"medium\">expand_more</six-icon>\n              </span>\n            )}\n\n            {/* Autocomplete */}\n            <six-input\n              ref={(el) => (this.autocompleteInput = el)}\n              class={{\n                select__input: true,\n                'select__hidden-select': !this.autocomplete,\n              }}\n              aria-hidden=\"true\"\n              required={this.required}\n              onFocus={this.handleFocus}\n              clearable={this.clearable}\n              placeholder={this.placeholder}\n              pill={this.pill}\n              disabled={this.disabled}\n              size={this.size}\n              tabIndex={-1}\n            />\n          </div>\n\n          {/* Selection container */}\n          <div\n            class={{\n              'selection-container': true,\n              'selection-container--border':\n                this.selectionContainerItems.length > 0 && items.length !== this.selectionContainerItems.length,\n            }}\n          >\n            {this.selectionContainerItems}\n          </div>\n\n          {/* Menu */}\n          <six-menu\n            ref={(el) => (this.menu = el)}\n            part=\"menu\"\n            class={{\n              select__menu: true,\n              'select__menu--hidden': !hasMenuItems,\n            }}\n            onSix-menu-item-selected={this.handleMenuSelect}\n            items={this.options}\n            virtualScroll={this.virtualScroll}\n            remove-box-shadow={true}\n            disable-keyboard-handling={true}\n          >\n            <slot onSlotchange={this.handleSlotChange} />\n          </six-menu>\n\n          {/* Select all */}\n          {this.multiple && this.selectAllButton && (\n            <div class=\"select-all\" slot=\"dropdown-footer\">\n              <six-button type=\"link\" onClick={() => this.selectAll()}>\n                {this.selectAllText == null ? selectAllDefaultText(hasDeselectedOptions) : this.selectAllText}\n              </six-button>\n            </div>\n          )}\n        </six-dropdown>\n      </FormControl>\n    );\n  }\n\n  private hasSelection() {\n    return this.multiple ? this.value.length > 0 : this.value !== '';\n  }\n\n  private hasDeselectedOptions() {\n    return this.getVisibleItems().some((opt) => !opt.disabled && !opt.checked);\n  }\n}\n\nfunction getCheckedItems(value: string[], items: HTMLSixMenuItemElement[]): HTMLSixMenuItemElement[] {\n  return items.filter((item) => value.includes(item.value));\n}\n\nfunction getWidth(element: Element) {\n  return element.getBoundingClientRect().width;\n}\n\nfunction computeFitCount(options: Element[], availableWidth: number): { fitCount: number; overflowCount: number } {\n  let accumulatedWidth = 0;\n  let fitCount = 0;\n\n  for (let i = 0; i < options.length; i++) {\n    const displayOption = options[i];\n    const width = getWidth(displayOption);\n    if (i === 0 && width > availableWidth) {\n      fitCount = 1;\n      break;\n    }\n    accumulatedWidth += width;\n    if (accumulatedWidth > availableWidth) {\n      break;\n    } else {\n      fitCount += 1;\n    }\n  }\n  const overflowCount = options.length - fitCount;\n  return { fitCount, overflowCount };\n}\n\nfunction showFittingValues(displayValueOptions: Element[], fitCount: number) {\n  if (displayValueOptions.length > 0) {\n    // show items that fit\n    displayValueOptions.slice(0, fitCount).forEach((displayValue, index, list) => {\n      showDisplayValue(displayValue);\n      const isLast = index === list.length - 1;\n      if (isLast) {\n        hideSeparator(displayValue);\n      } else {\n        showSeparator(displayValue);\n      }\n    });\n\n    // hide the rest\n    displayValueOptions.slice(fitCount).forEach((displayValue) => {\n      hideDisplayValue(displayValue);\n      showSeparator(displayValue);\n    });\n  }\n}\n\nfunction hideSeparator(displayValueOption: Element) {\n  displayValueOption.querySelector('.separator')?.classList.add('separator--hidden');\n}\n\nfunction showSeparator(displayValueOption: Element) {\n  displayValueOption.querySelector('.separator')?.classList.remove('separator--hidden');\n}\n\nfunction showDisplayValue(displayValueOption: Element) {\n  displayValueOption.classList.remove('display-value--hidden');\n}\n\nfunction hideDisplayValue(displayValueOption: Element) {\n  displayValueOption.classList.add('display-value--hidden');\n}\n\nfunction setOverflowCount(overflowCount: Element, count: number) {\n  overflowCount.textContent = `+${count}`;\n}\n\nfunction showOverflowCount(overflowCount: Element) {\n  overflowCount.classList.remove('overflow-count-hidden');\n}\n\nfunction hideOverflowCount(overflowCount: Element) {\n  overflowCount.classList.add('overflow-count-hidden');\n}\n\nfunction selectAllDefaultText(hasDeselectedOptions: boolean) {\n  const lang = getLanguage();\n  switch (lang) {\n    case 'de':\n      return hasDeselectedOptions ? 'Alle auswählen' : 'Alle abwählen';\n    case 'fr':\n      return hasDeselectedOptions ? 'Tout sélectionner' : 'Tout désélectionner';\n    case 'it':\n      return hasDeselectedOptions ? 'Seleziona tutto' : 'Deseleziona tutto';\n    case 'en':\n      return hasDeselectedOptions ? 'Select all' : 'Deselect all';\n    case 'es':\n      return hasDeselectedOptions ? 'Seleccionar todo' : 'Deseleccionar todo';\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-9cb83369.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t,g as r}from"./p-05eb1bab.js";const n=":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";const i=n;const c=class{constructor(a){e(this,a);this.padded=true}render(){return a(t,{key:"4bf03e808f3abace9917558e8a2bc284b5109fba"},a("div",{key:"3eb055ccdcb16738f697d4d7417bdd0cedf05a5f",part:"left-margin",class:"left-margin"}),a("div",{key:"66c3c641294c52966bbb35156956e457af76a3af",part:"content",class:{content:true,"content--padded":this.padded}},a("slot",{key:"9dcca3e96ab1023109b9e3db5d16ec8a2d117119"})),a("div",{key:"739f4ed3956e096103d59a475f3e0611a0ea4e73",part:"right-margin",class:"right-margin"}))}get host(){return r(this)}};c.style=i;export{c as six_main_container};
+//# sourceMappingURL=p-9cb83369.entry.js.map

package/dist/ui-library/p-9cb83369.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixMainContainerCss","SixMainContainerStyle0","SixMainContainer","render","h","Host","key","part","class","content","this","padded"],"sources":["src/components/six-main-container/six-main-container.scss?tag=six-main-container&encapsulation=shadow","src/components/six-main-container/six-main-container.tsx"],"sourcesContent":["$margin-default-width: 10rem;\n$content-default-width: 60rem;\n$content-min-width: 48rem;\n$content-max-width: 100rem;\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  min-width: fit-content;\n}\n\n.left-margin,\n.right-margin {\n  flex: 1 6 $margin-default-width;\n  min-width: var(--six-spacing-xxx-large);\n}\n\n.content {\n  flex: 6 1 $content-default-width;\n  min-width: $content-min-width;\n  max-width: $content-max-width;\n  &--padded {\n    padding: var(--six-spacing-xxx-large) 0;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,+PAC5B,MAAAC,EAAeD,E,MCiBFE,EAAgB,M,qCAKV,I,CAEjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,cAAcC,MAAM,gBAC9BJ,EAAA,OAAAE,IAAA,2CAAKC,KAAK,UAAUC,MAAO,CAAEC,QAAS,KAAM,kBAAmBC,KAAKC,SAClEP,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,eAAeC,MAAM,iB"}

package/dist/ui-library/p-a1502802.js

@@ -0,0 +1,2 @@
+const t=35;const s=300;const o=(t,o=s)=>{let e;return s=>{clearTimeout(e);e=setTimeout((()=>t(s)),o)}};const e=(t,s)=>{const e=t._original||t;const n=o(e.emit.bind(e),s);return{_original:t,emit:n}};export{s as D,o as a,t as b,e as d};
+//# sourceMappingURL=p-a1502802.js.map

package/dist/ui-library/p-a1502802.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_DEBOUNCE_INSANELY_FAST","DEFAULT_DEBOUNCE_FAST","debounce","callback","timeout","timer","args","clearTimeout","setTimeout","debounceEvent","event","original","_original","emit","bind"],"sources":["src/utils/execution-control.ts"],"sourcesContent":["import { EventEmitter } from '@stencil/core';\n\nexport const DEFAULT_DEBOUNCE_INSANELY_FAST = 35;\nexport const DEFAULT_DEBOUNCE_FAST = 300;\n\n/**\n * Debounce function to implement a timeframe to wait for no new changes before executing a callback\n\n *  example usages:\n *    debounce(() => saveInput());\n *    debounce(() => saveInput(), 750);\n *    this.searchInput.addEventListener('six-input-input', debounce((event) => this.searchInputChange(event)));\n *\n *  regarding default timeout check https://lawsofux.com/doherty-threshold/\n *\n * @param callback\n * @param timeout\n */\nexport const debounce = <T>(callback: (x: T) => void, timeout = DEFAULT_DEBOUNCE_FAST) => {\n  let timer: number;\n  return (args: T) => {\n    clearTimeout(timer);\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    timer = setTimeout(() => callback(args), timeout);\n  };\n};\n\n/**\n * Debounce an event\n *\n * @param event\n * @param timeout\n */\nexport const debounceEvent = (event: EventEmitter, timeout: number): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  const emit = debounce(original.emit.bind(original), timeout) as (_: unknown) => CustomEvent;\n  return {\n    _original: event,\n    emit: emit,\n  } as EventEmitter;\n};\n"],"mappings":"MAEaA,EAAiC,G,MACjCC,EAAwB,I,MAexBC,EAAW,CAAIC,EAA0BC,EAAUH,KAC9D,IAAII,EACJ,OAAQC,IACNC,aAAaF,GAGbA,EAAQG,YAAW,IAAML,EAASG,IAAOF,EAAQ,CAClD,E,MASUK,EAAgB,CAACC,EAAqBN,KAEjD,MAAMO,EAAYD,EAAcE,WAAaF,EAC7C,MAAMG,EAAOX,EAASS,EAASE,KAAKC,KAAKH,GAAWP,GACpD,MAAO,CACLQ,UAAWF,EACXG,KAAMA,EACS,S"}

package/dist/ui-library/p-a398e3eb.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as r,h as i}from"./p-05eb1bab.js";import{a as s}from"./p-0cebf1d2.js";import{a as t}from"./p-a1502802.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:inline-block;overflow:hidden}.tag{display:flex;align-items:center;border:solid 1px;font-family:var(--six-font-family);line-height:1;white-space:nowrap;user-select:none;cursor:default}.tag__content{text-overflow:ellipsis;overflow:hidden}.tag__clear::part(base){color:inherit;padding:0}.tag--info{color:var(--six-color-white);background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900)}.tag--success{color:var(--six-color-web-rock-900);border-color:var(--six-color-success-500);background-color:var(--six-color-success-500)}.tag--primary{color:var(--six-color-web-rock-900);border-color:var(--six-color-clay-50);background-color:var(--six-color-clay-50)}.tag--warning{color:var(--six-color-web-rock-900);border-color:var(--six-color-warning-700);background-color:var(--six-color-warning-700)}.tag--danger{color:var(--six-color-white);border-color:var(--six-color-danger-800);background-color:var(--six-color-danger-800)}.tag--action{color:var(--six-color-white);border-color:var(--six-color-action-500);background-color:var(--six-color-action-500)}.tag--small{font-size:var(--six-button-font-size-small);height:calc(var(--six-height-small) * 0.8);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-small);padding:0 var(--six-spacing-x-small)}.tag--small .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xxx-small))}.tag--medium{font-size:var(--six-button-font-size-medium);height:calc(var(--six-height-medium) * 0.8);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-medium);padding:0 var(--six-spacing-small)}.tag--medium .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xx-small))}.tag--large{font-size:var(--six-button-font-size-large);height:calc(var(--six-height-large) * 0.8);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-large);padding:0 var(--six-spacing-medium)}.tag--large .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-x-small))}.tag--pill{border-radius:var(--six-border-radius-pill)}";const e=o;const l=class{constructor(i){a(this,i);this.sixClear=r(this,"six-tag-clear",7);this.resizeObserver=new ResizeObserver(t((()=>this.updateTooltip())));this.updateTooltip=()=>{if(this.tooltipElement!=null&&this.contentSlotElement!=null&&this.contentElement!=null){this.tooltipElement.content=s(this.contentSlotElement);this.tooltipElement.disabled=!(this.contentElement.offsetWidth<this.contentElement.scrollWidth)}};this.handleClearClick=()=>{this.sixClear.emit()};this.type="primary";this.size="medium";this.pill=false;this.clearable=false}connectedCallback(){if(this.contentElement!=null){this.resizeObserver.observe(this.contentElement)}}componentDidLoad(){if(this.contentElement!=null){this.resizeObserver.observe(this.contentElement)}}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return i("span",{key:"6a02aa0235a9b590604bc92647ac73e22e304136",part:"base",class:{tag:true,"tag--primary":this.type==="primary","tag--success":this.type==="success","tag--info":this.type==="info","tag--warning":this.type==="warning","tag--danger":this.type==="danger","tag--action":this.type==="action","tag--text":this.type==="text","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--clear":this.clearable}},i("six-tooltip",{key:"e42c81922948e9b944bb828479351e8e3ba87a3b",ref:a=>this.tooltipElement=a},i("span",{key:"84b8a6a071f9c45c5aaec65c0667df111a357562",ref:a=>this.contentElement=a,part:"content",class:"tag__content"},i("slot",{key:"757dcb510fef07b947876706c8a53e07d28bdc7f",ref:a=>this.contentSlotElement=a}))),this.clearable&&i("six-icon-button",{exportparts:"base:clear-button",size:"xSmall",name:"clear",class:"tag__clear",onClick:this.handleClearClick}))}};l.style=e;export{l as six_tag};
+//# sourceMappingURL=p-a398e3eb.entry.js.map

package/dist/ui-library/p-a398e3eb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTagCss","SixTagStyle0","SixTag","this","resizeObserver","ResizeObserver","debounce","updateTooltip","tooltipElement","contentSlotElement","contentElement","content","getTextContent","disabled","offsetWidth","scrollWidth","handleClearClick","sixClear","emit","connectedCallback","observe","componentDidLoad","disconnectedCallback","disconnect","render","h","key","part","class","tag","type","size","pill","clearable","ref","el","exportparts","name","onClick"],"sources":["src/components/six-tag/six-tag.scss?tag=six-tag&encapsulation=shadow","src/components/six-tag/six-tag.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  overflow: hidden;\n}\n\n.tag {\n  display: flex;\n  align-items: center;\n  border: solid 1px;\n  font-family: var(--six-font-family);\n  line-height: 1;\n  white-space: nowrap;\n  user-select: none;\n  cursor: default;\n}\n\n.tag__content {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.tag__clear::part(base) {\n  color: inherit;\n  padding: 0;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Type modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--info {\n  color: var(--six-color-white);\n  background-color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-web-rock-900);\n}\n\n.tag--success {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-success-500);\n  background-color: var(--six-color-success-500);\n}\n\n.tag--primary {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-clay-50);\n  background-color: var(--six-color-clay-50);\n}\n\n.tag--warning {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-warning-700);\n  background-color: var(--six-color-warning-700);\n}\n\n.tag--danger {\n  color: var(--six-color-white);\n  border-color: var(--six-color-danger-800);\n  background-color: var(--six-color-danger-800);\n}\n\n.tag--action {\n  color: var(--six-color-white);\n  border-color: var(--six-color-action-500);\n  background-color: var(--six-color-action-500);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--small {\n  font-size: var(--six-button-font-size-small);\n  height: calc(var(--six-height-small) * 0.8);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-small);\n  padding: 0 var(--six-spacing-x-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xxx-small));\n  }\n}\n\n.tag--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: calc(var(--six-height-medium) * 0.8);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-medium);\n  padding: 0 var(--six-spacing-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xx-small));\n  }\n}\n\n.tag--large {\n  font-size: var(--six-button-font-size-large);\n  height: calc(var(--six-height-large) * 0.8);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-large);\n  padding: 0 var(--six-spacing-medium);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-x-small));\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--pill {\n  border-radius: var(--six-border-radius-pill);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getTextContent } from '../../utils/slot';\nimport { debounce } from '../../utils/execution-control';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tag's content.\n *\n * @part base - The component's base wrapper.\n * @part content - The tag content.\n * @part clear-button - The clear button.\n */\n\n@Component({\n  tag: 'six-tag',\n  styleUrl: 'six-tag.scss',\n  shadow: true,\n})\nexport class SixTag {\n  /** The tag's type. */\n  @Prop({ reflect: true }) type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text' = 'primary';\n\n  /** The tag's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw a pill-style tag with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to make the tag clearable. */\n  @Prop({ reflect: true }) clearable = false;\n\n  /** Emitted when the clear button is activated. */\n  @Event({ eventName: 'six-tag-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  private contentSlotElement: HTMLSlotElement | undefined;\n  private tooltipElement: HTMLSixTooltipElement | undefined;\n  private contentElement: HTMLElement | undefined;\n  private resizeObserver = new ResizeObserver(debounce(() => this.updateTooltip()));\n\n  connectedCallback() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  private updateTooltip = () => {\n    if (this.tooltipElement != null && this.contentSlotElement != null && this.contentElement != null) {\n      this.tooltipElement.content = getTextContent(this.contentSlotElement);\n      this.tooltipElement.disabled = !(this.contentElement.offsetWidth < this.contentElement.scrollWidth);\n    }\n  };\n\n  private handleClearClick = () => {\n    this.sixClear.emit();\n  };\n\n  render() {\n    return (\n      <span\n        part=\"base\"\n        class={{\n          tag: true,\n\n          // Types\n          'tag--primary': this.type === 'primary',\n          'tag--success': this.type === 'success',\n          'tag--info': this.type === 'info',\n          'tag--warning': this.type === 'warning',\n          'tag--danger': this.type === 'danger',\n          'tag--action': this.type === 'action',\n          'tag--text': this.type === 'text',\n\n          // Sizes\n          'tag--small': this.size === 'small',\n          'tag--medium': this.size === 'medium',\n          'tag--large': this.size === 'large',\n\n          // Modifers\n          'tag--pill': this.pill,\n          'tag--clear': this.clearable,\n        }}\n      >\n        <six-tooltip ref={(el) => (this.tooltipElement = el)}>\n          <span ref={(el) => (this.contentElement = el)} part=\"content\" class=\"tag__content\">\n            <slot ref={(el) => (this.contentSlotElement = el as HTMLSlotElement)} />\n          </span>\n        </six-tooltip>\n\n        {this.clearable && (\n          <six-icon-button\n            exportparts=\"base:clear-button\"\n            size=\"xSmall\"\n            name=\"clear\"\n            class=\"tag__clear\"\n            onClick={this.handleClearClick}\n          />\n        )}\n      </span>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAY,60EAClB,MAAAC,EAAeD,E,MCsBFE,EAAM,M,iEAmBTC,KAAAC,eAAiB,IAAIC,eAAeC,GAAS,IAAMH,KAAKI,mBAkBxDJ,KAAAI,cAAgB,KACtB,GAAIJ,KAAKK,gBAAkB,MAAQL,KAAKM,oBAAsB,MAAQN,KAAKO,gBAAkB,KAAM,CACjGP,KAAKK,eAAeG,QAAUC,EAAeT,KAAKM,oBAClDN,KAAKK,eAAeK,WAAaV,KAAKO,eAAeI,YAAcX,KAAKO,eAAeK,Y,GAInFZ,KAAAa,iBAAmB,KACzBb,KAAKc,SAASC,MAAM,E,UA3CqF,U,UAG7C,S,UAG9B,M,eAGK,K,CAUrC,iBAAAC,GACE,GAAIhB,KAAKO,gBAAkB,KAAM,CAC/BP,KAAKC,eAAegB,QAAQjB,KAAKO,e,EAIrC,gBAAAW,GACE,GAAIlB,KAAKO,gBAAkB,KAAM,CAC/BP,KAAKC,eAAegB,QAAQjB,KAAKO,e,EAIrC,oBAAAY,GACEnB,KAAKC,eAAemB,Y,CActB,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,KAAK,OACLC,MAAO,CACLC,IAAK,KAGL,eAAgB1B,KAAK2B,OAAS,UAC9B,eAAgB3B,KAAK2B,OAAS,UAC9B,YAAa3B,KAAK2B,OAAS,OAC3B,eAAgB3B,KAAK2B,OAAS,UAC9B,cAAe3B,KAAK2B,OAAS,SAC7B,cAAe3B,KAAK2B,OAAS,SAC7B,YAAa3B,KAAK2B,OAAS,OAG3B,aAAc3B,KAAK4B,OAAS,QAC5B,cAAe5B,KAAK4B,OAAS,SAC7B,aAAc5B,KAAK4B,OAAS,QAG5B,YAAa5B,KAAK6B,KAClB,aAAc7B,KAAK8B,YAGrBR,EAAA,eAAAC,IAAA,2CAAaQ,IAAMC,GAAQhC,KAAKK,eAAiB2B,GAC/CV,EAAA,QAAAC,IAAA,2CAAMQ,IAAMC,GAAQhC,KAAKO,eAAiByB,EAAKR,KAAK,UAAUC,MAAM,gBAClEH,EAAA,QAAAC,IAAA,2CAAMQ,IAAMC,GAAQhC,KAAKM,mBAAqB0B,MAIjDhC,KAAK8B,WACJR,EAAA,mBACEW,YAAY,oBACZL,KAAK,SACLM,KAAK,QACLT,MAAM,aACNU,QAASnC,KAAKa,mB"}

package/dist/ui-library/p-a9e009af.entry.js

@@ -0,0 +1,2 @@
+import{r,h as o}from"./p-05eb1bab.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";const i=s;const e=class{constructor(o){r(this,o)}render(){return o("div",{key:"41a61bd4110bfb44f10211c350afcebe5c5971df",part:"base",class:"menu-divider",role:"separator","aria-hidden":"true"})}};e.style=i;export{e as six_menu_divider};
+//# sourceMappingURL=p-a9e009af.entry.js.map

package/dist/ui-library/p-a9e009af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixMenuDividerCss","SixMenuDividerStyle0","SixMenuDivider","render","h","key","part","class","role"],"sources":["src/components/six-menu-divider/six-menu-divider.scss?tag=six-menu-divider&encapsulation=shadow","src/components/six-menu-divider/six-menu-divider.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-divider {\n  border-top: solid var(--six-border-width) var(--six-menu-divider-color);\n  margin-top: var(--six-spacing-xx-small);\n  margin-bottom: var(--six-spacing-xx-small);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-divider',\n  styleUrl: 'six-menu-divider.scss',\n  shadow: true,\n})\nexport class SixMenuDivider {\n  render() {\n    return <div part=\"base\" class=\"menu-divider\" role=\"separator\" aria-hidden=\"true\" />;\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAoB,sSAC1B,MAAAC,EAAeD,E,MCeFE,EAAc,M,yBACzB,MAAAC,GACE,OAAOC,EAAA,OAAAC,IAAA,2CAAKC,KAAK,OAAOC,MAAM,eAAeC,KAAK,YAAW,cAAa,Q"}

package/dist/ui-library/p-b335ed9c.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,g as l}from"./p-05eb1bab.js";import{F as r}from"./p-605bdd81.js";import{h as e}from"./p-0cebf1d2.js";const s=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}';const a=s;let i=0;const n=class{constructor(t){o(this,t);this.wrapperLabelId=`label-${++i}`;this.labelId=`label-label-${i}`;this.helpTextId=`label-help-text-${i}`;this.handleSlotChange=()=>{this.hasLabelSlot=e(this.host,"label");this.hasHelpTextSlot=e(this.host,"help-text")};this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.size="medium";this.label="";this.helpText="";this.disabled=false;this.required=false}handleLabelChange(){this.handleSlotChange()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange)}render(){return t(r,{key:"edc2f21913a2e4a40b516b69ac640950f8351a00",inputId:this.wrapperLabelId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:this.size,disabled:this.disabled,required:this.required},t("slot",{key:"a7fd4d86c9fcf071eb80239340d54925091c465d"}))}get host(){return l(this)}static get watchers(){return{helpText:["handleLabelChange"],label:["handleLabelChange"]}}};n.style=a;export{n as six_group_label};
+//# sourceMappingURL=p-b335ed9c.entry.js.map

package/dist/ui-library/p-b335ed9c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixGroupLabelCss","SixGroupLabelStyle0","id","SixGroupLabel","this","wrapperLabelId","labelId","helpTextId","handleSlotChange","hasLabelSlot","hasSlot","host","hasHelpTextSlot","handleLabelChange","connectedCallback","_a","shadowRoot","addEventListener","componentWillLoad","disconnectedCallback","removeEventListener","render","h","FormControl","key","inputId","label","helpText","size","disabled","required"],"sources":["src/components/six-group-label/six-group-label.scss?tag=six-group-label&encapsulation=shadow","src/components/six-group-label/six-group-label.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.1\n * @status stable\n *\n * @slot label - The wrapped component's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The label of wrapped component.\n * @part help-text - The help text of the wrapped component.\n */\n@Component({\n  tag: 'six-group-label',\n  styleUrl: 'six-group-label.scss',\n  shadow: true,\n})\nexport class SixGroupLabel {\n  private wrapperLabelId = `label-${++id}`;\n  private labelId = `label-label-${id}`;\n  private helpTextId = `label-help-text-${id}`;\n\n  @Element() host!: HTMLSixGroupLabelElement;\n\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n\n  /** The label's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The wrapper label's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The wrapper label's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to disable the label. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  @Watch('helpText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.wrapperLabelId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n      >\n        <slot></slot>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,w/EACzB,MAAAC,EAAeD,ECGf,IAAIE,EAAK,E,MAoBIC,EAAa,M,yBAChBC,KAAAC,eAAiB,WAAWH,IAC5BE,KAAAE,QAAU,eAAeJ,IACzBE,KAAAG,WAAa,mBAAmBL,IAwChCE,KAAAI,iBAAmB,KACzBJ,KAAKK,aAAeC,EAAQN,KAAKO,KAAM,SACvCP,KAAKQ,gBAAkBF,EAAQN,KAAKO,KAAM,YAAY,E,qBAtC7B,M,kBACH,M,UAGsC,S,WAG9C,G,cAGG,G,cAGiB,M,cAGjB,K,CAInB,iBAAAE,GACET,KAAKI,kB,CAGP,iBAAAM,G,OACEC,EAAAX,KAAKO,KAAKK,cAAU,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAcb,KAAKI,iB,CAG5D,iBAAAU,GACEd,KAAKI,kB,CAGP,oBAAAW,G,OACEJ,EAAAX,KAAKO,KAAKK,cAAU,MAAAD,SAAA,SAAAA,EAAEK,oBAAoB,aAAchB,KAAKI,iB,CAQ/D,MAAAa,GACE,OACEC,EAACC,EAAW,CAAAC,IAAA,2CACVC,QAASrB,KAAKC,eACdqB,MAAOtB,KAAKsB,MACZpB,QAASF,KAAKE,QACdG,aAAcL,KAAKK,aACnBF,WAAYH,KAAKG,WACjBoB,SAAUvB,KAAKuB,SACff,gBAAiBR,KAAKQ,gBACtBgB,KAAMxB,KAAKwB,KACXC,SAAUzB,KAAKyB,SACfC,SAAU1B,KAAK0B,UAEfR,EAAA,QAAAE,IAAA,6C"}

package/dist/ui-library/p-b5acf54d.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,g as s}from"./p-05eb1bab.js";import{I as r}from"./p-862d474e.js";import{D as n,b as o,a as h}from"./p-a1502802.js";import{E as a}from"./p-8bfb4bfc.js";import{h as c}from"./p-0cebf1d2.js";import{a as l,m as p}from"./p-f136a6b2.js";const u=()=>{const i=new Date;return{hours:i.getHours(),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:true}};const m=12;const d=i=>i>m?i-m:i;const f=()=>{const i=new Date;const t=i.getHours();return{hours:d(t),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:false,period:t>=m?"PM":"AM"}};const g=(i=true)=>i?u():f();const x=(i,t)=>{const e=i.split(":");const s=t.split(":");return e.length===s.length};const b=(i,t)=>{const e=i.split(":");const s=t.split(":");if(!x(i,t)){console.error(`Timestring did not match expected format.\nExpected format: ${t}\nReceived timestring: ${i}`)}const r={};e.forEach(((i,t)=>{const e=s[t];switch(e){case"HH":r.hours=Number(i);r.has24Hours=true;break;case"hh":r.hours=Number(i);r.has24Hours=false;break;case"mm":r.minutes=Number(i);break;case"ss":r.seconds=Number(i);break;case"ms":r.milliseconds=Number(i);break;case"aa":r.period=i.toUpperCase()==="PM"?"PM":"AM"}}));return r};const k=(i,t)=>{if(i==null){return""}const e=t.split(":");return e.map((t=>{switch(t){case"HH":case"hh":return String(i.hours).padStart(2,"0");case"mm":return String(i.minutes).padStart(2,"0");case"ss":return String(i.seconds).padStart(2,"0");case"ms":return String(i.milliseconds).padStart(3,"0");case"aa":return String(i.period)}})).join(":")};const v=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;min-height:145px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";const _=v;const y=145;const w=class{constructor(e){i(this,e);this.sixChange=t(this,"six-timepicker-change",7);this.sixChangeDebounced=t(this,"six-timepicker-change-debounced",7);this.sixClear=t(this,"six-timepicker-clear",7);this.eventListeners=new a;this.handlePickerChange=(i,t)=>{i.stopPropagation();if(this.popupValue==null){return}this.popupValue[t]=i.detail;const e=k(this.popupValue,this.format);this.value=e;this.sixChange.emit({changedProperty:t,value:this.popupValue,valueAsString:e})};this.handleDocumentMouseDown=i=>{const t=i.composedPath();if(!t.includes(this.host)){this.closePopup();return}};this.handleClearClick=i=>{i.stopPropagation();this.value="";this.sixClear.emit();this.sixChange.emit({value:{},valueAsString:""})};this.format="HH:mm:ss";this.separator=":";this.value="";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.placement=undefined;this.size="medium";this.required=false;this.placeholder=undefined;this.errorText="";this.errorTextCount=undefined;this.label="";this.invalid=false;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false;this.timeout=n;this.interval=o;this.defaultTime=undefined;this.debounce=n;this.isPopupContentUp=false;this.isDropDownContentUp=false;this.popupValue={}}async resizeHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}valueChanged(){this.updateValue()}async setFocus(i){var t;(t=this.inputElement)===null||t===void 0?void 0:t.setFocus(i)}connectedCallback(){this.eventListeners.forward("six-timepicker-change","change",this.host)}componentWillLoad(){this.updateValue();if(this.inline){this.open=true}if(this.open){this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}componentDidLoad(){if(this.inputElement==null)return;const i=this.inputElement;this.eventListeners.add(this.host,"six-timepicker-change",h((i=>this.sixChangeDebounced.emit(i.detail)),this.debounce));this.eventListeners.add(i,"six-input-input",h((t=>{t.stopPropagation();if(!x(i.value,this.format)){this.value=i.value;this.sixChange.emit({value:{},valueAsString:""});return}this.value=i.value;this.popupValue=b(i.value,this.format);this.sixChange.emit({value:this.popupValue,valueAsString:k(this.popupValue,this.format)})}),this.debounce))}componentDidRender(){l(this.hoist,this.popup,this.inputElement,this.wrapper,y,(i=>this.isDropDownContentUp=i))}disconnectedCallback(){this.eventListeners.removeAll()}updateValue(){if(typeof this.value!=="string"||!x(this.value,this.format)){this.value=""}if(this.value===""){if(this.defaultTime==null){this.popupValue=g(this.is24HourClock())}else{this.popupValue=b(this.defaultTime,this.format)}}else{this.popupValue=b(this.value,this.format)}}calcIsPopupContentUp(){if(this.inputElement==null||this.wrapper==null){return}const i=this.inputElement.getBoundingClientRect();const t=this.wrapper.getBoundingClientRect();const e=Math.max(t.height,y);const s=i.y>window.innerHeight/2;this.isPopupContentUp=s&&window.innerHeight<i.bottom+e}moveOpenHoistedPopup(){p(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,y)}getSixTimeUnitPicker(i){return e("six-item-picker",{class:i.class,timeout:this.timeout,interval:this.interval,padded:true,min:i.min,max:i.max,value:this.popupValue[i.propertyName],items:i.items,type:i.type||r.NUMBER,"padding-length":i.paddingLength,"onSix-item-picker-change":t=>this.handlePickerChange(t,i.propertyName)})}getHour24Picker(){if(!this.is24HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:23,propertyName:"hours"})}is24HourClock(){return this.format.includes("HH")}getHour12Picker(){if(!this.is12HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:11,propertyName:"hours"})}is12HourClock(){return this.format.includes("hh")}getAmPmPicker(){if(!this.is12HourClock()){return}const i=["AM","PM"];return this.getSixTimeUnitPicker({items:i,type:r.CUSTOM,propertyName:"period"})}getMinutePicker(){if(!this.format.includes("mm")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"minutes"})}getSecondsPicker(){if(!this.format.includes("ss")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"seconds"})}getMillisecondsPicker(){if(!this.format.includes("ms")){return}return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:"milliseconds"})}getSeparator(){return e("div",{class:"timepicker__separator"},e("span",null,this.separator))}getContent(){const i=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()];const t=i.filter((i=>i!==undefined));return t.map(((i,e)=>{if(e===t.length-1){return[i]}return[i,this.getSeparator()]}))}openPopup(){if(!this.open&&!this.disabled){this.open=true;this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown)}renderClearable(){return this.clearable&&e("button",{slot:"suffix",class:{timepicker_clear:true,"timepicker_clear--right":this.iconPosition==="left","timepicker_clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},e("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const i=c(this.host,"custom-icon")?e("slot",{name:"custom-icon"}):e("six-icon",{size:this.size==="large"?"medium":this.size},"watch_later");return e("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},i)}render(){return e("div",{key:"19badfa42a1f8d5ef4b6b385780e88dbdceaa9e4",part:"container",ref:i=>this.wrapper=i,class:"timepicker__container"},e("six-input",{key:"7cd0508f766099136b7b85bd15dce64170ec3eca",ref:i=>this.inputElement=i,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,errorTextCount:this.errorTextCount,errorText:this.errorText,invalid:this.invalid,size:this.size,name:this.name,label:this.label,required:this.required,class:{"input--empty":this.value==="","input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),c(this.host,"label")?e("span",{slot:"label"},e("slot",{name:"label"})):null,c(this.host,"error-text")?e("span",{slot:"error-text"},e("slot",{name:"error-text"})):null),this.open&&e("div",{ref:i=>this.popup=i,part:"popup",class:{timepicker__popup:true,"timepicker__popup--is-up":this.placement==null?this.placement==="top":this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};w.style=_;export{w as six_timepicker};
+//# sourceMappingURL=p-b5acf54d.entry.js.map