@govtechsg/sgds-web-component 3.25.0 → 3.25.1-rc.0

package/components/Subnav/index.umd.min.js

@@ -47,7 +47,7 @@ const $e=1;class Ae{constructor(e){}get _$isConnected(){return this._$parent._$i
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Le=(Se=class extends Ae{constructor(e){if(super(e),e.type!==$e||"class"!==e.name||e.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==e.strings&&(this._staticClasses=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this._staticClasses?.has(e)&&this._previousClasses.add(e);return this.render(t)}const l=e.element.classList;for(const e of this._previousClasses)e in t||(l.remove(e),this._previousClasses.delete(e));for(const e in t){const o=!!t[e];o===this._previousClasses.has(e)||this._staticClasses?.has(e)||(o?(l.add(e),this._previousClasses.add(e)):(l.remove(e),this._previousClasses.delete(e)))}return te}},(...e)=>({_$litDirective$:Se,values:e}));var Se;function ke(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:r}=t;if(e in t){const n=e;t.update=function(e){if(e.has(n)){const t=e.get(n),r=this[n];t!==r&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,r))}r.call(this,e)}}}}function Ee(e,t){return new Promise(l=>{e.addEventListener(t,function o(r){r.target===e&&(e.removeEventListener(t,o),l())})})}function Te(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const r=e.animate(t,Object.assign(Object.assign({},l),{duration:Ne()?0:null==l?void 0:l.duration}));r.addEventListener("cancel",o,{once:!0}),r.addEventListener("finish",o,{once:!0})})}function Ne(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ue(e,t){return e.map(e=>Object.assign(Object.assign({},e),{height:"auto"===e.height?`${t}px`:e.height}))}function Re(e){return Promise.all(e.getAnimations().map(e=>new Promise(t=>{const l=requestAnimationFrame(t);e.addEventListener("cancel",()=>l,{once:!0}),e.addEventListener("finish",()=>l,{once:!0}),e.cancel()})))}const De=new Map,We=new WeakMap;function Ie(e,t){const l=We.get(e);if(null==l?void 0:l[t])return l[t];const o=De.get(t);return o||{keyframes:[],options:{duration:0}}}function qe(e,t){De.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}const Fe={announcement:()=>Promise.resolve().then(function(){return at}),archive:()=>Promise.resolve().then(function(){return ct}),"arrow-bar-down":()=>Promise.resolve().then(function(){return dt}),"arrow-bar-left":()=>Promise.resolve().then(function(){return ut}),"arrow-bar-right":()=>Promise.resolve().then(function(){return gt}),"arrow-bar-up":()=>Promise.resolve().then(function(){return ft}),"arrow-circle-down":()=>Promise.resolve().then(function(){return mt}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Zt}),"arrow-circle-right":()=>Promise.resolve().then(function(){return bt}),"arrow-circle-up":()=>Promise.resolve().then(function(){return Mt}),"arrow-clockwise":()=>Promise.resolve().then(function(){return Ht}),"arrow-down":()=>Promise.resolve().then(function(){return Pt}),"arrow-left":()=>Promise.resolve().then(function(){return zt}),"arrow-repeat":()=>Promise.resolve().then(function(){return Bt}),"arrow-right":()=>Promise.resolve().then(function(){return At}),"arrow-square-down":()=>Promise.resolve().then(function(){return St}),"arrow-square-left":()=>Promise.resolve().then(function(){return Et}),"arrow-square-right":()=>Promise.resolve().then(function(){return Nt}),"arrow-square-up":()=>Promise.resolve().then(function(){return Rt}),"arrow-up":()=>Promise.resolve().then(function(){return Wt}),"bank-fill":()=>Promise.resolve().then(function(){return qt}),"bell-slash":()=>Promise.resolve().then(function(){return Jt}),bell:()=>Promise.resolve().then(function(){return Xt}),"bi-funnel":()=>Promise.resolve().then(function(){return Kt}),"bookmark-fill":()=>Promise.resolve().then(function(){return el}),bookmark:()=>Promise.resolve().then(function(){return ll}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return rl}),"box-seam":()=>Promise.resolve().then(function(){return al}),building:()=>Promise.resolve().then(function(){return cl}),bus:()=>Promise.resolve().then(function(){return dl}),calculator:()=>Promise.resolve().then(function(){return ul}),"calendar-check":()=>Promise.resolve().then(function(){return gl}),"calendar-heart":()=>Promise.resolve().then(function(){return fl}),"calendar-x":()=>Promise.resolve().then(function(){return ml}),calendar:()=>Promise.resolve().then(function(){return Zl}),camera:()=>Promise.resolve().then(function(){return bl}),car:()=>Promise.resolve().then(function(){return Ml}),"chat-dots":()=>Promise.resolve().then(function(){return Hl}),"chat-left-text":()=>Promise.resolve().then(function(){return Pl}),chat:()=>Promise.resolve().then(function(){return zl}),"check-circle-fill":()=>Promise.resolve().then(function(){return Bl}),"check-circle":()=>Promise.resolve().then(function(){return Al}),check:()=>Promise.resolve().then(function(){return Sl}),"chevron-down":()=>Promise.resolve().then(function(){return El}),"chevron-left":()=>Promise.resolve().then(function(){return Nl}),"chevron-right":()=>Promise.resolve().then(function(){return Rl}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return Wl}),"chevron-up":()=>Promise.resolve().then(function(){return ql}),clock:()=>Promise.resolve().then(function(){return Jl}),"cloud-check":()=>Promise.resolve().then(function(){return Xl}),"cloud-download":()=>Promise.resolve().then(function(){return Kl}),"cloud-upload":()=>Promise.resolve().then(function(){return eo}),cloud:()=>Promise.resolve().then(function(){return lo}),"code-square":()=>Promise.resolve().then(function(){return ro}),"coins-hand":()=>Promise.resolve().then(function(){return ao}),compass:()=>Promise.resolve().then(function(){return co}),copy:()=>Promise.resolve().then(function(){return ho}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return vo}),cross:()=>Promise.resolve().then(function(){return po}),"cursor-fill":()=>Promise.resolve().then(function(){return wo}),cursor:()=>Promise.resolve().then(function(){return _o}),"dash-circle":()=>Promise.resolve().then(function(){return xo}),"dash-square":()=>Promise.resolve().then(function(){return Co}),dash:()=>Promise.resolve().then(function(){return yo}),database:()=>Promise.resolve().then(function(){return Vo}),dataflow:()=>Promise.resolve().then(function(){return Oo}),download:()=>Promise.resolve().then(function(){return jo}),edit:()=>Promise.resolve().then(function(){return $o}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return Lo}),"exclamation-circle":()=>Promise.resolve().then(function(){return ko}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return To}),"exclamation-triangle":()=>Promise.resolve().then(function(){return Uo}),exclamation:()=>Promise.resolve().then(function(){return Do}),"eye-fill":()=>Promise.resolve().then(function(){return Io}),"eye-slash-fill":()=>Promise.resolve().then(function(){return Fo}),"eye-slash":()=>Promise.resolve().then(function(){return Go}),eye:()=>Promise.resolve().then(function(){return Yo}),"face-smile-fill":()=>Promise.resolve().then(function(){return Qo}),"face-smile":()=>Promise.resolve().then(function(){return tr}),facebook:()=>Promise.resolve().then(function(){return or}),"file-earmark-text":()=>Promise.resolve().then(function(){return nr}),"file-pdf":()=>Promise.resolve().then(function(){return ir}),"file-plus":()=>Promise.resolve().then(function(){return sr}),"file-text":()=>Promise.resolve().then(function(){return hr}),file:()=>Promise.resolve().then(function(){return vr}),files:()=>Promise.resolve().then(function(){return pr}),fingerprint:()=>Promise.resolve().then(function(){return wr}),flash:()=>Promise.resolve().then(function(){return _r}),"folder-check":()=>Promise.resolve().then(function(){return xr}),"folder-minus":()=>Promise.resolve().then(function(){return Cr}),"folder-plus":()=>Promise.resolve().then(function(){return yr}),folder:()=>Promise.resolve().then(function(){return Vr}),gear:()=>Promise.resolve().then(function(){return Or}),"geo-alt":()=>Promise.resolve().then(function(){return jr}),"geo-fill":()=>Promise.resolve().then(function(){return $r}),geo:()=>Promise.resolve().then(function(){return Lr}),"globe-alt":()=>Promise.resolve().then(function(){return kr}),globe:()=>Promise.resolve().then(function(){return Tr}),google:()=>Promise.resolve().then(function(){return Ur}),"grid-alt":()=>Promise.resolve().then(function(){return Dr}),"grid-fill":()=>Promise.resolve().then(function(){return Ir}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return Fr}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Gr}),"hard-drive":()=>Promise.resolve().then(function(){return Yr}),heart:()=>Promise.resolve().then(function(){return Qr}),"house-door":()=>Promise.resolve().then(function(){return tn}),house:()=>Promise.resolve().then(function(){return on}),image:()=>Promise.resolve().then(function(){return nn}),"in-box":()=>Promise.resolve().then(function(){return cn}),"info-circle-fill":()=>Promise.resolve().then(function(){return dn}),"info-circle":()=>Promise.resolve().then(function(){return un}),instagram:()=>Promise.resolve().then(function(){return gn}),key:()=>Promise.resolve().then(function(){return fn}),"laptop-gear":()=>Promise.resolve().then(function(){return mn}),laptop:()=>Promise.resolve().then(function(){return Zn}),layers:()=>Promise.resolve().then(function(){return bn}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return Mn}),"layout-text-window":()=>Promise.resolve().then(function(){return Hn}),layout:()=>Promise.resolve().then(function(){return Pn}),"life-buoy":()=>Promise.resolve().then(function(){return zn}),lightbulb:()=>Promise.resolve().then(function(){return Bn}),link:()=>Promise.resolve().then(function(){return An}),linkedin:()=>Promise.resolve().then(function(){return Sn}),list:()=>Promise.resolve().then(function(){return En}),"lock-fill":()=>Promise.resolve().then(function(){return Nn}),lock:()=>Promise.resolve().then(function(){return Rn}),login:()=>Promise.resolve().then(function(){return Wn}),logout:()=>Promise.resolve().then(function(){return qn}),luggage:()=>Promise.resolve().then(function(){return Jn}),"mail-open":()=>Promise.resolve().then(function(){return Xn}),mail:()=>Promise.resolve().then(function(){return Kn}),map:()=>Promise.resolve().then(function(){return ea}),meetup:()=>Promise.resolve().then(function(){return la}),menu:()=>Promise.resolve().then(function(){return ra}),microphone:()=>Promise.resolve().then(function(){return aa}),monitor:()=>Promise.resolve().then(function(){return ca}),moon:()=>Promise.resolve().then(function(){return da}),move:()=>Promise.resolve().then(function(){return ua}),paperclip:()=>Promise.resolve().then(function(){return ga}),passcode:()=>Promise.resolve().then(function(){return fa}),passport:()=>Promise.resolve().then(function(){return ma}),pause:()=>Promise.resolve().then(function(){return Za}),pencil:()=>Promise.resolve().then(function(){return ba}),"pending-circle":()=>Promise.resolve().then(function(){return Ma}),"person-dash":()=>Promise.resolve().then(function(){return Ha}),"person-plus":()=>Promise.resolve().then(function(){return Pa}),"person-x":()=>Promise.resolve().then(function(){return za}),person:()=>Promise.resolve().then(function(){return Ba}),phone:()=>Promise.resolve().then(function(){return Aa}),"pin-map-fill":()=>Promise.resolve().then(function(){return Sa}),pin:()=>Promise.resolve().then(function(){return Ea}),placeholder:()=>Promise.resolve().then(function(){return Na}),plane:()=>Promise.resolve().then(function(){return Ra}),play:()=>Promise.resolve().then(function(){return Wa}),"plus-circle":()=>Promise.resolve().then(function(){return qa}),"plus-square":()=>Promise.resolve().then(function(){return Ja}),plus:()=>Promise.resolve().then(function(){return Xa}),printer:()=>Promise.resolve().then(function(){return Ka}),"question-circle":()=>Promise.resolve().then(function(){return ei}),rocket:()=>Promise.resolve().then(function(){return li}),save:()=>Promise.resolve().then(function(){return ri}),search:()=>Promise.resolve().then(function(){return ai}),send:()=>Promise.resolve().then(function(){return ci}),"sg-crest":()=>Promise.resolve().then(function(){return di}),share:()=>Promise.resolve().then(function(){return ui}),"shield-tick":()=>Promise.resolve().then(function(){return gi}),"sidebar-collapse":()=>Promise.resolve().then(function(){return fi}),"sidebar-expand":()=>Promise.resolve().then(function(){return mi}),"slash-circle":()=>Promise.resolve().then(function(){return Zi}),"slash-divider":()=>Promise.resolve().then(function(){return bi}),sliders:()=>Promise.resolve().then(function(){return Mi}),"sort-ascending":()=>Promise.resolve().then(function(){return Hi}),"sort-descending":()=>Promise.resolve().then(function(){return Pi}),speedometer:()=>Promise.resolve().then(function(){return zi}),"star-ai":()=>Promise.resolve().then(function(){return Bi}),"star-fill":()=>Promise.resolve().then(function(){return Ai}),star:()=>Promise.resolve().then(function(){return Si}),stoplights:()=>Promise.resolve().then(function(){return Ei}),sun:()=>Promise.resolve().then(function(){return Ni}),"switch-horizontal":()=>Promise.resolve().then(function(){return Ri}),"switch-vertical":()=>Promise.resolve().then(function(){return Wi}),tablet:()=>Promise.resolve().then(function(){return qi}),telegram:()=>Promise.resolve().then(function(){return Ji}),telephone:()=>Promise.resolve().then(function(){return Xi}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Ki}),"three-dots":()=>Promise.resolve().then(function(){return ec}),ticket:()=>Promise.resolve().then(function(){return lc}),"toggle-off":()=>Promise.resolve().then(function(){return rc}),"toggle-on":()=>Promise.resolve().then(function(){return ac}),train:()=>Promise.resolve().then(function(){return cc}),translate:()=>Promise.resolve().then(function(){return dc}),trash:()=>Promise.resolve().then(function(){return uc}),"trend-down":()=>Promise.resolve().then(function(){return gc}),"trend-up":()=>Promise.resolve().then(function(){return fc}),truck:()=>Promise.resolve().then(function(){return mc}),"twitter-x":()=>Promise.resolve().then(function(){return Zc}),unlock:()=>Promise.resolve().then(function(){return bc}),upload:()=>Promise.resolve().then(function(){return Mc}),"user-check":()=>Promise.resolve().then(function(){return Hc}),"user-circle":()=>Promise.resolve().then(function(){return Pc}),"user-pause":()=>Promise.resolve().then(function(){return zc}),"user-square":()=>Promise.resolve().then(function(){return Bc}),users:()=>Promise.resolve().then(function(){return Ac}),"video-recorder":()=>Promise.resolve().then(function(){return Sc}),"volume-max":()=>Promise.resolve().then(function(){return Ec}),"volume-x":()=>Promise.resolve().then(function(){return Nc}),"window-dash":()=>Promise.resolve().then(function(){return Rc}),"window-desktop":()=>Promise.resolve().then(function(){return Wc}),"window-dock":()=>Promise.resolve().then(function(){return qc}),"window-fullscreen":()=>Promise.resolve().then(function(){return Jc}),"window-plus":()=>Promise.resolve().then(function(){return Xc}),"window-sidebar":()=>Promise.resolve().then(function(){return Kc}),"window-split":()=>Promise.resolve().then(function(){return es}),"window-stack":()=>Promise.resolve().then(function(){return ls}),"window-x":()=>Promise.resolve().then(function(){return rs}),window:()=>Promise.resolve().then(function(){return as}),"xcircle-fill":()=>Promise.resolve().then(function(){return cs}),xcircle:()=>Promise.resolve().then(function(){return ds}),youtube:()=>Promise.resolve().then(function(){return us}),"zoom-in":()=>Promise.resolve().then(function(){return gs}),"zoom-out":()=>Promise.resolve().then(function(){return fs})};var Je=a`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ge=new Map;class Xe extends Be{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ge.has(e))return void(this._icon=Ge.get(e));const t=Fe[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ge.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Xe.styles=[...Be.styles,Je],e([Ve({type:String,reflect:!0})],Xe.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],Xe.prototype,"size",void 0),e([Ve({type:String})],Xe.prototype,"ariaLabel",void 0),e([Pe()],Xe.prototype,"_icon",void 0);var Ye=a`:host{display:block;position:relative;z-index:var(--sgds-z-index-sticky)}nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative;width:100%}.subnav{flex-direction:column;flex-wrap:nowrap}.header-container,.subnav{align-items:flex-start;display:flex}.header-container{gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);width:100%}slot[name=header]::slotted(*){--sgds-margin-xs:var(--sgds-margin-none);flex:1 1 auto;margin-bottom:var(--sgds-margin-xs,--sgds-margin-none);padding-top:var(--sgds-padding-none)}.subnav-toggler{cursor:pointer;transition:transform .2s ease-in-out}.subnav-toggler:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.subnav:not(.collapsed) .subnav-toggler{transform:rotate(-180deg)}.subnav-nav-group{display:flex;flex:1 1 0}.subnav-nav,.subnav-nav-group{align-items:flex-start;flex-direction:column;width:100%}.subnav-nav{display:none;overflow-y:auto;transition:transform .2s ease-in-out}.subnav-nav ::slotted(*){width:100%}.subnav-actions{bottom:0;display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);position:sticky;width:100%}.no-actions{display:none}slot[name=actions]::slotted(*){width:100%}@media screen and (max-width:1023px){.subnav.sgds-container{max-width:inherit}}@media screen and (min-width:512px){.subnav-actions{flex-direction:row}}@media screen and (min-width:768px){nav{border-bottom:var(--sgds-border-width-0)}.subnav{flex-direction:row}.subnav.collapsed{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.header-container{padding:var(--sgds-padding-lg) var(--sgds-padding-2-xl)}.subnav-nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:0;position:absolute;top:100%}.subnav-actions{align-items:center;flex-direction:row;padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl) var(--sgds-padding-sm) var(--sgds-padding-none);position:inherit}}@media screen and (min-width:1024px){nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:inherit}.subnav{flex-wrap:wrap;gap:var(--sgds-gap-xl);row-gap:var(--sgds-gap-none)}.subnav.collapsed{border-bottom:var(--sgds-border-width-0)}.header-container{flex:1;padding:var(--sgds-padding-none);width:auto}slot[name=header]::slotted(*){padding-top:var(--sgds-padding-lg);white-space:nowrap}.subnav-nav-group{align-items:center;flex:inherit;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between;row-gap:var(--sgds-gap-none);width:auto}.subnav-nav{align-items:center;background-color:inherit;border-bottom:var(--sgds-border-width-0);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-lg);overflow-y:inherit;position:inherit;row-gap:0;transition:none;width:auto}.subnav-nav ::slotted(*){width:inherit}.subnav-toggler{display:none}.subnav-actions{padding:var(--sgds-padding-sm) var(--sgds-padding-none);width:auto}slot[name=actions]::slotted(*){width:inherit}}`,Ke=a`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-md)}.sgds-grid{display:grid;gap:var(--sgds-gap-layout-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1680px){.sgds-container-sidebar{max-width:var(--sgds-dimension-1296)}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;class Qe{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}const et=["Enter"," "];class tt extends Be{constructor(){super(...arguments),this.hasActionsSlot=!1,this.isCollapsed=!1,this.isMenuOpen=!1,this.hasSlotController=new Qe(this,"actions"),this._handleResize=async()=>{this.isCollapsed=window.innerWidth<1024,await this.updateComplete,this.isCollapsed||(this.isMenuOpen=!1),this._updateMobileLayout()},this._updateMobileLayout=()=>{if(this.nav&&this.headerContainer&&this.mobileActions&&this.mobileNav)if(this.isCollapsed){const{top:e}=this.nav.getBoundingClientRect(),t=this.headerContainer.clientHeight,l=this.mobileActions.clientHeight,o=window.innerWidth>=768&&window.innerWidth<1024?e+t:e+t+l;this.mobileNav.style.maxHeight=`calc(100dvh - ${o}px)`,this.style.minHeight=`${this.nav.clientHeight}px`,this.nav.style.position="absolute"}else this.mobileNav.style.maxHeight="none",this.style.minHeight="auto",this.nav.style.position="relative"},this._toggleMenu=()=>{var e;this.isMenuOpen?this.hide():(this._lockBodyScroll(),this.show()),null===(e=this.toggler)||void 0===e||e.focus()}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}firstUpdated(e){super.firstUpdated(e),this._handleResize()}updated(){this.hasActionsSlot||(this.hasActionsSlot=this.hasSlotController.test("actions"))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.toggler)||this.hide()}async _onKeyboardToggle(e){et.includes(e.key)&&(e.preventDefault(),this._toggleMenu())}async show(){if(!this.isMenuOpen)return this.isMenuOpen=!0,Ee(this,"sgds-after-show")}async hide(){if(this.isMenuOpen)return this.isMenuOpen=!1,this._unlockBodyScroll(),Ee(this,"sgds-after-hide")}_lockBodyScroll(){if("undefined"==typeof window)return;const e=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%"}_unlockBodyScroll(){if("undefined"==typeof window)return;const e=-1*parseInt(document.body.style.top||"0");document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,e)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!1);await Re(this.mobileNav),this.isCollapsed&&(this.mobileNav.style.display="flex");const{keyframes:e,options:t}=Ie(this,"subnav.show");await Te(this.mobileNav,Ue(e,this.mobileNav.scrollHeight),t),this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!0);await Re(this.mobileNav);const{keyframes:e,options:t}=Ie(this,"subnav.hide");await Te(this.mobileNav,Ue(e,this.mobileNav.scrollHeight),t),this.isCollapsed&&(this.mobileNav.style.display="none"),this.emit("sgds-after-hide")}async handleOpenChange(){this.isMenuOpen?this._animateToShow():this._animateToHide()}async handleCollapsedChange(){await this.updateComplete,this.mobileNav.style.display=this.isCollapsed?"none":"flex"}render(){return Q`
+   */const Le=(Se=class extends Ae{constructor(e){if(super(e),e.type!==$e||"class"!==e.name||e.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==e.strings&&(this._staticClasses=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this._staticClasses?.has(e)&&this._previousClasses.add(e);return this.render(t)}const l=e.element.classList;for(const e of this._previousClasses)e in t||(l.remove(e),this._previousClasses.delete(e));for(const e in t){const o=!!t[e];o===this._previousClasses.has(e)||this._staticClasses?.has(e)||(o?(l.add(e),this._previousClasses.add(e)):(l.remove(e),this._previousClasses.delete(e)))}return te}},(...e)=>({_$litDirective$:Se,values:e}));var Se;function ke(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:r}=t;if(e in t){const n=e;t.update=function(e){if(e.has(n)){const t=e.get(n),r=this[n];t!==r&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,r))}r.call(this,e)}}}}function Ee(e,t){return new Promise(l=>{e.addEventListener(t,function o(r){r.target===e&&(e.removeEventListener(t,o),l())})})}function Te(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const r=e.animate(t,Object.assign(Object.assign({},l),{duration:Ne()?0:null==l?void 0:l.duration}));r.addEventListener("cancel",o,{once:!0}),r.addEventListener("finish",o,{once:!0})})}function Ne(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ue(e,t){return e.map(e=>Object.assign(Object.assign({},e),{height:"auto"===e.height?`${t}px`:e.height}))}function Re(e){return Promise.all(e.getAnimations().map(e=>new Promise(t=>{const l=requestAnimationFrame(t);e.addEventListener("cancel",()=>l,{once:!0}),e.addEventListener("finish",()=>l,{once:!0}),e.cancel()})))}const De=new Map,We=new WeakMap;function Ie(e,t){const l=We.get(e);if(null==l?void 0:l[t])return l[t];const o=De.get(t);return o||{keyframes:[],options:{duration:0}}}function qe(e,t){De.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}const Fe={announcement:()=>Promise.resolve().then(function(){return at}),archive:()=>Promise.resolve().then(function(){return ct}),"arrow-bar-down":()=>Promise.resolve().then(function(){return dt}),"arrow-bar-left":()=>Promise.resolve().then(function(){return ut}),"arrow-bar-right":()=>Promise.resolve().then(function(){return gt}),"arrow-bar-up":()=>Promise.resolve().then(function(){return ft}),"arrow-circle-down":()=>Promise.resolve().then(function(){return mt}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Zt}),"arrow-circle-right":()=>Promise.resolve().then(function(){return bt}),"arrow-circle-up":()=>Promise.resolve().then(function(){return Mt}),"arrow-clockwise":()=>Promise.resolve().then(function(){return Ht}),"arrow-down":()=>Promise.resolve().then(function(){return Pt}),"arrow-left":()=>Promise.resolve().then(function(){return zt}),"arrow-repeat":()=>Promise.resolve().then(function(){return Bt}),"arrow-right":()=>Promise.resolve().then(function(){return At}),"arrow-square-down":()=>Promise.resolve().then(function(){return St}),"arrow-square-left":()=>Promise.resolve().then(function(){return Et}),"arrow-square-right":()=>Promise.resolve().then(function(){return Nt}),"arrow-square-up":()=>Promise.resolve().then(function(){return Rt}),"arrow-up":()=>Promise.resolve().then(function(){return Wt}),"bank-fill":()=>Promise.resolve().then(function(){return qt}),"bell-slash":()=>Promise.resolve().then(function(){return Jt}),bell:()=>Promise.resolve().then(function(){return Xt}),"bi-funnel":()=>Promise.resolve().then(function(){return Kt}),"bookmark-fill":()=>Promise.resolve().then(function(){return el}),bookmark:()=>Promise.resolve().then(function(){return ll}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return rl}),"box-seam":()=>Promise.resolve().then(function(){return al}),building:()=>Promise.resolve().then(function(){return cl}),bus:()=>Promise.resolve().then(function(){return dl}),calculator:()=>Promise.resolve().then(function(){return ul}),"calendar-check":()=>Promise.resolve().then(function(){return gl}),"calendar-heart":()=>Promise.resolve().then(function(){return fl}),"calendar-x":()=>Promise.resolve().then(function(){return ml}),calendar:()=>Promise.resolve().then(function(){return Zl}),camera:()=>Promise.resolve().then(function(){return bl}),car:()=>Promise.resolve().then(function(){return Ml}),"chat-dots":()=>Promise.resolve().then(function(){return Hl}),"chat-left-text":()=>Promise.resolve().then(function(){return Pl}),chat:()=>Promise.resolve().then(function(){return zl}),"check-circle-fill":()=>Promise.resolve().then(function(){return Bl}),"check-circle":()=>Promise.resolve().then(function(){return Al}),check:()=>Promise.resolve().then(function(){return Sl}),"chevron-down":()=>Promise.resolve().then(function(){return El}),"chevron-left":()=>Promise.resolve().then(function(){return Nl}),"chevron-right":()=>Promise.resolve().then(function(){return Rl}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return Wl}),"chevron-up":()=>Promise.resolve().then(function(){return ql}),clock:()=>Promise.resolve().then(function(){return Jl}),"cloud-check":()=>Promise.resolve().then(function(){return Xl}),"cloud-download":()=>Promise.resolve().then(function(){return Kl}),"cloud-upload":()=>Promise.resolve().then(function(){return eo}),cloud:()=>Promise.resolve().then(function(){return lo}),"code-square":()=>Promise.resolve().then(function(){return ro}),"coins-hand":()=>Promise.resolve().then(function(){return ao}),compass:()=>Promise.resolve().then(function(){return co}),copy:()=>Promise.resolve().then(function(){return ho}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return vo}),cross:()=>Promise.resolve().then(function(){return po}),"cursor-fill":()=>Promise.resolve().then(function(){return wo}),cursor:()=>Promise.resolve().then(function(){return _o}),"dash-circle":()=>Promise.resolve().then(function(){return xo}),"dash-square":()=>Promise.resolve().then(function(){return Co}),dash:()=>Promise.resolve().then(function(){return yo}),database:()=>Promise.resolve().then(function(){return Vo}),dataflow:()=>Promise.resolve().then(function(){return Oo}),download:()=>Promise.resolve().then(function(){return jo}),edit:()=>Promise.resolve().then(function(){return $o}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return Lo}),"exclamation-circle":()=>Promise.resolve().then(function(){return ko}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return To}),"exclamation-triangle":()=>Promise.resolve().then(function(){return Uo}),exclamation:()=>Promise.resolve().then(function(){return Do}),"eye-fill":()=>Promise.resolve().then(function(){return Io}),"eye-slash-fill":()=>Promise.resolve().then(function(){return Fo}),"eye-slash":()=>Promise.resolve().then(function(){return Go}),eye:()=>Promise.resolve().then(function(){return Yo}),"face-smile-fill":()=>Promise.resolve().then(function(){return Qo}),"face-smile":()=>Promise.resolve().then(function(){return tr}),facebook:()=>Promise.resolve().then(function(){return or}),"file-earmark-text":()=>Promise.resolve().then(function(){return nr}),"file-pdf":()=>Promise.resolve().then(function(){return ir}),"file-plus":()=>Promise.resolve().then(function(){return sr}),"file-text":()=>Promise.resolve().then(function(){return hr}),file:()=>Promise.resolve().then(function(){return vr}),files:()=>Promise.resolve().then(function(){return pr}),fingerprint:()=>Promise.resolve().then(function(){return wr}),flash:()=>Promise.resolve().then(function(){return _r}),"folder-check":()=>Promise.resolve().then(function(){return xr}),"folder-minus":()=>Promise.resolve().then(function(){return Cr}),"folder-plus":()=>Promise.resolve().then(function(){return yr}),folder:()=>Promise.resolve().then(function(){return Vr}),gear:()=>Promise.resolve().then(function(){return Or}),"geo-alt":()=>Promise.resolve().then(function(){return jr}),"geo-fill":()=>Promise.resolve().then(function(){return $r}),geo:()=>Promise.resolve().then(function(){return Lr}),"globe-alt":()=>Promise.resolve().then(function(){return kr}),globe:()=>Promise.resolve().then(function(){return Tr}),google:()=>Promise.resolve().then(function(){return Ur}),"grid-alt":()=>Promise.resolve().then(function(){return Dr}),"grid-fill":()=>Promise.resolve().then(function(){return Ir}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return Fr}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Gr}),"hard-drive":()=>Promise.resolve().then(function(){return Yr}),heart:()=>Promise.resolve().then(function(){return Qr}),"house-door":()=>Promise.resolve().then(function(){return tn}),house:()=>Promise.resolve().then(function(){return on}),image:()=>Promise.resolve().then(function(){return nn}),"in-box":()=>Promise.resolve().then(function(){return cn}),"info-circle-fill":()=>Promise.resolve().then(function(){return dn}),"info-circle":()=>Promise.resolve().then(function(){return un}),instagram:()=>Promise.resolve().then(function(){return gn}),key:()=>Promise.resolve().then(function(){return fn}),"laptop-gear":()=>Promise.resolve().then(function(){return mn}),laptop:()=>Promise.resolve().then(function(){return Zn}),layers:()=>Promise.resolve().then(function(){return bn}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return Mn}),"layout-text-window":()=>Promise.resolve().then(function(){return Hn}),layout:()=>Promise.resolve().then(function(){return Pn}),"life-buoy":()=>Promise.resolve().then(function(){return zn}),lightbulb:()=>Promise.resolve().then(function(){return Bn}),link:()=>Promise.resolve().then(function(){return An}),linkedin:()=>Promise.resolve().then(function(){return Sn}),list:()=>Promise.resolve().then(function(){return En}),"lock-fill":()=>Promise.resolve().then(function(){return Nn}),lock:()=>Promise.resolve().then(function(){return Rn}),login:()=>Promise.resolve().then(function(){return Wn}),logout:()=>Promise.resolve().then(function(){return qn}),luggage:()=>Promise.resolve().then(function(){return Jn}),"mail-open":()=>Promise.resolve().then(function(){return Xn}),mail:()=>Promise.resolve().then(function(){return Kn}),map:()=>Promise.resolve().then(function(){return ea}),meetup:()=>Promise.resolve().then(function(){return la}),menu:()=>Promise.resolve().then(function(){return ra}),microphone:()=>Promise.resolve().then(function(){return aa}),monitor:()=>Promise.resolve().then(function(){return ca}),moon:()=>Promise.resolve().then(function(){return da}),move:()=>Promise.resolve().then(function(){return ua}),paperclip:()=>Promise.resolve().then(function(){return ga}),passcode:()=>Promise.resolve().then(function(){return fa}),passport:()=>Promise.resolve().then(function(){return ma}),pause:()=>Promise.resolve().then(function(){return Za}),pencil:()=>Promise.resolve().then(function(){return ba}),"pending-circle":()=>Promise.resolve().then(function(){return Ma}),"person-dash":()=>Promise.resolve().then(function(){return Ha}),"person-plus":()=>Promise.resolve().then(function(){return Pa}),"person-x":()=>Promise.resolve().then(function(){return za}),person:()=>Promise.resolve().then(function(){return Ba}),phone:()=>Promise.resolve().then(function(){return Aa}),"pin-map-fill":()=>Promise.resolve().then(function(){return Sa}),pin:()=>Promise.resolve().then(function(){return Ea}),placeholder:()=>Promise.resolve().then(function(){return Na}),plane:()=>Promise.resolve().then(function(){return Ra}),play:()=>Promise.resolve().then(function(){return Wa}),"plus-circle":()=>Promise.resolve().then(function(){return qa}),"plus-square":()=>Promise.resolve().then(function(){return Ja}),plus:()=>Promise.resolve().then(function(){return Xa}),printer:()=>Promise.resolve().then(function(){return Ka}),"question-circle":()=>Promise.resolve().then(function(){return ei}),rocket:()=>Promise.resolve().then(function(){return li}),save:()=>Promise.resolve().then(function(){return ri}),search:()=>Promise.resolve().then(function(){return ai}),send:()=>Promise.resolve().then(function(){return ci}),"sg-crest":()=>Promise.resolve().then(function(){return di}),share:()=>Promise.resolve().then(function(){return ui}),"shield-tick":()=>Promise.resolve().then(function(){return gi}),"sidebar-collapse":()=>Promise.resolve().then(function(){return fi}),"sidebar-expand":()=>Promise.resolve().then(function(){return mi}),"slash-circle":()=>Promise.resolve().then(function(){return Zi}),"slash-divider":()=>Promise.resolve().then(function(){return bi}),sliders:()=>Promise.resolve().then(function(){return Mi}),"sort-ascending":()=>Promise.resolve().then(function(){return Hi}),"sort-descending":()=>Promise.resolve().then(function(){return Pi}),speedometer:()=>Promise.resolve().then(function(){return zi}),"star-ai":()=>Promise.resolve().then(function(){return Bi}),"star-fill":()=>Promise.resolve().then(function(){return Ai}),star:()=>Promise.resolve().then(function(){return Si}),stoplights:()=>Promise.resolve().then(function(){return Ei}),sun:()=>Promise.resolve().then(function(){return Ni}),"switch-horizontal":()=>Promise.resolve().then(function(){return Ri}),"switch-vertical":()=>Promise.resolve().then(function(){return Wi}),tablet:()=>Promise.resolve().then(function(){return qi}),telegram:()=>Promise.resolve().then(function(){return Ji}),telephone:()=>Promise.resolve().then(function(){return Xi}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Ki}),"three-dots":()=>Promise.resolve().then(function(){return ec}),ticket:()=>Promise.resolve().then(function(){return lc}),"toggle-off":()=>Promise.resolve().then(function(){return rc}),"toggle-on":()=>Promise.resolve().then(function(){return ac}),train:()=>Promise.resolve().then(function(){return cc}),translate:()=>Promise.resolve().then(function(){return dc}),trash:()=>Promise.resolve().then(function(){return uc}),"trend-down":()=>Promise.resolve().then(function(){return gc}),"trend-up":()=>Promise.resolve().then(function(){return fc}),truck:()=>Promise.resolve().then(function(){return mc}),"twitter-x":()=>Promise.resolve().then(function(){return Zc}),unlock:()=>Promise.resolve().then(function(){return bc}),upload:()=>Promise.resolve().then(function(){return Mc}),"user-check":()=>Promise.resolve().then(function(){return Hc}),"user-circle":()=>Promise.resolve().then(function(){return Pc}),"user-pause":()=>Promise.resolve().then(function(){return zc}),"user-square":()=>Promise.resolve().then(function(){return Bc}),users:()=>Promise.resolve().then(function(){return Ac}),"video-recorder":()=>Promise.resolve().then(function(){return Sc}),"volume-max":()=>Promise.resolve().then(function(){return Ec}),"volume-x":()=>Promise.resolve().then(function(){return Nc}),"window-dash":()=>Promise.resolve().then(function(){return Rc}),"window-desktop":()=>Promise.resolve().then(function(){return Wc}),"window-dock":()=>Promise.resolve().then(function(){return qc}),"window-fullscreen":()=>Promise.resolve().then(function(){return Jc}),"window-plus":()=>Promise.resolve().then(function(){return Xc}),"window-sidebar":()=>Promise.resolve().then(function(){return Kc}),"window-split":()=>Promise.resolve().then(function(){return es}),"window-stack":()=>Promise.resolve().then(function(){return ls}),"window-x":()=>Promise.resolve().then(function(){return rs}),window:()=>Promise.resolve().then(function(){return as}),"xcircle-fill":()=>Promise.resolve().then(function(){return cs}),xcircle:()=>Promise.resolve().then(function(){return ds}),youtube:()=>Promise.resolve().then(function(){return us}),"zoom-in":()=>Promise.resolve().then(function(){return gs}),"zoom-out":()=>Promise.resolve().then(function(){return fs})};var Je=a`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ge=new Map;class Xe extends Be{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ge.has(e))return void(this._icon=Ge.get(e));const t=Fe[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ge.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:le}}Xe.styles=[...Be.styles,Je],e([Ve({type:String,reflect:!0})],Xe.prototype,"name",void 0),e([Ve({type:String,reflect:!0})],Xe.prototype,"size",void 0),e([Ve({type:String})],Xe.prototype,"ariaLabel",void 0),e([Pe()],Xe.prototype,"_icon",void 0);var Ye=a`:host{display:block;position:relative;z-index:var(--sgds-z-index-sticky)}nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:relative;width:100%}.subnav{flex-direction:column;flex-wrap:nowrap}.header-container,.subnav{align-items:flex-start;display:flex}.header-container{gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);width:100%}slot[name=header]::slotted(*){--sgds-margin-xs:var(--sgds-margin-none);flex:1 1 auto;margin-bottom:var(--sgds-margin-xs,--sgds-margin-none);padding-top:var(--sgds-padding-none)}.subnav-toggler{cursor:pointer;transition:transform .2s ease-in-out}.subnav-toggler:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.subnav:not(.collapsed) .subnav-toggler{transform:rotate(-180deg)}.subnav-nav-group{display:flex;flex:1 1 0}.subnav-nav,.subnav-nav-group{align-items:flex-start;flex-direction:column;width:100%}.subnav-nav{display:none;overflow-y:auto;transition:transform .2s ease-in-out}.subnav-nav ::slotted(*){width:100%}.subnav-actions{bottom:0;display:flex;flex-direction:column;gap:var(--sgds-gap-md);padding:var(--sgds-padding-md) var(--sgds-padding-lg);position:sticky;width:100%}.no-actions{display:none}slot[name=actions]::slotted(*){width:100%}@media screen and (max-width:1023px){.subnav.sgds-container{max-width:inherit}}@media screen and (min-width:512px){.subnav-actions{flex-direction:row}}@media screen and (min-width:768px){nav{border-bottom:var(--sgds-border-width-0)}.subnav{flex-direction:row}.subnav.collapsed{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.header-container{padding:var(--sgds-padding-lg) var(--sgds-padding-2-xl)}.subnav-nav{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:0;position:absolute;top:100%}.subnav-actions{align-items:center;flex-direction:row;padding:var(--sgds-padding-sm) var(--sgds-padding-2-xl) var(--sgds-padding-sm) var(--sgds-padding-none);position:inherit}}@media screen and (min-width:1024px){nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);position:inherit}.subnav{flex-wrap:wrap;gap:var(--sgds-gap-xl);row-gap:var(--sgds-gap-none)}.subnav.collapsed{border-bottom:var(--sgds-border-width-0)}.header-container{flex:1;padding:var(--sgds-padding-none);width:auto}slot[name=header]::slotted(*){padding-top:var(--sgds-padding-lg);white-space:nowrap}.subnav-nav-group{align-items:center;flex:inherit;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-xl);justify-content:space-between;row-gap:var(--sgds-gap-none);width:auto}.subnav-nav{align-items:center;background-color:inherit;border-bottom:var(--sgds-border-width-0);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sgds-gap-lg);overflow-y:inherit;position:inherit;row-gap:0;transition:none;width:auto}.subnav-nav ::slotted(*){width:inherit}.subnav-toggler{display:none}.subnav-actions{padding:var(--sgds-padding-sm) var(--sgds-padding-none);width:auto}slot[name=actions]::slotted(*){width:inherit}}`,Ke=a`.sgds-container,.sgds-container-sidebar{margin-left:auto;margin-right:auto;max-width:calc(100% - 40px);width:100%}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-md)}.sgds-grid{display:grid;gap:var(--sgds-layout-gap-md);grid-template-columns:repeat(4,1fr)}.sgds-col-1{grid-column:span 1}.sgds-col-2{grid-column:span 2}.sgds-col-3{grid-column:span 3}.sgds-col-4{grid-column:span 4}.sgds-col-center-2{grid-column:2/span 2}.sgds-col-none{display:none}@media (min-width:512px){.sgds-grid{grid-template-columns:repeat(8,1fr)}.sgds-container,.sgds-container-sidebar{max-width:calc(100% - 48px)}.sgds-col-sm-1{grid-column:span 1}.sgds-col-sm-2{grid-column:span 2}.sgds-col-sm-3{grid-column:span 3}.sgds-col-sm-4{grid-column:span 4}.sgds-col-sm-5{grid-column:span 5}.sgds-col-sm-6{grid-column:span 6}.sgds-col-sm-7{grid-column:span 7}.sgds-col-sm-8{grid-column:span 8}.sgds-col-sm-center-2{grid-column:4/span 2}.sgds-col-sm-center-4{grid-column:3/span 4}.sgds-col-sm-center-6{grid-column:2/span 6}.sgds-col-none{display:revert}.sgds-col-sm-none{display:none}}@media (min-width:768px){.sgds-container{max-width:calc(100% - 56px)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container-sidebar .sgds-grid{gap:var(--sgds-gap-xl)}.sgds-col-md-1{grid-column:span 1}.sgds-col-md-2{grid-column:span 2}.sgds-col-md-3{grid-column:span 3}.sgds-col-md-4{grid-column:span 4}.sgds-col-md-5{grid-column:span 5}.sgds-col-md-6{grid-column:span 6}.sgds-col-md-7{grid-column:span 7}.sgds-col-md-8{grid-column:span 8}.sgds-col-md-center-2{grid-column:4/span 2}.sgds-col-md-center-4{grid-column:3/span 4}.sgds-col-md-center-6{grid-column:2/span 6}.sgds-col-sm-none{display:revert}.sgds-col-md-none{display:none}}@media (min-width:1024px){.sgds-grid{grid-template-columns:repeat(12,1fr)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-container{max-width:var(--sgds-dimension-888)}.sgds-col-lg-1{grid-column:span 1}.sgds-col-lg-2{grid-column:span 2}.sgds-col-lg-3{grid-column:span 3}.sgds-col-lg-4{grid-column:span 4}.sgds-col-lg-5{grid-column:span 5}.sgds-col-lg-6{grid-column:span 6}.sgds-col-lg-7{grid-column:span 7}.sgds-col-lg-8{grid-column:span 8}.sgds-col-lg-9{grid-column:span 9}.sgds-col-lg-10{grid-column:span 10}.sgds-col-lg-11{grid-column:span 11}.sgds-col-lg-12{grid-column:span 12}.sgds-col-lg-center-2{grid-column:6/span 2}.sgds-col-lg-center-4{grid-column:5/span 4}.sgds-col-lg-center-6{grid-column:4/span 6}.sgds-col-lg-center-8{grid-column:3/span 8}.sgds-col-lg-center-10{grid-column:2/span 10}.sgds-col-md-none{display:revert}.sgds-col-lg-none{display:none}}@media (min-width:1280px){.sgds-container{max-width:var(--sgds-dimension-1168)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-xl-1{grid-column:span 1}.sgds-col-xl-2{grid-column:span 2}.sgds-col-xl-3{grid-column:span 3}.sgds-col-xl-4{grid-column:span 4}.sgds-col-xl-5{grid-column:span 5}.sgds-col-xl-6{grid-column:span 6}.sgds-col-xl-7{grid-column:span 7}.sgds-col-xl-8{grid-column:span 8}.sgds-col-xl-9{grid-column:span 9}.sgds-col-xl-10{grid-column:span 10}.sgds-col-xl-11{grid-column:span 11}.sgds-col-xl-12{grid-column:span 12}.sgds-col-xl-center-2{grid-column:6/span 2}.sgds-col-xl-center-4{grid-column:5/span 4}.sgds-col-xl-center-6{grid-column:4/span 6}.sgds-col-xl-center-8{grid-column:3/span 8}.sgds-col-xl-center-10{grid-column:2/span 10}.sgds-col-lg-none{display:revert}.sgds-col-xl-none{display:none}}@media (min-width:1440px){.sgds-container{max-width:var(--sgds-dimension-1312)}.sgds-container-sidebar{max-width:calc(100% - 96px)}.sgds-col-2-xl-1{grid-column:span 1}.sgds-col-2-xl-2{grid-column:span 2}.sgds-col-2-xl-3{grid-column:span 3}.sgds-col-2-xl-4{grid-column:span 4}.sgds-col-2-xl-5{grid-column:span 5}.sgds-col-2-xl-6{grid-column:span 6}.sgds-col-2-xl-7{grid-column:span 7}.sgds-col-2-xl-8{grid-column:span 8}.sgds-col-2-xl-9{grid-column:span 9}.sgds-col-2-xl-10{grid-column:span 10}.sgds-col-2-xl-11{grid-column:span 11}.sgds-col-2-xl-12{grid-column:span 12}.sgds-col-2-xl-center-2{grid-column:6/span 2}.sgds-col-2-xl-center-4{grid-column:5/span 4}.sgds-col-2-xl-center-6{grid-column:4/span 6}.sgds-col-2-xl-center-8{grid-column:3/span 8}.sgds-col-2-xl-center-10{grid-column:2/span 10}.sgds-col-xl-none{display:revert}.sgds-col-2-xl-none{display:none}}@media (min-width:1680px){.sgds-container-sidebar{max-width:var(--sgds-dimension-1296)}.sgds-col-3-xl-1{grid-column:span 1}.sgds-col-3-xl-2{grid-column:span 2}.sgds-col-3-xl-3{grid-column:span 3}.sgds-col-3-xl-4{grid-column:span 4}.sgds-col-3-xl-5{grid-column:span 5}.sgds-col-3-xl-6{grid-column:span 6}.sgds-col-3-xl-7{grid-column:span 7}.sgds-col-3-xl-8{grid-column:span 8}.sgds-col-3-xl-9{grid-column:span 9}.sgds-col-3-xl-10{grid-column:span 10}.sgds-col-3-xl-11{grid-column:span 11}.sgds-col-3-xl-12{grid-column:span 12}.sgds-col-3-xl-center-2{grid-column:6/span 2}.sgds-col-3-xl-center-4{grid-column:5/span 4}.sgds-col-3-xl-center-6{grid-column:4/span 6}.sgds-col-3-xl-center-8{grid-column:3/span 8}.sgds-col-3-xl-center-10{grid-column:2/span 10}.sgds-col-2-xl-none{display:revert}.sgds-col-3-xl-none{display:none}}`;class Qe{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}const et=["Enter"," "];class tt extends Be{constructor(){super(...arguments),this.hasActionsSlot=!1,this.isCollapsed=!1,this.isMenuOpen=!1,this.hasSlotController=new Qe(this,"actions"),this._handleResize=async()=>{this.isCollapsed=window.innerWidth<1024,await this.updateComplete,this.isCollapsed||(this.isMenuOpen=!1),this._updateMobileLayout()},this._updateMobileLayout=()=>{if(this.nav&&this.headerContainer&&this.mobileActions&&this.mobileNav)if(this.isCollapsed){const{top:e}=this.nav.getBoundingClientRect(),t=this.headerContainer.clientHeight,l=this.mobileActions.clientHeight,o=window.innerWidth>=768&&window.innerWidth<1024?e+t:e+t+l;this.mobileNav.style.maxHeight=`calc(100dvh - ${o}px)`,this.style.minHeight=`${this.nav.clientHeight}px`,this.nav.style.position="absolute"}else this.mobileNav.style.maxHeight="none",this.style.minHeight="auto",this.nav.style.position="relative"},this._toggleMenu=()=>{var e;this.isMenuOpen?this.hide():(this._lockBodyScroll(),this.show()),null===(e=this.toggler)||void 0===e||e.focus()}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.navGroup))}firstUpdated(e){super.firstUpdated(e),this._handleResize()}updated(){this.hasActionsSlot||(this.hasActionsSlot=this.hasSlotController.test("actions"))}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.toggler)||this.hide()}async _onKeyboardToggle(e){et.includes(e.key)&&(e.preventDefault(),this._toggleMenu())}async show(){if(!this.isMenuOpen)return this.isMenuOpen=!0,Ee(this,"sgds-after-show")}async hide(){if(this.isMenuOpen)return this.isMenuOpen=!1,this._unlockBodyScroll(),Ee(this,"sgds-after-hide")}_lockBodyScroll(){if("undefined"==typeof window)return;const e=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%"}_unlockBodyScroll(){if("undefined"==typeof window)return;const e=-1*parseInt(document.body.style.top||"0");document.body.style.position="",document.body.style.top="",document.body.style.width="",window.scrollTo(0,e)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!1);await Re(this.mobileNav),this.isCollapsed&&(this.mobileNav.style.display="flex");const{keyframes:e,options:t}=Ie(this,"subnav.show");await Te(this.mobileNav,Ue(e,this.mobileNav.scrollHeight),t),this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return void(this.isMenuOpen=!0);await Re(this.mobileNav);const{keyframes:e,options:t}=Ie(this,"subnav.hide");await Te(this.mobileNav,Ue(e,this.mobileNav.scrollHeight),t),this.isCollapsed&&(this.mobileNav.style.display="none"),this.emit("sgds-after-hide")}async handleOpenChange(){this.isMenuOpen?this._animateToShow():this._animateToHide()}async handleCollapsedChange(){await this.updateComplete,this.mobileNav.style.display=this.isCollapsed?"none":"flex"}render(){return Q`
       <nav aria-label="Sub navigation">
         <div
           class=${Le({"sgds-container":!0,subnav:!0,collapsed:!this.isMenuOpen})}

package/components/Tab/index.umd.min.js

@@ -10,7 +10,7 @@ const e=globalThis,s=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const C=globalThis,x=t=>{C.emitLitDebugLogEvents&&C.dispatchEvent(new CustomEvent("lit-debug",{detail:t}))};let T,E=0;C.litIssuedWarnings??=new Set,T=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",C.litIssuedWarnings.has(e)||C.litIssuedWarnings.has(t)||(console.warn(e),C.litIssuedWarnings.add(e))},queueMicrotask(()=>{T("dev-mode","Lit is in dev mode. Not recommended for production!")});const k=C.ShadyDOM?.inUse&&!0===C.ShadyDOM?.noPatch?C.ShadyDOM.wrap:t=>t,A=C.trustedTypes,N=A?A.createPolicy("lit-html",{createHTML:t=>t}):void 0,O=t=>t,U=(t,e,s)=>O,V=t=>{if(rt!==U)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");rt=t},z=()=>{rt=U},M=(t,e,s)=>rt(t,e,s),L="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,D="?"+R,I=`<${D}>`,W=document,j=()=>W.createComment(""),q=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,B="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Z=/-->/g,J=/>/g,G=new RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),K=/'/g,Y=/"/g,X=/^(?:script|style|textarea|title)$/i,Q=(tt=1,(t,...e)=>(t.some(t=>void 0===t)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),e.some(t=>t?._$litStatic$)&&T("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:tt,strings:t,values:e}));var tt;const et=Symbol.for("lit-noChange"),st=Symbol.for("lit-nothing"),it=new WeakMap,nt=W.createTreeWalker(W,129);let rt=U;function ot(t,e){if(!H(t)||!t.hasOwnProperty("raw")){let t="invalid template strings array";throw t="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(t)}return void 0!==N?N.createHTML(e):e}class at{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,r=0;const o=t.length-1,a=this.parts,[l,d]=((t,e)=>{const s=t.length-1,i=[];let n,r=2===e?"<svg>":3===e?"<math>":"",o=F;for(let e=0;e<s;e++){const s=t[e];let a,l,d=-1,c=0;for(;c<s.length&&(o.lastIndex=c,l=o.exec(s),null!==l);)if(c=o.lastIndex,o===F){if("!--"===l[1])o=Z;else if(void 0!==l[1])o=J;else if(void 0!==l[2])X.test(l[2])&&(n=new RegExp(`</${l[2]}`,"g")),o=G;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else o===G?">"===l[0]?(o=n??F,d=-1):void 0===l[1]?d=-2:(d=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?G:'"'===l[3]?Y:K):o===Y||o===K?o=G:o===Z||o===J?o=F:(o=G,n=void 0);console.assert(-1===d||o===G||o===K||o===Y,"unexpected parse state B");const h=o===G&&t[e+1].startsWith("/>")?" ":"";r+=o===F?s+I:d>=0?(i.push(a),s.slice(0,d)+L+s.slice(d)+R+h):s+R+(-2===d?e:h)}return[ot(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]})(t,e);if(this.el=at.createElement(l,s),nt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=nt.nextNode())&&a.length<o;){if(1===i.nodeType){{const t=i.localName;if(/^(?:textarea|template)$/i.test(t)&&i.innerHTML.includes(R)){const e=`Expressions are not supported inside \`${t}\` elements. See https://lit.dev/msg/expression-in-${t} for more information.`;if("template"===t)throw new Error(e);T("",e)}}if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(L)){const e=d[r++],s=i.getAttribute(t).split(R),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:o[2],strings:s,ctor:"."===o[1]?pt:"?"===o[1]?ut:"@"===o[1]?mt:ht}),i.removeAttribute(t)}else t.startsWith(R)&&(a.push({type:6,index:n}),i.removeAttribute(t));if(X.test(i.tagName)){const t=i.textContent.split(R),e=t.length-1;if(e>0){i.textContent=A?A.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],j()),nt.nextNode(),a.push({type:2,index:++n});i.append(t[e],j())}}}else if(8===i.nodeType){if(i.data===D)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(R,t+1));)a.push({type:7,index:n}),t+=R.length-1}}n++}if(d.length!==r)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+t.join("${...}")+"`");x&&x({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:t})}static createElement(t,e){const s=W.createElement("template");return s.innerHTML=t,s}}function lt(t,e,s=t,i){if(e===et)return e;let n=void 0!==i?s.__directives?.[i]:s.__directive;const r=q(e)?void 0:e._$litDirective$;return n?.constructor!==r&&(n?._$notifyDirectiveConnectionChanged?.(!1),void 0===r?n=void 0:(n=new r(t),n._$initialize(t,s,i)),void 0!==i?(s.__directives??=[])[i]=n:s.__directive=n),void 0!==n&&(e=lt(t,n._$resolve(t,e.values),n,i)),e}class dt{constructor(t,e){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=t,this._$parent=e}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(t){const{el:{content:e},parts:s}=this._$template,i=(t?.creationScope??W).importNode(e,!0);nt.currentNode=i;let n=nt.nextNode(),r=0,o=0,a=s[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new ct(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new gt(n,this,t)),this._$parts.push(e),a=s[++o]}r!==a?.index&&(n=nt.nextNode(),r++)}return nt.currentNode=W,i}_update(t){let e=0;for(const s of this._$parts)void 0!==s&&(x&&x({kind:"set part",part:s,value:t[e],valueIndex:e,values:t,templateInstance:this}),void 0!==s.strings?(s._$setValue(t,s,e),e+=s.strings.length-2):s._$setValue(t[e])),e++}}class ct{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(t,e,s,i){this.type=2,this._$committedValue=st,this._$disconnectableChildren=void 0,this._$startNode=t,this._$endNode=e,this._$parent=s,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let t=k(this._$startNode).parentNode;const e=this._$parent;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(t,e=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(t=lt(this,t,e),q(t))t===st||null==t||""===t?(this._$committedValue!==st&&(x&&x({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=st):t!==this._$committedValue&&t!==et&&this._commitText(t);else if(void 0!==t._$litType$)this._commitTemplateResult(t);else if(void 0!==t.nodeType){if(this.options?.host===t)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",t,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(t)}else(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this._commitIterable(t):this._commitText(t)}_insert(t){return k(k(this._$startNode).parentNode).insertBefore(t,this._$endNode)}_commitNode(t){if(this._$committedValue!==t){if(this._$clear(),rt!==U){const t=this._$startNode.parentNode?.nodeName;if("STYLE"===t||"SCRIPT"===t){let e="Forbidden";throw e="STYLE"===t?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(e)}}x&&x({kind:"commit node",start:this._$startNode,parent:this._$parent,value:t,options:this.options}),this._$committedValue=this._insert(t)}}_commitText(t){if(this._$committedValue!==st&&q(this._$committedValue)){const e=k(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=M(e,"data","property")),t=this._textSanitizer(t),x&&x({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}else{const e=W.createTextNode("");this._commitNode(e),void 0===this._textSanitizer&&(this._textSanitizer=M(e,"data","property")),t=this._textSanitizer(t),x&&x({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}this._$committedValue=t}_commitTemplateResult(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$getTemplate(t):(void 0===s.el&&(s.el=at.createElement(ot(s.h,s.h[0]),this.options)),s);if(this._$committedValue?._$template===i)x&&x({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:e}),this._$committedValue._update(e);else{const t=new dt(i,this),s=t._clone(this.options);x&&x({kind:"template instantiated",template:i,instance:t,parts:t._$parts,options:this.options,fragment:s,values:e}),t._update(e),x&&x({kind:"template instantiated and updated",template:i,instance:t,parts:t._$parts,options:this.options,fragment:s,values:e}),this._commitNode(s),this._$committedValue=t}}_$getTemplate(t){let e=it.get(t.strings);return void 0===e&&it.set(t.strings,e=new at(t)),e}_commitIterable(t){H(this._$committedValue)||(this._$committedValue=[],this._$clear());const e=this._$committedValue;let s,i=0;for(const n of t)i===e.length?e.push(s=new ct(this._insert(j()),this._insert(j()),this,this.options)):s=e[i],s._$setValue(n),i++;i<e.length&&(this._$clear(s&&k(s._$endNode).nextSibling,i),e.length=i)}_$clear(t=k(this._$startNode).nextSibling,e){for(this._$notifyConnectionChanged?.(!1,!0,e);t!==this._$endNode;){const e=k(t).nextSibling;k(t).remove(),t=e}}setConnected(t){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=t,this._$notifyConnectionChanged?.(t)}}class ht{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(t,e,s,i,n){this.type=1,this._$committedValue=st,this._$disconnectableChildren=void 0,this.element=t,this.name=e,this._$parent=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=st,this._sanitizer=void 0}_$setValue(t,e=this,s,i){const n=this.strings;let r=!1;if(void 0===n)t=lt(this,t,e,0),r=!q(t)||t!==this._$committedValue&&t!==et,r&&(this._$committedValue=t);else{const i=t;let o,a;for(t=n[0],o=0;o<n.length-1;o++)a=lt(this,i[s+o],e,o),a===et&&(a=this._$committedValue[o]),r||=!q(a)||a!==this._$committedValue[o],a===st?t=st:t!==st&&(t+=(a??"")+n[o+1]),this._$committedValue[o]=a}r&&!i&&this._commitValue(t)}_commitValue(t){t===st?k(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=rt(this.element,this.name,"attribute")),t=this._sanitizer(t??""),x&&x({kind:"commit attribute",element:this.element,name:this.name,value:t,options:this.options}),k(this.element).setAttribute(this.name,t??""))}}class pt extends ht{constructor(){super(...arguments),this.type=3}_commitValue(t){void 0===this._sanitizer&&(this._sanitizer=rt(this.element,this.name,"property")),t=this._sanitizer(t),x&&x({kind:"commit property",element:this.element,name:this.name,value:t,options:this.options}),this.element[this.name]=t===st?void 0:t}}class ut extends ht{constructor(){super(...arguments),this.type=4}_commitValue(t){x&&x({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!t||t===st),options:this.options}),k(this.element).toggleAttribute(this.name,!!t&&t!==st)}}class mt extends ht{constructor(t,e,s,i,n){if(super(t,e,s,i,n),this.type=5,void 0!==this.strings)throw new Error(`A \`<${t.localName}>\` has a \`@${e}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(t,e=this){if((t=lt(this,t,e,0)??st)===et)return;const s=this._$committedValue,i=t===st&&s!==st||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==st&&(s===st||i);x&&x({kind:"commit event listener",element:this.element,name:this.name,value:t,options:this.options,removeListener:i,addListener:n,oldListener:s}),i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$committedValue=t}handleEvent(t){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,t):this._$committedValue.handleEvent(t)}}class gt{constructor(t,e,s){this.element=t,this.type=6,this._$disconnectableChildren=void 0,this._$parent=e,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(t){x&&x({kind:"commit to element binding",element:this.element,value:t,options:this.options}),lt(this,t)}}const bt=C.litHtmlPolyfillSupportDevMode;bt?.(at,ct),(C.litHtmlVersions??=[]).push("3.3.2"),C.litHtmlVersions.length>1&&queueMicrotask(()=>{T("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const vt=(t,e,s)=>{if(null==e)throw new TypeError(`The container to render into may not be ${e}`);const i=E++,n=s?.renderBefore??e;let r=n._$litPart$;if(x&&x({kind:"begin render",id:i,value:t,container:e,options:s,part:r}),void 0===r){const t=s?.renderBefore??null;n._$litPart$=r=new ct(e.insertBefore(j(),t),t,void 0,s??{})}return r._$setValue(t),x&&x({kind:"end render",id:i,value:t,container:e,options:s,part:r}),r};vt.setSanitizer=V,vt.createSanitizer=M,vt._testOnlyClearSanitizerFactoryDoNotCallOrElse=z;
+const C=globalThis,x=t=>{C.emitLitDebugLogEvents&&C.dispatchEvent(new CustomEvent("lit-debug",{detail:t}))};let T,E=0;C.litIssuedWarnings??=new Set,T=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",C.litIssuedWarnings.has(e)||C.litIssuedWarnings.has(t)||(console.warn(e),C.litIssuedWarnings.add(e))},queueMicrotask(()=>{T("dev-mode","Lit is in dev mode. Not recommended for production!")});const k=C.ShadyDOM?.inUse&&!0===C.ShadyDOM?.noPatch?C.ShadyDOM.wrap:t=>t,A=C.trustedTypes,N=A?A.createPolicy("lit-html",{createHTML:t=>t}):void 0,O=t=>t,U=(t,e,s)=>O,z=t=>{if(rt!==U)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");rt=t},V=()=>{rt=U},M=(t,e,s)=>rt(t,e,s),L="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,W="?"+R,D=`<${W}>`,I=document,j=()=>I.createComment(""),q=t=>null===t||"object"!=typeof t&&"function"!=typeof t,H=Array.isArray,B="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Z=/-->/g,J=/>/g,G=new RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),K=/'/g,Y=/"/g,X=/^(?:script|style|textarea|title)$/i,Q=(tt=1,(t,...e)=>(t.some(t=>void 0===t)&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),e.some(t=>t?._$litStatic$)&&T("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:tt,strings:t,values:e}));var tt;const et=Symbol.for("lit-noChange"),st=Symbol.for("lit-nothing"),it=new WeakMap,nt=I.createTreeWalker(I,129);let rt=U;function ot(t,e){if(!H(t)||!t.hasOwnProperty("raw")){let t="invalid template strings array";throw t="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(t)}return void 0!==N?N.createHTML(e):e}class at{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,r=0;const o=t.length-1,a=this.parts,[l,d]=((t,e)=>{const s=t.length-1,i=[];let n,r=2===e?"<svg>":3===e?"<math>":"",o=F;for(let e=0;e<s;e++){const s=t[e];let a,l,d=-1,c=0;for(;c<s.length&&(o.lastIndex=c,l=o.exec(s),null!==l);)if(c=o.lastIndex,o===F){if("!--"===l[1])o=Z;else if(void 0!==l[1])o=J;else if(void 0!==l[2])X.test(l[2])&&(n=new RegExp(`</${l[2]}`,"g")),o=G;else if(void 0!==l[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else o===G?">"===l[0]?(o=n??F,d=-1):void 0===l[1]?d=-2:(d=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?G:'"'===l[3]?Y:K):o===Y||o===K?o=G:o===Z||o===J?o=F:(o=G,n=void 0);console.assert(-1===d||o===G||o===K||o===Y,"unexpected parse state B");const h=o===G&&t[e+1].startsWith("/>")?" ":"";r+=o===F?s+D:d>=0?(i.push(a),s.slice(0,d)+L+s.slice(d)+R+h):s+R+(-2===d?e:h)}return[ot(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]})(t,e);if(this.el=at.createElement(l,s),nt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=nt.nextNode())&&a.length<o;){if(1===i.nodeType){{const t=i.localName;if(/^(?:textarea|template)$/i.test(t)&&i.innerHTML.includes(R)){const e=`Expressions are not supported inside \`${t}\` elements. See https://lit.dev/msg/expression-in-${t} for more information.`;if("template"===t)throw new Error(e);T("",e)}}if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(L)){const e=d[r++],s=i.getAttribute(t).split(R),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:o[2],strings:s,ctor:"."===o[1]?pt:"?"===o[1]?ut:"@"===o[1]?mt:ht}),i.removeAttribute(t)}else t.startsWith(R)&&(a.push({type:6,index:n}),i.removeAttribute(t));if(X.test(i.tagName)){const t=i.textContent.split(R),e=t.length-1;if(e>0){i.textContent=A?A.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],j()),nt.nextNode(),a.push({type:2,index:++n});i.append(t[e],j())}}}else if(8===i.nodeType){if(i.data===W)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(R,t+1));)a.push({type:7,index:n}),t+=R.length-1}}n++}if(d.length!==r)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+t.join("${...}")+"`");x&&x({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:t})}static createElement(t,e){const s=I.createElement("template");return s.innerHTML=t,s}}function lt(t,e,s=t,i){if(e===et)return e;let n=void 0!==i?s.__directives?.[i]:s.__directive;const r=q(e)?void 0:e._$litDirective$;return n?.constructor!==r&&(n?._$notifyDirectiveConnectionChanged?.(!1),void 0===r?n=void 0:(n=new r(t),n._$initialize(t,s,i)),void 0!==i?(s.__directives??=[])[i]=n:s.__directive=n),void 0!==n&&(e=lt(t,n._$resolve(t,e.values),n,i)),e}class dt{constructor(t,e){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=t,this._$parent=e}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(t){const{el:{content:e},parts:s}=this._$template,i=(t?.creationScope??I).importNode(e,!0);nt.currentNode=i;let n=nt.nextNode(),r=0,o=0,a=s[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new ct(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new gt(n,this,t)),this._$parts.push(e),a=s[++o]}r!==a?.index&&(n=nt.nextNode(),r++)}return nt.currentNode=I,i}_update(t){let e=0;for(const s of this._$parts)void 0!==s&&(x&&x({kind:"set part",part:s,value:t[e],valueIndex:e,values:t,templateInstance:this}),void 0!==s.strings?(s._$setValue(t,s,e),e+=s.strings.length-2):s._$setValue(t[e])),e++}}class ct{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(t,e,s,i){this.type=2,this._$committedValue=st,this._$disconnectableChildren=void 0,this._$startNode=t,this._$endNode=e,this._$parent=s,this.options=i,this.__isConnected=i?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let t=k(this._$startNode).parentNode;const e=this._$parent;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(t,e=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(t=lt(this,t,e),q(t))t===st||null==t||""===t?(this._$committedValue!==st&&(x&&x({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=st):t!==this._$committedValue&&t!==et&&this._commitText(t);else if(void 0!==t._$litType$)this._commitTemplateResult(t);else if(void 0!==t.nodeType){if(this.options?.host===t)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",t,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(t)}else(t=>H(t)||"function"==typeof t?.[Symbol.iterator])(t)?this._commitIterable(t):this._commitText(t)}_insert(t){return k(k(this._$startNode).parentNode).insertBefore(t,this._$endNode)}_commitNode(t){if(this._$committedValue!==t){if(this._$clear(),rt!==U){const t=this._$startNode.parentNode?.nodeName;if("STYLE"===t||"SCRIPT"===t){let e="Forbidden";throw e="STYLE"===t?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(e)}}x&&x({kind:"commit node",start:this._$startNode,parent:this._$parent,value:t,options:this.options}),this._$committedValue=this._insert(t)}}_commitText(t){if(this._$committedValue!==st&&q(this._$committedValue)){const e=k(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=M(e,"data","property")),t=this._textSanitizer(t),x&&x({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}else{const e=I.createTextNode("");this._commitNode(e),void 0===this._textSanitizer&&(this._textSanitizer=M(e,"data","property")),t=this._textSanitizer(t),x&&x({kind:"commit text",node:e,value:t,options:this.options}),e.data=t}this._$committedValue=t}_commitTemplateResult(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$getTemplate(t):(void 0===s.el&&(s.el=at.createElement(ot(s.h,s.h[0]),this.options)),s);if(this._$committedValue?._$template===i)x&&x({kind:"template updating",template:i,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:e}),this._$committedValue._update(e);else{const t=new dt(i,this),s=t._clone(this.options);x&&x({kind:"template instantiated",template:i,instance:t,parts:t._$parts,options:this.options,fragment:s,values:e}),t._update(e),x&&x({kind:"template instantiated and updated",template:i,instance:t,parts:t._$parts,options:this.options,fragment:s,values:e}),this._commitNode(s),this._$committedValue=t}}_$getTemplate(t){let e=it.get(t.strings);return void 0===e&&it.set(t.strings,e=new at(t)),e}_commitIterable(t){H(this._$committedValue)||(this._$committedValue=[],this._$clear());const e=this._$committedValue;let s,i=0;for(const n of t)i===e.length?e.push(s=new ct(this._insert(j()),this._insert(j()),this,this.options)):s=e[i],s._$setValue(n),i++;i<e.length&&(this._$clear(s&&k(s._$endNode).nextSibling,i),e.length=i)}_$clear(t=k(this._$startNode).nextSibling,e){for(this._$notifyConnectionChanged?.(!1,!0,e);t!==this._$endNode;){const e=k(t).nextSibling;k(t).remove(),t=e}}setConnected(t){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=t,this._$notifyConnectionChanged?.(t)}}class ht{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(t,e,s,i,n){this.type=1,this._$committedValue=st,this._$disconnectableChildren=void 0,this.element=t,this.name=e,this._$parent=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$committedValue=new Array(s.length-1).fill(new String),this.strings=s):this._$committedValue=st,this._sanitizer=void 0}_$setValue(t,e=this,s,i){const n=this.strings;let r=!1;if(void 0===n)t=lt(this,t,e,0),r=!q(t)||t!==this._$committedValue&&t!==et,r&&(this._$committedValue=t);else{const i=t;let o,a;for(t=n[0],o=0;o<n.length-1;o++)a=lt(this,i[s+o],e,o),a===et&&(a=this._$committedValue[o]),r||=!q(a)||a!==this._$committedValue[o],a===st?t=st:t!==st&&(t+=(a??"")+n[o+1]),this._$committedValue[o]=a}r&&!i&&this._commitValue(t)}_commitValue(t){t===st?k(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=rt(this.element,this.name,"attribute")),t=this._sanitizer(t??""),x&&x({kind:"commit attribute",element:this.element,name:this.name,value:t,options:this.options}),k(this.element).setAttribute(this.name,t??""))}}class pt extends ht{constructor(){super(...arguments),this.type=3}_commitValue(t){void 0===this._sanitizer&&(this._sanitizer=rt(this.element,this.name,"property")),t=this._sanitizer(t),x&&x({kind:"commit property",element:this.element,name:this.name,value:t,options:this.options}),this.element[this.name]=t===st?void 0:t}}class ut extends ht{constructor(){super(...arguments),this.type=4}_commitValue(t){x&&x({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!t||t===st),options:this.options}),k(this.element).toggleAttribute(this.name,!!t&&t!==st)}}class mt extends ht{constructor(t,e,s,i,n){if(super(t,e,s,i,n),this.type=5,void 0!==this.strings)throw new Error(`A \`<${t.localName}>\` has a \`@${e}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(t,e=this){if((t=lt(this,t,e,0)??st)===et)return;const s=this._$committedValue,i=t===st&&s!==st||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==st&&(s===st||i);x&&x({kind:"commit event listener",element:this.element,name:this.name,value:t,options:this.options,removeListener:i,addListener:n,oldListener:s}),i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$committedValue=t}handleEvent(t){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,t):this._$committedValue.handleEvent(t)}}class gt{constructor(t,e,s){this.element=t,this.type=6,this._$disconnectableChildren=void 0,this._$parent=e,this.options=s}get _$isConnected(){return this._$parent._$isConnected}_$setValue(t){x&&x({kind:"commit to element binding",element:this.element,value:t,options:this.options}),lt(this,t)}}const bt=C.litHtmlPolyfillSupportDevMode;bt?.(at,ct),(C.litHtmlVersions??=[]).push("3.3.2"),C.litHtmlVersions.length>1&&queueMicrotask(()=>{T("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const vt=(t,e,s)=>{if(null==e)throw new TypeError(`The container to render into may not be ${e}`);const i=E++,n=s?.renderBefore??e;let r=n._$litPart$;if(x&&x({kind:"begin render",id:i,value:t,container:e,options:s,part:r}),void 0===r){const t=s?.renderBefore??null;n._$litPart$=r=new ct(e.insertBefore(j(),t),t,void 0,s??{})}return r._$setValue(t),x&&x({kind:"end render",id:i,value:t,container:e,options:s,part:r}),r};vt.setSanitizer=z,vt.createSanitizer=M,vt._testOnlyClearSanitizerFactoryDoNotCallOrElse=V;
 /**
    * @license
    * Copyright 2017 Google LLC
@@ -37,7 +37,7 @@ let St;$t?.({LitElement:yt}),(ft.litElementVersions??=[]).push("4.2.2"),ft.litEl
    * @license
    * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */globalThis.litIssuedWarnings??=new Set,Et=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",globalThis.litIssuedWarnings.has(e)||globalThis.litIssuedWarnings.has(t)||(console.warn(e),globalThis.litIssuedWarnings.add(e))};var At=o`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Nt extends yt{emit(t,e){const s=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(s),s}static define(t,e=this,s={}){if(customElements.get(t));else try{customElements.define(t,e,s)}catch(i){customElements.define(t,class extends e{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([t,e])=>{this.constructor.define(t,e)})}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach(t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Nt.styles=[At],Nt.dependencies={},t([xt({type:Boolean,reflect:!0})],Nt.prototype,"ssr",void 0);var Ot=o`:host([density=compact]) .tab{font-size:var(--sgds-font-size-label-sm);padding:var(--sgds-spacer-3) var(--sgds-spacer-5)}:host(:not([active])) .tab{cursor:pointer}:host([variant=solid]) .tab{background-color:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md)}:host([variant=solid][active]) .tab{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus,:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=solid]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent)}:host([disabled]) .tab{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([variant=underlined][active]) .tab{color:var(--sgds-primary-color-default)}:host([variant=underlined][orientation=vertical][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:0;content:"";height:100%;position:absolute;right:-1px;width:var(--sgds-border-width-4)}:host([variant=underlined][orientation=horizontal][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:-1px;content:"";height:var(--sgds-border-width-4);left:0;position:absolute;width:100%}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus,:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:0}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=underlined]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent-subtle)}.tab{align-items:center;color:var(--sgds-color-default);display:flex;gap:var(--sgds-spacer-3);padding:var(--sgds-spacer-4) var(--sgds-spacer-5);position:relative}.tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;function Ut(t,e){const s=Object.assign({waitUntilFirstUpdate:!1},e);return(e,i)=>{const{update:n}=e;if(t in e){const r=t;e.update=function(t){if(t.has(r)){const e=t.get(r),n=this[r];e!==n&&(s.waitUntilFirstUpdate&&!this.hasUpdated||this[i](e,n))}n.call(this,t)}}}}let Vt=0;class zt extends Nt{constructor(){super(...arguments),this.attrId=++Vt,this.componentId=`sgds-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tab")}focus(t){var e,s;null===(s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".tab"))||void 0===s||s.focus(t)}blur(){this.tab.blur()}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&(this.active=!1)}render(){return Q`
+   */globalThis.litIssuedWarnings??=new Set,Et=(t,e)=>{e+=t?` See https://lit.dev/msg/${t} for more information.`:"",globalThis.litIssuedWarnings.has(e)||globalThis.litIssuedWarnings.has(t)||(console.warn(e),globalThis.litIssuedWarnings.add(e))};var At=o`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Nt extends yt{emit(t,e){const s=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(s),s}static define(t,e=this,s={}){if(customElements.get(t));else try{customElements.define(t,e,s)}catch(i){customElements.define(t,class extends e{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([t,e])=>{this.constructor.define(t,e)})}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach(t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Nt.styles=[At],Nt.dependencies={},t([xt({type:Boolean,reflect:!0})],Nt.prototype,"ssr",void 0);var Ot=o`:host([density=compact]) .tab{font-size:var(--sgds-font-size-label-sm);padding:var(--sgds-spacer-3) var(--sgds-spacer-5)}:host(:not([active])) .tab{cursor:pointer}:host([variant=solid]) .tab{background-color:var(--sgds-bg-translucent-subtle);border-radius:var(--sgds-border-radius-md)}:host([variant=solid][active]) .tab{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus,:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent)}:host([variant=solid]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=solid]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent)}:host([disabled]) .tab{cursor:not-allowed;opacity:var(--sgds-opacity-40)}:host([variant=underlined][active]) .tab{color:var(--sgds-primary-color-default)}:host([variant=underlined][orientation=vertical][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:0;content:"";height:100%;position:absolute;right:-1px;width:var(--sgds-border-width-4)}:host([variant=underlined][orientation=horizontal][active]) .tab:after{background-color:var(--sgds-primary-surface-default);bottom:-1px;content:"";height:var(--sgds-border-width-4);left:0;position:absolute;width:100%}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus,:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:0}:host([variant=underlined]:not([active]):not([disabled])) .tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([variant=underlined]:not([active]):not([disabled])) .tab:hover{background-color:var(--sgds-bg-translucent-subtle)}:host([fullWidth][orientation=horizontal]) .tab{justify-content:center}.tab{align-items:center;color:var(--sgds-color-default);display:flex;gap:var(--sgds-spacer-3);padding:var(--sgds-spacer-4) var(--sgds-spacer-5);position:relative}.tab:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;function Ut(t,e){const s=Object.assign({waitUntilFirstUpdate:!1},e);return(e,i)=>{const{update:n}=e;if(t in e){const r=t;e.update=function(t){if(t.has(r)){const e=t.get(r),n=this[r];e!==n&&(s.waitUntilFirstUpdate&&!this.hasUpdated||this[i](e,n))}n.call(this,t)}}}}let zt=0;class Vt extends Nt{constructor(){super(...arguments),this.attrId=++zt,this.componentId=`sgds-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tab")}focus(t){var e,s;null===(s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".tab"))||void 0===s||s.focus(t)}blur(){this.tab.blur()}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&(this.active=!1)}render(){return Q`
       <div
         data-testid="inner-tab"
         tabindex=${this.disabled?"-1":"0"}
@@ -47,7 +47,7 @@ let St;$t?.({LitElement:yt}),(ft.litElementVersions??=[]).push("4.2.2"),ft.litEl
         <slot name="icon"></slot>
         <slot></slot>
       </div>
-    `;var t}}zt.styles=[Ot],t([kt(".tab")],zt.prototype,"tab",void 0),t([xt({reflect:!0})],zt.prototype,"panel",void 0),t([xt({type:Boolean,reflect:!0})],zt.prototype,"active",void 0),t([xt({type:Boolean,reflect:!0})],zt.prototype,"disabled",void 0),t([xt({type:String})],zt.prototype,"ariaLabel",void 0),t([Ut("active")],zt.prototype,"handleActiveChange",null),t([Ut("disabled")],zt.prototype,"handleDisabledChange",null);var Mt,Lt=o`.tab-group{display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}.tab-group__nav{display:flex;flex-direction:row}.tab-group__content{flex:1}:host([orientation=vertical]) .tab-group{flex-direction:row}:host([orientation=vertical]) .tab-group__nav{flex-direction:column}:host([variant=solid]) .tab-group__nav{gap:var(--sgds-gap-xs)}:host([variant=underlined][orientation=horizontal]) .tab-group__nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:row}:host([variant=underlined][orientation=vertical]) .tab-group__nav{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}`;class Rt extends Nt{constructor(){super(...arguments),this._tabs=[],this._panels=[],this.variant="underlined",this.orientation="horizontal",this.density="default"}connectedCallback(){const t=Promise.all([customElements.whenDefined("sgds-tab"),customElements.whenDefined("sgds-tab-panel")]);super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>{}),this._mutationObserver=new MutationObserver(t=>{t.some(t=>!["aria-labelledby","aria-controls"].includes(t.attributeName))&&setTimeout(()=>this._setAriaLabels()),t.some(t=>"disabled"===t.attributeName)&&this._syncTabsAndPanels()}),this.updateComplete.then(()=>{this._syncTabsAndPanels(),this._mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this._resizeObserver.observe(this._nav),t.then(()=>{new IntersectionObserver((t,e)=>{var s;t[0].intersectionRatio>0&&(this._setAriaLabels(),this._setActiveTab(null!==(s=this._getActiveTab())&&void 0!==s?s:this._tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))}).observe(this._tabGroup)})})}disconnectedCallback(){this._mutationObserver.disconnect(),this._resizeObserver.unobserve(this._nav)}show(t){const e=this._tabs.find(e=>e.panel===t);e&&this._setActiveTab(e)}_getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?"sgds-tab"===e.tagName.toLowerCase():"sgds-tab"===e.tagName.toLowerCase()&&!e.disabled)}_getAllPanels(){return[...this._body.assignedElements()].filter(t=>"sgds-tab-panel"===t.tagName.toLowerCase())}_getActiveTab(){return this._tabs.find(t=>t.active)}_handleClick(t){const e=t.target.closest("sgds-tab");(null==e?void 0:e.closest("sgds-tab-group"))===this&&null!==e&&this._setActiveTab(e)}_handleKeyDown(t){const e=t.target.closest("sgds-tab");if((null==e?void 0:e.closest("sgds-tab-group"))===this&&(["Enter"," "].includes(t.key)&&null!==e&&(this._setActiveTab(e),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){const e=this._tabs.find(t=>t.matches(":focus"));if("sgds-tab"===(null==e?void 0:e.tagName.toLowerCase())){let s=this._tabs.indexOf(e);"Home"===t.key?s=0:"End"===t.key?s=this._tabs.length-1:"ArrowUp"===t.key||"ArrowLeft"===t.key?s--:"ArrowDown"!==t.key&&"ArrowRight"!==t.key||s++,s<0&&(s=this._tabs.length-1),s>this._tabs.length-1&&(s=0),this._tabs[s].focus({preventScroll:!0}),this._setActiveTab(this._tabs[s]),t.preventDefault()}}}_setActiveTab(t,e){if(e=Object.assign({emitEvents:!0},e),t!==this._activeTab&&!t.disabled){const s=this._activeTab;this._activeTab=t,this._tabs.forEach(t=>{t.active=t===this._activeTab}),this._panels.map(t=>{var e;return t.active=t.name===(null===(e=this._activeTab)||void 0===e?void 0:e.panel)}),e.emitEvents&&(s&&this.emit("sgds-tab-hide",{detail:{name:s.panel}}),this.emit("sgds-tab-show",{detail:{name:this._activeTab.panel}}))}}_setAriaLabels(){this._tabs.forEach(t=>{const e=this._panels.find(e=>e.name===t.panel);e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))})}_syncTabsAndPanels(){this._tabs=this._getAllTabs({includeDisabled:!1}),this._panels=this._getAllPanels()}_updateTabsAttribute(t){if(!this._navSlot)return;this._navSlot.forEach(e=>{e.setAttribute(t,this[t])})}_handleSlotChange(){this._updateTabsAttribute("variant"),this._updateTabsAttribute("orientation"),this._updateTabsAttribute("density"),this._syncTabsAndPanels()}willUpdate(t){t.has("variant")&&this._updateTabsAttribute("variant"),t.has("orientation")&&this._updateTabsAttribute("orientation"),t.has("density")&&this._updateTabsAttribute("density")}render(){return Q`
+    `;var t}}Vt.styles=[Ot],t([kt(".tab")],Vt.prototype,"tab",void 0),t([xt({reflect:!0})],Vt.prototype,"panel",void 0),t([xt({type:Boolean,reflect:!0})],Vt.prototype,"active",void 0),t([xt({type:Boolean,reflect:!0})],Vt.prototype,"disabled",void 0),t([xt({type:String})],Vt.prototype,"ariaLabel",void 0),t([Ut("active")],Vt.prototype,"handleActiveChange",null),t([Ut("disabled")],Vt.prototype,"handleDisabledChange",null);var Mt,Lt=o`.tab-group{display:flex;flex-direction:column;gap:var(--sgds-gap-xl)}.tab-group__nav{display:flex;flex-direction:row}.tab-group__content{flex:1}:host([orientation=vertical]) .tab-group{flex-direction:row}:host([orientation=vertical]) .tab-group__nav{flex-direction:column}:host([variant=solid]) .tab-group__nav{gap:var(--sgds-gap-xs)}:host([variant=underlined][orientation=horizontal]) .tab-group__nav{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:row}:host([variant=underlined][orientation=vertical]) .tab-group__nav{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([fullWidth][orientation=horizontal]) slot[name=nav]::slotted(sgds-tab){width:100%}`;class Rt extends Nt{constructor(){super(...arguments),this._tabs=[],this._panels=[],this.variant="underlined",this.orientation="horizontal",this.density="default",this.fullWidth=!1}connectedCallback(){const t=Promise.all([customElements.whenDefined("sgds-tab"),customElements.whenDefined("sgds-tab-panel")]);super.connectedCallback(),this._resizeObserver=new ResizeObserver(()=>{}),this._mutationObserver=new MutationObserver(t=>{t.some(t=>!["aria-labelledby","aria-controls"].includes(t.attributeName))&&setTimeout(()=>this._setAriaLabels()),t.some(t=>"disabled"===t.attributeName)&&this._syncTabsAndPanels()}),this.updateComplete.then(()=>{this._syncTabsAndPanels(),this._mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this._resizeObserver.observe(this._nav),t.then(()=>{new IntersectionObserver((t,e)=>{var s;t[0].intersectionRatio>0&&(this._setAriaLabels(),this._setActiveTab(null!==(s=this._getActiveTab())&&void 0!==s?s:this._tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))}).observe(this._tabGroup)})})}disconnectedCallback(){this._mutationObserver.disconnect(),this._resizeObserver.unobserve(this._nav)}show(t){const e=this._tabs.find(e=>e.panel===t);e&&this._setActiveTab(e)}_getAllTabs(t={includeDisabled:!0}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?"sgds-tab"===e.tagName.toLowerCase():"sgds-tab"===e.tagName.toLowerCase()&&!e.disabled)}_getAllPanels(){return[...this._body.assignedElements()].filter(t=>"sgds-tab-panel"===t.tagName.toLowerCase())}_getActiveTab(){return this._tabs.find(t=>t.active)}_handleClick(t){const e=t.target.closest("sgds-tab");(null==e?void 0:e.closest("sgds-tab-group"))===this&&null!==e&&this._setActiveTab(e)}_handleKeyDown(t){const e=t.target.closest("sgds-tab");if((null==e?void 0:e.closest("sgds-tab-group"))===this&&(["Enter"," "].includes(t.key)&&null!==e&&(this._setActiveTab(e),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){const e=this._tabs.find(t=>t.matches(":focus"));if("sgds-tab"===(null==e?void 0:e.tagName.toLowerCase())){let s=this._tabs.indexOf(e);"Home"===t.key?s=0:"End"===t.key?s=this._tabs.length-1:"ArrowUp"===t.key||"ArrowLeft"===t.key?s--:"ArrowDown"!==t.key&&"ArrowRight"!==t.key||s++,s<0&&(s=this._tabs.length-1),s>this._tabs.length-1&&(s=0),this._tabs[s].focus({preventScroll:!0}),this._setActiveTab(this._tabs[s]),t.preventDefault()}}}_setActiveTab(t,e){if(e=Object.assign({emitEvents:!0},e),t!==this._activeTab&&!t.disabled){const s=this._activeTab;this._activeTab=t,this._tabs.forEach(t=>{t.active=t===this._activeTab}),this._panels.map(t=>{var e;return t.active=t.name===(null===(e=this._activeTab)||void 0===e?void 0:e.panel)}),e.emitEvents&&(s&&this.emit("sgds-tab-hide",{detail:{name:s.panel}}),this.emit("sgds-tab-show",{detail:{name:this._activeTab.panel}}))}}_setAriaLabels(){this._tabs.forEach(t=>{const e=this._panels.find(e=>e.name===t.panel);e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))})}_syncTabsAndPanels(){this._tabs=this._getAllTabs({includeDisabled:!1}),this._panels=this._getAllPanels()}_updateTabsAttribute(t){if(!this._navSlot)return;this._navSlot.forEach(e=>{e.setAttribute(t,this[t])})}_handleSlotChange(){this._updateTabsAttribute("variant"),this._updateTabsAttribute("orientation"),this._updateTabsAttribute("density"),this._updateTabsAttribute("fullWidth"),this._syncTabsAndPanels()}willUpdate(t){t.has("variant")&&this._updateTabsAttribute("variant"),t.has("orientation")&&this._updateTabsAttribute("orientation"),t.has("density")&&this._updateTabsAttribute("density"),t.has("fullWidth")&&this._updateTabsAttribute("fullWidth")}render(){return Q`
       <div class="tab-group" @click=${this._handleClick} @keydown=${this._handleKeyDown}>
         <div class="tab-group__nav" role="tablist">
           <slot name="nav" @slotchange=${this._handleSlotChange}></slot>
@@ -57,20 +57,20 @@ let St;$t?.({LitElement:yt}),(ft.litElementVersions??=[]).push("4.2.2"),ft.litEl
           <slot class="tab-group__body" @slotchange=${this._syncTabsAndPanels}></slot>
         </div>
       </div>
-    `}}Rt.styles=[...Nt.styles,Lt],t([kt(".tab-group")],Rt.prototype,"_tabGroup",void 0),t([kt(".tab-group__body")],Rt.prototype,"_body",void 0),t([kt(".tab-group__nav")],Rt.prototype,"_nav",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"variant",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"orientation",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"density",void 0),t([(Mt={slot:"nav",flatten:!0},(t,e)=>{const{slot:s,selector:i}=Mt??{},n="slot"+(s?`[name=${s}]`:":not([name])");return Tt(t,e,{get(){const t=this.renderRoot?.querySelector(n),e=t?.assignedElements(Mt)??[];return void 0===i?e:e.filter(t=>t.matches(i))}})})],Rt.prototype,"_navSlot",void 0);
+    `}}Rt.styles=[...Nt.styles,Lt],t([kt(".tab-group")],Rt.prototype,"_tabGroup",void 0),t([kt(".tab-group__body")],Rt.prototype,"_body",void 0),t([kt(".tab-group__nav")],Rt.prototype,"_nav",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"variant",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"orientation",void 0),t([xt({type:String,reflect:!0})],Rt.prototype,"density",void 0),t([xt({type:Boolean,reflect:!0})],Rt.prototype,"fullWidth",void 0),t([(Mt={slot:"nav",flatten:!0},(t,e)=>{const{slot:s,selector:i}=Mt??{},n="slot"+(s?`[name=${s}]`:":not([name])");return Tt(t,e,{get(){const t=this.renderRoot?.querySelector(n),e=t?.assignedElements(Mt)??[];return void 0===i?e:e.filter(t=>t.matches(i))}})})],Rt.prototype,"_navSlot",void 0);
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const Dt=1;class It{constructor(t){}get _$isConnected(){return this._$parent._$isConnected}_$initialize(t,e,s){this.__part=t,this._$parent=e,this.__attributeIndex=s}_$resolve(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+const Wt=1;class Dt{constructor(t){}get _$isConnected(){return this._$parent._$isConnected}_$initialize(t,e,s){this.__part=t,this._$parent=e,this.__attributeIndex=s}_$resolve(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
 /**
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Wt=(jt=class extends It{constructor(t){if(super(t),t.type!==Dt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const s=t.element.classList;for(const t of this._previousClasses)t in e||(s.remove(t),this._previousClasses.delete(t));for(const t in e){const i=!!e[t];i===this._previousClasses.has(t)||this._staticClasses?.has(t)||(i?(s.add(t),this._previousClasses.add(t)):(s.remove(t),this._previousClasses.delete(t)))}return et}},(...t)=>({_$litDirective$:jt,values:t}));var jt,qt=o`.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let Ht=0;class Bt extends Nt{constructor(){super(...arguments),this.attrId=++Ht,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return Q`
+   */const It=(jt=class extends Dt{constructor(t){if(super(t),t.type!==Wt||"class"!==t.name||t.strings?.length>2)throw new Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this._previousClasses){this._previousClasses=new Set,void 0!==t.strings&&(this._staticClasses=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in e)e[t]&&!this._staticClasses?.has(t)&&this._previousClasses.add(t);return this.render(e)}const s=t.element.classList;for(const t of this._previousClasses)t in e||(s.remove(t),this._previousClasses.delete(t));for(const t in e){const i=!!e[t];i===this._previousClasses.has(t)||this._staticClasses?.has(t)||(i?(s.add(t),this._previousClasses.add(t)):(s.remove(t),this._previousClasses.delete(t)))}return et}},(...t)=>({_$litDirective$:jt,values:t}));var jt,qt=o`:host(:not([active])){display:none}.tab-panel{display:block}.tab-panel:not(.tab-panel--active){display:none}`;let Ht=0;class Bt extends Nt{constructor(){super(...arguments),this.attrId=++Ht,this.componentId=`sgds-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}_handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.inert=!this.active}render(){return Q`
       <slot
-        class=${Wt({"tab-panel":!0,"tab-panel--active":this.active})}
+        class=${It({"tab-panel":!0,"tab-panel--active":this.active})}
       ></slot>
-    `}}function Ft(t,e){customElements.get(t)||customElements.define(t,e)}Bt.styles=[...Nt.styles,qt],t([xt({reflect:!0})],Bt.prototype,"name",void 0),t([xt({type:Boolean,reflect:!0})],Bt.prototype,"active",void 0),t([Ut("active")],Bt.prototype,"_handleActiveChange",null),Ft("sgds-tab",zt),Ft("sgds-tab-group",Rt),Ft("sgds-tab-panel",Bt)});
+    `}}function Ft(t,e){customElements.get(t)||customElements.define(t,e)}Bt.styles=[...Nt.styles,qt],t([xt({reflect:!0})],Bt.prototype,"name",void 0),t([xt({type:Boolean,reflect:!0})],Bt.prototype,"active",void 0),t([Ut("active")],Bt.prototype,"_handleActiveChange",null),Ft("sgds-tab",Vt),Ft("sgds-tab-group",Rt),Ft("sgds-tab-panel",Bt)});
 //# sourceMappingURL=index.umd.min.js.map