@genesislcap/foundation-rapid-cdn 14.497.0 → 14.498.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -32,7 +32,7 @@ var Sc=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","a
|
|
|
32
32
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
33
33
|
PERFORMANCE OF THIS SOFTWARE.
|
|
34
34
|
***************************************************************************** */
|
|
35
|
-
function Fd(e,t,i,o){var c,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(s<3?c(n):s>3?c(t,i,n):c(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n}Kt.compose({baseName:"accordion-item",template:ot,styles:Dd,collapsedIcon:'\n <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M16.22 3H3.78a.78.78 0 00-.78.78v12.44c0 .43.35.78.78.78h12.44c.43 0 .78-.35.78-.78V3.78a.78.78 0 00-.78-.78zM3.78 2h12.44C17.2 2 18 2.8 18 3.78v12.44c0 .98-.8 1.78-1.78 1.78H3.78C2.8 18 2 17.2 2 16.22V3.78C2 2.8 2.8 2 3.78 2zM11 9h3v2h-3v3H9v-3H6V9h3V6h2v3z"\n />\n </svg>\n ',expandedIcon:'\n <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M3.78 3h12.44c.43 0 .78.35.78.78v12.44c0 .43-.35.78-.78.78H3.78a.78.78 0 01-.78-.78V3.78c0-.43.35-.78.78-.78zm12.44-1H3.78C2.8 2 2 2.8 2 3.78v12.44C2 17.2 2.8 18 3.78 18h12.44c.98 0 1.78-.8 1.78-1.78V3.78C18 2.8 17.2 2 16.22 2zM14 9H6v2h8V9z"\n />\n </svg>\n '}),Ei.compose({baseName:"accordion",template:Zt,styles:Rd});const _d="box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1)))), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))));",Hd=Ce` ${Qn("inline-flex")} :host{font-family: ${sr};outline: none;font-size: ${gr};line-height: ${vr};height: calc(${Id} * 1px);min-width: calc(${Id} * 1px);background-color: ${Ql};color: ${wd};border-radius: calc(${lr} * 1px);fill: currentcolor;cursor: pointer}.control{background: transparent;height: inherit;flex-grow: 1;box-sizing: border-box;display: inline-flex;justify-content: center;align-items: baseline;padding: 0 calc((10 + (${hr} * 2 * ${dr})) * 1px);white-space: nowrap;outline: none;text-decoration: none;border: calc(${pr} * 1px) solid transparent;color: inherit;border-radius: inherit;fill: inherit;cursor: inherit;font-weight: inherit;font-family: inherit;font-size: inherit;line-height: inherit}:host(:hover){background-color: ${Xl}}:host(:active){background-color: ${Jl}}.control:${Xn}{border-color: ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset}.control::-moz-focus-inner{border: 0}.start, .content, .end{align-self: center}.start, .end{display: flex}.control.icon-only{padding: 0;line-height: 0}::slotted(svg){${""} width: 16px;height: 16px;pointer-events: none}.start{margin-inline-end: 11px}.end{margin-inline-start: 11px}`.withBehaviors(Yn(Ce` :host .control{background-color: ${Si.ButtonFace};border-color: ${Si.ButtonText};color: ${Si.ButtonText};fill: currentColor}:host(:hover) .control{forced-color-adjust: none;background-color: ${Si.Highlight};color: ${Si.HighlightText}}.control:${Xn}{forced-color-adjust: none;background-color: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.ButtonText} inset;color: ${Si.HighlightText}}.control:hover, :host([appearance="outline"]) .control:hover{border-color: ${Si.ButtonText}}:host([href]) .control{border-color: ${Si.LinkText};color: ${Si.LinkText}}:host([href]) .control:hover, :host([href]) .control:${Xn}{forced-color-adjust: none;background: ${Si.ButtonFace};border-color: ${Si.LinkText};box-shadow: 0 0 0 1px ${Si.LinkText} inset;color: ${Si.LinkText};fill: currentColor}`)),Pd=Ce` :host([appearance="accent"]){background: ${El};color: ${Il}}:host([appearance="accent"]:hover){background: ${Nl};color: ${Dl}}:host([appearance="accent"]:active) .control:active{background: ${Al};color: ${Fl}}:host([appearance="accent"]) .control:${Xn}{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset, 0 0 0 calc((${mr} + ${pr}) * 1px) ${xd} inset}`.withBehaviors(Yn(Ce` :host([appearance="accent"]) .control{forced-color-adjust: none;background: ${Si.Highlight};color: ${Si.HighlightText}}:host([appearance="accent"]) .control:hover, :host([appearance="accent"]:active) .control:active{background: ${Si.HighlightText};border-color: ${Si.Highlight};color: ${Si.Highlight}}:host([appearance="accent"]) .control:${Xn}{border-color: ${Si.Highlight};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.HighlightText} inset}:host([appearance="accent"][href]) .control{background: ${Si.LinkText};color: ${Si.HighlightText}}:host([appearance="accent"][href]) .control:hover{background: ${Si.ButtonFace};border-color: ${Si.LinkText};box-shadow: none;color: ${Si.LinkText};fill: currentColor}:host([appearance="accent"][href]) .control:${Xn}{border-color: ${Si.LinkText};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.HighlightText} inset}`)),Vd=Ce` :host([appearance="hypertext"]){font-size: inherit;line-height: inherit;height: auto;min-width: 0;background: transparent}:host([appearance="hypertext"]) .control{display: inline;padding: 0;border: none;box-shadow: none;border-radius: 0;line-height: 1}:host a.control:not(:link){background-color: transparent;cursor: default}:host([appearance="hypertext"]) .control:link, :host([appearance="hypertext"]) .control:visited{background: transparent;color: ${Gl};border-bottom: calc(${pr} * 1px) solid ${Gl}}:host([appearance="hypertext"]:hover), :host([appearance="hypertext"]) .control:hover{background: transparent;border-bottom-color: ${Wl}}:host([appearance="hypertext"]:active), :host([appearance="hypertext"]) .control:active{background: transparent;border-bottom-color: ${Yl}}:host([appearance="hypertext"]) .control:${Xn}{border-bottom: calc(${mr} * 1px) solid ${yd};margin-bottom: calc(calc(${pr} - ${mr}) * 1px)}`.withBehaviors(Yn(Ce` :host([appearance="hypertext"]:hover){background-color: ${Si.ButtonFace};color: ${Si.ButtonText}}:host([appearance="hypertext"][href]) .control:hover, :host([appearance="hypertext"][href]) .control:active, :host([appearance="hypertext"][href]) .control:${Xn}{color: ${Si.LinkText};border-bottom-color: ${Si.LinkText};box-shadow: none}`)),Bd=Ce` :host([appearance="lightweight"]){background: transparent;color: ${Gl}}:host([appearance="lightweight"]) .control{padding: 0;height: initial;border: none;box-shadow: none;border-radius: 0}:host([appearance="lightweight"]:hover){background: transparent;color: ${Wl}}:host([appearance="lightweight"]:active){background: transparent;color: ${Yl}}:host([appearance="lightweight"]) .content{position: relative}:host([appearance="lightweight"]) .content::before{content: "";display: block;height: calc(${pr} * 1px);position: absolute;top: calc(1em + 4px);width: 100%}:host([appearance="lightweight"]:hover) .content::before{background: ${Wl}}:host([appearance="lightweight"]:active) .content::before{background: ${Yl}}:host([appearance="lightweight"]) .control:${Xn} .content::before{background: ${wd};height: calc(${mr} * 1px)}`.withBehaviors(Yn(Ce` :host([appearance="lightweight"]) .control:hover, :host([appearance="lightweight"]) .control:${Xn}{forced-color-adjust: none;background: ${Si.ButtonFace};color: ${Si.Highlight}}:host([appearance="lightweight"]) .control:hover .content::before, :host([appearance="lightweight"]) .control:${Xn} .content::before{background: ${Si.Highlight}}:host([appearance="lightweight"][href]) .control:hover, :host([appearance="lightweight"][href]) .control:${Xn}{background: ${Si.ButtonFace};box-shadow: none;color: ${Si.LinkText}}:host([appearance="lightweight"][href]) .control:hover .content::before, :host([appearance="lightweight"][href]) .control:${Xn} .content::before{background: ${Si.LinkText}}`)),Ud=Ce` :host([appearance="outline"]){background: transparent;border-color: ${El}}:host([appearance="outline"]:hover){border-color: ${Nl}}:host([appearance="outline"]:active){border-color: ${Al}}:host([appearance="outline"]) .control{border-color: inherit}:host([appearance="outline"]) .control:${Xn}{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset;border-color: ${yd}}`.withBehaviors(Yn(Ce` :host([appearance="outline"]) .control{border-color: ${Si.ButtonText}}:host([appearance="outline"]) .control:${Xn}{forced-color-adjust: none;background-color: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.ButtonText} inset;color: ${Si.HighlightText};fill: currentColor}:host([appearance="outline"][href]) .control{background: ${Si.ButtonFace};border-color: ${Si.LinkText};color: ${Si.LinkText};fill: currentColor}:host([appearance="outline"][href]) .control:hover, :host([appearance="outline"][href]) .control:${Xn}{forced-color-adjust: none;border-color: ${Si.LinkText};box-shadow: 0 0 0 1px ${Si.LinkText} inset}`)),jd=Ce` :host([appearance="stealth"]){background: ${ad}}:host([appearance="stealth"]:hover){background: ${rd}}:host([appearance="stealth"]:active){background: ${ld}}`.withBehaviors(Yn(Ce` :host([appearance="stealth"]), :host([appearance="stealth"]) .control{forced-color-adjust: none;background: ${Si.ButtonFace};border-color: transparent;color: ${Si.ButtonText};fill: currentColor}:host([appearance="stealth"]:hover) .control{background: ${Si.Highlight};border-color: ${Si.Highlight};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"]:${Xn}) .control{background: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"][href]) .control{color: ${Si.LinkText}}:host([appearance="stealth"][href]:hover) .control, :host([appearance="stealth"][href]:${Xn}) .control{background: ${Si.LinkText};border-color: ${Si.LinkText};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"][href]:${Xn}) .control{forced-color-adjust: none;box-shadow: 0 0 0 1px ${Si.LinkText}}`));class qd{constructor(e,t){this.cache=new WeakMap,this.ltr=e,this.rtl=t}bind(e){this.attach(e)}unbind(e){const t=this.cache.get(e);t&&ur.unsubscribe(t)}attach(e){const t=this.cache.get(e)||new Gd(this.ltr,this.rtl,e),i=ur.getValueFor(e);ur.subscribe(t),t.attach(i),this.cache.set(e,t)}}class Gd{constructor(e,t,i){this.ltr=e,this.rtl=t,this.source=i,this.attached=null}handleChange({target:e,token:t}){this.attach(t.getValueFor(e))}attach(e){this.attached!==this[e]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[e],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}function Wd(e,t){return new Kn("appearance",e,t)}const Yd=(e,t)=>Ce` ${Hd} `.withBehaviors(Wd("accent",Pd),Wd("hypertext",Vd),Wd("lightweight",Bd),Wd("outline",Ud),Wd("stealth",jd));class Kd extends Oi{appearanceChanged(e,t){this.$fastController.isConnected&&(this.classList.remove(e),this.classList.add(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(e,t){const i=this.defaultSlottedContent.filter(e=>e.nodeType===Node.ELEMENT_NODE);1===i.length&&i[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}Fd([re],Kd.prototype,"appearance",void 0),Kd.compose({baseName:"anchor",baseClass:Oi,template:Ni,styles:Yd,shadowOptions:{delegatesFocus:!0}});const Zd=(e,t)=>Ce` :host{contain: layout;display: block}`;Di.compose({baseName:"anchored-region",template:Ri,styles:Zd});const Qd=(e,t)=>Ce` ${Qn("flex")} :host{position: relative;height: var(--avatar-size, var(--avatar-size-default));max-width: var(--avatar-size, var(--avatar-size-default));--avatar-size-default: calc( ( (${nr} + ${dr}) * ${hr} + ((${hr} * 8) - 40) ) * 1px );--avatar-text-size: ${gr};--avatar-text-ratio: ${hr}}.link{text-decoration: none;color: ${wd};display: flex;flex-direction: row;justify-content: center;align-items: center;min-width: 100%}.square{border-radius: calc(${lr} * 1px);min-width: 100%;overflow: hidden}.circle{border-radius: 100%;min-width: 100%;overflow: hidden}.backplate{position: relative;display: flex}.media, ::slotted(img){max-width: 100%;position: absolute;display: block}.content{font-size: calc( (var(--avatar-text-size) + var(--avatar-size, var(--avatar-size-default))) / var(--avatar-text-ratio) );line-height: var(--avatar-size, var(--avatar-size-default));display: block;min-height: var(--avatar-size, var(--avatar-size-default))}::slotted(${e.tagFor(Wi)}){position: absolute;display: block}`.withBehaviors(new qd((e=>Ce` ::slotted(${e.tagFor(Wi)}){right: 0}`)(e),(e=>Ce` ::slotted(${e.tagFor(Wi)}){left: 0}`)(e)));class Xd extends qi{}Fd([re({attribute:"src"})],Xd.prototype,"imgSrc",void 0),Fd([re],Xd.prototype,"alt",void 0);const Jd=W` ${He(e=>e.imgSrc,W`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `;Xd.compose({baseName:"avatar",baseClass:qi,template:ji,styles:Qd,media:Jd,shadowOptions:{delegatesFocus:!0}});const eh=(e,t)=>Ce` ${Qn("inline-block")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${br};line-height: ${yr}}.control{border-radius: calc(${lr} * 1px);padding: calc(((${hr} * 0.5) - ${pr}) * 1px) calc((${hr} - ${pr}) * 1px);color: ${Gl};font-weight: 600;border: calc(${pr} * 1px) solid transparent}.control[style]{font-weight: 400}:host([circular]) .control{border-radius: 100px;padding: 0 calc(${hr} * 1px);height: calc((${Id} - (${hr} * 3)) * 1px);min-width: calc((${Id} - (${hr} * 3)) * 1px);display: flex;align-items: center;justify-content: center;box-sizing: border-box}`;Wi.compose({baseName:"badge",template:Gi,styles:eh});const th=(e,t)=>Ce` ${Qn("inline-flex")} :host{background: transparent;box-sizing: border-box;font-family: ${sr};font-size: ${gr};fill: currentColor;line-height: ${vr};min-width: calc(${Id} * 1px);outline: none;color: ${wd}}.listitem{display: flex;align-items: center;width: max-content}.separator{margin: 0 6px;display: flex}.control{align-items: center;box-sizing: border-box;color: ${Gl};cursor: pointer;display: flex;fill: inherit;outline: none;text-decoration: none;white-space: nowrap}.control:hover{color: ${Wl}}.control:active{color: ${Yl}}.control .content{position: relative}.control .content::before{content: "";display: block;height: calc(${pr} * 1px);left: 0;position: absolute;right: 0;top: calc(1em + 4px);width: 100%}.control:hover .content::before{background: ${Wl}}.control:active .content::before{background: ${Yl}}.control:${Xn} .content::before{background: ${wd};height: calc(${mr} * 1px)}.control:not([href]){color: ${wd};cursor: default}.control:not([href]) .content::before{background: none}.start, .end{display: flex}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-end: 6px}.end{margin-inline-start: 6px}`.withBehaviors(Yn(Ce` .control:hover .content::before, .control:${Xn} .content::before{background: ${Si.LinkText}}.start, .end{fill: ${Si.ButtonText}}`));Ki.compose({baseName:"breadcrumb-item",template:Yi,styles:th,separator:"/",shadowOptions:{delegatesFocus:!0}});const ih=(e,t)=>Ce` ${Qn("inline-block")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr}}.list{display: flex;flex-wrap: wrap}`;Qi.compose({baseName:"breadcrumb",template:Zi,styles:ih});const oh=(e,t)=>Ce` :host([disabled]), :host([disabled]:hover), :host([disabled]:active){opacity: ${fr};background-color: ${Ql};cursor: ${Zn}}${Hd} `.withBehaviors(Yn(Ce` :host([disabled]), :host([disabled]) .control, :host([disabled]:hover), :host([disabled]:active){forced-color-adjust: none;background-color: ${Si.ButtonFace};border-color: ${Si.GrayText};color: ${Si.GrayText};cursor: ${Zn};opacity: 1}`),Wd("accent",Ce` :host([appearance="accent"][disabled]), :host([appearance="accent"][disabled]:hover), :host([appearance="accent"][disabled]:active){background: ${El}}${Pd} `.withBehaviors(Yn(Ce` :host([appearance="accent"][disabled]) .control, :host([appearance="accent"][disabled]) .control:hover{background: ${Si.ButtonFace};border-color: ${Si.GrayText};color: ${Si.GrayText}}`))),Wd("lightweight",Ce` :host([appearance="lightweight"][disabled]:hover), :host([appearance="lightweight"][disabled]:active){background-color: transparent;color: ${Gl}}:host([appearance="lightweight"][disabled]) .content::before, :host([appearance="lightweight"][disabled]:hover) .content::before, :host([appearance="lightweight"][disabled]:active) .content::before{background: transparent}${Bd} `.withBehaviors(Yn(Ce` :host([appearance="lightweight"].disabled) .control{forced-color-adjust: none;color: ${Si.GrayText}}:host([appearance="lightweight"].disabled) .control:hover .content::before{background: none}`))),Wd("outline",Ce` :host([appearance="outline"][disabled]), :host([appearance="outline"][disabled]:hover), :host([appearance="outline"][disabled]:active){background: transparent;border-color: ${El}}${Ud} `.withBehaviors(Yn(Ce` :host([appearance="outline"][disabled]) .control{border-color: ${Si.GrayText}}`))),Wd("stealth",Ce` :host([appearance="stealth"][disabled]), :host([appearance="stealth"][disabled]:hover), :host([appearance="stealth"][disabled]:active){background: ${ad}}${jd} `.withBehaviors(Yn(Ce` :host([appearance="stealth"][disabled]){background: ${Si.ButtonFace}}:host([appearance="stealth"][disabled]) .control{background: ${Si.ButtonFace};border-color: transparent;color: ${Si.GrayText}}`))));class ch extends ao{constructor(){super(...arguments),this.appearance="neutral"}defaultSlottedContentChanged(e,t){const i=this.defaultSlottedContent.filter(e=>e.nodeType===Node.ELEMENT_NODE);1===i.length&&i[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}Fd([re],ch.prototype,"appearance",void 0),ch.compose({baseName:"button",baseClass:ao,template:Xi,styles:oh,shadowOptions:{delegatesFocus:!0}});const sh=Ce` ${Qn("block")} :host{--cell-border: none;--cell-height: calc(${Id} * 1px);--selected-day-outline: 1px solid ${Yl};--selected-day-color: ${Yl};--selected-day-background: ${Ql};--cell-padding: calc(${hr} * 1px);--disabled-day-opacity: ${fr};--inactive-day-opacity: ${fr};font-family: ${sr};font-size: ${gr};line-height: ${vr};color: ${wd}}.title{font-size: ${Sr};line-height: ${kr};padding: var(--cell-padding);text-align: center}.week-days, .week{display: grid;grid-template-columns: repeat(7, 1fr);border-left: var(--cell-border, none);border-bottom: none;padding: 0}.interact .week{grid-gap: calc(${hr} * 1px);margin-top: calc(${hr} * 1px)}.day, .week-day{border-bottom: var(--cell-border);border-right: var(--cell-border);padding: var(--cell-padding)}.week-day{text-align: center;border-radius: 0;border-top: var(--cell-border)}.day{box-sizing: border-box;vertical-align: top;outline-offset: -1px;line-height: var(--cell-line-height);white-space: normal}.interact .day{background: ${Ql};cursor: pointer}.day.inactive{background: var(--inactive-day-background);color: var(--inactive-day-color);opacity: var(--inactive-day-opacity);outline: var(--inactive-day-outline)}.day.disabled{background: var(--disabled-day-background);color: var(--disabled-day-color);cursor: ${Zn};opacity: var(--disabled-day-opacity);outline: var(--disabled-day-outline)}.day.selected{color: var(--selected-day-color);background: var(--selected-day-background);outline: var(--selected-day-outline)}.date{padding: var(--cell-padding);text-align: center}.interact .today, .today{color: ${Fl};background: ${Yl}}.today.inactive .date{background: transparent;color: inherit;width: auto}`.withBehaviors(Yn(Ce` :host{--selected-day-outline: 1px solid ${Si.Highlight}}.day, .week-day{background: ${Si.Canvas};color: ${Si.CanvasText};fill: currentcolor}.day.selected{color: ${Si.Highlight}}.today .date{background: ${Si.Highlight};color: ${Si.HighlightText}}`));ho.compose({baseName:"calendar",template:Oo,styles:sh,title:Eo});const nh=(e,t)=>Ce` ${Qn("block")} :host{--elevation: 4;display: block;contain: content;height: var(--card-height, 100%);width: var(--card-width, 100%);box-sizing: border-box;background: ${Sl};border-radius: calc(${lr} * 1px);${_d}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;background: ${Si.Canvas};box-shadow: 0 0 0 1px ${Si.CanvasText}}`));class ah extends Ro{connectedCallback(){super.connectedCallback();const e=ec(this);e&&Sl.setValueFor(this,t=>gd.getValueFor(t).evaluate(t,Sl.getValueFor(e)))}}ah.compose({baseName:"card",baseClass:Ro,template:To,styles:nh});const rh=(e,t)=>Ce` ${Qn("inline-flex")} :host{align-items: center;outline: none;margin: calc(${hr} * 1px) 0;/* Chromium likes to select label text or the default slot when the checkbox is clicked. Maybe there is a better solution here? */ user-select: none}.control{position: relative;width: calc((${Id} / 2 + ${hr}) * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);box-sizing: border-box;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${kd};background: ${id};outline: none;cursor: pointer}.label{font-family: ${sr};color: ${wd};padding-inline-start: calc(${hr} * 2px + 2px);margin-inline-end: calc(${hr} * 2px + 2px);cursor: pointer;font-size: ${gr};line-height: ${vr}}.label__hidden{display: none;visibility: hidden}.checked-indicator{width: 100%;height: 100%;display: block;fill: ${Il};opacity: 0;pointer-events: none}.indeterminate-indicator{border-radius: calc(${lr} * 1px);background: ${Il};position: absolute;top: 50%;left: 50%;width: 50%;height: 50%;transform: translate(-50%, -50%);opacity: 0}:host(:not([disabled])) .control:hover{background: ${od};border-color: ${$d}}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([aria-checked="true"]) .control{background: ${El};border: calc(${pr} * 1px) solid ${El}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Nl};border: calc(${pr} * 1px) solid ${Nl}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:hover .indeterminate-indicator{background: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Al};border: calc(${pr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{fill: ${Fl}}:host([aria-checked="true"]:not([disabled])) .control:active .indeterminate-indicator{background: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([aria-checked="true"]:not(.indeterminate)) .checked-indicator, :host(.indeterminate) .indeterminate-indicator{opacity: 1}:host([disabled]){opacity: ${fr}}`.withBehaviors(Yn(Ce` .control{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.Field}}.checked-indicator{fill: ${Si.FieldText}}.indeterminate-indicator{background: ${Si.FieldText}}:host(:not([disabled])) .control:hover, .control:active{border-color: ${Si.Highlight};background: ${Si.Field}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]) .control{background: ${Si.Highlight};border-color: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover, .control:active{border-color: ${Si.Highlight};background: ${Si.HighlightText}}:host([aria-checked="true"]) .checked-indicator{fill: ${Si.HighlightText}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Si.Highlight}}:host([aria-checked="true"]) .indeterminate-indicator{background: ${Si.HighlightText}}:host([aria-checked="true"]) .control:hover .indeterminate-indicator{background: ${Si.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .control{forced-color-adjust: none;border-color: ${Si.GrayText};background: ${Si.Field}}:host([disabled]) .indeterminate-indicator, :host([aria-checked="true"][disabled]) .control:hover .indeterminate-indicator{forced-color-adjust: none;background: ${Si.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{forced-color-adjust: none;fill: ${Si.GrayText}}`));_o.compose({baseName:"checkbox",template:Io,styles:rh,checkedIndicator:'\n <svg\n part="checked-indicator"\n class="checked-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',indeterminateIndicator:'\n <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n '});const lh=(e,t)=>{const i=e.tagFor(Po),o=e.name===e.tagFor(Xc)?"":".listbox";return Ce` ${o?"":Qn("inline-flex")} :host ${o}{background: ${Sl};border: calc(${pr} * 1px) solid ${kd};border-radius: calc(${lr} * 1px);box-sizing: border-box;flex-direction: column;padding: calc(${hr} * 1px) 0}${o?"":Ce` :host(:focus-within:not([disabled])){border-color: ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset}:host([disabled]) ::slotted(*){cursor: ${Zn};opacity: ${fr};pointer-events: none}`} ${o||":host([size])"}{max-height: calc( (var(--size) * ${Id} + (${hr} * ${pr} * 2)) * 1px );overflow-y: auto}:host([size="0"]) ${o}{max-height: none}`.withBehaviors(Yn(Ce` :host(:not([multiple]):${Xn}) ::slotted(${i}[aria-selected="true"]), :host([multiple]:${Xn}) ::slotted(${i}[aria-checked="true"]){border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText}}:host(:not([multiple]):${Xn}) ::slotted(${i}[aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText};fill: currentcolor}::slotted(${i}[aria-selected="true"]:not([aria-checked="true"])){background: ${Si.Highlight};border-color: ${Si.HighlightText};color: ${Si.HighlightText}}`))},dh=(e,t)=>{const i=e.name===e.tagFor(js);return Ce` ${Qn("inline-flex")} :host{--elevation: 14;background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};box-sizing: border-box;color: ${wd};font-family: ${sr};height: calc(${Id} * 1px);position: relative;user-select: none;min-width: 250px;outline: none;vertical-align: top}${i?Ce` :host(:not([aria-haspopup])){--elevation: 0;border: 0;height: auto;min-width: 0}`:""} ${lh(e)} :host .listbox{${_d} border: none;display: flex;left: 0;position: absolute;width: 100%;z-index: 1}.control + .listbox{--stroke-size: calc(${hr} * ${pr} * 2);max-height: calc( (var(--listbox-max-height) * ${Id} + var(--stroke-size)) * 1px )}${i?Ce` :host(:not([aria-haspopup])) .listbox{left: auto;position: static;z-index: auto}`:""} .listbox[hidden]{display: none}.control{align-items: center;box-sizing: border-box;cursor: pointer;display: flex;font-size: ${gr};font-family: inherit;line-height: ${vr};min-height: 100%;padding: 0 calc(${hr} * 2.25px);width: 100%}:host(:not([disabled]):hover){background: ${od};border-color: ${Nl}}:host(:${Xn}){border-color: ${yd}}:host(:not([size]):not([multiple]):not([open]):${Xn}), :host([multiple]:${Xn}), :host([size]:${Xn}){box-shadow: 0 0 0 calc(${mr} * 1px) ${yd}}:host(:not([multiple]):not([size]):${Xn}) ::slotted(${e.tagFor(Po)}[aria-selected="true"]:not([disabled])){box-shadow: 0 0 0 calc(${mr} * 1px) inset ${xd};border-color: ${yd};background: ${Ol};color: ${_l}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]) .control{cursor: ${Zn};user-select: none}:host([disabled]:hover){background: ${ad};color: ${wd};fill: currentcolor}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Al};border-radius: calc(${lr} * 1px)}:host([open][position="above"]) .listbox{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;bottom: calc(${Id} * 1px)}:host([open][position="below"]) .listbox{border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;top: calc(${Id} * 1px)}.selected-value{flex: 1 1 auto;font-family: inherit;min-width: calc(var(--listbox-scroll-width, 0) - (${hr} * 4) * 1px);overflow: hidden;text-align: start;text-overflow: ellipsis;white-space: nowrap}.indicator{flex: 0 0 auto;margin-inline-start: 1em}slot[name="listbox"]{display: none;width: 100%}:host([open]) slot[name="listbox"]{display: flex;position: absolute;${_d}}.end{margin-inline-start: auto}.start, .end, .indicator, .select-indicator, ::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ fill: currentcolor;height: 1em;min-height: calc(${hr} * 4px);min-width: calc(${hr} * 4px);width: 1em}::slotted([role="option"]), ::slotted(option){flex: 0 0 auto}`.withBehaviors(Yn(Ce` :host(:not([disabled]):hover), :host(:not([disabled]):active){border-color: ${Si.Highlight}}:host(:not([disabled]):${Xn}){background-color: ${Si.ButtonFace};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.Highlight};color: ${Si.ButtonText};fill: currentcolor;forced-color-adjust: none}:host(:not([disabled]):${Xn}) .listbox{background: ${Si.ButtonFace}}:host([disabled]){border-color: ${Si.GrayText};background-color: ${Si.ButtonFace};color: ${Si.GrayText};fill: currentcolor;opacity: 1;forced-color-adjust: none}:host([disabled]:hover){background: ${Si.ButtonFace}}:host([disabled]) .control{color: ${Si.GrayText};border-color: ${Si.GrayText}}:host([disabled]) .control .select-indicator{fill: ${Si.GrayText}}:host(:${Xn}) ::slotted([aria-selected="true"][role="option"]), :host(:${Xn}) ::slotted(option[aria-selected="true"]), :host(:${Xn}) ::slotted([aria-selected="true"][role="option"]:not([disabled])){background: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText};color: ${Si.HighlightText};fill: currentcolor}.start, .end, .indicator, .select-indicator, ::slotted(svg){color: ${Si.ButtonText};fill: currentcolor}`))},hh=(e,t)=>Ce` ${dh(e)} :host(:empty) .listbox{display: none}:host([disabled]) *, :host([disabled]){cursor: ${Zn};user-select: none}.selected-value{-webkit-appearance: none;background: transparent;border: none;color: inherit;font-size: ${gr};line-height: ${vr};height: calc(100% - (${pr} * 1px));margin: auto 0;width: 100%}.selected-value:hover, .selected-value:${Xn}, .selected-value:disabled, .selected-value:active{outline: none}`;class uh extends Xo{maxHeightChanged(e,t){this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=Math.floor(this.maxHeight/Td.getValueFor(this)).toString();this.computedStylesheet=Ce` :host{--listbox-max-height: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}uh.compose({baseName:"combobox",baseClass:Xo,template:(e,t)=>W`<template aria-disabled="${e=>e.ariaDisabled}" autocomplete="${e=>e.autocomplete}" class="${e=>e.open?"open":""} ${e=>e.disabled?"disabled":""} ${e=>e.position}" ?open="${e=>e.open}" tabindex="${e=>e.disabled?null:"0"}" @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control">${et(0,t)}<slot name="control"><input aria-activedescendant="${e=>e.open?e.ariaActiveDescendant:null}" aria-autocomplete="${e=>e.ariaAutoComplete}" aria-controls="${e=>e.ariaControls}" aria-disabled="${e=>e.ariaDisabled}" aria-expanded="${e=>e.ariaExpanded}" aria-haspopup="listbox" class="selected-value" part="selected-value" placeholder="${e=>e.placeholder}" role="combobox" type="text" ?disabled="${e=>e.disabled}" :value="${e=>e.value}" @input="${(e,t)=>e.inputHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}" ${Ie("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${Je(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Ie("listbox")}><slot ${Ke({filter:Bo.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:hh,shadowOptions:{delegatesFocus:!0},indicator:'\n <svg\n class="select-indicator"\n part="select-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '});const fh=(e,t)=>Ce` :host{display: flex;position: relative;flex-direction: column}`,ph=(e,t)=>Ce` :host{display: grid;padding: 1px 0;box-sizing: border-box;width: 100%;border-bottom: calc(${pr} * 1px) solid ${Od}}:host(.header){}:host(.sticky-header){background: ${Ql};position: sticky;top: 0}`,mh=(e,t)=>Ce` :host{padding: calc(${hr} * 1px) calc(${hr} * 3px);color: ${wd};box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};font-weight: 400;border: transparent calc(${mr} * 1px) solid;overflow: hidden;white-space: nowrap;border-radius: calc(${lr} * 1px)}:host(.column-header){font-weight: 600}:host(:${Xn}){border: ${yd} calc(${mr} * 1px) solid;outline: none;color: ${wd}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;background: ${Si.Field};color: ${Si.FieldText}}:host(:${Xn}){border-color: ${Si.FieldText};box-shadow: 0 0 0 2px inset ${Si.Field};color: ${Si.FieldText}}`));So.compose({baseName:"data-grid-cell",template:$o,styles:mh}),xo.compose({baseName:"data-grid-row",template:ko,styles:ph}),Lo.compose({baseName:"data-grid",template:Co,styles:fh});const gh={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=Fa(e);return t?Va.create(t.r,t.g,t.b):null}},vh=Ce` :host{background-color: ${Sl};color: ${wd}}`.withBehaviors(Yn(Ce` :host{background-color: ${Si.ButtonFace};box-shadow: 0 0 0 1px ${Si.CanvasText};color: ${Si.ButtonText}}`));function bh(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}class yh extends qt{constructor(){super(),this.noPaint=!1;const e={handleChange:this.noPaintChanged.bind(this)};m.getNotifier(this).subscribe(e,"fillColor"),m.getNotifier(this).subscribe(e,"baseLayerLuminance")}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(vh):this.$fastController.addStyles(vh)}}Fd([re({attribute:"no-paint",mode:"boolean"})],yh.prototype,"noPaint",void 0),Fd([re({attribute:"fill-color",converter:gh}),bh(Sl)],yh.prototype,"fillColor",void 0),Fd([re({attribute:"accent-color",converter:gh,mode:"fromView"}),bh(ul)],yh.prototype,"accentColor",void 0),Fd([re({attribute:"neutral-color",converter:gh,mode:"fromView"}),bh(dl)],yh.prototype,"neutralColor",void 0),Fd([re({converter:ne}),bh(dr)],yh.prototype,"density",void 0),Fd([re({attribute:"design-unit",converter:ne}),bh(hr)],yh.prototype,"designUnit",void 0),Fd([re({attribute:"direction"}),bh(ur)],yh.prototype,"direction",void 0),Fd([re({attribute:"base-height-multiplier",converter:ne}),bh(nr)],yh.prototype,"baseHeightMultiplier",void 0),Fd([re({attribute:"base-horizontal-spacing-multiplier",converter:ne}),bh(ar)],yh.prototype,"baseHorizontalSpacingMultiplier",void 0),Fd([re({attribute:"control-corner-radius",converter:ne}),bh(lr)],yh.prototype,"controlCornerRadius",void 0),Fd([re({attribute:"stroke-width",converter:ne}),bh(pr)],yh.prototype,"strokeWidth",void 0),Fd([re({attribute:"focus-stroke-width",converter:ne}),bh(mr)],yh.prototype,"focusStrokeWidth",void 0),Fd([re({attribute:"disabled-opacity",converter:ne}),bh(fr)],yh.prototype,"disabledOpacity",void 0),Fd([re({attribute:"type-ramp-minus-2-font-size"}),bh(zr)],yh.prototype,"typeRampMinus2FontSize",void 0),Fd([re({attribute:"type-ramp-minus-2-line-height"}),bh(xr)],yh.prototype,"typeRampMinus2LineHeight",void 0),Fd([re({attribute:"type-ramp-minus-1-font-size"}),bh(br)],yh.prototype,"typeRampMinus1FontSize",void 0),Fd([re({attribute:"type-ramp-minus-1-line-height"}),bh(yr)],yh.prototype,"typeRampMinus1LineHeight",void 0),Fd([re({attribute:"type-ramp-base-font-size"}),bh(gr)],yh.prototype,"typeRampBaseFontSize",void 0),Fd([re({attribute:"type-ramp-base-line-height"}),bh(vr)],yh.prototype,"typeRampBaseLineHeight",void 0),Fd([re({attribute:"type-ramp-plus-1-font-size"}),bh(Cr)],yh.prototype,"typeRampPlus1FontSize",void 0),Fd([re({attribute:"type-ramp-plus-1-line-height"}),bh(Lr)],yh.prototype,"typeRampPlus1LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-2-font-size"}),bh(Mr)],yh.prototype,"typeRampPlus2FontSize",void 0),Fd([re({attribute:"type-ramp-plus-2-line-height"}),bh(wr)],yh.prototype,"typeRampPlus2LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-3-font-size"}),bh(Sr)],yh.prototype,"typeRampPlus3FontSize",void 0),Fd([re({attribute:"type-ramp-plus-3-line-height"}),bh(kr)],yh.prototype,"typeRampPlus3LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-4-font-size"}),bh($r)],yh.prototype,"typeRampPlus4FontSize",void 0),Fd([re({attribute:"type-ramp-plus-4-line-height"}),bh(Er)],yh.prototype,"typeRampPlus4LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-5-font-size"}),bh(Nr)],yh.prototype,"typeRampPlus5FontSize",void 0),Fd([re({attribute:"type-ramp-plus-5-line-height"}),bh(Ar)],yh.prototype,"typeRampPlus5LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-6-font-size"}),bh(Or)],yh.prototype,"typeRampPlus6FontSize",void 0),Fd([re({attribute:"type-ramp-plus-6-line-height"}),bh(Tr)],yh.prototype,"typeRampPlus6LineHeight",void 0),Fd([re({attribute:"accent-fill-rest-delta",converter:ne}),bh(Rr)],yh.prototype,"accentFillRestDelta",void 0),Fd([re({attribute:"accent-fill-hover-delta",converter:ne}),bh(Ir)],yh.prototype,"accentFillHoverDelta",void 0),Fd([re({attribute:"accent-fill-active-delta",converter:ne}),bh(Dr)],yh.prototype,"accentFillActiveDelta",void 0),Fd([re({attribute:"accent-fill-focus-delta",converter:ne}),bh(Fr)],yh.prototype,"accentFillFocusDelta",void 0),Fd([re({attribute:"accent-foreground-rest-delta",converter:ne}),bh(_r)],yh.prototype,"accentForegroundRestDelta",void 0),Fd([re({attribute:"accent-foreground-hover-delta",converter:ne}),bh(Hr)],yh.prototype,"accentForegroundHoverDelta",void 0),Fd([re({attribute:"accent-foreground-active-delta",converter:ne}),bh(Pr)],yh.prototype,"accentForegroundActiveDelta",void 0),Fd([re({attribute:"accent-foreground-focus-delta",converter:ne}),bh(Vr)],yh.prototype,"accentForegroundFocusDelta",void 0),Fd([re({attribute:"neutral-fill-rest-delta",converter:ne}),bh(Br)],yh.prototype,"neutralFillRestDelta",void 0),Fd([re({attribute:"neutral-fill-hover-delta",converter:ne}),bh(Ur)],yh.prototype,"neutralFillHoverDelta",void 0),Fd([re({attribute:"neutral-fill-active-delta",converter:ne}),bh(jr)],yh.prototype,"neutralFillActiveDelta",void 0),Fd([re({attribute:"neutral-fill-focus-delta",converter:ne}),bh(qr)],yh.prototype,"neutralFillFocusDelta",void 0),Fd([re({attribute:"neutral-fill-input-rest-delta",converter:ne}),bh(Gr)],yh.prototype,"neutralFillInputRestDelta",void 0),Fd([re({attribute:"neutral-fill-input-hover-delta",converter:ne}),bh(Wr)],yh.prototype,"neutralFillInputHoverDelta",void 0),Fd([re({attribute:"neutral-fill-input-active-delta",converter:ne}),bh(Yr)],yh.prototype,"neutralFillInputActiveDelta",void 0),Fd([re({attribute:"neutral-fill-input-focus-delta",converter:ne}),bh(Kr)],yh.prototype,"neutralFillInputFocusDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-rest-delta",converter:ne}),bh(Zr)],yh.prototype,"neutralFillStealthRestDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-hover-delta",converter:ne}),bh(Qr)],yh.prototype,"neutralFillStealthHoverDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-active-delta",converter:ne}),bh(Xr)],yh.prototype,"neutralFillStealthActiveDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-focus-delta",converter:ne}),bh(Jr)],yh.prototype,"neutralFillStealthFocusDelta",void 0),Fd([re({attribute:"neutral-fill-strong-hover-delta",converter:ne}),bh(tl)],yh.prototype,"neutralFillStrongHoverDelta",void 0),Fd([re({attribute:"neutral-fill-strong-active-delta",converter:ne}),bh(il)],yh.prototype,"neutralFillStrongActiveDelta",void 0),Fd([re({attribute:"neutral-fill-strong-focus-delta",converter:ne}),bh(ol)],yh.prototype,"neutralFillStrongFocusDelta",void 0),Fd([re({attribute:"base-layer-luminance",converter:ne}),bh(rr)],yh.prototype,"baseLayerLuminance",void 0),Fd([re({attribute:"neutral-fill-layer-rest-delta",converter:ne}),bh(cl)],yh.prototype,"neutralFillLayerRestDelta",void 0),Fd([re({attribute:"neutral-stroke-divider-rest-delta",converter:ne}),bh(ll)],yh.prototype,"neutralStrokeDividerRestDelta",void 0),Fd([re({attribute:"neutral-stroke-rest-delta",converter:ne}),bh(sl)],yh.prototype,"neutralStrokeRestDelta",void 0),Fd([re({attribute:"neutral-stroke-hover-delta",converter:ne}),bh(nl)],yh.prototype,"neutralStrokeHoverDelta",void 0),Fd([re({attribute:"neutral-stroke-active-delta",converter:ne}),bh(al)],yh.prototype,"neutralStrokeActiveDelta",void 0),Fd([re({attribute:"neutral-stroke-focus-delta",converter:ne}),bh(rl)],yh.prototype,"neutralStrokeFocusDelta",void 0);yh.compose({baseName:"design-system-provider",template:(e,t)=>W`<slot></slot>`,styles:(e,t)=>Ce` ${Qn("block")}`});Hc.compose({baseName:"dialog",template:(e,t)=>W`<div class="positioning-region" part="positioning-region">${He(e=>e.modal,W`<div class="overlay" part="overlay" role="presentation" @click="${e=>e.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${e=>e.modal}" aria-describedby="${e=>e.ariaDescribedby}" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" ${Ie("dialog")}><slot></slot></div></div>`,styles:(e,t)=>Ce` :host([hidden]){display: none}:host{--elevation: 14;--dialog-height: 480px;--dialog-width: 640px;display: block}.overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);touch-action: none}.positioning-region{display: flex;justify-content: center;position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow: auto}.control{${_d} margin-top: auto;margin-bottom: auto;width: var(--dialog-width);height: var(--dialog-height);background-color: ${Sl};z-index: 1;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid transparent}`});const zh=(e,t)=>Ce` .disclosure{transition: height 0.35s}.disclosure .invoker::-webkit-details-marker{display: none}.disclosure .invoker{list-style-type: none}:host([appearance="accent"]) .invoker{background: ${El};color: ${Il};font-family: ${sr};font-size: ${gr};border-radius: calc(${lr} * 1px);outline: none;cursor: pointer;margin: 16px 0;padding: 12px;max-width: max-content}:host([appearance="accent"]) .invoker:active{background: ${Al};color: ${Fl}}:host([appearance="accent"]) .invoker:hover{background: ${Nl};color: ${Dl}}:host([appearance="lightweight"]) .invoker{background: transparent;color: ${Gl};border-bottom: calc(${pr} * 1px) solid ${Gl};cursor: pointer;width: max-content;margin: 16px 0}:host([appearance="lightweight"]) .invoker:active{border-bottom-color: ${Yl}}:host([appearance="lightweight"]) .invoker:hover{border-bottom-color: ${Wl}}.disclosure[open] .invoker ~ *{animation: fadeIn 0.5s ease-in-out}@keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}`;class xh extends Uc{constructor(){super(...arguments),this.height=0,this.totalHeight=0}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="accent")}appearanceChanged(e,t){e!==t&&(this.classList.add(t),this.classList.remove(e))}onToggle(){super.onToggle(),this.details.style.setProperty("height",`${this.disclosureHeight}px`)}setup(){super.setup();const e=()=>this.details.getBoundingClientRect().height;this.show(),this.totalHeight=e(),this.hide(),this.height=e(),this.expanded&&this.show()}get disclosureHeight(){return this.expanded?this.totalHeight:this.height}}Fd([re],xh.prototype,"appearance",void 0),xh.compose({baseName:"disclosure",baseClass:Uc,template:Bc,styles:zh});const Ch=(e,t)=>Ce` ${Qn("block")} :host{box-sizing: content-box;height: 0;margin: calc(${hr} * 1px) 0;border-top: calc(${pr} * 1px) solid ${Od};border-left: none}:host([orientation="vertical"]){height: 100%;margin: 0 calc(${hr} * 1px);border-top: none;border-left: calc(${pr} * 1px) solid ${Od}}`;Gc.compose({baseName:"divider",template:jc,styles:Ch});const Lh=(e,t)=>Ce` ${Qn("inline-flex")} :host{width: calc(${Id} * 1px);height: calc(${Id} * 1px);justify-content: center;align-items: center;margin: 0;position: relative;fill: currentcolor;color: ${Il};background: transparent;outline: none;border: none;padding: 0}:host::before{content: "";background: ${El};border: calc(${pr} * 1px) solid ${El};border-radius: 50%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;transition: all 0.1s ease-in-out}.next, .previous{position: relative;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;display: grid}:host([disabled]){opacity: ${fr};cursor: ${Zn};fill: currentcolor;color: ${wd};pointer-events: none}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]:active)::before{background: ${ad};border-color: ${kd}}:host(:hover){color: ${Dl}}:host(:hover)::before{background: ${Nl};border-color: ${Nl}}:host(:active){color: ${Fl}}:host(:active)::before{background: ${Al};border-color: ${Al}}:host(:${Xn}){outline: none}:host(:${Xn})::before{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset, 0 0 0 calc((${mr} + ${pr}) * 1px) ${xd} inset;border-color: ${yd}}:host::-moz-focus-inner{border: 0}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas}}:host .next, :host .previous{color: ${Si.ButtonText};fill: currentcolor}:host::before{background: ${Si.Canvas};border-color: ${Si.ButtonText}}:host(:hover)::before{forced-color-adjust: none;background: ${Si.Highlight};border-color: ${Si.ButtonText};opacity: 1}:host(:hover) .next, :host(:hover) .previous{forced-color-adjust: none;color: ${Si.HighlightText};fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]) .next, :host([disabled]) .previous{forced-color-adjust: none;background: ${Si.Canvas};border-color: ${Si.GrayText};color: ${Si.GrayText};fill: ${Si.GrayText}}:host(:${Xn})::before{forced-color-adjust: none;border-color: ${Si.Highlight};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.Highlight} inset}`));Zc.compose({baseName:"flipper",template:Kc,styles:Lh,next:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n />\n </svg>\n ',previous:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z"\n />\n </svg>\n '});const Mh=Ce` .scroll-prev{right: auto;left: 0}.scroll.scroll-next::before, .scroll-next .scroll-action{left: auto;right: 0}.scroll.scroll-next::before{background: linear-gradient(to right, transparent, var(--scroll-fade-next))}.scroll-next .scroll-action{transform: translate(50%, -50%)}`,wh=Ce` .scroll.scroll-next{right: auto;left: 0}.scroll.scroll-next::before{background: linear-gradient(to right, var(--scroll-fade-next), transparent);left: auto;right: 0}.scroll.scroll-prev::before{background: linear-gradient(to right, transparent, var(--scroll-fade-previous))}.scroll-prev .scroll-action{left: auto;right: 0;transform: translate(50%, -50%)}`,Sh=Ce` .scroll-area{position: relative}div.scroll-view{overflow-x: hidden}.scroll{bottom: 0;pointer-events: none;position: absolute;right: 0;top: 0;user-select: none;width: 100px}.scroll.disabled{display: none}.scroll::before, .scroll-action{left: 0;position: absolute}.scroll::before{background: linear-gradient(to right, var(--scroll-fade-previous), transparent);content: "";display: block;height: 100%;width: 100%}.scroll-action{pointer-events: auto;right: auto;top: 50%;transform: translate(-50%, -50%)}`.withBehaviors(new qd(Mh,wh)),kh=(e,t)=>Ce` ${Qn("block")} :host{--scroll-align: center;--scroll-item-spacing: 5px;contain: layout;position: relative}.scroll-view{overflow-x: auto;scrollbar-width: none}::-webkit-scrollbar{display: none}.content-container{align-items: var(--scroll-align);display: inline-flex;flex-wrap: nowrap;position: relative}.content-container ::slotted(*){margin-right: var(--scroll-item-spacing)}.content-container ::slotted(*:last-child){margin-right: 0}`;class $h extends Is{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Sh)}}$h.compose({baseName:"horizontal-scroll",baseClass:Is,template:Ds,styles:kh,nextFlipper:e=>W`<${e.tagFor(Zc)}@click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Zc)}>`,previousFlipper:e=>W`<${e.tagFor(Zc)}@click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Zc)}>`});const Eh=(e,t)=>Ce` ${Qn("inline-flex")} :host{align-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;flex: 0 0 auto;fill: currentcolor;font-size: ${gr};height: calc(${Id} * 1px);line-height: ${vr};margin: 0 calc((${hr} - ${mr}) * 1px);outline: none;overflow: hidden;padding: 0 1ch;user-select: none;white-space: nowrap}:host(:not([disabled]):not([aria-selected="true"]):hover){background: ${rd}}:host(:not([disabled]):not([aria-selected="true"]):active){background: ${ld}}:host([aria-selected="true"]){background: ${El};color: ${Il}}:host(:not([disabled])[aria-selected="true"]:hover){background: ${Nl};color: ${Dl}}:host(:not([disabled])[aria-selected="true"]:active){background: ${Al};color: ${Fl}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}.content{grid-column-start: 2;justify-self: start;overflow: hidden;text-overflow: ellipsis}.start, .end, ::slotted(svg){display: flex}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ height: calc(${hr} * 4px);width: calc(${hr} * 4px)}::slotted([slot="end"]){margin-inline-start: 1ch}::slotted([slot="start"]){margin-inline-end: 1ch}:host([aria-checked="true"][aria-selected="false"]){border-color: ${yd}}:host([aria-checked="true"][aria-selected="true"]){border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 2 * 1px) inset ${xd}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled][aria-selected="false"]:hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}:host([aria-checked="true"][aria-selected="false"]){background: ${Si.ButtonFace};color: ${Si.ButtonText};border-color: ${Si.ButtonText}}:host([aria-checked="true"][aria-selected="true"]), :host([aria-checked="true"][aria-selected="true"]:hover){background: ${Si.Highlight};color: ${Si.HighlightText};border-color: ${Si.ButtonText}}`));Po.compose({baseName:"option",template:Qc,styles:Eh});class Nh extends Xc{sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=`${this.size}`;this.computedStylesheet=Ce` :host{--size: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}Nh.compose({baseName:"listbox",baseClass:Xc,template:Jc,styles:lh});const Ah=(e,t)=>Ce` ${Qn("grid")} :host{contain: layout;overflow: visible;font-family: ${sr};outline: none;box-sizing: border-box;height: calc(${Id} * 1px);grid-template-columns: minmax(42px, auto) 1fr minmax(42px, auto);grid-template-rows: auto;justify-items: center;align-items: center;padding: 0;margin: 0 calc(${hr} * 1px);white-space: nowrap;background: ${ad};color: ${wd};fill: currentcolor;cursor: pointer;font-size: ${gr};line-height: ${vr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent}:host(:hover){position: relative;z-index: 1}:host(.indent-0){grid-template-columns: auto 1fr minmax(42px, auto)}:host(.indent-0) .content{grid-column: 1;grid-row: 1;margin-inline-start: 10px}:host(.indent-0) .expand-collapse-glyph-container{grid-column: 5;grid-row: 1}:host(.indent-2){grid-template-columns: minmax(42px, auto) minmax(42px, auto) 1fr minmax(42px, auto) minmax(42px, auto)}:host(.indent-2) .content{grid-column: 3;grid-row: 1;margin-inline-start: 10px}:host(.indent-2) .expand-collapse-glyph-container{grid-column: 5;grid-row: 1}:host(.indent-2) .start{grid-column: 2}:host(.indent-2) .end{grid-column: 4}:host(:${Xn}){border-color: ${yd};background: ${dd};color: ${wd}}:host(:hover){background: ${rd};color: ${wd}}:host(:active){background: ${ld}}:host([aria-checked="true"]), :host(.expanded){background: ${Ql};color: ${wd}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]:hover){color: ${wd};fill: currentcolor;background: ${ad}}:host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){fill: ${wd}}.expand-collapse-glyph{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;fill: currentcolor}.content{grid-column-start: 2;justify-self: start;overflow: hidden;text-overflow: ellipsis}.start, .end{display: flex;justify-content: center}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${wd}}:host(.indent-0[aria-haspopup="menu"]){display: grid;grid-template-columns: minmax(42px, auto) auto 1fr minmax(42px, auto) minmax(42px, auto);align-items: center;min-height: 32px}:host(.indent-1[aria-haspopup="menu"]), :host(.indent-1[role="menuitemcheckbox"]), :host(.indent-1[role="menuitemradio"]){display: grid;grid-template-columns: minmax(42px, auto) auto 1fr minmax(42px, auto) minmax(42px, auto);align-items: center;min-height: 32px}:host(.indent-2:not([aria-haspopup="menu"])) .end{grid-column: 5}:host .input-container, :host .expand-collapse-glyph-container{display: none}:host([aria-haspopup="menu"]) .expand-collapse-glyph-container, :host([role="menuitemcheckbox"]) .input-container, :host([role="menuitemradio"]) .input-container{display: grid;margin-inline-end: 10px}:host([aria-haspopup="menu"]) .content, :host([role="menuitemcheckbox"]) .content, :host([role="menuitemradio"]) .content{grid-column-start: 3}:host([aria-haspopup="menu"].indent-0) .content{grid-column-start: 1}:host([aria-haspopup="menu"]) .end, :host([role="menuitemcheckbox"]) .end, :host([role="menuitemradio"]) .end{grid-column-start: 4}:host .expand-collapse, :host .checkbox, :host .radio{display: flex;align-items: center;justify-content: center;position: relative;width: 20px;height: 20px;box-sizing: border-box;outline: none;margin-inline-start: 10px}:host .checkbox, :host .radio{border: calc(${pr} * 1px) solid ${wd}}:host([aria-checked="true"]) .checkbox, :host([aria-checked="true"]) .radio{background: ${El};border-color: ${El}}:host .checkbox{border-radius: calc(${lr} * 1px)}:host .radio{border-radius: 999px}:host .checkbox-indicator, :host .radio-indicator, :host .expand-collapse-indicator, ::slotted([slot="checkbox-indicator"]), ::slotted([slot="radio-indicator"]), ::slotted([slot="expand-collapse-indicator"]){display: none}::slotted([slot="end"]:not(svg)){margin-inline-end: 10px;color: ${Ld}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]){width: 100%;height: 100%;display: block;fill: ${Il};pointer-events: none}:host([aria-checked="true"]) .radio-indicator{position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;border-radius: 999px;display: block;background: ${Il};pointer-events: none}:host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){display: block;pointer-events: none}`.withBehaviors(Yn(Ce` :host{border-color: transparent;color: ${Si.ButtonText};forced-color-adjust: none}:host(:hover){background: ${Si.Highlight};color: ${Si.HighlightText}}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${Si.HighlightText}}:host(.expanded){background: ${Si.Highlight};border-color: ${Si.Highlight};color: ${Si.HighlightText}}:host(:${Xn}){background: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText};color: ${Si.HighlightText};fill: currentcolor}:host([disabled]), :host([disabled]:hover), :host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}:host .expanded-toggle, :host .checkbox, :host .radio{border-color: ${Si.ButtonText};background: ${Si.HighlightText}}:host([checked="true"]) .checkbox, :host([checked="true"]) .radio{background: ${Si.HighlightText};border-color: ${Si.HighlightText}}:host(:hover) .expanded-toggle, :host(:hover) .checkbox, :host(:hover) .radio, :host(:${Xn}) .expanded-toggle, :host(:${Xn}) .checkbox, :host(:${Xn}) .radio, :host([checked="true"]:hover) .checkbox, :host([checked="true"]:hover) .radio, :host([checked="true"]:${Xn}) .checkbox, :host([checked="true"]:${Xn}) .radio{border-color: ${Si.HighlightText}}:host([aria-checked="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]), :host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){fill: ${Si.Highlight}}:host([aria-checked="true"]) .radio-indicator{background: ${Si.Highlight}}::slotted([slot="end"]:not(svg)){color: ${Si.ButtonText}}:host(:hover) ::slotted([slot="end"]:not(svg)), :host(:${Xn}) ::slotted([slot="end"]:not(svg)){color: ${Si.HighlightText}}`),new qd(Ce` .expand-collapse-glyph{transform: rotate(0deg)}`,Ce` .expand-collapse-glyph{transform: rotate(180deg)}`));ps.compose({baseName:"menu-item",template:ms,styles:Ah,checkboxIndicator:'\n <svg\n part="checkbox-indicator"\n class="checkbox-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',expandCollapseGlyph:'\n <svg\n viewBox="0 0 16 16"\n xmlns="http://www.w3.org/2000/svg"\n class="expand-collapse-glyph"\n part="expand-collapse-glyph"\n >\n <path\n d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"\n />\n </svg>\n ',radioIndicator:'\n <span part="radio-indicator" class="radio-indicator"></span>\n '});const Oh=(e,t)=>Ce` ${Qn("block")} :host{--elevation: 11;background: ${Sl};border: calc(${pr} * 1px) solid transparent;${_d} margin: 0;border-radius: calc(${lr} * 1px);padding: calc(${hr} * 1px) 0;max-width: 368px;min-width: 64px}:host([slot="submenu"]){width: max-content;margin: 0 calc(${hr} * 1px)}::slotted(hr){box-sizing: content-box;height: 0;margin: 0;border: none;border-top: calc(${pr} * 1px) solid ${Od}}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas};border-color: ${Si.CanvasText}}`));class Th extends vs{connectedCallback(){super.connectedCallback(),Sl.setValueFor(this,vl)}}Th.compose({baseName:"menu",template:gs,styles:Oh});const Rh=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.controls{opacity: 0}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.start, .control, .controls, .end{align-self: center}.start, .end{margin: auto;fill: currentcolor}.step-up-glyph, .step-down-glyph{display: block;padding: 4px 10px;cursor: pointer}.step-up-glyph:before, .step-down-glyph:before{content: '';display: block;border: solid transparent 6px}.step-up-glyph:before{border-bottom-color: ${wd}}.step-down-glyph:before{border-top-color: ${wd}}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-start: 11px}.end{margin-inline-end: 11px}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 1px) ${yd} inset}:host(:hover:not([disabled])) .controls, :host(:focus-within:not([disabled])) .controls{opacity: 1}:host([appearance="filled"]) .root{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`));class Ih extends ws{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],Ih.prototype,"appearance",void 0),Ih.compose({baseName:"number-field",baseClass:ws,styles:Rh,template:(e,t)=>W`<template class="${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke("defaultSlottedNodes")}></slot></label><div class="root" part="root">${et(0,t)}<input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}" @blur="${(e,t)=>e.handleBlur()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" type="text" inputmode="numeric" min="${e=>e.min}" max="${e=>e.max}" step="${e=>e.step}" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/>${He(e=>!e.hideStep&&!e.readOnly&&!e.disabled,W`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${e=>e.stepUp()}"><slot name="step-up-glyph">${t.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${e=>e.stepDown()}"><slot name="step-down-glyph">${t.stepDownGlyph||""}</slot></div></div>`)} ${Je(0,t)}</div></template>`,shadowOptions:{delegatesFocus:!0},stepDownGlyph:'\n <span class="step-down-glyph" part="step-down-glyph"></span>\n ',stepUpGlyph:'\n <span class="step-up-glyph" part="step-up-glyph"></span>\n '});ls.compose({baseName:"picker",template:(e,t)=>{const i=e.tagFor(Di),o=e.tagFor(es),c=e.tagFor(os),s=e.tagFor(os),n=function(e){const t=e.tagFor(ss);return W`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.listItemContentsTemplate}"></${t}>`}(e),a=function(e){const t=e.tagFor(is);return W`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.menuOptionContentsTemplate}"></${t}>`}(e);return W`<template :selectedListTag="${()=>c}" :menuTag="${()=>o}" :defaultListItemTemplate="${n}" :defaultMenuOptionTemplate="${a}" @focusin="${(e,t)=>e.handleFocusIn(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}" @pickeriteminvoked="${(e,t)=>e.handleItemInvoke(t.event)}" @pickeroptioninvoked="${(e,t)=>e.handleOptionInvoke(t.event)}"><slot name="list-region"></slot>${He(e=>e.flyoutOpen,W`<${i}class="region" part="region" auto-update-mode="${e=>e.menuConfig.autoUpdateMode}" fixed-placement="${e=>e.menuConfig.fixedPlacement}" vertical-positioning-mode="${e=>e.menuConfig.verticalPositioningMode}" vertical-default-position="${e=>e.menuConfig.verticalDefaultPosition}" vertical-scaling="${e=>e.menuConfig.verticalScaling}" vertical-inset="${e=>e.menuConfig.verticalInset}" vertical-viewport-lock="${e=>e.menuConfig.verticalViewportLock}" horizontal-positioning-mode="${e=>e.menuConfig.horizontalPositioningMode}" horizontal-default-position="${e=>e.menuConfig.horizontalDefaultPosition}" horizontal-scaling="${e=>e.menuConfig.horizontalScaling}" horizontal-inset="${e=>e.menuConfig.horizontalInset}" horizontal-viewport-lock="${e=>e.menuConfig.horizontalViewportLock}" @loaded="${(e,t)=>e.handleRegionLoaded(t.event)}" ${Ie("region")}>${He(e=>!e.showNoOptions&&!e.showLoading,W`<slot name="menu-region"></slot>`)} ${He(e=>e.showNoOptions&&!e.showLoading,W`<div class="no-options-display" part="no-options-display"><slot name="no-options-region">${e=>e.noSuggestionsText}</slot></div>`)} ${He(e=>e.showLoading,W`<div class="loading-display" part="loading-display"><slot name="loading-region"><${s}part="loading-progress" class="loading-progress slot="loading-region"></${s}>${e=>e.loadingText}</slot></div>`)}</${i}>`)}</template>`},styles:(e,t)=>Ce` .region{z-index: 1000;overflow: hidden;display: flex;font-family: ${sr};font-size: ${gr}}.loaded{opacity: 1;pointer-events: none}.loading-display, .no-options-display{background: ${Sl};width: 100%;min-height: calc(${Id} * 1px);display: flex;flex-direction: column;align-items: center;justify-items: center;padding: calc(${hr} * 1px)}.loading-progress{width: 42px;height: 42px}.bottom{flex-direction: column}.top{flex-direction: column-reverse}`,shadowOptions:{}});(class extends es{connectedCallback(){Sl.setValueFor(this,vl),super.connectedCallback()}}).compose({baseName:"picker-menu",baseClass:es,template:(e,t)=>W`<template role="list" slot="menu-region"><div class="options-display" part="options-display"><div class="header-region" part="header-region"><slot name="header-region" ${Ke("headerElements")}></slot></div><slot ${Ke("menuElements")}></slot><div class="footer-region" part="footer-region"><slot name="footer-region" ${Ke("footerElements")}></slot></div><div role="alert" aria-live="polite" part="suggestions-available-alert" class="suggestions-available-alert">${e=>e.suggestionsAvailableText}</div></div></template>`,styles:(e,t)=>Ce` :host{background: ${Sl};--elevation: 11;/* TODO: a mechanism to manage z-index across components https://github.com/microsoft/fast/issues/3813 */ z-index: 1000;display: flex;width: 100%;max-height: 100%;min-height: 58px;box-sizing: border-box;flex-direction: column;overflow-y: auto;overflow-x: hidden;pointer-events: auto;border-radius: calc(${lr} * 1px);padding: calc(${hr} * 1px) 0;border: calc(${pr} * 1px) solid transparent;${_d}}.suggestions-available-alert{height: 0;opacity: 0;overflow: hidden}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas};border-color: ${Si.CanvasText}}`))}),is.compose({baseName:"picker-menu-option",template:(e,t)=>W`<template role="listitem" tabindex="-1" @click="${(e,t)=>e.handleClick(t.event)}"><slot></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;align-items: center;justify-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;fill: currentcolor;font-size: ${gr};min-height: calc(${Id} * 1px);line-height: ${vr};margin: 0 calc(${hr} * 1px);outline: none;overflow: hidden;padding: 0 calc(${hr} * 2.25px);user-select: none;white-space: nowrap}:host(:${Xn}[role="listitem"]){border-color: ${yd};background: ${dd}}:host(:hover){background: ${rd}}:host(:active){background: ${ld}}:host([aria-selected="true"]){background: ${El};color: ${Il}}:host([aria-selected="true"]:hover){background: ${Nl};color: ${Dl}}:host([aria-selected="true"]:active){background: ${Al};color: ${Fl}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}`))}),os.compose({baseName:"picker-list",template:(e,t)=>W`<template slot="list-region" role="list" class="picker-list"><slot></slot><slot name="input-region"></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;flex-direction: row;column-gap: calc(${hr} * 1px);row-gap: calc(${hr} * 1px);flex-wrap: wrap}::slotted([role="combobox"]){min-width: 260px;width: auto;box-sizing: border-box;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);font-family: ${sr};outline: none;user-select: none;font-size: ${gr};line-height: ${vr};padding: 0 calc(${hr} * 2px + 1px)}::slotted([role="combobox"]:active){{background: ${od};border-color: ${Al}}::slotted([role="combobox"]:focus-within){border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}`.withBehaviors(Yn(Ce` ::slotted([role="combobox"]:active){background: ${Si.Field};border-color: ${Si.Highlight}}::slotted([role="combobox"]:focus-within){border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}::slotted(input:placeholder){color: ${Si.GrayText}}`))}),ss.compose({baseName:"picker-list-item",template:(e,t)=>W`<template role="listitem" tabindex="0" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;align-items: center;justify-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;fill: currentcolor;font-size: ${gr};height: calc(${Id} * 1px);line-height: ${vr};outline: none;overflow: hidden;padding: 0 calc(${hr} * 2.25px);user-select: none;white-space: nowrap}:host(:hover){background: ${rd}}:host(:active){background: ${ld}}:host(:${Xn}){background: ${dd};border-color: ${yd}}:host([aria-selected="true"]){background: ${El};color: ${Fl}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}`))});const Dh=(e,t)=>Ce` ${Qn("flex")} :host{align-items: center;outline: none;height: calc(${Id} * 1px);width: calc(${Id} * 1px);margin: calc(${Id} * 1px) 0}.progress{height: 100%;width: 100%}.background{stroke: ${Ql};fill: none;stroke-width: 2px}.determinate{stroke: ${Gl};fill: none;stroke-width: 2px;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-90deg);transition: all 0.2s ease-in-out}.indeterminate-indicator-1{stroke: ${Gl};fill: none;stroke-width: 2px;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-90deg);transition: all 0.2s ease-in-out;animation: spin-infinite 2s linear infinite}:host([paused]) .indeterminate-indicator-1{animation-play-state: paused;stroke: ${Ql}}:host([paused]) .determinate{stroke: ${Ld}}@keyframes spin-infinite{0%{stroke-dasharray: 0.01px 43.97px;transform: rotate(0deg)}50%{stroke-dasharray: 21.99px 21.99px;transform: rotate(450deg)}100%{stroke-dasharray: 0.01px 43.97px;transform: rotate(1080deg)}}`.withBehaviors(Yn(Ce` .indeterminate-indicator-1, .determinate{stroke: ${Si.FieldText}}.background{stroke: ${Si.Field}}:host([paused]) .indeterminate-indicator-1{stroke: ${Si.Field}}:host([paused]) .determinate{stroke: ${Si.GrayText}}`));ks.compose({baseName:"progress-ring",template:Ss,styles:Dh,indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '});const Fh=(e,t)=>Ce` ${Qn("flex")} :host{align-items: center;outline: none;height: calc(${hr} * 1px);margin: calc(${hr} * 1px) 0}.progress{background-color: ${Ql};border-radius: calc(${hr} * 1px);width: 100%;height: 100%;display: flex;align-items: center;position: relative}.determinate{background-color: ${Gl};border-radius: calc(${hr} * 1px);height: 100%;transition: all 0.2s ease-in-out;display: flex}.indeterminate{height: 100%;border-radius: calc(${hr} * 1px);display: flex;width: 100%;position: relative;overflow: hidden}.indeterminate-indicator-1{position: absolute;opacity: 0;height: 100%;background-color: ${Gl};border-radius: calc(${hr} * 1px);animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);width: 40%;animation: indeterminate-1 2s infinite}.indeterminate-indicator-2{position: absolute;opacity: 0;height: 100%;background-color: ${Gl};border-radius: calc(${hr} * 1px);animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);width: 60%;animation: indeterminate-2 2s infinite}:host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{animation-play-state: paused;background-color: ${Ql}}:host([paused]) .determinate{background-color: ${Ld}}@keyframes indeterminate-1{0%{opacity: 1;transform: translateX(-100%)}70%{opacity: 1;transform: translateX(300%)}70.01%{opacity: 0}100%{opacity: 0;transform: translateX(300%)}}@keyframes indeterminate-2{0%{opacity: 0;transform: translateX(-150%)}29.99%{opacity: 0}30%{opacity: 1;transform: translateX(-150%)}100%{transform: translateX(166.66%);opacity: 1}}`.withBehaviors(Yn(Ce` .progress{forced-color-adjust: none;background-color: ${Si.Field};box-shadow: 0 0 0 1px inset ${Si.FieldText}}.determinate, .indeterminate-indicator-1, .indeterminate-indicator-2{forced-color-adjust: none;background-color: ${Si.FieldText}}:host([paused]) .determinate, :host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{background-color: ${Si.GrayText}}`));ks.compose({baseName:"progress",template:$s,styles:Fh,indeterminateIndicator1:'\n <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n ',indeterminateIndicator2:'\n <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n '});const _h=(e,t)=>Ce` ${Qn("flex")} :host{align-items: flex-start;margin: calc(${hr} * 1px) 0;flex-direction: column}.positioning-region{display: flex;flex-wrap: wrap}:host([orientation="vertical"]) .positioning-region{flex-direction: column}:host([orientation="horizontal"]) .positioning-region{flex-direction: row}`;Ns.compose({baseName:"radio-group",template:Es,styles:_h});const Hh=(e,t)=>Ce` ${Qn("inline-flex")} :host{--input-size: calc((${Id} / 2) + ${hr});align-items: center;outline: none;margin: calc(${hr} * 1px) 0;/* Chromium likes to select label text or the default slot when the radio is clicked. Maybe there is a better solution here? */ user-select: none;position: relative;flex-direction: row;transition: all 0.2s ease-in-out}.control{position: relative;width: calc((${Id} / 2 + ${hr}) * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);box-sizing: border-box;border-radius: 999px;border: calc(${pr} * 1px) solid ${kd};background: ${id};outline: none;cursor: pointer}.label{font-family: ${sr};color: ${wd};padding-inline-start: calc(${hr} * 2px + 2px);margin-inline-end: calc(${hr} * 2px + 2px);cursor: pointer;font-size: ${gr};line-height: ${vr}}.label__hidden{display: none;visibility: hidden}.control, .checked-indicator{flex-shrink: 0}.checked-indicator{position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 999px;display: inline-block;background: ${Il};fill: ${Il};opacity: 0;pointer-events: none}:host(:not([disabled])) .control:hover{background: ${od};border-color: ${$d}}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([aria-checked="true"]) .control{background: ${El};border: calc(${pr} * 1px) solid ${El}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Nl};border: calc(${pr} * 1px) solid ${Nl}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{background: ${Dl};fill: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Al};border: calc(${pr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Fl};fill: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([aria-checked="true"]) .checked-indicator{opacity: 1}:host([disabled]){opacity: ${fr}}`.withBehaviors(Yn(Ce` .control, :host([aria-checked="true"]:not([disabled])) .control{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.Field}}:host(:not([disabled])) .control:hover{border-color: ${Si.Highlight};background: ${Si.Field}}:host([aria-checked="true"]:not([disabled])) .control:hover, :host([aria-checked="true"]:not([disabled])) .control:active{border-color: ${Si.Highlight};background: ${Si.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Si.Highlight};fill: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator, :host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Si.HighlightText};fill: ${Si.HighlightText}}:host(:${Xn}) .control{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([disabled]){forced-color-adjust: none;opacity: 1}:host([disabled]) .label{color: ${Si.GrayText}}:host([disabled]) .control, :host([aria-checked="true"][disabled]) .control:hover, .control:active{background: ${Si.Field};border-color: ${Si.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{fill: ${Si.GrayText};background: ${Si.GrayText}}`));Rs.compose({baseName:"radio",template:As,styles:Hh,checkedIndicator:'\n <div part="checked-indicator" class="checked-indicator"></div>\n '});const Ph=vc.create("clear-button-hover").withDefault(e=>{const t=nd.getValueFor(e),i=Zl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).hover}),Vh=vc.create("clear-button-active").withDefault(e=>{const t=nd.getValueFor(e),i=Zl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).active});class Bh extends Ps{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],Bh.prototype,"appearance",void 0),Bh.compose({baseName:"search",baseClass:Ps,template:(e,t)=>W`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root" ${Ie("root")}>${et(0,t)}<div class="input-wrapper" part="input-wrapper"><input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" ?spellcheck="${e=>e.spellcheck}" :value="${e=>e.value}" type="search" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/><slot name="close-button"><button class="clear-button ${e=>e.value?"":"clear-button__hidden"}" part="clear-button" tabindex="-1" @click=${e=>e.handleClearInput()}><slot name="close-glyph"><svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 0.146447C0.338683 -0.0478972 0.645911 -0.0270359 0.853553 0.146447L4.5 3.793L8.14645 0.146447C8.34171 -0.0488155 8.65829 -0.0488155 8.85355 0.146447C9.04882 0.341709 9.04882 0.658291 8.85355 0.853553L5.207 4.5L8.85355 8.14645C9.05934 8.35223 9.03129 8.67582 8.85355 8.85355C8.67582 9.03129 8.35409 9.02703 8.14645 8.85355L4.5 5.207L0.853553 8.85355C0.658291 9.04882 0.341709 9.04882 0.146447 8.85355C-0.0488155 8.65829 -0.0488155 8.34171 0.146447 8.14645L3.793 4.5L0.146447 0.853553C-0.0268697 0.680237 -0.0457894 0.34079 0.146447 0.146447Z" /></svg></slot></button></slot></div>${Je(0,t)}</div></template>`,styles:(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control::-webkit-search-cancel-button{-webkit-appearance: none}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.clear-button{height: calc(100% - 2px);opacity: 0;margin: 1px;background: transparent;color: ${wd};fill: currentcolor;border: none;border-radius: calc(${lr} * 1px);min-width: calc(${Id} * 1px);font-size: ${gr};line-height: ${vr};outline: none;font-family: ${sr};padding: 0 calc((10 + (${hr} * 2 * ${dr})) * 1px)}.clear-button:hover{background: ${rd}}.clear-button:active{background: ${ld}}:host([appearance="filled"]) .clear-button:hover{background: ${Ph}}:host([appearance="filled"]) .clear-button:active{background: ${Vh}}.input-wrapper{display: flex;position: relative;width: 100%;height: 100%}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.input-wrapper, .start, .end{align-self: center}.start, .end{display: flex;margin: 1px;fill: currentcolor}::slotted([slot="end"]){height: 100%}.end{margin-inline-end: 1px;height: calc(100% - 2px)}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;margin-inline-end: 11px;margin-inline-start: 11px;margin-top: auto;margin-bottom: auto}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}.clear-button__hidden{opacity: 0}:host(:hover:not([disabled], [readOnly])) .clear-button, :host(:active:not([disabled], [readOnly])) .clear-button, :host(:focus-within:not([disabled], [readOnly])) .clear-button{opacity: 1}:host(:hover:not([disabled], [readOnly])) .clear-button__hidden, :host(:active:not([disabled], [readOnly])) .clear-button__hidden, :host(:focus-within:not([disabled], [readOnly])) .clear-button__hidden{opacity: 0}:host([appearance="filled"]) .root{background: ${Sl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`)),shadowOptions:{delegatesFocus:!0}});class Uh extends js{constructor(){super(...arguments),this.listboxScrollWidth=""}connectedCallback(){super.connectedCallback(),this.listbox&&Sl.setValueFor(this.listbox,vl)}get listboxMaxHeight(){return Math.floor(this.maxHeight/Td.getValueFor(this)).toString()}listboxScrollWidthChanged(){this.updateComputedStylesheet()}get selectSize(){var e;return`${null!==(e=this.size)&&void 0!==e?e:this.multiple?4:0}`}multipleChanged(e,t){super.multipleChanged(e,t),this.updateComputedStylesheet()}maxHeightChanged(e,t){this.collapsible&&this.updateComputedStylesheet()}setPositioning(){super.setPositioning(),this.updateComputedStylesheet()}sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet(),this.collapsible?requestAnimationFrame(()=>{this.listbox.style.setProperty("display","flex"),this.listbox.style.setProperty("overflow","visible"),this.listbox.style.setProperty("visibility","hidden"),this.listbox.style.setProperty("width","auto"),this.listbox.hidden=!1,this.listboxScrollWidth=`${this.listbox.scrollWidth}`,this.listbox.hidden=!0,this.listbox.style.removeProperty("display"),this.listbox.style.removeProperty("overflow"),this.listbox.style.removeProperty("visibility"),this.listbox.style.removeProperty("width")}):this.listboxScrollWidth=""}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet),this.computedStylesheet=Ce` :host{--listbox-max-height: ${this.listboxMaxHeight};--listbox-scroll-width: ${this.listboxScrollWidth};--size: ${this.selectSize}}`,this.$fastController.addStyles(this.computedStylesheet)}}Fd([g],Uh.prototype,"listboxScrollWidth",void 0),Uh.compose({baseName:"select",baseClass:js,template:Gs,styles:dh,indicator:'\n <svg\n class="select-indicator"\n part="select-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '});const jh=(e,t)=>Ce` ${Qn("block")} :host{--skeleton-fill-default: #e1dfdd;overflow: hidden;width: 100%;position: relative;background-color: var(--skeleton-fill, var(--skeleton-fill-default));--skeleton-animation-gradient-default: linear-gradient( 270deg, var(--skeleton-fill, var(--skeleton-fill-default)) 0%, #f3f2f1 51.13%, var(--skeleton-fill, var(--skeleton-fill-default)) 100% );--skeleton-animation-timing-default: ease-in-out}:host([shape="rect"]){border-radius: calc(${lr} * 1px)}:host([shape="circle"]){border-radius: 100%;overflow: hidden}object{position: absolute;width: 100%;height: auto;z-index: 2}object img{width: 100%;height: auto}${Qn("block")} span.shimmer{position: absolute;width: 100%;height: 100%;background-image: var( --skeleton-animation-gradient, var(--skeleton-animation-gradient-default) );background-size: 0px 0px / 90% 100%;background-repeat: no-repeat;background-color: var(--skeleton-animation-fill, ${Ql});animation: shimmer 2s infinite;animation-timing-function: var( --skeleton-animation-timing, var(--skeleton-timing-default) );animation-direction: normal;z-index: 1}::slotted(svg){z-index: 2}::slotted(.pattern){width: 100%;height: 100%}@keyframes shimmer{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;background-color: ${Si.ButtonFace};box-shadow: 0 0 0 1px ${Si.ButtonText}}${Qn("block")} span.shimmer{display: none}`));Ys.compose({baseName:"skeleton",template:Ws,styles:jh});const qh=Ce` :host{align-self: start;grid-row: 2;margin-top: -2px;height: calc((${Id} / 2 + ${hr}) * 1px);width: auto}.container{grid-template-rows: auto auto;grid-template-columns: 0}.label{margin: 2px 0}`,Gh=Ce` :host{justify-self: start;grid-column: 2;margin-left: 2px;height: auto;width: calc((${Id} / 2 + ${hr}) * 1px)}.container{grid-template-columns: auto auto;grid-template-rows: 0;min-width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px)}.mark{transform: rotate(90deg);align-self: center}.label{margin-left: calc((${hr} / 2) * 3px);align-self: center}`,Wh=(e,t)=>Ce` ${Qn("block")} :host{font-family: ${sr};color: ${wd};fill: currentcolor}.root{position: absolute;display: grid}.container{display: grid;justify-self: center}.label{justify-self: center;align-self: center;white-space: nowrap;max-width: 30px}.mark{width: calc((${hr} / 4) * 1px);height: calc(${Id} * 0.25 * 1px);background: ${kd};justify-self: center}:host(.disabled){opacity: ${fr}}`.withBehaviors(Yn(Ce` .mark{forced-color-adjust: none;background: ${Si.FieldText}}:host(.disabled){forced-color-adjust: none;opacity: 1}:host(.disabled) .label{color: ${Si.GrayText}}:host(.disabled) .mark{background: ${Si.GrayText}}`));class Yh extends Xs{sliderOrientationChanged(){this.sliderOrientation===Qt?(this.$fastController.addStyles(qh),this.$fastController.removeStyles(Gh)):(this.$fastController.addStyles(Gh),this.$fastController.removeStyles(qh))}}Yh.compose({baseName:"slider-label",baseClass:Xs,template:Ks,styles:Wh});const Kh=Ce` .track-start{left: 0}`,Zh=Ce` .track-start{right: 0}`,Qh=(e,t)=>Ce` :host([hidden]){display: none}${Qn("inline-grid")} :host{--thumb-size: calc(${Id} * 0.5 - ${hr});--thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang: calc((${hr} / 2) * -1);--track-width: ${hr};--fast-slider-height: calc(var(--thumb-size) * 10);align-items: center;width: 100%;margin: calc(${hr} * 1px) 0;user-select: none;box-sizing: border-box;border-radius: calc(${lr} * 1px);outline: none;cursor: pointer}:host([orientation="horizontal"]) .positioning-region{position: relative;margin: 0 8px;display: grid;grid-template-rows: calc(var(--thumb-size) * 1px) 1fr}:host([orientation="vertical"]) .positioning-region{position: relative;margin: 0 8px;display: grid;height: 100%;grid-template-columns: calc(var(--thumb-size) * 1px) 1fr}:host(:${Xn}) .thumb-cursor{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.thumb-container{position: absolute;height: calc(var(--thumb-size) * 1px);width: calc(var(--thumb-size) * 1px);transition: all 0.2s ease;color: ${wd};fill: currentcolor}.thumb-cursor{border: none;width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px);background: ${wd};border-radius: calc(${lr} * 1px)}.thumb-cursor:hover{background: ${wd};border-color: ${$d}}.thumb-cursor:active{background: ${wd}}.track-start{background: ${Gl};position: absolute;height: 100%;left: 0;border-radius: calc(${lr} * 1px)}:host([orientation="horizontal"]) .thumb-container{transform: translateX(calc(var(--thumb-size) * 0.5px)) translateY(calc(var(--thumb-translate) * 1px))}:host([orientation="vertical"]) .thumb-container{transform: translateX(calc(var(--thumb-translate) * 1px)) translateY(calc(var(--thumb-size) * 0.5px))}:host([orientation="horizontal"]){min-width: calc(var(--thumb-size) * 1px)}:host([orientation="horizontal"]) .track{right: calc(var(--track-overhang) * 1px);left: calc(var(--track-overhang) * 1px);align-self: start;height: calc(var(--track-width) * 1px)}:host([orientation="vertical"]) .track{top: calc(var(--track-overhang) * 1px);bottom: calc(var(--track-overhang) * 1px);width: calc(var(--track-width) * 1px);height: 100%}.track{background: ${kd};position: absolute;border-radius: calc(${lr} * 1px)}:host([orientation="vertical"]){height: calc(var(--fast-slider-height) * 1px);min-height: calc(var(--thumb-size) * 1px);min-width: calc(${hr} * 20px)}:host([orientation="vertical"]) .track-start{height: auto;width: 100%;top: 0}:host([disabled]), :host([readonly]){cursor: ${Zn}}:host([disabled]){opacity: ${fr}}`.withBehaviors(new qd(Kh,Zh),Yn(Ce` .thumb-cursor{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.FieldText}}.thumb-cursor:hover, .thumb-cursor:active{background: ${Si.Highlight}}.track{forced-color-adjust: none;background: ${Si.FieldText}}:host(:${Xn}) .thumb-cursor{border-color: ${Si.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .track, :host([disabled]) .thumb-cursor{forced-color-adjust: none;background: ${Si.GrayText}}:host(:${Xn}) .thumb-cursor{background: ${Si.Highlight};border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}`));on.compose({baseName:"slider",template:(e,t)=>W`<template role="slider" class="${e=>e.readOnly?"readonly":""} ${e=>e.orientation||Qt}" tabindex="${e=>e.disabled?null:0}" aria-valuetext="${e=>e.valueTextFormatter(e.value)}" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}" aria-disabled="${e=>!!e.disabled||void 0}" aria-readonly="${e=>!!e.readOnly||void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${Ie("track")}part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${e=>e.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${Ie("thumb")}part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${t.thumb||""}</slot></div></div></template>`,styles:Qh,thumb:'\n <div class="thumb-cursor"></div>\n '});const Xh=(e,t)=>Ce` :host([hidden]){display: none}${Qn("inline-flex")} :host{align-items: center;outline: none;font-family: ${sr};margin: calc(${hr} * 1px) 0;${""} user-select: none}:host([disabled]){opacity: ${fr}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .switch, :host([disabled]) .switch{cursor: ${Zn}}.switch{position: relative;outline: none;box-sizing: border-box;width: calc(${Id} * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${kd}}.switch:hover{background: ${od};border-color: ${$d};cursor: pointer}host([disabled]) .switch:hover, host([readonly]) .switch:hover{background: ${od};border-color: ${$d};cursor: ${Zn}}:host(:not([disabled])) .switch:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .switch{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.checked-indicator{position: absolute;top: 5px;bottom: 5px;background: ${wd};border-radius: calc(${lr} * 1px);transition: all 0.2s ease-in-out}.status-message{color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr}}:host([disabled]) .status-message, :host([readonly]) .status-message{cursor: ${Zn}}.label{color: ${wd};margin-inline-end: calc(${hr} * 2px + 2px);font-size: ${gr};line-height: ${vr};cursor: pointer}.label__hidden{display: none;visibility: hidden}::slotted([slot="checked-message"]), ::slotted([slot="unchecked-message"]){margin-inline-start: calc(${hr} * 2px + 2px)}:host([aria-checked="true"]) .checked-indicator{background: ${Il}}:host([aria-checked="true"]) .switch{background: ${El};border-color: ${El}}:host([aria-checked="true"]:not([disabled])) .switch:hover{background: ${Nl};border-color: ${Nl}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Dl}}:host([aria-checked="true"]:not([disabled])) .switch:active{background: ${Al};border-color: ${Al}}:host([aria-checked="true"]:not([disabled])) .switch:active .checked-indicator{background: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.unchecked-message{display: block}.checked-message{display: none}:host([aria-checked="true"]) .unchecked-message{display: none}:host([aria-checked="true"]) .checked-message{display: block}`.withBehaviors(Yn(Ce` .checked-indicator, :host(:not([disabled])) .switch:active .checked-indicator{forced-color-adjust: none;background: ${Si.FieldText}}.switch{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:not([disabled])) .switch:hover{background: ${Si.HighlightText};border-color: ${Si.Highlight}}:host([aria-checked="true"]) .switch{background: ${Si.Highlight};border-color: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .switch:hover, :host(:not([disabled])) .switch:active{background: ${Si.HighlightText};border-color: ${Si.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Si.HighlightText}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Si.Highlight}}:host([disabled]){opacity: 1}:host(:${Xn}) .switch{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([disabled]) .checked-indicator{background: ${Si.GrayText}}:host([disabled]) .switch{background: ${Si.Field};border-color: ${Si.GrayText}}`),new qd(Ce` .checked-indicator{left: 5px;right: calc(((${Id} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{left: calc(((${Id} / 2) + 1) * 1px);right: 5px}`,Ce` .checked-indicator{right: 5px;left: calc(((${Id} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{right: calc(((${Id} / 2) + 1) * 1px);left: 5px}`));an.compose({baseName:"switch",template:cn,styles:Xh,switch:'\n <span class="checked-indicator" part="checked-indicator"></span>\n '});const Jh=(e,t)=>Ce` ${Qn("grid")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};color: ${wd};grid-template-columns: auto 1fr auto;grid-template-rows: auto 1fr}.tablist{display: grid;grid-template-rows: auto auto;grid-template-columns: auto;position: relative;width: max-content;align-self: end;padding: calc(${hr} * 4px) calc(${hr} * 4px) 0;box-sizing: border-box}.start, .end{align-self: center}.activeIndicator{grid-row: 2;grid-column: 1;width: 100%;height: 5px;justify-self: center;background: ${El};margin-top: 10px;border-radius: calc(${lr} * 1px) calc(${lr} * 1px) 0 0}.activeIndicatorTransition{transition: transform 0.2s ease-in-out}.tabpanel{grid-row: 2;grid-column-start: 1;grid-column-end: 4;position: relative}:host([orientation="vertical"]){grid-template-rows: auto 1fr auto;grid-template-columns: auto 1fr}:host([orientation="vertical"]) .tablist{grid-row-start: 2;grid-row-end: 2;display: grid;grid-template-rows: auto;grid-template-columns: auto 1fr;position: relative;width: max-content;justify-self: end;align-self: flex-start;width: 100%;padding: 0 calc(${hr} * 4px) calc((${Id} - ${hr}) * 1px) 0}:host([orientation="vertical"]) .tabpanel{grid-column: 2;grid-row-start: 1;grid-row-end: 4}:host([orientation="vertical"]) .end{grid-row: 3}:host([orientation="vertical"]) .activeIndicator{grid-column: 1;grid-row: 1;width: 5px;height: 100%;margin-inline-end: 10px;align-self: center;background: ${El};margin-top: 0;border-radius: 0 calc(${lr} * 1px) calc(${lr} * 1px) 0}:host([orientation="vertical"]) .activeIndicatorTransition{transition: transform 0.2s linear}`.withBehaviors(Yn(Ce` .activeIndicator, :host([orientation="vertical"]) .activeIndicator{forced-color-adjust: none;background: ${Si.Highlight}}`)),eu=(e,t)=>Ce` ${Qn("inline-flex")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};height: calc(${Id} * 1px);padding: calc(${hr} * 5px) calc(${hr} * 4px);color: ${Ld};fill: currentcolor;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid transparent;align-items: center;justify-content: center;grid-row: 1;cursor: pointer}:host(:hover){color: ${wd};fill: currentcolor}:host(:active){color: ${wd};fill: currentcolor}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]:hover){color: ${Ld};background: ${ad}}:host([aria-selected="true"]){background: ${Ql};color: ${Gl};fill: currentcolor}:host([aria-selected="true"]:hover){background: ${Xl};color: ${Wl};fill: currentcolor}:host([aria-selected="true"]:active){background: ${Jl};color: ${Yl};fill: currentcolor}:host(:${Xn}){outline: none;border: calc(${pr} * 1px) solid ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd}}:host(:focus){outline: none}:host(.vertical){justify-content: end;grid-column: 2}:host(.vertical[aria-selected="true"]){z-index: 2}:host(.vertical:hover){color: ${wd}}:host(.vertical:active){color: ${wd}}:host(.vertical:hover[aria-selected="true"]){}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;color: ${Si.ButtonText};fill: currentcolor}:host(:hover), :host(.vertical:hover), :host([aria-selected="true"]:hover){background: ${Si.Highlight};color: ${Si.HighlightText};fill: currentcolor}:host([aria-selected="true"]){background: ${Si.HighlightText};color: ${Si.Highlight};fill: currentcolor}:host(:${Xn}){border-color: ${Si.ButtonText};box-shadow: none}:host([disabled]), :host([disabled]:hover){opacity: 1;color: ${Si.GrayText};background: ${Si.ButtonFace}}`));hn.compose({baseName:"tab",template:dn,styles:eu});const tu=(e,t)=>Ce` ${Qn("block")} :host{box-sizing: border-box;font-size: ${gr};line-height: ${vr};padding: 0 calc((6 + (${hr} * 2 * ${dr})) * 1px)}`;ln.compose({baseName:"tab-panel",template:rn,styles:tu}),mn.compose({baseName:"tabs",template:un,styles:Jh});const iu=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.control{box-sizing: border-box;position: relative;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 2px);font: inherit;font-size: ${gr};line-height: ${vr};padding: calc(${hr} * 2px + 1px);width: 100%;resize: none}.control:hover:enabled{background: ${od};border-color: ${Nl}}.control:active:enabled{background: ${cd};border-color: ${Al}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}:host(:focus-within) .control{border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}:host([appearance="filled"]) .control{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .control{background: ${Xl}}:host([resize="both"]) .control{resize: both}:host([resize="horizontal"]) .control{resize: horizontal}:host([resize="vertical"]) .control{resize: vertical}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}:host([cols]){width: initial}:host([rows]) .control{height: initial}`.withBehaviors(Yn(Ce` :host([disabled]){opacity: 1}`));class ou extends yn{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],ou.prototype,"appearance",void 0),ou.compose({baseName:"text-area",baseClass:yn,template:zn,styles:iu,shadowOptions:{delegatesFocus:!0}});const cu=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.start, .control, .end{align-self: center}.start, .end{display: flex;margin: auto;fill: currentcolor}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-start: 11px}.end{margin-inline-end: 11px}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 1px) ${yd} inset}:host([appearance="filled"]) .root{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`));class su extends xs{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],su.prototype,"appearance",void 0),su.compose({baseName:"text-field",baseClass:xs,template:(e,t)=>W`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root">${et(0,t)}<input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" ?spellcheck="${e=>e.spellcheck}" :value="${e=>e.value}" type="${e=>e.type}" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/>${Je(0,t)}</div></template>`,styles:cu,shadowOptions:{delegatesFocus:!0}});const nu=(e,t)=>Ce` ${Qn("inline-flex")} :host{--toolbar-item-gap: calc( (var(--design-unit) + calc(var(--density) + 2)) * 1px );background-color: ${Sl};border-radius: calc(${lr} * 1px);fill: currentcolor;padding: var(--toolbar-item-gap)}:host(${Xn}){outline: calc(${pr} * 1px) solid ${Nd}}.positioning-region{align-items: flex-start;display: inline-flex;flex-flow: row wrap;justify-content: flex-start}:host([orientation="vertical"]) .positioning-region{flex-direction: column}::slotted(:not([slot])){flex: 0 0 auto;margin: 0 var(--toolbar-item-gap)}:host([orientation="vertical"]) ::slotted(:not([slot])){margin: var(--toolbar-item-gap) 0}.start, .end{display: flex;margin: auto;margin-inline: 0}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}`.withBehaviors(Yn(Ce` :host(:${Xn}){box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.Highlight};color: ${Si.ButtonText};forced-color-adjust: none}`));class au extends Ln{connectedCallback(){super.connectedCallback();const e=ec(this);e&&Sl.setValueFor(this,t=>gd.getValueFor(t).evaluate(t,Sl.getValueFor(e)))}}au.compose({baseName:"toolbar",baseClass:Ln,template:xn,styles:nu,shadowOptions:{delegatesFocus:!0}});const ru=(e,t)=>{const i=e.tagFor(Di);return Ce` :host{contain: size;overflow: visible;height: 0;width: 0}.tooltip{box-sizing: border-box;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${yd};box-shadow: 0 0 0 1px ${yd} inset;background: ${Ql};color: ${wd};padding: 4px;height: fit-content;width: fit-content;font-family: ${sr};font-size: ${gr};line-height: ${vr};white-space: nowrap;/* TODO: a mechanism to manage z-index across components https://github.com/microsoft/fast/issues/3813 */ z-index: 10000}${i}{display: flex;justify-content: center;align-items: center;overflow: visible;flex-direction: row}${i}.right, ${i}.left{flex-direction: column}${i}.top .tooltip{margin-bottom: 4px}${i}.bottom .tooltip{margin-top: 4px}${i}.left .tooltip{margin-right: 4px}${i}.right .tooltip{margin-left: 4px}${i}.top.left .tooltip, ${i}.top.right .tooltip{margin-bottom: 0px}${i}.bottom.left .tooltip, ${i}.bottom.right .tooltip{margin-top: 0px}${i}.top.left .tooltip, ${i}.bottom.left .tooltip{margin-right: 0px}${i}.top.right .tooltip, ${i}.bottom.right .tooltip{margin-left: 0px}`.withBehaviors(Yn(Ce` :host([disabled]){opacity: 1}`))};Pn.compose({baseName:"tooltip",template:wn,styles:ru});const lu=Ce` .expand-collapse-glyph{transform: rotate(0deg)}:host(.nested) .expand-collapse-button{left: var(--expand-collapse-button-nested-width, calc(${Id} * -1px))}:host([selected])::after{left: calc(${mr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(45deg)}`,du=Ce` .expand-collapse-glyph{transform: rotate(180deg)}:host(.nested) .expand-collapse-button{right: var(--expand-collapse-button-nested-width, calc(${Id} * -1px))}:host([selected])::after{right: calc(${mr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(135deg)}`,hu=Me`((${nr} / 2) * ${hr}) + ((${hr} * ${dr}) / 2)`,uu=vc.create("tree-item-expand-collapse-hover").withDefault(e=>{const t=nd.getValueFor(e);return t.evaluate(e,t.evaluate(e).hover).hover}),fu=vc.create("tree-item-expand-collapse-selected-hover").withDefault(e=>{const t=Zl.getValueFor(e);return nd.getValueFor(e).evaluate(e,t.evaluate(e).rest).hover}),pu=(e,t)=>Ce` /** * This animation exists because when tree item children are conditionally loaded * there is a visual bug where the DOM exists but styles have not yet been applied (essentially FOUC). * This subtle animation provides a ever so slight timing adjustment for loading that solves the issue. */ @keyframes treeItemLoading{0%{opacity: 0}100%{opacity: 1}}${Qn("block")} :host{contain: content;position: relative;outline: none;color: ${wd};background: ${ad};cursor: pointer;font-family: ${sr};--expand-collapse-button-size: calc(${Id} * 1px);--tree-item-nested-width: 0}:host(:focus) > .positioning-region{outline: none}:host(:focus) .content-region{outline: none}:host(:${Xn}) .positioning-region{border: ${yd} calc(${pr} * 1px) solid;border-radius: calc(${lr} * 1px);color: ${wd}}.positioning-region{display: flex;position: relative;box-sizing: border-box;background: ${ad};border: transparent calc(${pr} * 1px) solid;height: calc((${Id} + 1) * 1px)}.positioning-region::before{content: "";display: block;width: var(--tree-item-nested-width);flex-shrink: 0}:host(:not([disabled])) .positioning-region:hover{background: ${rd}}:host(:not([disabled])) .positioning-region:active{background: ${ld}}.content-region{display: inline-flex;align-items: center;white-space: nowrap;width: 100%;height: calc(${Id} * 1px);margin-inline-start: calc(${hr} * 2px + 8px);font-size: ${gr};line-height: ${vr};font-weight: 400}.items{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ font-size: calc(1em + (${hr} + 16) * 1px)}.expand-collapse-button{background: none;border: none;outline: none;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: calc((${hu} + (${hr} * 2)) * 1px);height: calc((${hu} + (${hr} * 2)) * 1px);padding: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;margin-left: 6px;margin-right: 6px}.expand-collapse-glyph{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;transition: transform 0.1s linear;pointer-events: none;fill: currentcolor}.start, .end{display: flex;fill: currentcolor}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-end: calc(${hr} * 2px + 2px)}.end{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-start: calc(${hr} * 2px + 2px)}:host([expanded]) > .items{animation: treeItemLoading ease-in 10ms;animation-iteration-count: 1;animation-fill-mode: forwards}:host([disabled]) .content-region{opacity: ${fr};cursor: ${Zn}}:host(.nested) .content-region{position: relative;margin-inline-start: var(--expand-collapse-button-size)}:host(.nested) .expand-collapse-button{position: absolute}:host(.nested:not([disabled])) .expand-collapse-button:hover{background: ${uu}}:host([selected]) .positioning-region{background: ${Ql}}:host([selected]:not([disabled])) .positioning-region:hover{background: ${Xl}}:host([selected]:not([disabled])) .positioning-region:active{background: ${Jl}}:host([selected]:not([disabled])) .expand-collapse-button:hover{background: ${fu}}:host([selected])::after{/* The background needs to be calculated based on the selected background state for this control. We currently have no way of changing that, so setting to accent-foreground-rest for the time being */ background: ${Gl};border-radius: calc(${lr} * 1px);content: "";display: block;position: absolute;top: calc((${Id} / 4) * 1px);width: 3px;height: calc((${Id} / 2) * 1px)}::slotted(${e.tagFor(Un)}){--tree-item-nested-width: 1em;--expand-collapse-button-nested-width: calc(${Id} * -1px)}`.withBehaviors(new qd(lu,du),Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;background: ${Si.Field};color: ${Si.FieldText}}:host .content-region .expand-collapse-glyph{fill: ${Si.FieldText}}:host .positioning-region:hover, :host([selected]) .positioning-region{background: ${Si.Highlight}}:host .positioning-region:hover .content-region, :host([selected]) .positioning-region .content-region{color: ${Si.HighlightText}}:host .positioning-region:hover .content-region .expand-collapse-glyph, :host .positioning-region:hover .content-region .start, :host .positioning-region:hover .content-region .end, :host([selected]) .content-region .expand-collapse-glyph, :host([selected]) .content-region .start, :host([selected]) .content-region .end{fill: ${Si.HighlightText}}:host([selected])::after{background: ${Si.Field}}:host(:${Xn}) .positioning-region{border-color: ${Si.FieldText};box-shadow: 0 0 0 2px inset ${Si.Field};color: ${Si.FieldText}}:host([disabled]) .content-region, :host([disabled]) .positioning-region:hover .content-region{opacity: 1;color: ${Si.GrayText}}:host([disabled]) .content-region .expand-collapse-glyph, :host([disabled]) .content-region .start, :host([disabled]) .content-region .end, :host([disabled]) .positioning-region:hover .content-region .expand-collapse-glyph, :host([disabled]) .positioning-region:hover .content-region .start, :host([disabled]) .positioning-region:hover .content-region .end{fill: ${Si.GrayText}}:host([disabled]) .positioning-region:hover{background: ${Si.Field}}.expand-collapse-glyph, .start, .end{fill: ${Si.FieldText}}:host(.nested) .expand-collapse-button:hover{background: ${Si.Field}}:host(.nested) .expand-collapse-button:hover .expand-collapse-glyph{fill: ${Si.FieldText}}`));Un.compose({baseName:"tree-item",template:Vn,styles:pu,expandCollapseGlyph:'\n <svg\n viewBox="0 0 16 16"\n xmlns="http://www.w3.org/2000/svg"\n class="expand-collapse-glyph"\n >\n <path\n d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"\n />\n </svg>\n '});const mu=(e,t)=>Ce` ${Qn("flex")} :host{flex-direction: column;align-items: stretch;min-width: fit-content;font-size: 0}:host:focus-visible{outline: none}`;qn.compose({baseName:"tree-view",template:jn,styles:mu});const gu=(e,t)=>Ce` ${Rd()}`;class vu extends Ei{}const bu={delegatesFocus:!0,mode:"open"},yu={};vu.compose(Object.assign({baseName:"accordion",template:Jn,styles:gu,shadowOptions:bu},yu));const zu=(e,t)=>ot(0,t),xu=(e,t)=>Ce` ${Dd()} slot[name='collapsed-icon']{display: flex;stroke: var(--accent-foreground-rest);fill: none}slot[name='expanded-icon']{display: none;stroke: var(--accent-foreground-rest);fill: none}`;class Cu extends Kt{}const Lu={delegatesFocus:!0,mode:"open"},Mu={collapsedIcon:'<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="collapsed-icon">\n <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="plus-sign" d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="plus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n </svg>',expandedIcon:'<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="expanded-icon">\n <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="minus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n </svg>'};Cu.compose(Object.assign({baseName:"accordion-item",template:zu,styles:xu,shadowOptions:Lu},Mu));const wu=(e,t)=>Ce` :host{--actions-opener-height-multiplier: 0.7px;--actions-opener-bg-color: 249 254 255;--menu-item-height-multiplier: 0.7px}.actions-container{align-items: center;display: flex;height: 100%;justify-content: right}.actions-menu{display: none;position: absolute;max-width: 350px;overflow-y: auto}.actions-vertical .actions-menu{padding: calc(var(--design-unit) * 1px);max-height: 175px;z-index: 100}.actions-menu:not(.hidden):hover{display: inline-flex}.hidden{display: none}.visible{display: inline-flex}.actions-opener{align-self: center;display: flex;height: calc( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) * var(--actions-opener-height-multiplier) )}svg{width: 100%;height: 100%;fill: #879ba6}.actions-opener:hover svg{fill: #fff}foundation-menu-item{display: flex;user-select: none}foundation-menu-item::part(content){margin-inline: 10px}foundation-menu-item[disabled]{pointer-events: none}.menu-item{flex: 1;max-height: calc( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) * var(--menu-item-height-multiplier) );min-height: 0}.actions-vertical .menu-item{flex: 1 1 auto;justify-content: center;margin: calc(var(--design-unit) * 1px)}.actions-vertical .visible, .actions-vertical .actions-menu:not(.hidden):hover{display: flex;flex-direction: column}`;var Su=function(e,t){return Su=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},Su(e,t)};function ku(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}Su(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var $u=function(){return $u=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var c in t=arguments[i])Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c]);return e},$u.apply(this,arguments)};function Eu(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(o=Object.getOwnPropertySymbols(e);c<o.length;c++)t.indexOf(o[c])<0&&Object.prototype.propertyIsEnumerable.call(e,o[c])&&(i[o[c]]=e[o[c]])}return i}function Nu(e,t,i,o){var c,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(s<3?c(n):s>3?c(t,i,n):c(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n}function Au(e,t){return function(i,o){t(i,o,e)}}function Ou(e,t,i,o){return new(i||(i=Promise))(function(c,s){function n(e){try{r(o.next(e))}catch(e){s(e)}}function a(e){try{r(o.throw(e))}catch(e){s(e)}}function r(e){e.done?c(e.value):function(e){return e instanceof i?e:new i(function(t){t(e)})}(e.value).then(n,a)}r((o=o.apply(e,t||[])).next())})}function Tu(e,t){var i,o,c,s={label:0,sent:function(){if(1&c[0])throw c[1];return c[1]},trys:[],ops:[]},n=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return n.next=a(0),n.throw=a(1),n.return=a(2),"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function a(a){return function(r){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;n&&(n=0,a[0]&&(s=0)),s;)try{if(i=1,o&&(c=2&a[0]?o.return:a[0]?o.throw||((c=o.return)&&c.call(o),0):o.next)&&!(c=c.call(o,a[1])).done)return c;switch(o=0,c&&(a=[2&a[0],c.value]),a[0]){case 0:case 1:c=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,o=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!(c=s.trys,(c=c.length>0&&c[c.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!c||a[1]>c[0]&&a[1]<c[3])){s.label=a[1];break}if(6===a[0]&&s.label<c[1]){s.label=c[1],c=a;break}if(c&&s.label<c[2]){s.label=c[2],s.ops.push(a);break}c[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],o=0}finally{i=c=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,r])}}}function Ru(e){var t="function"==typeof Symbol&&Symbol.iterator,i=t&&e[t],o=0;if(i)return i.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Iu(e,t){var i="function"==typeof Symbol&&e[Symbol.iterator];if(!i)return e;var o,c,s=i.call(e),n=[];try{for(;(void 0===t||t-- >0)&&!(o=s.next()).done;)n.push(o.value)}catch(e){c={error:e}}finally{try{o&&!o.done&&(i=s.return)&&i.call(s)}finally{if(c)throw c.error}}return n}function Du(e,t,i){if(i||2===arguments.length)for(var o,c=0,s=t.length;c<s;c++)!o&&c in t||(o||(o=Array.prototype.slice.call(t,0,c)),o[c]=t[c]);return e.concat(o||Array.prototype.slice.call(t))}function Fu(e){return this instanceof Fu?(this.v=e,this):new Fu(e)}function _u(e,t,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,c=i.apply(e,t||[]),s=[];return o=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),n("next"),n("throw"),n("return",function(e){return function(t){return Promise.resolve(t).then(e,l)}}),o[Symbol.asyncIterator]=function(){return this},o;function n(e,t){c[e]&&(o[e]=function(t){return new Promise(function(i,o){s.push([e,t,i,o])>1||a(e,t)})},t&&(o[e]=t(o[e])))}function a(e,t){try{!function(e){e.value instanceof Fu?Promise.resolve(e.value.v).then(r,l):d(s[0][2],e)}(c[e](t))}catch(e){d(s[0][3],e)}}function r(e){a("next",e)}function l(e){a("throw",e)}function d(e,t){e(t),s.shift(),s.length&&a(s[0][0],s[0][1])}}function Hu(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,i=e[Symbol.asyncIterator];return i?i.call(e):(e=Ru(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(i){t[i]=e[i]&&function(t){return new Promise(function(o,c){(function(e,t,i,o){Promise.resolve(o).then(function(t){e({value:t,done:i})},t)})(o,c,(t=e[i](t)).done,t.value)})}}}function Pu(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}function Vu(e,t,i,o,c){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!c)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!c:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?c.call(e,i):c?c.value=i:t.set(e,i),i}"function"==typeof SuppressedError&&SuppressedError;const Bu={silent:Number.NEGATIVE_INFINITY,fatal:0,error:0,warn:1,log:2,info:3,success:3,fail:3,ready:3,start:3,box:3,debug:4,trace:5,verbose:Number.POSITIVE_INFINITY},Uu={silent:{level:-1},fatal:{level:Bu.fatal},error:{level:Bu.error},warn:{level:Bu.warn},log:{level:Bu.log},info:{level:Bu.info},success:{level:Bu.success},fail:{level:Bu.fail},ready:{level:Bu.info},start:{level:Bu.info},box:{level:Bu.info},debug:{level:Bu.debug},trace:{level:Bu.trace},verbose:{level:Bu.verbose}};function ju(e){if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return(null===t||t===Object.prototype||null===Object.getPrototypeOf(t))&&(!(Symbol.iterator in e)&&(!(Symbol.toStringTag in e)||"[object Module]"===Object.prototype.toString.call(e)))}function qu(e,t,i=".",o){if(!ju(t))return qu(e,{},i,o);const c=Object.assign({},t);for(const t in e){if("__proto__"===t||"constructor"===t)continue;const s=e[t];null!=s&&(o&&o(c,t,s,i)||(Array.isArray(s)&&Array.isArray(c[t])?c[t]=[...s,...c[t]]:ju(s)&&ju(c[t])?c[t]=qu(s,c[t],(i?`${i}.`:"")+t.toString(),o):c[t]=s))}return c}const Gu=(...e)=>e.reduce((e,t)=>qu(e,t,"",Wu),{});var Wu;function Yu(e){return t=e,"[object Object]"===Object.prototype.toString.call(t)&&(!(!e.message&&!e.args)&&!e.stack);var t}let Ku=!1;const Zu=[];class Qu{options;_lastLog;_mockFn;constructor(e={}){const t=e.types||Uu;this.options=Gu({...e,defaults:{...e.defaults},level:Xu(e.level,t),reporters:[...e.reporters||[]]},{types:Uu,throttle:1e3,throttleMin:5,formatOptions:{date:!0,colors:!1,compact:!0}});for(const e in t){const i={type:e,...this.options.defaults,...t[e]};this[e]=this._wrapLogFn(i),this[e].raw=this._wrapLogFn(i,!0)}this.options.mockFn&&this.mockTypes(),this._lastLog={}}get level(){return this.options.level}set level(e){this.options.level=Xu(e,this.options.types,this.options.level)}prompt(e,t){if(!this.options.prompt)throw new Error("prompt is not supported!");return this.options.prompt(e,t)}create(e){const t=new Qu({...this.options,...e});return this._mockFn&&t.mockTypes(this._mockFn),t}withDefaults(e){return this.create({...this.options,defaults:{...this.options.defaults,...e}})}withTag(e){return this.withDefaults({tag:this.options.defaults.tag?this.options.defaults.tag+":"+e:e})}addReporter(e){return this.options.reporters.push(e),this}removeReporter(e){if(e){const t=this.options.reporters.indexOf(e);if(-1!==t)return this.options.reporters.splice(t,1)}else this.options.reporters.splice(0);return this}setReporters(e){return this.options.reporters=Array.isArray(e)?e:[e],this}wrapAll(){this.wrapConsole(),this.wrapStd()}restoreAll(){this.restoreConsole(),this.restoreStd()}wrapConsole(){for(const e in this.options.types)console["__"+e]||(console["__"+e]=console[e]),console[e]=this[e].raw}restoreConsole(){for(const e in this.options.types)console["__"+e]&&(console[e]=console["__"+e],delete console["__"+e])}wrapStd(){this._wrapStream(this.options.stdout,"log"),this._wrapStream(this.options.stderr,"log")}_wrapStream(e,t){e&&(e.__write||(e.__write=e.write),e.write=e=>{this[t].raw(String(e).trim())})}restoreStd(){this._restoreStream(this.options.stdout),this._restoreStream(this.options.stderr)}_restoreStream(e){e&&e.__write&&(e.write=e.__write,delete e.__write)}pauseLogs(){Ku=!0}resumeLogs(){Ku=!1;const e=Zu.splice(0);for(const t of e)t[0]._logFn(t[1],t[2])}mockTypes(e){const t=e||this.options.mockFn;if(this._mockFn=t,"function"==typeof t)for(const e in this.options.types)this[e]=t(e,this.options.types[e])||this[e],this[e].raw=this[e]}_wrapLogFn(e,t){return(...i)=>{if(!Ku)return this._logFn(e,i,t);Zu.push([this,e,i,t])}}_logFn(e,t,i){if((e.level||0)>this.level)return!1;const o={date:new Date,args:[],...e,level:Xu(e.level,this.options.types)};!i&&1===t.length&&Yu(t[0])?Object.assign(o,t[0]):o.args=[...t],o.message&&(o.args.unshift(o.message),delete o.message),o.additional&&(Array.isArray(o.additional)||(o.additional=o.additional.split("\n")),o.args.push("\n"+o.additional.join("\n")),delete o.additional),o.type="string"==typeof o.type?o.type.toLowerCase():"log",o.tag="string"==typeof o.tag?o.tag:"";const c=(e=!1)=>{const t=(this._lastLog.count||0)-this.options.throttleMin;if(this._lastLog.object&&t>0){const e=[...this._lastLog.object.args];t>1&&e.push(`(repeated ${t} times)`),this._log({...this._lastLog.object,args:e}),this._lastLog.count=1}e&&(this._lastLog.object=o,this._log(o))};clearTimeout(this._lastLog.timeout);const s=this._lastLog.time&&o.date?o.date.getTime()-this._lastLog.time.getTime():0;if(this._lastLog.time=o.date,s<this.options.throttle)try{const e=JSON.stringify([o.type,o.tag,o.args]),t=this._lastLog.serialized===e;if(this._lastLog.serialized=e,t&&(this._lastLog.count=(this._lastLog.count||0)+1,this._lastLog.count>this.options.throttleMin))return void(this._lastLog.timeout=setTimeout(c,this.options.throttle))}catch{}c(!0)}_log(e){for(const t of this.options.reporters)t.log(e,{options:this.options})}}function Xu(e,t={},i=3){return void 0===e?i:"number"==typeof e?e:t[e]&&void 0!==t[e].level?t[e].level:i}function Ju(e={}){return new Qu(e)}Qu.prototype.add=Qu.prototype.addReporter,Qu.prototype.remove=Qu.prototype.removeReporter,Qu.prototype.clear=Qu.prototype.removeReporter,Qu.prototype.withScope=Qu.prototype.withTag,Qu.prototype.mock=Qu.prototype.mockTypes,Qu.prototype.pause=Qu.prototype.pauseLogs,Qu.prototype.resume=Qu.prototype.resumeLogs;class ef{options;defaultColor;levelColorMap;typeColorMap;constructor(e){this.options={...e},this.defaultColor="#7f8c8d",this.levelColorMap={0:"#c0392b",1:"#f39c12",3:"#00BCD4"},this.typeColorMap={success:"#2ecc71"}}_getLogFn(e){return e<1?console.__error||console.error:1===e?console.__warn||console.warn:console.__log||console.log}log(e){const t=this._getLogFn(e.level),i="log"===e.type?"":e.type,o=e.tag||"",c=`\n background: ${this.typeColorMap[e.type]||this.levelColorMap[e.level]||this.defaultColor};\n border-radius: 0.5em;\n color: white;\n font-weight: bold;\n padding: 2px 0.5em;\n `,s=`%c${[o,i].filter(Boolean).join(":")}`;"string"==typeof e.args[0]?t(`${s}%c ${e.args[0]}`,c,"",...e.args.slice(1)):t(s,c,...e.args)}}function tf(e={}){return Ju({reporters:e.reporters||[new ef({})],prompt:(e,t={})=>"confirm"===t.type?Promise.resolve(confirm(e)):Promise.resolve(prompt(e)),...e})}tf();const of={level:Bu.debug};function cf(e,t=of){const i=("undefined"!=typeof window?tf:Ju)().withTag(e);void 0!==(null==t?void 0:t.level)&&(i.level=t.level);const o=i;return o.deprecated=(e,t="Consult docs for better alternative.",i)=>{o.warn(`Deprecated symbol used '${e}'. ${t}`,""+(i?`Will be removed in version ${i}.`:""))},o}const sf=cf("foundation-comms"),nf=new RegExp(/wss?:\/\/[-a-zA-Z0-9@:%._+~#=]{1,256}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)\b\/*$/,"i");var af;!function(e){e.controlClicked="controlClicked",e.routeChanged="routeChanged"}(af||(af={}));class rf{trackEvent(e,t){sf.debug(`FoundationAnalytics.trackEvent ${e} : ${JSON.stringify(t)}`)}}const lf=ft.createInterface(e=>e.singleton(rf));class df extends BroadcastChannel{constructor(){super(...arguments),this.postMessage=(...e)=>{const[t,i]=e;super.postMessage({type:t,detail:i})},this.isMessageType=(e,t)=>{var i;return(null===(i=t.data)||void 0===i?void 0:i.type)===e}}}const hf=e=>{class t extends df{constructor(){super(e)}}return ft.createInterface(e=>e.transient(t))};cf("foundation-broadcast-channel");const uf=cf("foundation-user"),ff={trackActionExclusions:[],trackPathExclusions:[""],setUser(e,t){if(e.isAuthenticated)throw new Error("User already set. If this is intentional, please call User.unset first.");return uf.debug("setUser",t),e.rawProperties=structuredClone(t),e.userKVs=t.userKVs,e.details=t.details,e.permission=t.permission,e.profile=t.profile,e.sourceRef=t.sourceRef,e.userName=t.userName,e.isAuthenticated=!0,e},unsetUser:e=>(uf.debug("unsetUser"),e.rawProperties=void 0,e.userKVs=void 0,e.details=void 0,e.permission=void 0,e.profile=void 0,e.sourceRef=void 0,e.userName=void 0,e.isAuthenticated=!1,e)},pf=ft.createInterface(e=>e.instance(ff)),mf=hf("genesis-user");const gf=()=>{let e=[];return{subscribe:t=>(e.push(t),()=>e=e.filter(e=>e!==t)),publish(t){e.forEach(e=>e(t))}}},vf=cf("foundation-utils");function bf(e){const t=[],i=new Set;return function e(o){const c=Array.from(o.querySelectorAll("*"));t.push(...c),c.forEach(t=>{t.shadowRoot&&!i.has(t.shadowRoot)&&(i.add(t.shadowRoot),e(t.shadowRoot))})}(e),t}function yf(e,t){let i=e;for(;i;){const e=i.tagName.toLowerCase();if(e.endsWith("-design-system-provider")){const t=e.split("-design-system-provider")[0];if(t)return vf.debug(`Found provider by ancestor search: ${e}, prefix: ${t}`),{element:i,prefix:t}}i=i.parentElement?i.parentElement:i.getRootNode&&i.getRootNode()instanceof ShadowRoot?i.getRootNode().host:null}const o=document.querySelectorAll('[class*="-design-system-provider"],[id*="-design-system-provider"]'),c=Array.from(o),s=bf(document).filter(e=>{var t;const i=null===(t=e.tagName)||void 0===t?void 0:t.toLowerCase();return(null==i?void 0:i.endsWith("-design-system-provider"))||!1});if(c.push(...s),c.length>0){const e=c[0],t=e.tagName.toLowerCase(),i=t.split("-design-system-provider")[0];if(i)return vf.debug(`Found provider by document search: ${t}, prefix: ${i}`),{element:e,prefix:i}}return vf.debug(`No provider found. Falling back to ${t}.`),{element:null,prefix:t}}const zf=["text-field","text-area","combobox"],xf=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]','[role="textbox"]','[role="searchbox"]','[role="combobox"]'],Cf=e=>zf.map(t=>`${e}-${t}`),Lf={rapid:Cf("rapid"),zero:Cf("zero")};function Mf(e,t=[]){const i=e.flatMap(e=>{var t;return null!==(t=Lf[e])&&void 0!==t?t:[]}),o=t.filter(Boolean);return Array.from(new Set([...xf,...i,...o])).join(",")}const wf=new Map([["FAST-TEXT-AREA","input"],["FAST-TEXT-FIELD","input"],["FOUNDATION-TEXT-AREA","input"],["FOUNDATION-TEXT-FIELD","input"],["INPUT","input"],["ZERO-TEXT-FIELD","input"]]);function Sf(e){this.keyAttr||(this.target[this.targetName]=e)}function kf(e,t){this.keyAttr&&(this.updateTarget=Sf),this.originalBind.call(this,e,t),this.target.addEventListener(this.changeEvent,this.changeHandler)}function $f(){this.originalUnbind.call(this),this.target.removeEventListener(this.changeEvent,this.changeHandler)}class Ef extends R{constructor(e,t,i,o){super(e),this.keyAttr=o,this.conversionType=t,this.eventName=i}createBehavior(e){const t=super.createBehavior(e);return t.originalBind=t.bind,t.originalUnbind=t.unbind,t.keyAttr=this.keyAttr,t.bind=kf,t.unbind=$f,t.changeEvent=function(e,t){var i;const o=e.tagName;return"default"===t?null!==(i=wf.get(o))&&void 0!==i?i:"change":t}(e,this.eventName),t.changeHandler=()=>{const e="boolean"===this.conversionType?t.target.checked:t.target.value;if(this.keyAttr){const i=t.bindingObserver.last,o=t.target[this.keyAttr];i.propertySource[i.propertyName][o]=this.convert(e)}else{const i=t.bindingObserver.last;i.propertySource[i.propertyName]=this.convert(e)}},t}convert(e){if(null==e)return e;switch(this.conversionType){case"time":const t=new Date(e).getTime();return isNaN(t)?void 0:t;case"number":return e.length?Number(e):void 0;case"string":return String(e);case"boolean":return Boolean(e);default:return e}}}function Nf(e,t="string",i="default",o){return new Ef(e,t,i,o)}function Af(e,t,i){const o=e=>"function"==typeof e?e:()=>e,c=o(t),s=o(i);return(t,i)=>e(t,i)?c(t,i):s(t,i)}const Of=/^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,Tf=e=>{const t=e.split(":");let i,o;2===t.length?[i,o]=t:o=e;const c=(e=>{if(Of.test(e)){const t=atob(e),i=new Uint8Array(t.length);return[...t].forEach((e,o)=>{i[o]=t.charCodeAt(o)}),i.buffer}return e})(o);if("str"===i){return new TextDecoder("utf-8").decode(c)}return c},Rf=e=>{const t=(e=>{if("string"==typeof e)return btoa(e);if(e instanceof ArrayBuffer){const t=new Uint8Array(e).reduce((e,t)=>e+String.fromCharCode(t),"");return btoa(t)}return""})(e);return"string"==typeof e?`str:${t}`:e instanceof ArrayBuffer?`bin:${t}`:""},If=e=>{const t=window.location.href,i=new URL(t).search,o=new URLSearchParams(i),c=`feature.${e}`.toLowerCase();for(const[e]of o.entries())if(e.toLowerCase()===c)return!0;return!1};let Df="webpack";try{"undefined"!=typeof BUILDER&&(Df=BUILDER)}catch(sx){}let Ff="/";try{"undefined"!=typeof PUBLIC_PATH&&(Ff=PUBLIC_PATH.replace(/\/$/,""))}catch(e){}let _f,Hf="gwf";try{"undefined"!=typeof SOCKET_EXT&&(Hf=SOCKET_EXT)}catch(e){}try{_f=FORCE_HTTP}catch(e){}const Pf=`${location.protocol.replace("http","ws")}//${location.host}${Ff}/${Hf}/`;let Vf,Bf,Uf,jf,qf=`${"true"===_f||If("forceHttp")?location.protocol:location.protocol.replace("http","ws")}//${location.host}/${Hf}/`;try{"undefined"!=typeof API_HOST&&(qf=API_HOST)}catch(e){}try{Vf=HTTP_CONFIG}catch(e){}try{Bf=DEFAULT_ORGANISATION}catch(e){}try{Uf=DEFAULT_PASSWORD}catch(e){}try{jf=DEFAULT_USER}catch(e){}let Gf="gwf/event-login-auth";"undefined"!=typeof GENX_LOGIN_URL&&(Gf=GENX_LOGIN_URL),"undefined"!=typeof GENX_LOGIN_REFRESH_URL&&GENX_LOGIN_REFRESH_URL;let Wf="gwf/event-login-details";"undefined"!=typeof GENX_LOGIN_DETAILS_URL&&(Wf=GENX_LOGIN_DETAILS_URL),"undefined"!=typeof GENX_LOGOUT_URL&&GENX_LOGOUT_URL,"undefined"!=typeof GENX_CHANGE_PASSWORD_URL&&GENX_CHANGE_PASSWORD_URL,"undefined"!=typeof GENX_FORGOT_PASSWORD_URL&&GENX_FORGOT_PASSWORD_URL,"undefined"!=typeof GENX_RESET_PASSWORD_URL&&GENX_RESET_PASSWORD_URL,"undefined"!=typeof GENX_SSO_LIST_URL&&GENX_SSO_LIST_URL,"undefined"!=typeof GENX_SSO_LOGIN_URL&&GENX_SSO_LOGIN_URL;let Yf="default";"undefined"!=typeof GENX_ENVIRONMENT_LEVEL&&(Yf=GENX_ENVIRONMENT_LEVEL),"undefined"!=typeof GENX_ACCEPT_TERMS_URL&&GENX_ACCEPT_TERMS_URL;class Kf{constructor(e){this.logger=e,this.map=new Map}set(e,t){this.logger(e,t),this.lastError=t,this.map=new Map(this.map.set(e,t))}get(e){return this.map.get(e)}has(e){return this.map.has(e)}delete(e){const t=this.map.get(e)===this.lastError,i=this.map.delete(e);return i&&(this.map=new Map(this.map),t&&(this.lastError=void 0)),i}clear(){this.lastError=void 0,this.map=new Map}get size(){return this.map.size}values(){return this.map.values()}get messages(){const e=this.size;if(!e)return"";const t=[];for(const{message:e}of this.map.values())t.push(e);return`${e} Error${e>1?"s":""} Occurred:\n${t.join("\n")}`}}Nu([g],Kf.prototype,"map",void 0),Nu([g],Kf.prototype,"lastError",void 0);function Zf(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,19).replace("T"," ")}function Qf(e,t){return t?Zf(e):function(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,10)}(e)}const Xf={k:1e3,m:1e6,b:1e9},Jf=/^(.*?)([kmb])$/i;class ep{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),i=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),o=new Map(i.map((e,t)=>[e,t]));this._group=new RegExp(`[${t.find(e=>"group"===e.type).value}]`,"g"),this._decimal=new RegExp(`[${t.find(e=>"decimal"===e.type).value}]`),this._separator=new RegExp(`[$${t.find(e=>"decimal"===e.type).value}](?:0*$|[^0]0+$)`),this._numeral=new RegExp(`[${i.join("")}]`,"g"),this._index=e=>o.get(e)}parse(e){const t=e.trim().match(Jf),i=t?Xf[t[2].toLowerCase()]:1;return(e=(t?t[1]:e).trim().replace(this._group,"").replace(this._decimal,".").replace(this._numeral,this._index))?+e*i:NaN}hasSeparator(e){return this._separator.test(e)}}var tp="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ip(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var op,cp={exports:{}},sp=cp.exports;
|
|
35
|
+
function Fd(e,t,i,o){var c,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(s<3?c(n):s>3?c(t,i,n):c(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n}Kt.compose({baseName:"accordion-item",template:ot,styles:Dd,collapsedIcon:'\n <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M16.22 3H3.78a.78.78 0 00-.78.78v12.44c0 .43.35.78.78.78h12.44c.43 0 .78-.35.78-.78V3.78a.78.78 0 00-.78-.78zM3.78 2h12.44C17.2 2 18 2.8 18 3.78v12.44c0 .98-.8 1.78-1.78 1.78H3.78C2.8 18 2 17.2 2 16.22V3.78C2 2.8 2.8 2 3.78 2zM11 9h3v2h-3v3H9v-3H6V9h3V6h2v3z"\n />\n </svg>\n ',expandedIcon:'\n <svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M3.78 3h12.44c.43 0 .78.35.78.78v12.44c0 .43-.35.78-.78.78H3.78a.78.78 0 01-.78-.78V3.78c0-.43.35-.78.78-.78zm12.44-1H3.78C2.8 2 2 2.8 2 3.78v12.44C2 17.2 2.8 18 3.78 18h12.44c.98 0 1.78-.8 1.78-1.78V3.78C18 2.8 17.2 2 16.22 2zM14 9H6v2h8V9z"\n />\n </svg>\n '}),Ei.compose({baseName:"accordion",template:Zt,styles:Rd});const _d="box-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1)))), 0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))));",Hd=Ce` ${Qn("inline-flex")} :host{font-family: ${sr};outline: none;font-size: ${gr};line-height: ${vr};height: calc(${Id} * 1px);min-width: calc(${Id} * 1px);background-color: ${Ql};color: ${wd};border-radius: calc(${lr} * 1px);fill: currentcolor;cursor: pointer}.control{background: transparent;height: inherit;flex-grow: 1;box-sizing: border-box;display: inline-flex;justify-content: center;align-items: baseline;padding: 0 calc((10 + (${hr} * 2 * ${dr})) * 1px);white-space: nowrap;outline: none;text-decoration: none;border: calc(${pr} * 1px) solid transparent;color: inherit;border-radius: inherit;fill: inherit;cursor: inherit;font-weight: inherit;font-family: inherit;font-size: inherit;line-height: inherit}:host(:hover){background-color: ${Xl}}:host(:active){background-color: ${Jl}}.control:${Xn}{border-color: ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset}.control::-moz-focus-inner{border: 0}.start, .content, .end{align-self: center}.start, .end{display: flex}.control.icon-only{padding: 0;line-height: 0}::slotted(svg){${""} width: 16px;height: 16px;pointer-events: none}.start{margin-inline-end: 11px}.end{margin-inline-start: 11px}`.withBehaviors(Yn(Ce` :host .control{background-color: ${Si.ButtonFace};border-color: ${Si.ButtonText};color: ${Si.ButtonText};fill: currentColor}:host(:hover) .control{forced-color-adjust: none;background-color: ${Si.Highlight};color: ${Si.HighlightText}}.control:${Xn}{forced-color-adjust: none;background-color: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.ButtonText} inset;color: ${Si.HighlightText}}.control:hover, :host([appearance="outline"]) .control:hover{border-color: ${Si.ButtonText}}:host([href]) .control{border-color: ${Si.LinkText};color: ${Si.LinkText}}:host([href]) .control:hover, :host([href]) .control:${Xn}{forced-color-adjust: none;background: ${Si.ButtonFace};border-color: ${Si.LinkText};box-shadow: 0 0 0 1px ${Si.LinkText} inset;color: ${Si.LinkText};fill: currentColor}`)),Pd=Ce` :host([appearance="accent"]){background: ${El};color: ${Il}}:host([appearance="accent"]:hover){background: ${Nl};color: ${Dl}}:host([appearance="accent"]:active) .control:active{background: ${Al};color: ${Fl}}:host([appearance="accent"]) .control:${Xn}{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset, 0 0 0 calc((${mr} + ${pr}) * 1px) ${xd} inset}`.withBehaviors(Yn(Ce` :host([appearance="accent"]) .control{forced-color-adjust: none;background: ${Si.Highlight};color: ${Si.HighlightText}}:host([appearance="accent"]) .control:hover, :host([appearance="accent"]:active) .control:active{background: ${Si.HighlightText};border-color: ${Si.Highlight};color: ${Si.Highlight}}:host([appearance="accent"]) .control:${Xn}{border-color: ${Si.Highlight};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.HighlightText} inset}:host([appearance="accent"][href]) .control{background: ${Si.LinkText};color: ${Si.HighlightText}}:host([appearance="accent"][href]) .control:hover{background: ${Si.ButtonFace};border-color: ${Si.LinkText};box-shadow: none;color: ${Si.LinkText};fill: currentColor}:host([appearance="accent"][href]) .control:${Xn}{border-color: ${Si.LinkText};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.HighlightText} inset}`)),Vd=Ce` :host([appearance="hypertext"]){font-size: inherit;line-height: inherit;height: auto;min-width: 0;background: transparent}:host([appearance="hypertext"]) .control{display: inline;padding: 0;border: none;box-shadow: none;border-radius: 0;line-height: 1}:host a.control:not(:link){background-color: transparent;cursor: default}:host([appearance="hypertext"]) .control:link, :host([appearance="hypertext"]) .control:visited{background: transparent;color: ${Gl};border-bottom: calc(${pr} * 1px) solid ${Gl}}:host([appearance="hypertext"]:hover), :host([appearance="hypertext"]) .control:hover{background: transparent;border-bottom-color: ${Wl}}:host([appearance="hypertext"]:active), :host([appearance="hypertext"]) .control:active{background: transparent;border-bottom-color: ${Yl}}:host([appearance="hypertext"]) .control:${Xn}{border-bottom: calc(${mr} * 1px) solid ${yd};margin-bottom: calc(calc(${pr} - ${mr}) * 1px)}`.withBehaviors(Yn(Ce` :host([appearance="hypertext"]:hover){background-color: ${Si.ButtonFace};color: ${Si.ButtonText}}:host([appearance="hypertext"][href]) .control:hover, :host([appearance="hypertext"][href]) .control:active, :host([appearance="hypertext"][href]) .control:${Xn}{color: ${Si.LinkText};border-bottom-color: ${Si.LinkText};box-shadow: none}`)),Bd=Ce` :host([appearance="lightweight"]){background: transparent;color: ${Gl}}:host([appearance="lightweight"]) .control{padding: 0;height: initial;border: none;box-shadow: none;border-radius: 0}:host([appearance="lightweight"]:hover){background: transparent;color: ${Wl}}:host([appearance="lightweight"]:active){background: transparent;color: ${Yl}}:host([appearance="lightweight"]) .content{position: relative}:host([appearance="lightweight"]) .content::before{content: "";display: block;height: calc(${pr} * 1px);position: absolute;top: calc(1em + 4px);width: 100%}:host([appearance="lightweight"]:hover) .content::before{background: ${Wl}}:host([appearance="lightweight"]:active) .content::before{background: ${Yl}}:host([appearance="lightweight"]) .control:${Xn} .content::before{background: ${wd};height: calc(${mr} * 1px)}`.withBehaviors(Yn(Ce` :host([appearance="lightweight"]) .control:hover, :host([appearance="lightweight"]) .control:${Xn}{forced-color-adjust: none;background: ${Si.ButtonFace};color: ${Si.Highlight}}:host([appearance="lightweight"]) .control:hover .content::before, :host([appearance="lightweight"]) .control:${Xn} .content::before{background: ${Si.Highlight}}:host([appearance="lightweight"][href]) .control:hover, :host([appearance="lightweight"][href]) .control:${Xn}{background: ${Si.ButtonFace};box-shadow: none;color: ${Si.LinkText}}:host([appearance="lightweight"][href]) .control:hover .content::before, :host([appearance="lightweight"][href]) .control:${Xn} .content::before{background: ${Si.LinkText}}`)),Ud=Ce` :host([appearance="outline"]){background: transparent;border-color: ${El}}:host([appearance="outline"]:hover){border-color: ${Nl}}:host([appearance="outline"]:active){border-color: ${Al}}:host([appearance="outline"]) .control{border-color: inherit}:host([appearance="outline"]) .control:${Xn}{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset;border-color: ${yd}}`.withBehaviors(Yn(Ce` :host([appearance="outline"]) .control{border-color: ${Si.ButtonText}}:host([appearance="outline"]) .control:${Xn}{forced-color-adjust: none;background-color: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.ButtonText} inset;color: ${Si.HighlightText};fill: currentColor}:host([appearance="outline"][href]) .control{background: ${Si.ButtonFace};border-color: ${Si.LinkText};color: ${Si.LinkText};fill: currentColor}:host([appearance="outline"][href]) .control:hover, :host([appearance="outline"][href]) .control:${Xn}{forced-color-adjust: none;border-color: ${Si.LinkText};box-shadow: 0 0 0 1px ${Si.LinkText} inset}`)),jd=Ce` :host([appearance="stealth"]){background: ${ad}}:host([appearance="stealth"]:hover){background: ${rd}}:host([appearance="stealth"]:active){background: ${ld}}`.withBehaviors(Yn(Ce` :host([appearance="stealth"]), :host([appearance="stealth"]) .control{forced-color-adjust: none;background: ${Si.ButtonFace};border-color: transparent;color: ${Si.ButtonText};fill: currentColor}:host([appearance="stealth"]:hover) .control{background: ${Si.Highlight};border-color: ${Si.Highlight};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"]:${Xn}) .control{background: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"][href]) .control{color: ${Si.LinkText}}:host([appearance="stealth"][href]:hover) .control, :host([appearance="stealth"][href]:${Xn}) .control{background: ${Si.LinkText};border-color: ${Si.LinkText};color: ${Si.HighlightText};fill: currentColor}:host([appearance="stealth"][href]:${Xn}) .control{forced-color-adjust: none;box-shadow: 0 0 0 1px ${Si.LinkText}}`));class qd{constructor(e,t){this.cache=new WeakMap,this.ltr=e,this.rtl=t}bind(e){this.attach(e)}unbind(e){const t=this.cache.get(e);t&&ur.unsubscribe(t)}attach(e){const t=this.cache.get(e)||new Gd(this.ltr,this.rtl,e),i=ur.getValueFor(e);ur.subscribe(t),t.attach(i),this.cache.set(e,t)}}class Gd{constructor(e,t,i){this.ltr=e,this.rtl=t,this.source=i,this.attached=null}handleChange({target:e,token:t}){this.attach(t.getValueFor(e))}attach(e){this.attached!==this[e]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[e],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}function Wd(e,t){return new Kn("appearance",e,t)}const Yd=(e,t)=>Ce` ${Hd} `.withBehaviors(Wd("accent",Pd),Wd("hypertext",Vd),Wd("lightweight",Bd),Wd("outline",Ud),Wd("stealth",jd));class Kd extends Oi{appearanceChanged(e,t){this.$fastController.isConnected&&(this.classList.remove(e),this.classList.add(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(e,t){const i=this.defaultSlottedContent.filter(e=>e.nodeType===Node.ELEMENT_NODE);1===i.length&&i[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}Fd([re],Kd.prototype,"appearance",void 0),Kd.compose({baseName:"anchor",baseClass:Oi,template:Ni,styles:Yd,shadowOptions:{delegatesFocus:!0}});const Zd=(e,t)=>Ce` :host{contain: layout;display: block}`;Di.compose({baseName:"anchored-region",template:Ri,styles:Zd});const Qd=(e,t)=>Ce` ${Qn("flex")} :host{position: relative;height: var(--avatar-size, var(--avatar-size-default));max-width: var(--avatar-size, var(--avatar-size-default));--avatar-size-default: calc( ( (${nr} + ${dr}) * ${hr} + ((${hr} * 8) - 40) ) * 1px );--avatar-text-size: ${gr};--avatar-text-ratio: ${hr}}.link{text-decoration: none;color: ${wd};display: flex;flex-direction: row;justify-content: center;align-items: center;min-width: 100%}.square{border-radius: calc(${lr} * 1px);min-width: 100%;overflow: hidden}.circle{border-radius: 100%;min-width: 100%;overflow: hidden}.backplate{position: relative;display: flex}.media, ::slotted(img){max-width: 100%;position: absolute;display: block}.content{font-size: calc( (var(--avatar-text-size) + var(--avatar-size, var(--avatar-size-default))) / var(--avatar-text-ratio) );line-height: var(--avatar-size, var(--avatar-size-default));display: block;min-height: var(--avatar-size, var(--avatar-size-default))}::slotted(${e.tagFor(Wi)}){position: absolute;display: block}`.withBehaviors(new qd((e=>Ce` ::slotted(${e.tagFor(Wi)}){right: 0}`)(e),(e=>Ce` ::slotted(${e.tagFor(Wi)}){left: 0}`)(e)));class Xd extends qi{}Fd([re({attribute:"src"})],Xd.prototype,"imgSrc",void 0),Fd([re],Xd.prototype,"alt",void 0);const Jd=W` ${He(e=>e.imgSrc,W`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `;Xd.compose({baseName:"avatar",baseClass:qi,template:ji,styles:Qd,media:Jd,shadowOptions:{delegatesFocus:!0}});const eh=(e,t)=>Ce` ${Qn("inline-block")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${br};line-height: ${yr}}.control{border-radius: calc(${lr} * 1px);padding: calc(((${hr} * 0.5) - ${pr}) * 1px) calc((${hr} - ${pr}) * 1px);color: ${Gl};font-weight: 600;border: calc(${pr} * 1px) solid transparent}.control[style]{font-weight: 400}:host([circular]) .control{border-radius: 100px;padding: 0 calc(${hr} * 1px);height: calc((${Id} - (${hr} * 3)) * 1px);min-width: calc((${Id} - (${hr} * 3)) * 1px);display: flex;align-items: center;justify-content: center;box-sizing: border-box}`;Wi.compose({baseName:"badge",template:Gi,styles:eh});const th=(e,t)=>Ce` ${Qn("inline-flex")} :host{background: transparent;box-sizing: border-box;font-family: ${sr};font-size: ${gr};fill: currentColor;line-height: ${vr};min-width: calc(${Id} * 1px);outline: none;color: ${wd}}.listitem{display: flex;align-items: center;width: max-content}.separator{margin: 0 6px;display: flex}.control{align-items: center;box-sizing: border-box;color: ${Gl};cursor: pointer;display: flex;fill: inherit;outline: none;text-decoration: none;white-space: nowrap}.control:hover{color: ${Wl}}.control:active{color: ${Yl}}.control .content{position: relative}.control .content::before{content: "";display: block;height: calc(${pr} * 1px);left: 0;position: absolute;right: 0;top: calc(1em + 4px);width: 100%}.control:hover .content::before{background: ${Wl}}.control:active .content::before{background: ${Yl}}.control:${Xn} .content::before{background: ${wd};height: calc(${mr} * 1px)}.control:not([href]){color: ${wd};cursor: default}.control:not([href]) .content::before{background: none}.start, .end{display: flex}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-end: 6px}.end{margin-inline-start: 6px}`.withBehaviors(Yn(Ce` .control:hover .content::before, .control:${Xn} .content::before{background: ${Si.LinkText}}.start, .end{fill: ${Si.ButtonText}}`));Ki.compose({baseName:"breadcrumb-item",template:Yi,styles:th,separator:"/",shadowOptions:{delegatesFocus:!0}});const ih=(e,t)=>Ce` ${Qn("inline-block")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr}}.list{display: flex;flex-wrap: wrap}`;Qi.compose({baseName:"breadcrumb",template:Zi,styles:ih});const oh=(e,t)=>Ce` :host([disabled]), :host([disabled]:hover), :host([disabled]:active){opacity: ${fr};background-color: ${Ql};cursor: ${Zn}}${Hd} `.withBehaviors(Yn(Ce` :host([disabled]), :host([disabled]) .control, :host([disabled]:hover), :host([disabled]:active){forced-color-adjust: none;background-color: ${Si.ButtonFace};border-color: ${Si.GrayText};color: ${Si.GrayText};cursor: ${Zn};opacity: 1}`),Wd("accent",Ce` :host([appearance="accent"][disabled]), :host([appearance="accent"][disabled]:hover), :host([appearance="accent"][disabled]:active){background: ${El}}${Pd} `.withBehaviors(Yn(Ce` :host([appearance="accent"][disabled]) .control, :host([appearance="accent"][disabled]) .control:hover{background: ${Si.ButtonFace};border-color: ${Si.GrayText};color: ${Si.GrayText}}`))),Wd("lightweight",Ce` :host([appearance="lightweight"][disabled]:hover), :host([appearance="lightweight"][disabled]:active){background-color: transparent;color: ${Gl}}:host([appearance="lightweight"][disabled]) .content::before, :host([appearance="lightweight"][disabled]:hover) .content::before, :host([appearance="lightweight"][disabled]:active) .content::before{background: transparent}${Bd} `.withBehaviors(Yn(Ce` :host([appearance="lightweight"].disabled) .control{forced-color-adjust: none;color: ${Si.GrayText}}:host([appearance="lightweight"].disabled) .control:hover .content::before{background: none}`))),Wd("outline",Ce` :host([appearance="outline"][disabled]), :host([appearance="outline"][disabled]:hover), :host([appearance="outline"][disabled]:active){background: transparent;border-color: ${El}}${Ud} `.withBehaviors(Yn(Ce` :host([appearance="outline"][disabled]) .control{border-color: ${Si.GrayText}}`))),Wd("stealth",Ce` :host([appearance="stealth"][disabled]), :host([appearance="stealth"][disabled]:hover), :host([appearance="stealth"][disabled]:active){background: ${ad}}${jd} `.withBehaviors(Yn(Ce` :host([appearance="stealth"][disabled]){background: ${Si.ButtonFace}}:host([appearance="stealth"][disabled]) .control{background: ${Si.ButtonFace};border-color: transparent;color: ${Si.GrayText}}`))));class ch extends ao{constructor(){super(...arguments),this.appearance="neutral"}defaultSlottedContentChanged(e,t){const i=this.defaultSlottedContent.filter(e=>e.nodeType===Node.ELEMENT_NODE);1===i.length&&i[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}Fd([re],ch.prototype,"appearance",void 0),ch.compose({baseName:"button",baseClass:ao,template:Xi,styles:oh,shadowOptions:{delegatesFocus:!0}});const sh=Ce` ${Qn("block")} :host{--cell-border: none;--cell-height: calc(${Id} * 1px);--selected-day-outline: 1px solid ${Yl};--selected-day-color: ${Yl};--selected-day-background: ${Ql};--cell-padding: calc(${hr} * 1px);--disabled-day-opacity: ${fr};--inactive-day-opacity: ${fr};font-family: ${sr};font-size: ${gr};line-height: ${vr};color: ${wd}}.title{font-size: ${Sr};line-height: ${kr};padding: var(--cell-padding);text-align: center}.week-days, .week{display: grid;grid-template-columns: repeat(7, 1fr);border-left: var(--cell-border, none);border-bottom: none;padding: 0}.interact .week{grid-gap: calc(${hr} * 1px);margin-top: calc(${hr} * 1px)}.day, .week-day{border-bottom: var(--cell-border);border-right: var(--cell-border);padding: var(--cell-padding)}.week-day{text-align: center;border-radius: 0;border-top: var(--cell-border)}.day{box-sizing: border-box;vertical-align: top;outline-offset: -1px;line-height: var(--cell-line-height);white-space: normal}.interact .day{background: ${Ql};cursor: pointer}.day.inactive{background: var(--inactive-day-background);color: var(--inactive-day-color);opacity: var(--inactive-day-opacity);outline: var(--inactive-day-outline)}.day.disabled{background: var(--disabled-day-background);color: var(--disabled-day-color);cursor: ${Zn};opacity: var(--disabled-day-opacity);outline: var(--disabled-day-outline)}.day.selected{color: var(--selected-day-color);background: var(--selected-day-background);outline: var(--selected-day-outline)}.date{padding: var(--cell-padding);text-align: center}.interact .today, .today{color: ${Fl};background: ${Yl}}.today.inactive .date{background: transparent;color: inherit;width: auto}`.withBehaviors(Yn(Ce` :host{--selected-day-outline: 1px solid ${Si.Highlight}}.day, .week-day{background: ${Si.Canvas};color: ${Si.CanvasText};fill: currentcolor}.day.selected{color: ${Si.Highlight}}.today .date{background: ${Si.Highlight};color: ${Si.HighlightText}}`));ho.compose({baseName:"calendar",template:Oo,styles:sh,title:Eo});const nh=(e,t)=>Ce` ${Qn("block")} :host{--elevation: 4;display: block;contain: content;height: var(--card-height, 100%);width: var(--card-width, 100%);box-sizing: border-box;background: ${Sl};border-radius: calc(${lr} * 1px);${_d}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;background: ${Si.Canvas};box-shadow: 0 0 0 1px ${Si.CanvasText}}`));class ah extends Ro{connectedCallback(){super.connectedCallback();const e=ec(this);e&&Sl.setValueFor(this,t=>gd.getValueFor(t).evaluate(t,Sl.getValueFor(e)))}}ah.compose({baseName:"card",baseClass:Ro,template:To,styles:nh});const rh=(e,t)=>Ce` ${Qn("inline-flex")} :host{align-items: center;outline: none;margin: calc(${hr} * 1px) 0;/* Chromium likes to select label text or the default slot when the checkbox is clicked. Maybe there is a better solution here? */ user-select: none}.control{position: relative;width: calc((${Id} / 2 + ${hr}) * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);box-sizing: border-box;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${kd};background: ${id};outline: none;cursor: pointer}.label{font-family: ${sr};color: ${wd};padding-inline-start: calc(${hr} * 2px + 2px);margin-inline-end: calc(${hr} * 2px + 2px);cursor: pointer;font-size: ${gr};line-height: ${vr}}.label__hidden{display: none;visibility: hidden}.checked-indicator{width: 100%;height: 100%;display: block;fill: ${Il};opacity: 0;pointer-events: none}.indeterminate-indicator{border-radius: calc(${lr} * 1px);background: ${Il};position: absolute;top: 50%;left: 50%;width: 50%;height: 50%;transform: translate(-50%, -50%);opacity: 0}:host(:not([disabled])) .control:hover{background: ${od};border-color: ${$d}}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([aria-checked="true"]) .control{background: ${El};border: calc(${pr} * 1px) solid ${El}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Nl};border: calc(${pr} * 1px) solid ${Nl}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:hover .indeterminate-indicator{background: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Al};border: calc(${pr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{fill: ${Fl}}:host([aria-checked="true"]:not([disabled])) .control:active .indeterminate-indicator{background: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([aria-checked="true"]:not(.indeterminate)) .checked-indicator, :host(.indeterminate) .indeterminate-indicator{opacity: 1}:host([disabled]){opacity: ${fr}}`.withBehaviors(Yn(Ce` .control{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.Field}}.checked-indicator{fill: ${Si.FieldText}}.indeterminate-indicator{background: ${Si.FieldText}}:host(:not([disabled])) .control:hover, .control:active{border-color: ${Si.Highlight};background: ${Si.Field}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]) .control{background: ${Si.Highlight};border-color: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover, .control:active{border-color: ${Si.Highlight};background: ${Si.HighlightText}}:host([aria-checked="true"]) .checked-indicator{fill: ${Si.HighlightText}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Si.Highlight}}:host([aria-checked="true"]) .indeterminate-indicator{background: ${Si.HighlightText}}:host([aria-checked="true"]) .control:hover .indeterminate-indicator{background: ${Si.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .control{forced-color-adjust: none;border-color: ${Si.GrayText};background: ${Si.Field}}:host([disabled]) .indeterminate-indicator, :host([aria-checked="true"][disabled]) .control:hover .indeterminate-indicator{forced-color-adjust: none;background: ${Si.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{forced-color-adjust: none;fill: ${Si.GrayText}}`));_o.compose({baseName:"checkbox",template:Io,styles:rh,checkedIndicator:'\n <svg\n part="checked-indicator"\n class="checked-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',indeterminateIndicator:'\n <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n '});const lh=(e,t)=>{const i=e.tagFor(Po),o=e.name===e.tagFor(Xc)?"":".listbox";return Ce` ${o?"":Qn("inline-flex")} :host ${o}{background: ${Sl};border: calc(${pr} * 1px) solid ${kd};border-radius: calc(${lr} * 1px);box-sizing: border-box;flex-direction: column;padding: calc(${hr} * 1px) 0}${o?"":Ce` :host(:focus-within:not([disabled])){border-color: ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset}:host([disabled]) ::slotted(*){cursor: ${Zn};opacity: ${fr};pointer-events: none}`} ${o||":host([size])"}{max-height: calc( (var(--size) * ${Id} + (${hr} * ${pr} * 2)) * 1px );overflow-y: auto}:host([size="0"]) ${o}{max-height: none}`.withBehaviors(Yn(Ce` :host(:not([multiple]):${Xn}) ::slotted(${i}[aria-selected="true"]), :host([multiple]:${Xn}) ::slotted(${i}[aria-checked="true"]){border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText}}:host(:not([multiple]):${Xn}) ::slotted(${i}[aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText};fill: currentcolor}::slotted(${i}[aria-selected="true"]:not([aria-checked="true"])){background: ${Si.Highlight};border-color: ${Si.HighlightText};color: ${Si.HighlightText}}`))},dh=(e,t)=>{const i=e.name===e.tagFor(js);return Ce` ${Qn("inline-flex")} :host{--elevation: 14;background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};box-sizing: border-box;color: ${wd};font-family: ${sr};height: calc(${Id} * 1px);position: relative;user-select: none;min-width: 250px;outline: none;vertical-align: top}${i?Ce` :host(:not([aria-haspopup])){--elevation: 0;border: 0;height: auto;min-width: 0}`:""} ${lh(e)} :host .listbox{${_d} border: none;display: flex;left: 0;position: absolute;width: 100%;z-index: 1}.control + .listbox{--stroke-size: calc(${hr} * ${pr} * 2);max-height: calc( (var(--listbox-max-height) * ${Id} + var(--stroke-size)) * 1px )}${i?Ce` :host(:not([aria-haspopup])) .listbox{left: auto;position: static;z-index: auto}`:""} .listbox[hidden]{display: none}.control{align-items: center;box-sizing: border-box;cursor: pointer;display: flex;font-size: ${gr};font-family: inherit;line-height: ${vr};min-height: 100%;padding: 0 calc(${hr} * 2.25px);width: 100%}:host(:not([disabled]):hover){background: ${od};border-color: ${Nl}}:host(:${Xn}){border-color: ${yd}}:host(:not([size]):not([multiple]):not([open]):${Xn}), :host([multiple]:${Xn}), :host([size]:${Xn}){box-shadow: 0 0 0 calc(${mr} * 1px) ${yd}}:host(:not([multiple]):not([size]):${Xn}) ::slotted(${e.tagFor(Po)}[aria-selected="true"]:not([disabled])){box-shadow: 0 0 0 calc(${mr} * 1px) inset ${xd};border-color: ${yd};background: ${Ol};color: ${_l}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]) .control{cursor: ${Zn};user-select: none}:host([disabled]:hover){background: ${ad};color: ${wd};fill: currentcolor}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Al};border-radius: calc(${lr} * 1px)}:host([open][position="above"]) .listbox{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;bottom: calc(${Id} * 1px)}:host([open][position="below"]) .listbox{border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;top: calc(${Id} * 1px)}.selected-value{flex: 1 1 auto;font-family: inherit;min-width: calc(var(--listbox-scroll-width, 0) - (${hr} * 4) * 1px);overflow: hidden;text-align: start;text-overflow: ellipsis;white-space: nowrap}.indicator{flex: 0 0 auto;margin-inline-start: 1em}slot[name="listbox"]{display: none;width: 100%}:host([open]) slot[name="listbox"]{display: flex;position: absolute;${_d}}.end{margin-inline-start: auto}.start, .end, .indicator, .select-indicator, ::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ fill: currentcolor;height: 1em;min-height: calc(${hr} * 4px);min-width: calc(${hr} * 4px);width: 1em}::slotted([role="option"]), ::slotted(option){flex: 0 0 auto}`.withBehaviors(Yn(Ce` :host(:not([disabled]):hover), :host(:not([disabled]):active){border-color: ${Si.Highlight}}:host(:not([disabled]):${Xn}){background-color: ${Si.ButtonFace};box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.Highlight};color: ${Si.ButtonText};fill: currentcolor;forced-color-adjust: none}:host(:not([disabled]):${Xn}) .listbox{background: ${Si.ButtonFace}}:host([disabled]){border-color: ${Si.GrayText};background-color: ${Si.ButtonFace};color: ${Si.GrayText};fill: currentcolor;opacity: 1;forced-color-adjust: none}:host([disabled]:hover){background: ${Si.ButtonFace}}:host([disabled]) .control{color: ${Si.GrayText};border-color: ${Si.GrayText}}:host([disabled]) .control .select-indicator{fill: ${Si.GrayText}}:host(:${Xn}) ::slotted([aria-selected="true"][role="option"]), :host(:${Xn}) ::slotted(option[aria-selected="true"]), :host(:${Xn}) ::slotted([aria-selected="true"][role="option"]:not([disabled])){background: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText};color: ${Si.HighlightText};fill: currentcolor}.start, .end, .indicator, .select-indicator, ::slotted(svg){color: ${Si.ButtonText};fill: currentcolor}`))},hh=(e,t)=>Ce` ${dh(e)} :host(:empty) .listbox{display: none}:host([disabled]) *, :host([disabled]){cursor: ${Zn};user-select: none}.selected-value{-webkit-appearance: none;background: transparent;border: none;color: inherit;font-size: ${gr};line-height: ${vr};height: calc(100% - (${pr} * 1px));margin: auto 0;width: 100%}.selected-value:hover, .selected-value:${Xn}, .selected-value:disabled, .selected-value:active{outline: none}`;class uh extends Xo{maxHeightChanged(e,t){this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=Math.floor(this.maxHeight/Td.getValueFor(this)).toString();this.computedStylesheet=Ce` :host{--listbox-max-height: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}uh.compose({baseName:"combobox",baseClass:Xo,template:(e,t)=>W`<template aria-disabled="${e=>e.ariaDisabled}" autocomplete="${e=>e.autocomplete}" class="${e=>e.open?"open":""} ${e=>e.disabled?"disabled":""} ${e=>e.position}" ?open="${e=>e.open}" tabindex="${e=>e.disabled?null:"0"}" @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control">${et(0,t)}<slot name="control"><input aria-activedescendant="${e=>e.open?e.ariaActiveDescendant:null}" aria-autocomplete="${e=>e.ariaAutoComplete}" aria-controls="${e=>e.ariaControls}" aria-disabled="${e=>e.ariaDisabled}" aria-expanded="${e=>e.ariaExpanded}" aria-haspopup="listbox" class="selected-value" part="selected-value" placeholder="${e=>e.placeholder}" role="combobox" type="text" ?disabled="${e=>e.disabled}" :value="${e=>e.value}" @input="${(e,t)=>e.inputHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}" ${Ie("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${Je(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Ie("listbox")}><slot ${Ke({filter:Bo.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:hh,shadowOptions:{delegatesFocus:!0},indicator:'\n <svg\n class="select-indicator"\n part="select-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '});const fh=(e,t)=>Ce` :host{display: flex;position: relative;flex-direction: column}`,ph=(e,t)=>Ce` :host{display: grid;padding: 1px 0;box-sizing: border-box;width: 100%;border-bottom: calc(${pr} * 1px) solid ${Od}}:host(.header){}:host(.sticky-header){background: ${Ql};position: sticky;top: 0}`,mh=(e,t)=>Ce` :host{padding: calc(${hr} * 1px) calc(${hr} * 3px);color: ${wd};box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};font-weight: 400;border: transparent calc(${mr} * 1px) solid;overflow: hidden;white-space: nowrap;border-radius: calc(${lr} * 1px)}:host(.column-header){font-weight: 600}:host(:${Xn}){border: ${yd} calc(${mr} * 1px) solid;outline: none;color: ${wd}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;background: ${Si.Field};color: ${Si.FieldText}}:host(:${Xn}){border-color: ${Si.FieldText};box-shadow: 0 0 0 2px inset ${Si.Field};color: ${Si.FieldText}}`));So.compose({baseName:"data-grid-cell",template:$o,styles:mh}),xo.compose({baseName:"data-grid-row",template:ko,styles:ph}),Lo.compose({baseName:"data-grid",template:Co,styles:fh});const gh={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=Fa(e);return t?Va.create(t.r,t.g,t.b):null}},vh=Ce` :host{background-color: ${Sl};color: ${wd}}`.withBehaviors(Yn(Ce` :host{background-color: ${Si.ButtonFace};box-shadow: 0 0 0 1px ${Si.CanvasText};color: ${Si.ButtonText}}`));function bh(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}class yh extends qt{constructor(){super(),this.noPaint=!1;const e={handleChange:this.noPaintChanged.bind(this)};m.getNotifier(this).subscribe(e,"fillColor"),m.getNotifier(this).subscribe(e,"baseLayerLuminance")}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(vh):this.$fastController.addStyles(vh)}}Fd([re({attribute:"no-paint",mode:"boolean"})],yh.prototype,"noPaint",void 0),Fd([re({attribute:"fill-color",converter:gh}),bh(Sl)],yh.prototype,"fillColor",void 0),Fd([re({attribute:"accent-color",converter:gh,mode:"fromView"}),bh(ul)],yh.prototype,"accentColor",void 0),Fd([re({attribute:"neutral-color",converter:gh,mode:"fromView"}),bh(dl)],yh.prototype,"neutralColor",void 0),Fd([re({converter:ne}),bh(dr)],yh.prototype,"density",void 0),Fd([re({attribute:"design-unit",converter:ne}),bh(hr)],yh.prototype,"designUnit",void 0),Fd([re({attribute:"direction"}),bh(ur)],yh.prototype,"direction",void 0),Fd([re({attribute:"base-height-multiplier",converter:ne}),bh(nr)],yh.prototype,"baseHeightMultiplier",void 0),Fd([re({attribute:"base-horizontal-spacing-multiplier",converter:ne}),bh(ar)],yh.prototype,"baseHorizontalSpacingMultiplier",void 0),Fd([re({attribute:"control-corner-radius",converter:ne}),bh(lr)],yh.prototype,"controlCornerRadius",void 0),Fd([re({attribute:"stroke-width",converter:ne}),bh(pr)],yh.prototype,"strokeWidth",void 0),Fd([re({attribute:"focus-stroke-width",converter:ne}),bh(mr)],yh.prototype,"focusStrokeWidth",void 0),Fd([re({attribute:"disabled-opacity",converter:ne}),bh(fr)],yh.prototype,"disabledOpacity",void 0),Fd([re({attribute:"type-ramp-minus-2-font-size"}),bh(zr)],yh.prototype,"typeRampMinus2FontSize",void 0),Fd([re({attribute:"type-ramp-minus-2-line-height"}),bh(xr)],yh.prototype,"typeRampMinus2LineHeight",void 0),Fd([re({attribute:"type-ramp-minus-1-font-size"}),bh(br)],yh.prototype,"typeRampMinus1FontSize",void 0),Fd([re({attribute:"type-ramp-minus-1-line-height"}),bh(yr)],yh.prototype,"typeRampMinus1LineHeight",void 0),Fd([re({attribute:"type-ramp-base-font-size"}),bh(gr)],yh.prototype,"typeRampBaseFontSize",void 0),Fd([re({attribute:"type-ramp-base-line-height"}),bh(vr)],yh.prototype,"typeRampBaseLineHeight",void 0),Fd([re({attribute:"type-ramp-plus-1-font-size"}),bh(Cr)],yh.prototype,"typeRampPlus1FontSize",void 0),Fd([re({attribute:"type-ramp-plus-1-line-height"}),bh(Lr)],yh.prototype,"typeRampPlus1LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-2-font-size"}),bh(Mr)],yh.prototype,"typeRampPlus2FontSize",void 0),Fd([re({attribute:"type-ramp-plus-2-line-height"}),bh(wr)],yh.prototype,"typeRampPlus2LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-3-font-size"}),bh(Sr)],yh.prototype,"typeRampPlus3FontSize",void 0),Fd([re({attribute:"type-ramp-plus-3-line-height"}),bh(kr)],yh.prototype,"typeRampPlus3LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-4-font-size"}),bh($r)],yh.prototype,"typeRampPlus4FontSize",void 0),Fd([re({attribute:"type-ramp-plus-4-line-height"}),bh(Er)],yh.prototype,"typeRampPlus4LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-5-font-size"}),bh(Nr)],yh.prototype,"typeRampPlus5FontSize",void 0),Fd([re({attribute:"type-ramp-plus-5-line-height"}),bh(Ar)],yh.prototype,"typeRampPlus5LineHeight",void 0),Fd([re({attribute:"type-ramp-plus-6-font-size"}),bh(Or)],yh.prototype,"typeRampPlus6FontSize",void 0),Fd([re({attribute:"type-ramp-plus-6-line-height"}),bh(Tr)],yh.prototype,"typeRampPlus6LineHeight",void 0),Fd([re({attribute:"accent-fill-rest-delta",converter:ne}),bh(Rr)],yh.prototype,"accentFillRestDelta",void 0),Fd([re({attribute:"accent-fill-hover-delta",converter:ne}),bh(Ir)],yh.prototype,"accentFillHoverDelta",void 0),Fd([re({attribute:"accent-fill-active-delta",converter:ne}),bh(Dr)],yh.prototype,"accentFillActiveDelta",void 0),Fd([re({attribute:"accent-fill-focus-delta",converter:ne}),bh(Fr)],yh.prototype,"accentFillFocusDelta",void 0),Fd([re({attribute:"accent-foreground-rest-delta",converter:ne}),bh(_r)],yh.prototype,"accentForegroundRestDelta",void 0),Fd([re({attribute:"accent-foreground-hover-delta",converter:ne}),bh(Hr)],yh.prototype,"accentForegroundHoverDelta",void 0),Fd([re({attribute:"accent-foreground-active-delta",converter:ne}),bh(Pr)],yh.prototype,"accentForegroundActiveDelta",void 0),Fd([re({attribute:"accent-foreground-focus-delta",converter:ne}),bh(Vr)],yh.prototype,"accentForegroundFocusDelta",void 0),Fd([re({attribute:"neutral-fill-rest-delta",converter:ne}),bh(Br)],yh.prototype,"neutralFillRestDelta",void 0),Fd([re({attribute:"neutral-fill-hover-delta",converter:ne}),bh(Ur)],yh.prototype,"neutralFillHoverDelta",void 0),Fd([re({attribute:"neutral-fill-active-delta",converter:ne}),bh(jr)],yh.prototype,"neutralFillActiveDelta",void 0),Fd([re({attribute:"neutral-fill-focus-delta",converter:ne}),bh(qr)],yh.prototype,"neutralFillFocusDelta",void 0),Fd([re({attribute:"neutral-fill-input-rest-delta",converter:ne}),bh(Gr)],yh.prototype,"neutralFillInputRestDelta",void 0),Fd([re({attribute:"neutral-fill-input-hover-delta",converter:ne}),bh(Wr)],yh.prototype,"neutralFillInputHoverDelta",void 0),Fd([re({attribute:"neutral-fill-input-active-delta",converter:ne}),bh(Yr)],yh.prototype,"neutralFillInputActiveDelta",void 0),Fd([re({attribute:"neutral-fill-input-focus-delta",converter:ne}),bh(Kr)],yh.prototype,"neutralFillInputFocusDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-rest-delta",converter:ne}),bh(Zr)],yh.prototype,"neutralFillStealthRestDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-hover-delta",converter:ne}),bh(Qr)],yh.prototype,"neutralFillStealthHoverDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-active-delta",converter:ne}),bh(Xr)],yh.prototype,"neutralFillStealthActiveDelta",void 0),Fd([re({attribute:"neutral-fill-stealth-focus-delta",converter:ne}),bh(Jr)],yh.prototype,"neutralFillStealthFocusDelta",void 0),Fd([re({attribute:"neutral-fill-strong-hover-delta",converter:ne}),bh(tl)],yh.prototype,"neutralFillStrongHoverDelta",void 0),Fd([re({attribute:"neutral-fill-strong-active-delta",converter:ne}),bh(il)],yh.prototype,"neutralFillStrongActiveDelta",void 0),Fd([re({attribute:"neutral-fill-strong-focus-delta",converter:ne}),bh(ol)],yh.prototype,"neutralFillStrongFocusDelta",void 0),Fd([re({attribute:"base-layer-luminance",converter:ne}),bh(rr)],yh.prototype,"baseLayerLuminance",void 0),Fd([re({attribute:"neutral-fill-layer-rest-delta",converter:ne}),bh(cl)],yh.prototype,"neutralFillLayerRestDelta",void 0),Fd([re({attribute:"neutral-stroke-divider-rest-delta",converter:ne}),bh(ll)],yh.prototype,"neutralStrokeDividerRestDelta",void 0),Fd([re({attribute:"neutral-stroke-rest-delta",converter:ne}),bh(sl)],yh.prototype,"neutralStrokeRestDelta",void 0),Fd([re({attribute:"neutral-stroke-hover-delta",converter:ne}),bh(nl)],yh.prototype,"neutralStrokeHoverDelta",void 0),Fd([re({attribute:"neutral-stroke-active-delta",converter:ne}),bh(al)],yh.prototype,"neutralStrokeActiveDelta",void 0),Fd([re({attribute:"neutral-stroke-focus-delta",converter:ne}),bh(rl)],yh.prototype,"neutralStrokeFocusDelta",void 0);yh.compose({baseName:"design-system-provider",template:(e,t)=>W`<slot></slot>`,styles:(e,t)=>Ce` ${Qn("block")}`});Hc.compose({baseName:"dialog",template:(e,t)=>W`<div class="positioning-region" part="positioning-region">${He(e=>e.modal,W`<div class="overlay" part="overlay" role="presentation" @click="${e=>e.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${e=>e.modal}" aria-describedby="${e=>e.ariaDescribedby}" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" ${Ie("dialog")}><slot></slot></div></div>`,styles:(e,t)=>Ce` :host([hidden]){display: none}:host{--elevation: 14;--dialog-height: 480px;--dialog-width: 640px;display: block}.overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);touch-action: none}.positioning-region{display: flex;justify-content: center;position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow: auto}.control{${_d} margin-top: auto;margin-bottom: auto;width: var(--dialog-width);height: var(--dialog-height);background-color: ${Sl};z-index: 1;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid transparent}`});const zh=(e,t)=>Ce` .disclosure{transition: height 0.35s}.disclosure .invoker::-webkit-details-marker{display: none}.disclosure .invoker{list-style-type: none}:host([appearance="accent"]) .invoker{background: ${El};color: ${Il};font-family: ${sr};font-size: ${gr};border-radius: calc(${lr} * 1px);outline: none;cursor: pointer;margin: 16px 0;padding: 12px;max-width: max-content}:host([appearance="accent"]) .invoker:active{background: ${Al};color: ${Fl}}:host([appearance="accent"]) .invoker:hover{background: ${Nl};color: ${Dl}}:host([appearance="lightweight"]) .invoker{background: transparent;color: ${Gl};border-bottom: calc(${pr} * 1px) solid ${Gl};cursor: pointer;width: max-content;margin: 16px 0}:host([appearance="lightweight"]) .invoker:active{border-bottom-color: ${Yl}}:host([appearance="lightweight"]) .invoker:hover{border-bottom-color: ${Wl}}.disclosure[open] .invoker ~ *{animation: fadeIn 0.5s ease-in-out}@keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}`;class xh extends Uc{constructor(){super(...arguments),this.height=0,this.totalHeight=0}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="accent")}appearanceChanged(e,t){e!==t&&(this.classList.add(t),this.classList.remove(e))}onToggle(){super.onToggle(),this.details.style.setProperty("height",`${this.disclosureHeight}px`)}setup(){super.setup();const e=()=>this.details.getBoundingClientRect().height;this.show(),this.totalHeight=e(),this.hide(),this.height=e(),this.expanded&&this.show()}get disclosureHeight(){return this.expanded?this.totalHeight:this.height}}Fd([re],xh.prototype,"appearance",void 0),xh.compose({baseName:"disclosure",baseClass:Uc,template:Bc,styles:zh});const Ch=(e,t)=>Ce` ${Qn("block")} :host{box-sizing: content-box;height: 0;margin: calc(${hr} * 1px) 0;border-top: calc(${pr} * 1px) solid ${Od};border-left: none}:host([orientation="vertical"]){height: 100%;margin: 0 calc(${hr} * 1px);border-top: none;border-left: calc(${pr} * 1px) solid ${Od}}`;Gc.compose({baseName:"divider",template:jc,styles:Ch});const Lh=(e,t)=>Ce` ${Qn("inline-flex")} :host{width: calc(${Id} * 1px);height: calc(${Id} * 1px);justify-content: center;align-items: center;margin: 0;position: relative;fill: currentcolor;color: ${Il};background: transparent;outline: none;border: none;padding: 0}:host::before{content: "";background: ${El};border: calc(${pr} * 1px) solid ${El};border-radius: 50%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;transition: all 0.1s ease-in-out}.next, .previous{position: relative;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;display: grid}:host([disabled]){opacity: ${fr};cursor: ${Zn};fill: currentcolor;color: ${wd};pointer-events: none}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]:active)::before{background: ${ad};border-color: ${kd}}:host(:hover){color: ${Dl}}:host(:hover)::before{background: ${Nl};border-color: ${Nl}}:host(:active){color: ${Fl}}:host(:active)::before{background: ${Al};border-color: ${Al}}:host(:${Xn}){outline: none}:host(:${Xn})::before{box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd} inset, 0 0 0 calc((${mr} + ${pr}) * 1px) ${xd} inset;border-color: ${yd}}:host::-moz-focus-inner{border: 0}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas}}:host .next, :host .previous{color: ${Si.ButtonText};fill: currentcolor}:host::before{background: ${Si.Canvas};border-color: ${Si.ButtonText}}:host(:hover)::before{forced-color-adjust: none;background: ${Si.Highlight};border-color: ${Si.ButtonText};opacity: 1}:host(:hover) .next, :host(:hover) .previous{forced-color-adjust: none;color: ${Si.HighlightText};fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]) .next, :host([disabled]) .previous{forced-color-adjust: none;background: ${Si.Canvas};border-color: ${Si.GrayText};color: ${Si.GrayText};fill: ${Si.GrayText}}:host(:${Xn})::before{forced-color-adjust: none;border-color: ${Si.Highlight};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${Si.Highlight} inset}`));Zc.compose({baseName:"flipper",template:Kc,styles:Lh,next:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n />\n </svg>\n ',previous:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z"\n />\n </svg>\n '});const Mh=Ce` .scroll-prev{right: auto;left: 0}.scroll.scroll-next::before, .scroll-next .scroll-action{left: auto;right: 0}.scroll.scroll-next::before{background: linear-gradient(to right, transparent, var(--scroll-fade-next))}.scroll-next .scroll-action{transform: translate(50%, -50%)}`,wh=Ce` .scroll.scroll-next{right: auto;left: 0}.scroll.scroll-next::before{background: linear-gradient(to right, var(--scroll-fade-next), transparent);left: auto;right: 0}.scroll.scroll-prev::before{background: linear-gradient(to right, transparent, var(--scroll-fade-previous))}.scroll-prev .scroll-action{left: auto;right: 0;transform: translate(50%, -50%)}`,Sh=Ce` .scroll-area{position: relative}div.scroll-view{overflow-x: hidden}.scroll{bottom: 0;pointer-events: none;position: absolute;right: 0;top: 0;user-select: none;width: 100px}.scroll.disabled{display: none}.scroll::before, .scroll-action{left: 0;position: absolute}.scroll::before{background: linear-gradient(to right, var(--scroll-fade-previous), transparent);content: "";display: block;height: 100%;width: 100%}.scroll-action{pointer-events: auto;right: auto;top: 50%;transform: translate(-50%, -50%)}`.withBehaviors(new qd(Mh,wh)),kh=(e,t)=>Ce` ${Qn("block")} :host{--scroll-align: center;--scroll-item-spacing: 5px;contain: layout;position: relative}.scroll-view{overflow-x: auto;scrollbar-width: none}::-webkit-scrollbar{display: none}.content-container{align-items: var(--scroll-align);display: inline-flex;flex-wrap: nowrap;position: relative}.content-container ::slotted(*){margin-right: var(--scroll-item-spacing)}.content-container ::slotted(*:last-child){margin-right: 0}`;class $h extends Is{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Sh)}}$h.compose({baseName:"horizontal-scroll",baseClass:Is,template:Ds,styles:kh,nextFlipper:e=>W`<${e.tagFor(Zc)}@click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Zc)}>`,previousFlipper:e=>W`<${e.tagFor(Zc)}@click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Zc)}>`});const Eh=(e,t)=>Ce` ${Qn("inline-flex")} :host{align-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;flex: 0 0 auto;fill: currentcolor;font-size: ${gr};height: calc(${Id} * 1px);line-height: ${vr};margin: 0 calc((${hr} - ${mr}) * 1px);outline: none;overflow: hidden;padding: 0 1ch;user-select: none;white-space: nowrap}:host(:not([disabled]):not([aria-selected="true"]):hover){background: ${rd}}:host(:not([disabled]):not([aria-selected="true"]):active){background: ${ld}}:host([aria-selected="true"]){background: ${El};color: ${Il}}:host(:not([disabled])[aria-selected="true"]:hover){background: ${Nl};color: ${Dl}}:host(:not([disabled])[aria-selected="true"]:active){background: ${Al};color: ${Fl}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}.content{grid-column-start: 2;justify-self: start;overflow: hidden;text-overflow: ellipsis}.start, .end, ::slotted(svg){display: flex}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ height: calc(${hr} * 4px);width: calc(${hr} * 4px)}::slotted([slot="end"]){margin-inline-start: 1ch}::slotted([slot="start"]){margin-inline-end: 1ch}:host([aria-checked="true"][aria-selected="false"]){border-color: ${yd}}:host([aria-checked="true"][aria-selected="true"]){border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 2 * 1px) inset ${xd}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled][aria-selected="false"]:hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}:host([aria-checked="true"][aria-selected="false"]){background: ${Si.ButtonFace};color: ${Si.ButtonText};border-color: ${Si.ButtonText}}:host([aria-checked="true"][aria-selected="true"]), :host([aria-checked="true"][aria-selected="true"]:hover){background: ${Si.Highlight};color: ${Si.HighlightText};border-color: ${Si.ButtonText}}`));Po.compose({baseName:"option",template:Qc,styles:Eh});class Nh extends Xc{sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=`${this.size}`;this.computedStylesheet=Ce` :host{--size: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}Nh.compose({baseName:"listbox",baseClass:Xc,template:Jc,styles:lh});const Ah=(e,t)=>Ce` ${Qn("grid")} :host{contain: layout;overflow: visible;font-family: ${sr};outline: none;box-sizing: border-box;height: calc(${Id} * 1px);grid-template-columns: minmax(42px, auto) 1fr minmax(42px, auto);grid-template-rows: auto;justify-items: center;align-items: center;padding: 0;margin: 0 calc(${hr} * 1px);white-space: nowrap;background: ${ad};color: ${wd};fill: currentcolor;cursor: pointer;font-size: ${gr};line-height: ${vr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent}:host(:hover){position: relative;z-index: 1}:host(.indent-0){grid-template-columns: auto 1fr minmax(42px, auto)}:host(.indent-0) .content{grid-column: 1;grid-row: 1;margin-inline-start: 10px}:host(.indent-0) .expand-collapse-glyph-container{grid-column: 5;grid-row: 1}:host(.indent-2){grid-template-columns: minmax(42px, auto) minmax(42px, auto) 1fr minmax(42px, auto) minmax(42px, auto)}:host(.indent-2) .content{grid-column: 3;grid-row: 1;margin-inline-start: 10px}:host(.indent-2) .expand-collapse-glyph-container{grid-column: 5;grid-row: 1}:host(.indent-2) .start{grid-column: 2}:host(.indent-2) .end{grid-column: 4}:host(:${Xn}){border-color: ${yd};background: ${dd};color: ${wd}}:host(:hover){background: ${rd};color: ${wd}}:host(:active){background: ${ld}}:host([aria-checked="true"]), :host(.expanded){background: ${Ql};color: ${wd}}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]:hover){color: ${wd};fill: currentcolor;background: ${ad}}:host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){fill: ${wd}}.expand-collapse-glyph{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;fill: currentcolor}.content{grid-column-start: 2;justify-self: start;overflow: hidden;text-overflow: ellipsis}.start, .end{display: flex;justify-content: center}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${wd}}:host(.indent-0[aria-haspopup="menu"]){display: grid;grid-template-columns: minmax(42px, auto) auto 1fr minmax(42px, auto) minmax(42px, auto);align-items: center;min-height: 32px}:host(.indent-1[aria-haspopup="menu"]), :host(.indent-1[role="menuitemcheckbox"]), :host(.indent-1[role="menuitemradio"]){display: grid;grid-template-columns: minmax(42px, auto) auto 1fr minmax(42px, auto) minmax(42px, auto);align-items: center;min-height: 32px}:host(.indent-2:not([aria-haspopup="menu"])) .end{grid-column: 5}:host .input-container, :host .expand-collapse-glyph-container{display: none}:host([aria-haspopup="menu"]) .expand-collapse-glyph-container, :host([role="menuitemcheckbox"]) .input-container, :host([role="menuitemradio"]) .input-container{display: grid;margin-inline-end: 10px}:host([aria-haspopup="menu"]) .content, :host([role="menuitemcheckbox"]) .content, :host([role="menuitemradio"]) .content{grid-column-start: 3}:host([aria-haspopup="menu"].indent-0) .content{grid-column-start: 1}:host([aria-haspopup="menu"]) .end, :host([role="menuitemcheckbox"]) .end, :host([role="menuitemradio"]) .end{grid-column-start: 4}:host .expand-collapse, :host .checkbox, :host .radio{display: flex;align-items: center;justify-content: center;position: relative;width: 20px;height: 20px;box-sizing: border-box;outline: none;margin-inline-start: 10px}:host .checkbox, :host .radio{border: calc(${pr} * 1px) solid ${wd}}:host([aria-checked="true"]) .checkbox, :host([aria-checked="true"]) .radio{background: ${El};border-color: ${El}}:host .checkbox{border-radius: calc(${lr} * 1px)}:host .radio{border-radius: 999px}:host .checkbox-indicator, :host .radio-indicator, :host .expand-collapse-indicator, ::slotted([slot="checkbox-indicator"]), ::slotted([slot="radio-indicator"]), ::slotted([slot="expand-collapse-indicator"]){display: none}::slotted([slot="end"]:not(svg)){margin-inline-end: 10px;color: ${Ld}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]){width: 100%;height: 100%;display: block;fill: ${Il};pointer-events: none}:host([aria-checked="true"]) .radio-indicator{position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;border-radius: 999px;display: block;background: ${Il};pointer-events: none}:host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){display: block;pointer-events: none}`.withBehaviors(Yn(Ce` :host{border-color: transparent;color: ${Si.ButtonText};forced-color-adjust: none}:host(:hover){background: ${Si.Highlight};color: ${Si.HighlightText}}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${Si.HighlightText}}:host(.expanded){background: ${Si.Highlight};border-color: ${Si.Highlight};color: ${Si.HighlightText}}:host(:${Xn}){background: ${Si.Highlight};border-color: ${Si.ButtonText};box-shadow: 0 0 0 calc(${mr} * 1px) inset ${Si.HighlightText};color: ${Si.HighlightText};fill: currentcolor}:host([disabled]), :host([disabled]:hover), :host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}:host .expanded-toggle, :host .checkbox, :host .radio{border-color: ${Si.ButtonText};background: ${Si.HighlightText}}:host([checked="true"]) .checkbox, :host([checked="true"]) .radio{background: ${Si.HighlightText};border-color: ${Si.HighlightText}}:host(:hover) .expanded-toggle, :host(:hover) .checkbox, :host(:hover) .radio, :host(:${Xn}) .expanded-toggle, :host(:${Xn}) .checkbox, :host(:${Xn}) .radio, :host([checked="true"]:hover) .checkbox, :host([checked="true"]:hover) .radio, :host([checked="true"]:${Xn}) .checkbox, :host([checked="true"]:${Xn}) .radio{border-color: ${Si.HighlightText}}:host([aria-checked="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]), :host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){fill: ${Si.Highlight}}:host([aria-checked="true"]) .radio-indicator{background: ${Si.Highlight}}::slotted([slot="end"]:not(svg)){color: ${Si.ButtonText}}:host(:hover) ::slotted([slot="end"]:not(svg)), :host(:${Xn}) ::slotted([slot="end"]:not(svg)){color: ${Si.HighlightText}}`),new qd(Ce` .expand-collapse-glyph{transform: rotate(0deg)}`,Ce` .expand-collapse-glyph{transform: rotate(180deg)}`));ps.compose({baseName:"menu-item",template:ms,styles:Ah,checkboxIndicator:'\n <svg\n part="checkbox-indicator"\n class="checkbox-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',expandCollapseGlyph:'\n <svg\n viewBox="0 0 16 16"\n xmlns="http://www.w3.org/2000/svg"\n class="expand-collapse-glyph"\n part="expand-collapse-glyph"\n >\n <path\n d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"\n />\n </svg>\n ',radioIndicator:'\n <span part="radio-indicator" class="radio-indicator"></span>\n '});const Oh=(e,t)=>Ce` ${Qn("block")} :host{--elevation: 11;background: ${Sl};border: calc(${pr} * 1px) solid transparent;${_d} margin: 0;border-radius: calc(${lr} * 1px);padding: calc(${hr} * 1px) 0;max-width: 368px;min-width: 64px}:host([slot="submenu"]){width: max-content;margin: 0 calc(${hr} * 1px)}::slotted(hr){box-sizing: content-box;height: 0;margin: 0;border: none;border-top: calc(${pr} * 1px) solid ${Od}}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas};border-color: ${Si.CanvasText}}`));class Th extends vs{connectedCallback(){super.connectedCallback(),Sl.setValueFor(this,vl)}}Th.compose({baseName:"menu",template:gs,styles:Oh});const Rh=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.controls{opacity: 0}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.start, .control, .controls, .end{align-self: center}.start, .end{margin: auto;fill: currentcolor}.step-up-glyph, .step-down-glyph{display: block;padding: 4px 10px;cursor: pointer}.step-up-glyph:before, .step-down-glyph:before{content: '';display: block;border: solid transparent 6px}.step-up-glyph:before{border-bottom-color: ${wd}}.step-down-glyph:before{border-top-color: ${wd}}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-start: 11px}.end{margin-inline-end: 11px}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 1px) ${yd} inset}:host(:hover:not([disabled])) .controls, :host(:focus-within:not([disabled])) .controls{opacity: 1}:host([appearance="filled"]) .root{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`));class Ih extends ws{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],Ih.prototype,"appearance",void 0),Ih.compose({baseName:"number-field",baseClass:ws,styles:Rh,template:(e,t)=>W`<template class="${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke("defaultSlottedNodes")}></slot></label><div class="root" part="root">${et(0,t)}<input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}" @blur="${(e,t)=>e.handleBlur()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" type="text" inputmode="numeric" min="${e=>e.min}" max="${e=>e.max}" step="${e=>e.step}" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/>${He(e=>!e.hideStep&&!e.readOnly&&!e.disabled,W`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${e=>e.stepUp()}"><slot name="step-up-glyph">${t.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${e=>e.stepDown()}"><slot name="step-down-glyph">${t.stepDownGlyph||""}</slot></div></div>`)} ${Je(0,t)}</div></template>`,shadowOptions:{delegatesFocus:!0},stepDownGlyph:'\n <span class="step-down-glyph" part="step-down-glyph"></span>\n ',stepUpGlyph:'\n <span class="step-up-glyph" part="step-up-glyph"></span>\n '});ls.compose({baseName:"picker",template:(e,t)=>{const i=e.tagFor(Di),o=e.tagFor(es),c=e.tagFor(os),s=e.tagFor(os),n=function(e){const t=e.tagFor(ss);return W`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.listItemContentsTemplate}"></${t}>`}(e),a=function(e){const t=e.tagFor(is);return W`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.menuOptionContentsTemplate}"></${t}>`}(e);return W`<template :selectedListTag="${()=>c}" :menuTag="${()=>o}" :defaultListItemTemplate="${n}" :defaultMenuOptionTemplate="${a}" @focusin="${(e,t)=>e.handleFocusIn(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}" @pickeriteminvoked="${(e,t)=>e.handleItemInvoke(t.event)}" @pickeroptioninvoked="${(e,t)=>e.handleOptionInvoke(t.event)}"><slot name="list-region"></slot>${He(e=>e.flyoutOpen,W`<${i}class="region" part="region" auto-update-mode="${e=>e.menuConfig.autoUpdateMode}" fixed-placement="${e=>e.menuConfig.fixedPlacement}" vertical-positioning-mode="${e=>e.menuConfig.verticalPositioningMode}" vertical-default-position="${e=>e.menuConfig.verticalDefaultPosition}" vertical-scaling="${e=>e.menuConfig.verticalScaling}" vertical-inset="${e=>e.menuConfig.verticalInset}" vertical-viewport-lock="${e=>e.menuConfig.verticalViewportLock}" horizontal-positioning-mode="${e=>e.menuConfig.horizontalPositioningMode}" horizontal-default-position="${e=>e.menuConfig.horizontalDefaultPosition}" horizontal-scaling="${e=>e.menuConfig.horizontalScaling}" horizontal-inset="${e=>e.menuConfig.horizontalInset}" horizontal-viewport-lock="${e=>e.menuConfig.horizontalViewportLock}" @loaded="${(e,t)=>e.handleRegionLoaded(t.event)}" ${Ie("region")}>${He(e=>!e.showNoOptions&&!e.showLoading,W`<slot name="menu-region"></slot>`)} ${He(e=>e.showNoOptions&&!e.showLoading,W`<div class="no-options-display" part="no-options-display"><slot name="no-options-region">${e=>e.noSuggestionsText}</slot></div>`)} ${He(e=>e.showLoading,W`<div class="loading-display" part="loading-display"><slot name="loading-region"><${s}part="loading-progress" class="loading-progress slot="loading-region"></${s}>${e=>e.loadingText}</slot></div>`)}</${i}>`)}</template>`},styles:(e,t)=>Ce` .region{z-index: 1000;overflow: hidden;display: flex;font-family: ${sr};font-size: ${gr}}.loaded{opacity: 1;pointer-events: none}.loading-display, .no-options-display{background: ${Sl};width: 100%;min-height: calc(${Id} * 1px);display: flex;flex-direction: column;align-items: center;justify-items: center;padding: calc(${hr} * 1px)}.loading-progress{width: 42px;height: 42px}.bottom{flex-direction: column}.top{flex-direction: column-reverse}`,shadowOptions:{}});(class extends es{connectedCallback(){Sl.setValueFor(this,vl),super.connectedCallback()}}).compose({baseName:"picker-menu",baseClass:es,template:(e,t)=>W`<template role="list" slot="menu-region"><div class="options-display" part="options-display"><div class="header-region" part="header-region"><slot name="header-region" ${Ke("headerElements")}></slot></div><slot ${Ke("menuElements")}></slot><div class="footer-region" part="footer-region"><slot name="footer-region" ${Ke("footerElements")}></slot></div><div role="alert" aria-live="polite" part="suggestions-available-alert" class="suggestions-available-alert">${e=>e.suggestionsAvailableText}</div></div></template>`,styles:(e,t)=>Ce` :host{background: ${Sl};--elevation: 11;/* TODO: a mechanism to manage z-index across components https://github.com/microsoft/fast/issues/3813 */ z-index: 1000;display: flex;width: 100%;max-height: 100%;min-height: 58px;box-sizing: border-box;flex-direction: column;overflow-y: auto;overflow-x: hidden;pointer-events: auto;border-radius: calc(${lr} * 1px);padding: calc(${hr} * 1px) 0;border: calc(${pr} * 1px) solid transparent;${_d}}.suggestions-available-alert{height: 0;opacity: 0;overflow: hidden}`.withBehaviors(Yn(Ce` :host{background: ${Si.Canvas};border-color: ${Si.CanvasText}}`))}),is.compose({baseName:"picker-menu-option",template:(e,t)=>W`<template role="listitem" tabindex="-1" @click="${(e,t)=>e.handleClick(t.event)}"><slot></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;align-items: center;justify-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;fill: currentcolor;font-size: ${gr};min-height: calc(${Id} * 1px);line-height: ${vr};margin: 0 calc(${hr} * 1px);outline: none;overflow: hidden;padding: 0 calc(${hr} * 2.25px);user-select: none;white-space: nowrap}:host(:${Xn}[role="listitem"]){border-color: ${yd};background: ${dd}}:host(:hover){background: ${rd}}:host(:active){background: ${ld}}:host([aria-selected="true"]){background: ${El};color: ${Il}}:host([aria-selected="true"]:hover){background: ${Nl};color: ${Dl}}:host([aria-selected="true"]:active){background: ${Al};color: ${Fl}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}`))}),os.compose({baseName:"picker-list",template:(e,t)=>W`<template slot="list-region" role="list" class="picker-list"><slot></slot><slot name="input-region"></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;flex-direction: row;column-gap: calc(${hr} * 1px);row-gap: calc(${hr} * 1px);flex-wrap: wrap}::slotted([role="combobox"]){min-width: 260px;width: auto;box-sizing: border-box;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);font-family: ${sr};outline: none;user-select: none;font-size: ${gr};line-height: ${vr};padding: 0 calc(${hr} * 2px + 1px)}::slotted([role="combobox"]:active){{background: ${od};border-color: ${Al}}::slotted([role="combobox"]:focus-within){border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}`.withBehaviors(Yn(Ce` ::slotted([role="combobox"]:active){background: ${Si.Field};border-color: ${Si.Highlight}}::slotted([role="combobox"]:focus-within){border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}::slotted(input:placeholder){color: ${Si.GrayText}}`))}),ss.compose({baseName:"picker-list-item",template:(e,t)=>W`<template role="listitem" tabindex="0" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot></slot></template>`,styles:(e,t)=>Ce` :host{display: flex;align-items: center;justify-items: center;font-family: ${sr};border-radius: calc(${lr} * 1px);border: calc(${mr} * 1px) solid transparent;box-sizing: border-box;background: ${ad};color: ${wd};cursor: pointer;fill: currentcolor;font-size: ${gr};height: calc(${Id} * 1px);line-height: ${vr};outline: none;overflow: hidden;padding: 0 calc(${hr} * 2.25px);user-select: none;white-space: nowrap}:host(:hover){background: ${rd}}:host(:active){background: ${ld}}:host(:${Xn}){background: ${dd};border-color: ${yd}}:host([aria-selected="true"]){background: ${El};color: ${Fl}}`.withBehaviors(Yn(Ce` :host{border-color: transparent;forced-color-adjust: none;color: ${Si.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Si.Highlight};color: ${Si.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Si.Canvas};color: ${Si.GrayText};fill: currentcolor;opacity: 1}`))});const Dh=(e,t)=>Ce` ${Qn("flex")} :host{align-items: center;outline: none;height: calc(${Id} * 1px);width: calc(${Id} * 1px);margin: calc(${Id} * 1px) 0}.progress{height: 100%;width: 100%}.background{stroke: ${Ql};fill: none;stroke-width: 2px}.determinate{stroke: ${Gl};fill: none;stroke-width: 2px;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-90deg);transition: all 0.2s ease-in-out}.indeterminate-indicator-1{stroke: ${Gl};fill: none;stroke-width: 2px;stroke-linecap: round;transform-origin: 50% 50%;transform: rotate(-90deg);transition: all 0.2s ease-in-out;animation: spin-infinite 2s linear infinite}:host([paused]) .indeterminate-indicator-1{animation-play-state: paused;stroke: ${Ql}}:host([paused]) .determinate{stroke: ${Ld}}@keyframes spin-infinite{0%{stroke-dasharray: 0.01px 43.97px;transform: rotate(0deg)}50%{stroke-dasharray: 21.99px 21.99px;transform: rotate(450deg)}100%{stroke-dasharray: 0.01px 43.97px;transform: rotate(1080deg)}}`.withBehaviors(Yn(Ce` .indeterminate-indicator-1, .determinate{stroke: ${Si.FieldText}}.background{stroke: ${Si.Field}}:host([paused]) .indeterminate-indicator-1{stroke: ${Si.Field}}:host([paused]) .determinate{stroke: ${Si.GrayText}}`));ks.compose({baseName:"progress-ring",template:Ss,styles:Dh,indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '});const Fh=(e,t)=>Ce` ${Qn("flex")} :host{align-items: center;outline: none;height: calc(${hr} * 1px);margin: calc(${hr} * 1px) 0}.progress{background-color: ${Ql};border-radius: calc(${hr} * 1px);width: 100%;height: 100%;display: flex;align-items: center;position: relative}.determinate{background-color: ${Gl};border-radius: calc(${hr} * 1px);height: 100%;transition: all 0.2s ease-in-out;display: flex}.indeterminate{height: 100%;border-radius: calc(${hr} * 1px);display: flex;width: 100%;position: relative;overflow: hidden}.indeterminate-indicator-1{position: absolute;opacity: 0;height: 100%;background-color: ${Gl};border-radius: calc(${hr} * 1px);animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);width: 40%;animation: indeterminate-1 2s infinite}.indeterminate-indicator-2{position: absolute;opacity: 0;height: 100%;background-color: ${Gl};border-radius: calc(${hr} * 1px);animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);width: 60%;animation: indeterminate-2 2s infinite}:host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{animation-play-state: paused;background-color: ${Ql}}:host([paused]) .determinate{background-color: ${Ld}}@keyframes indeterminate-1{0%{opacity: 1;transform: translateX(-100%)}70%{opacity: 1;transform: translateX(300%)}70.01%{opacity: 0}100%{opacity: 0;transform: translateX(300%)}}@keyframes indeterminate-2{0%{opacity: 0;transform: translateX(-150%)}29.99%{opacity: 0}30%{opacity: 1;transform: translateX(-150%)}100%{transform: translateX(166.66%);opacity: 1}}`.withBehaviors(Yn(Ce` .progress{forced-color-adjust: none;background-color: ${Si.Field};box-shadow: 0 0 0 1px inset ${Si.FieldText}}.determinate, .indeterminate-indicator-1, .indeterminate-indicator-2{forced-color-adjust: none;background-color: ${Si.FieldText}}:host([paused]) .determinate, :host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{background-color: ${Si.GrayText}}`));ks.compose({baseName:"progress",template:$s,styles:Fh,indeterminateIndicator1:'\n <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n ',indeterminateIndicator2:'\n <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n '});const _h=(e,t)=>Ce` ${Qn("flex")} :host{align-items: flex-start;margin: calc(${hr} * 1px) 0;flex-direction: column}.positioning-region{display: flex;flex-wrap: wrap}:host([orientation="vertical"]) .positioning-region{flex-direction: column}:host([orientation="horizontal"]) .positioning-region{flex-direction: row}`;Ns.compose({baseName:"radio-group",template:Es,styles:_h});const Hh=(e,t)=>Ce` ${Qn("inline-flex")} :host{--input-size: calc((${Id} / 2) + ${hr});align-items: center;outline: none;margin: calc(${hr} * 1px) 0;/* Chromium likes to select label text or the default slot when the radio is clicked. Maybe there is a better solution here? */ user-select: none;position: relative;flex-direction: row;transition: all 0.2s ease-in-out}.control{position: relative;width: calc((${Id} / 2 + ${hr}) * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);box-sizing: border-box;border-radius: 999px;border: calc(${pr} * 1px) solid ${kd};background: ${id};outline: none;cursor: pointer}.label{font-family: ${sr};color: ${wd};padding-inline-start: calc(${hr} * 2px + 2px);margin-inline-end: calc(${hr} * 2px + 2px);cursor: pointer;font-size: ${gr};line-height: ${vr}}.label__hidden{display: none;visibility: hidden}.control, .checked-indicator{flex-shrink: 0}.checked-indicator{position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 999px;display: inline-block;background: ${Il};fill: ${Il};opacity: 0;pointer-events: none}:host(:not([disabled])) .control:hover{background: ${od};border-color: ${$d}}:host(:not([disabled])) .control:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([aria-checked="true"]) .control{background: ${El};border: calc(${pr} * 1px) solid ${El}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Nl};border: calc(${pr} * 1px) solid ${Nl}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{background: ${Dl};fill: ${Dl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Al};border: calc(${pr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Fl};fill: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([aria-checked="true"]) .checked-indicator{opacity: 1}:host([disabled]){opacity: ${fr}}`.withBehaviors(Yn(Ce` .control, :host([aria-checked="true"]:not([disabled])) .control{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.Field}}:host(:not([disabled])) .control:hover{border-color: ${Si.Highlight};background: ${Si.Field}}:host([aria-checked="true"]:not([disabled])) .control:hover, :host([aria-checked="true"]:not([disabled])) .control:active{border-color: ${Si.Highlight};background: ${Si.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Si.Highlight};fill: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator, :host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Si.HighlightText};fill: ${Si.HighlightText}}:host(:${Xn}) .control{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .control{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([disabled]){forced-color-adjust: none;opacity: 1}:host([disabled]) .label{color: ${Si.GrayText}}:host([disabled]) .control, :host([aria-checked="true"][disabled]) .control:hover, .control:active{background: ${Si.Field};border-color: ${Si.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{fill: ${Si.GrayText};background: ${Si.GrayText}}`));Rs.compose({baseName:"radio",template:As,styles:Hh,checkedIndicator:'\n <div part="checked-indicator" class="checked-indicator"></div>\n '});const Ph=vc.create("clear-button-hover").withDefault(e=>{const t=nd.getValueFor(e),i=Zl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).hover}),Vh=vc.create("clear-button-active").withDefault(e=>{const t=nd.getValueFor(e),i=Zl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).active});class Bh extends Ps{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],Bh.prototype,"appearance",void 0),Bh.compose({baseName:"search",baseClass:Ps,template:(e,t)=>W`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root" ${Ie("root")}>${et(0,t)}<div class="input-wrapper" part="input-wrapper"><input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" ?spellcheck="${e=>e.spellcheck}" :value="${e=>e.value}" type="search" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/><slot name="close-button"><button class="clear-button ${e=>e.value?"":"clear-button__hidden"}" part="clear-button" tabindex="-1" @click=${e=>e.handleClearInput()}><slot name="close-glyph"><svg width="9" height="9" viewBox="0 0 9 9" xmlns="http://www.w3.org/2000/svg"><path d="M0.146447 0.146447C0.338683 -0.0478972 0.645911 -0.0270359 0.853553 0.146447L4.5 3.793L8.14645 0.146447C8.34171 -0.0488155 8.65829 -0.0488155 8.85355 0.146447C9.04882 0.341709 9.04882 0.658291 8.85355 0.853553L5.207 4.5L8.85355 8.14645C9.05934 8.35223 9.03129 8.67582 8.85355 8.85355C8.67582 9.03129 8.35409 9.02703 8.14645 8.85355L4.5 5.207L0.853553 8.85355C0.658291 9.04882 0.341709 9.04882 0.146447 8.85355C-0.0488155 8.65829 -0.0488155 8.34171 0.146447 8.14645L3.793 4.5L0.146447 0.853553C-0.0268697 0.680237 -0.0457894 0.34079 0.146447 0.146447Z" /></svg></slot></button></slot></div>${Je(0,t)}</div></template>`,styles:(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control::-webkit-search-cancel-button{-webkit-appearance: none}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.clear-button{height: calc(100% - 2px);opacity: 0;margin: 1px;background: transparent;color: ${wd};fill: currentcolor;border: none;border-radius: calc(${lr} * 1px);min-width: calc(${Id} * 1px);font-size: ${gr};line-height: ${vr};outline: none;font-family: ${sr};padding: 0 calc((10 + (${hr} * 2 * ${dr})) * 1px)}.clear-button:hover{background: ${rd}}.clear-button:active{background: ${ld}}:host([appearance="filled"]) .clear-button:hover{background: ${Ph}}:host([appearance="filled"]) .clear-button:active{background: ${Vh}}.input-wrapper{display: flex;position: relative;width: 100%;height: 100%}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.input-wrapper, .start, .end{align-self: center}.start, .end{display: flex;margin: 1px;fill: currentcolor}::slotted([slot="end"]){height: 100%}.end{margin-inline-end: 1px;height: calc(100% - 2px)}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;margin-inline-end: 11px;margin-inline-start: 11px;margin-top: auto;margin-bottom: auto}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}.clear-button__hidden{opacity: 0}:host(:hover:not([disabled], [readOnly])) .clear-button, :host(:active:not([disabled], [readOnly])) .clear-button, :host(:focus-within:not([disabled], [readOnly])) .clear-button{opacity: 1}:host(:hover:not([disabled], [readOnly])) .clear-button__hidden, :host(:active:not([disabled], [readOnly])) .clear-button__hidden, :host(:focus-within:not([disabled], [readOnly])) .clear-button__hidden{opacity: 0}:host([appearance="filled"]) .root{background: ${Sl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`)),shadowOptions:{delegatesFocus:!0}});class Uh extends js{constructor(){super(...arguments),this.listboxScrollWidth=""}connectedCallback(){super.connectedCallback(),this.listbox&&Sl.setValueFor(this.listbox,vl)}get listboxMaxHeight(){return Math.floor(this.maxHeight/Td.getValueFor(this)).toString()}listboxScrollWidthChanged(){this.updateComputedStylesheet()}get selectSize(){var e;return`${null!==(e=this.size)&&void 0!==e?e:this.multiple?4:0}`}multipleChanged(e,t){super.multipleChanged(e,t),this.updateComputedStylesheet()}maxHeightChanged(e,t){this.collapsible&&this.updateComputedStylesheet()}setPositioning(){super.setPositioning(),this.updateComputedStylesheet()}sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet(),this.collapsible?requestAnimationFrame(()=>{this.listbox.style.setProperty("display","flex"),this.listbox.style.setProperty("overflow","visible"),this.listbox.style.setProperty("visibility","hidden"),this.listbox.style.setProperty("width","auto"),this.listbox.hidden=!1,this.listboxScrollWidth=`${this.listbox.scrollWidth}`,this.listbox.hidden=!0,this.listbox.style.removeProperty("display"),this.listbox.style.removeProperty("overflow"),this.listbox.style.removeProperty("visibility"),this.listbox.style.removeProperty("width")}):this.listboxScrollWidth=""}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet),this.computedStylesheet=Ce` :host{--listbox-max-height: ${this.listboxMaxHeight};--listbox-scroll-width: ${this.listboxScrollWidth};--size: ${this.selectSize}}`,this.$fastController.addStyles(this.computedStylesheet)}}Fd([g],Uh.prototype,"listboxScrollWidth",void 0),Uh.compose({baseName:"select",baseClass:js,template:Gs,styles:dh,indicator:'\n <svg\n class="select-indicator"\n part="select-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '});const jh=(e,t)=>Ce` ${Qn("block")} :host{--skeleton-fill-default: #e1dfdd;overflow: hidden;width: 100%;position: relative;background-color: var(--skeleton-fill, var(--skeleton-fill-default));--skeleton-animation-gradient-default: linear-gradient( 270deg, var(--skeleton-fill, var(--skeleton-fill-default)) 0%, #f3f2f1 51.13%, var(--skeleton-fill, var(--skeleton-fill-default)) 100% );--skeleton-animation-timing-default: ease-in-out}:host([shape="rect"]){border-radius: calc(${lr} * 1px)}:host([shape="circle"]){border-radius: 100%;overflow: hidden}object{position: absolute;width: 100%;height: auto;z-index: 2}object img{width: 100%;height: auto}${Qn("block")} span.shimmer{position: absolute;width: 100%;height: 100%;background-image: var( --skeleton-animation-gradient, var(--skeleton-animation-gradient-default) );background-size: 0px 0px / 90% 100%;background-repeat: no-repeat;background-color: var(--skeleton-animation-fill, ${Ql});animation: shimmer 2s infinite;animation-timing-function: var( --skeleton-animation-timing, var(--skeleton-timing-default) );animation-direction: normal;z-index: 1}::slotted(svg){z-index: 2}::slotted(.pattern){width: 100%;height: 100%}@keyframes shimmer{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;background-color: ${Si.ButtonFace};box-shadow: 0 0 0 1px ${Si.ButtonText}}${Qn("block")} span.shimmer{display: none}`));Ys.compose({baseName:"skeleton",template:Ws,styles:jh});const qh=Ce` :host{align-self: start;grid-row: 2;margin-top: -2px;height: calc((${Id} / 2 + ${hr}) * 1px);width: auto}.container{grid-template-rows: auto auto;grid-template-columns: 0}.label{margin: 2px 0}`,Gh=Ce` :host{justify-self: start;grid-column: 2;margin-left: 2px;height: auto;width: calc((${Id} / 2 + ${hr}) * 1px)}.container{grid-template-columns: auto auto;grid-template-rows: 0;min-width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px)}.mark{transform: rotate(90deg);align-self: center}.label{margin-left: calc((${hr} / 2) * 3px);align-self: center}`,Wh=(e,t)=>Ce` ${Qn("block")} :host{font-family: ${sr};color: ${wd};fill: currentcolor}.root{position: absolute;display: grid}.container{display: grid;justify-self: center}.label{justify-self: center;align-self: center;white-space: nowrap;max-width: 30px}.mark{width: calc((${hr} / 4) * 1px);height: calc(${Id} * 0.25 * 1px);background: ${kd};justify-self: center}:host(.disabled){opacity: ${fr}}`.withBehaviors(Yn(Ce` .mark{forced-color-adjust: none;background: ${Si.FieldText}}:host(.disabled){forced-color-adjust: none;opacity: 1}:host(.disabled) .label{color: ${Si.GrayText}}:host(.disabled) .mark{background: ${Si.GrayText}}`));class Yh extends Xs{sliderOrientationChanged(){this.sliderOrientation===Qt?(this.$fastController.addStyles(qh),this.$fastController.removeStyles(Gh)):(this.$fastController.addStyles(Gh),this.$fastController.removeStyles(qh))}}Yh.compose({baseName:"slider-label",baseClass:Xs,template:Ks,styles:Wh});const Kh=Ce` .track-start{left: 0}`,Zh=Ce` .track-start{right: 0}`,Qh=(e,t)=>Ce` :host([hidden]){display: none}${Qn("inline-grid")} :host{--thumb-size: calc(${Id} * 0.5 - ${hr});--thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang: calc((${hr} / 2) * -1);--track-width: ${hr};--fast-slider-height: calc(var(--thumb-size) * 10);align-items: center;width: 100%;margin: calc(${hr} * 1px) 0;user-select: none;box-sizing: border-box;border-radius: calc(${lr} * 1px);outline: none;cursor: pointer}:host([orientation="horizontal"]) .positioning-region{position: relative;margin: 0 8px;display: grid;grid-template-rows: calc(var(--thumb-size) * 1px) 1fr}:host([orientation="vertical"]) .positioning-region{position: relative;margin: 0 8px;display: grid;height: 100%;grid-template-columns: calc(var(--thumb-size) * 1px) 1fr}:host(:${Xn}) .thumb-cursor{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.thumb-container{position: absolute;height: calc(var(--thumb-size) * 1px);width: calc(var(--thumb-size) * 1px);transition: all 0.2s ease;color: ${wd};fill: currentcolor}.thumb-cursor{border: none;width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px);background: ${wd};border-radius: calc(${lr} * 1px)}.thumb-cursor:hover{background: ${wd};border-color: ${$d}}.thumb-cursor:active{background: ${wd}}.track-start{background: ${Gl};position: absolute;height: 100%;left: 0;border-radius: calc(${lr} * 1px)}:host([orientation="horizontal"]) .thumb-container{transform: translateX(calc(var(--thumb-size) * 0.5px)) translateY(calc(var(--thumb-translate) * 1px))}:host([orientation="vertical"]) .thumb-container{transform: translateX(calc(var(--thumb-translate) * 1px)) translateY(calc(var(--thumb-size) * 0.5px))}:host([orientation="horizontal"]){min-width: calc(var(--thumb-size) * 1px)}:host([orientation="horizontal"]) .track{right: calc(var(--track-overhang) * 1px);left: calc(var(--track-overhang) * 1px);align-self: start;height: calc(var(--track-width) * 1px)}:host([orientation="vertical"]) .track{top: calc(var(--track-overhang) * 1px);bottom: calc(var(--track-overhang) * 1px);width: calc(var(--track-width) * 1px);height: 100%}.track{background: ${kd};position: absolute;border-radius: calc(${lr} * 1px)}:host([orientation="vertical"]){height: calc(var(--fast-slider-height) * 1px);min-height: calc(var(--thumb-size) * 1px);min-width: calc(${hr} * 20px)}:host([orientation="vertical"]) .track-start{height: auto;width: 100%;top: 0}:host([disabled]), :host([readonly]){cursor: ${Zn}}:host([disabled]){opacity: ${fr}}`.withBehaviors(new qd(Kh,Zh),Yn(Ce` .thumb-cursor{forced-color-adjust: none;border-color: ${Si.FieldText};background: ${Si.FieldText}}.thumb-cursor:hover, .thumb-cursor:active{background: ${Si.Highlight}}.track{forced-color-adjust: none;background: ${Si.FieldText}}:host(:${Xn}) .thumb-cursor{border-color: ${Si.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .track, :host([disabled]) .thumb-cursor{forced-color-adjust: none;background: ${Si.GrayText}}:host(:${Xn}) .thumb-cursor{background: ${Si.Highlight};border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}`));on.compose({baseName:"slider",template:(e,t)=>W`<template role="slider" class="${e=>e.readOnly?"readonly":""} ${e=>e.orientation||Qt}" tabindex="${e=>e.disabled?null:0}" aria-valuetext="${e=>e.valueTextFormatter(e.value)}" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}" aria-disabled="${e=>!!e.disabled||void 0}" aria-readonly="${e=>!!e.readOnly||void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${Ie("track")}part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${e=>e.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${Ie("thumb")}part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${t.thumb||""}</slot></div></div></template>`,styles:Qh,thumb:'\n <div class="thumb-cursor"></div>\n '});const Xh=(e,t)=>Ce` :host([hidden]){display: none}${Qn("inline-flex")} :host{align-items: center;outline: none;font-family: ${sr};margin: calc(${hr} * 1px) 0;${""} user-select: none}:host([disabled]){opacity: ${fr}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .switch, :host([disabled]) .switch{cursor: ${Zn}}.switch{position: relative;outline: none;box-sizing: border-box;width: calc(${Id} * 1px);height: calc((${Id} / 2 + ${hr}) * 1px);background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${kd}}.switch:hover{background: ${od};border-color: ${$d};cursor: pointer}host([disabled]) .switch:hover, host([readonly]) .switch:hover{background: ${od};border-color: ${$d};cursor: ${Zn}}:host(:not([disabled])) .switch:active{background: ${cd};border-color: ${Ed}}:host(:${Xn}) .switch{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.checked-indicator{position: absolute;top: 5px;bottom: 5px;background: ${wd};border-radius: calc(${lr} * 1px);transition: all 0.2s ease-in-out}.status-message{color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr}}:host([disabled]) .status-message, :host([readonly]) .status-message{cursor: ${Zn}}.label{color: ${wd};margin-inline-end: calc(${hr} * 2px + 2px);font-size: ${gr};line-height: ${vr};cursor: pointer}.label__hidden{display: none;visibility: hidden}::slotted([slot="checked-message"]), ::slotted([slot="unchecked-message"]){margin-inline-start: calc(${hr} * 2px + 2px)}:host([aria-checked="true"]) .checked-indicator{background: ${Il}}:host([aria-checked="true"]) .switch{background: ${El};border-color: ${El}}:host([aria-checked="true"]:not([disabled])) .switch:hover{background: ${Nl};border-color: ${Nl}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Dl}}:host([aria-checked="true"]:not([disabled])) .switch:active{background: ${Al};border-color: ${Al}}:host([aria-checked="true"]:not([disabled])) .switch:active .checked-indicator{background: ${Fl}}:host([aria-checked="true"]:${Xn}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Sl}, 0 0 0 4px ${yd}}.unchecked-message{display: block}.checked-message{display: none}:host([aria-checked="true"]) .unchecked-message{display: none}:host([aria-checked="true"]) .checked-message{display: block}`.withBehaviors(Yn(Ce` .checked-indicator, :host(:not([disabled])) .switch:active .checked-indicator{forced-color-adjust: none;background: ${Si.FieldText}}.switch{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:not([disabled])) .switch:hover{background: ${Si.HighlightText};border-color: ${Si.Highlight}}:host([aria-checked="true"]) .switch{background: ${Si.Highlight};border-color: ${Si.Highlight}}:host([aria-checked="true"]:not([disabled])) .switch:hover, :host(:not([disabled])) .switch:active{background: ${Si.HighlightText};border-color: ${Si.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Si.HighlightText}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Si.Highlight}}:host([disabled]){opacity: 1}:host(:${Xn}) .switch{border-color: ${Si.Highlight};box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([aria-checked="true"]:${Xn}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Si.Field}, 0 0 0 4px ${Si.FieldText}}:host([disabled]) .checked-indicator{background: ${Si.GrayText}}:host([disabled]) .switch{background: ${Si.Field};border-color: ${Si.GrayText}}`),new qd(Ce` .checked-indicator{left: 5px;right: calc(((${Id} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{left: calc(((${Id} / 2) + 1) * 1px);right: 5px}`,Ce` .checked-indicator{right: 5px;left: calc(((${Id} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{right: calc(((${Id} / 2) + 1) * 1px);left: 5px}`));an.compose({baseName:"switch",template:cn,styles:Xh,switch:'\n <span class="checked-indicator" part="checked-indicator"></span>\n '});const Jh=(e,t)=>Ce` ${Qn("grid")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};color: ${wd};grid-template-columns: auto 1fr auto;grid-template-rows: auto 1fr}.tablist{display: grid;grid-template-rows: auto auto;grid-template-columns: auto;position: relative;width: max-content;align-self: end;padding: calc(${hr} * 4px) calc(${hr} * 4px) 0;box-sizing: border-box}.start, .end{align-self: center}.activeIndicator{grid-row: 2;grid-column: 1;width: 100%;height: 5px;justify-self: center;background: ${El};margin-top: 10px;border-radius: calc(${lr} * 1px) calc(${lr} * 1px) 0 0}.activeIndicatorTransition{transition: transform 0.2s ease-in-out}.tabpanel{grid-row: 2;grid-column-start: 1;grid-column-end: 4;position: relative}:host([orientation="vertical"]){grid-template-rows: auto 1fr auto;grid-template-columns: auto 1fr}:host([orientation="vertical"]) .tablist{grid-row-start: 2;grid-row-end: 2;display: grid;grid-template-rows: auto;grid-template-columns: auto 1fr;position: relative;width: max-content;justify-self: end;align-self: flex-start;width: 100%;padding: 0 calc(${hr} * 4px) calc((${Id} - ${hr}) * 1px) 0}:host([orientation="vertical"]) .tabpanel{grid-column: 2;grid-row-start: 1;grid-row-end: 4}:host([orientation="vertical"]) .end{grid-row: 3}:host([orientation="vertical"]) .activeIndicator{grid-column: 1;grid-row: 1;width: 5px;height: 100%;margin-inline-end: 10px;align-self: center;background: ${El};margin-top: 0;border-radius: 0 calc(${lr} * 1px) calc(${lr} * 1px) 0}:host([orientation="vertical"]) .activeIndicatorTransition{transition: transform 0.2s linear}`.withBehaviors(Yn(Ce` .activeIndicator, :host([orientation="vertical"]) .activeIndicator{forced-color-adjust: none;background: ${Si.Highlight}}`)),eu=(e,t)=>Ce` ${Qn("inline-flex")} :host{box-sizing: border-box;font-family: ${sr};font-size: ${gr};line-height: ${vr};height: calc(${Id} * 1px);padding: calc(${hr} * 5px) calc(${hr} * 4px);color: ${Ld};fill: currentcolor;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid transparent;align-items: center;justify-content: center;grid-row: 1;cursor: pointer}:host(:hover){color: ${wd};fill: currentcolor}:host(:active){color: ${wd};fill: currentcolor}:host([disabled]){cursor: ${Zn};opacity: ${fr}}:host([disabled]:hover){color: ${Ld};background: ${ad}}:host([aria-selected="true"]){background: ${Ql};color: ${Gl};fill: currentcolor}:host([aria-selected="true"]:hover){background: ${Xl};color: ${Wl};fill: currentcolor}:host([aria-selected="true"]:active){background: ${Jl};color: ${Yl};fill: currentcolor}:host(:${Xn}){outline: none;border: calc(${pr} * 1px) solid ${yd};box-shadow: 0 0 0 calc((${mr} - ${pr}) * 1px) ${yd}}:host(:focus){outline: none}:host(.vertical){justify-content: end;grid-column: 2}:host(.vertical[aria-selected="true"]){z-index: 2}:host(.vertical:hover){color: ${wd}}:host(.vertical:active){color: ${wd}}:host(.vertical:hover[aria-selected="true"]){}`.withBehaviors(Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;color: ${Si.ButtonText};fill: currentcolor}:host(:hover), :host(.vertical:hover), :host([aria-selected="true"]:hover){background: ${Si.Highlight};color: ${Si.HighlightText};fill: currentcolor}:host([aria-selected="true"]){background: ${Si.HighlightText};color: ${Si.Highlight};fill: currentcolor}:host(:${Xn}){border-color: ${Si.ButtonText};box-shadow: none}:host([disabled]), :host([disabled]:hover){opacity: 1;color: ${Si.GrayText};background: ${Si.ButtonFace}}`));hn.compose({baseName:"tab",template:dn,styles:eu});const tu=(e,t)=>Ce` ${Qn("block")} :host{box-sizing: border-box;font-size: ${gr};line-height: ${vr};padding: 0 calc((6 + (${hr} * 2 * ${dr})) * 1px)}`;ln.compose({baseName:"tab-panel",template:rn,styles:tu}),mn.compose({baseName:"tabs",template:un,styles:Jh});const iu=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.control{box-sizing: border-box;position: relative;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 2px);font: inherit;font-size: ${gr};line-height: ${vr};padding: calc(${hr} * 2px + 1px);width: 100%;resize: none}.control:hover:enabled{background: ${od};border-color: ${Nl}}.control:active:enabled{background: ${cd};border-color: ${Al}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}:host(:focus-within) .control{border-color: ${yd};box-shadow: 0 0 0 1px ${yd} inset}:host([appearance="filled"]) .control{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .control{background: ${Xl}}:host([resize="both"]) .control{resize: both}:host([resize="horizontal"]) .control{resize: horizontal}:host([resize="vertical"]) .control{resize: vertical}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}:host([cols]){width: initial}:host([rows]) .control{height: initial}`.withBehaviors(Yn(Ce` :host([disabled]){opacity: 1}`));class ou extends yn{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],ou.prototype,"appearance",void 0),ou.compose({baseName:"text-area",baseClass:yn,template:zn,styles:iu,shadowOptions:{delegatesFocus:!0}});const cu=(e,t)=>Ce` ${Qn("inline-block")} :host{font-family: ${sr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${wd};background: ${id};border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${El};height: calc(${Id} * 1px);align-items: baseline}.control{-webkit-appearance: none;font: inherit;background: transparent;border: 0;color: inherit;height: calc(100% - 4px);width: 100%;margin-top: auto;margin-bottom: auto;border: none;padding: 0 calc(${hr} * 2px + 1px);font-size: ${gr};line-height: ${vr}}.control:hover, .control:${Xn}, .control:disabled, .control:active{outline: none}.label{display: block;color: ${wd};cursor: pointer;font-size: ${gr};line-height: ${vr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}.start, .control, .end{align-self: center}.start, .end{display: flex;margin: auto;fill: currentcolor}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{margin-inline-start: 11px}.end{margin-inline-end: 11px}:host(:hover:not([disabled])) .root{background: ${od};border-color: ${Nl}}:host(:active:not([disabled])) .root{background: ${od};border-color: ${Al}}:host(:focus-within:not([disabled])) .root{border-color: ${yd};box-shadow: 0 0 0 calc(${mr} * 1px) ${yd} inset}:host([appearance="filled"]) .root{background: ${Ql}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${Xl}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Zn}}:host([disabled]){opacity: ${fr}}:host([disabled]) .control{border-color: ${kd}}`.withBehaviors(Yn(Ce` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Si.Field};border-color: ${Si.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Si.Field};border-color: ${Si.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Si.GrayText};background: ${Si.Field}}:host(:focus-within:enabled) .root{border-color: ${Si.Highlight};box-shadow: 0 0 0 1px ${Si.Highlight} inset}input::placeholder{color: ${Si.GrayText}}`));class su extends xs{constructor(){super(...arguments),this.appearance="outline"}}Fd([re],su.prototype,"appearance",void 0),su.compose({baseName:"text-field",baseClass:xs,template:(e,t)=>W`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root">${et(0,t)}<input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" ?spellcheck="${e=>e.spellcheck}" :value="${e=>e.value}" type="${e=>e.type}" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${Ie("control")}/>${Je(0,t)}</div></template>`,styles:cu,shadowOptions:{delegatesFocus:!0}});const nu=(e,t)=>Ce` ${Qn("inline-flex")} :host{--toolbar-item-gap: calc( (var(--design-unit) + calc(var(--density) + 2)) * 1px );background-color: ${Sl};border-radius: calc(${lr} * 1px);fill: currentcolor;padding: var(--toolbar-item-gap)}:host(${Xn}){outline: calc(${pr} * 1px) solid ${Nd}}.positioning-region{align-items: flex-start;display: inline-flex;flex-flow: row wrap;justify-content: flex-start}:host([orientation="vertical"]) .positioning-region{flex-direction: column}::slotted(:not([slot])){flex: 0 0 auto;margin: 0 var(--toolbar-item-gap)}:host([orientation="vertical"]) ::slotted(:not([slot])){margin: var(--toolbar-item-gap) 0}.start, .end{display: flex;margin: auto;margin-inline: 0}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}`.withBehaviors(Yn(Ce` :host(:${Xn}){box-shadow: 0 0 0 calc(${mr} * 1px) ${Si.Highlight};color: ${Si.ButtonText};forced-color-adjust: none}`));class au extends Ln{connectedCallback(){super.connectedCallback();const e=ec(this);e&&Sl.setValueFor(this,t=>gd.getValueFor(t).evaluate(t,Sl.getValueFor(e)))}}au.compose({baseName:"toolbar",baseClass:Ln,template:xn,styles:nu,shadowOptions:{delegatesFocus:!0}});const ru=(e,t)=>{const i=e.tagFor(Di);return Ce` :host{contain: size;overflow: visible;height: 0;width: 0}.tooltip{box-sizing: border-box;border-radius: calc(${lr} * 1px);border: calc(${pr} * 1px) solid ${yd};box-shadow: 0 0 0 1px ${yd} inset;background: ${Ql};color: ${wd};padding: 4px;height: fit-content;width: fit-content;font-family: ${sr};font-size: ${gr};line-height: ${vr};white-space: nowrap;/* TODO: a mechanism to manage z-index across components https://github.com/microsoft/fast/issues/3813 */ z-index: 10000}${i}{display: flex;justify-content: center;align-items: center;overflow: visible;flex-direction: row}${i}.right, ${i}.left{flex-direction: column}${i}.top .tooltip{margin-bottom: 4px}${i}.bottom .tooltip{margin-top: 4px}${i}.left .tooltip{margin-right: 4px}${i}.right .tooltip{margin-left: 4px}${i}.top.left .tooltip, ${i}.top.right .tooltip{margin-bottom: 0px}${i}.bottom.left .tooltip, ${i}.bottom.right .tooltip{margin-top: 0px}${i}.top.left .tooltip, ${i}.bottom.left .tooltip{margin-right: 0px}${i}.top.right .tooltip, ${i}.bottom.right .tooltip{margin-left: 0px}`.withBehaviors(Yn(Ce` :host([disabled]){opacity: 1}`))};Pn.compose({baseName:"tooltip",template:wn,styles:ru});const lu=Ce` .expand-collapse-glyph{transform: rotate(0deg)}:host(.nested) .expand-collapse-button{left: var(--expand-collapse-button-nested-width, calc(${Id} * -1px))}:host([selected])::after{left: calc(${mr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(45deg)}`,du=Ce` .expand-collapse-glyph{transform: rotate(180deg)}:host(.nested) .expand-collapse-button{right: var(--expand-collapse-button-nested-width, calc(${Id} * -1px))}:host([selected])::after{right: calc(${mr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(135deg)}`,hu=Me`((${nr} / 2) * ${hr}) + ((${hr} * ${dr}) / 2)`,uu=vc.create("tree-item-expand-collapse-hover").withDefault(e=>{const t=nd.getValueFor(e);return t.evaluate(e,t.evaluate(e).hover).hover}),fu=vc.create("tree-item-expand-collapse-selected-hover").withDefault(e=>{const t=Zl.getValueFor(e);return nd.getValueFor(e).evaluate(e,t.evaluate(e).rest).hover}),pu=(e,t)=>Ce` /** * This animation exists because when tree item children are conditionally loaded * there is a visual bug where the DOM exists but styles have not yet been applied (essentially FOUC). * This subtle animation provides a ever so slight timing adjustment for loading that solves the issue. */ @keyframes treeItemLoading{0%{opacity: 0}100%{opacity: 1}}${Qn("block")} :host{contain: content;position: relative;outline: none;color: ${wd};background: ${ad};cursor: pointer;font-family: ${sr};--expand-collapse-button-size: calc(${Id} * 1px);--tree-item-nested-width: 0}:host(:focus) > .positioning-region{outline: none}:host(:focus) .content-region{outline: none}:host(:${Xn}) .positioning-region{border: ${yd} calc(${pr} * 1px) solid;border-radius: calc(${lr} * 1px);color: ${wd}}.positioning-region{display: flex;position: relative;box-sizing: border-box;background: ${ad};border: transparent calc(${pr} * 1px) solid;height: calc((${Id} + 1) * 1px)}.positioning-region::before{content: "";display: block;width: var(--tree-item-nested-width);flex-shrink: 0}:host(:not([disabled])) .positioning-region:hover{background: ${rd}}:host(:not([disabled])) .positioning-region:active{background: ${ld}}.content-region{display: inline-flex;align-items: center;white-space: nowrap;width: 100%;height: calc(${Id} * 1px);margin-inline-start: calc(${hr} * 2px + 8px);font-size: ${gr};line-height: ${vr};font-weight: 400}.items{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ font-size: calc(1em + (${hr} + 16) * 1px)}.expand-collapse-button{background: none;border: none;outline: none;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: calc((${hu} + (${hr} * 2)) * 1px);height: calc((${hu} + (${hr} * 2)) * 1px);padding: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;margin-left: 6px;margin-right: 6px}.expand-collapse-glyph{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px;transition: transform 0.1s linear;pointer-events: none;fill: currentcolor}.start, .end{display: flex;fill: currentcolor}::slotted(svg){/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: 16px;height: 16px}.start{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-end: calc(${hr} * 2px + 2px)}.end{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-start: calc(${hr} * 2px + 2px)}:host([expanded]) > .items{animation: treeItemLoading ease-in 10ms;animation-iteration-count: 1;animation-fill-mode: forwards}:host([disabled]) .content-region{opacity: ${fr};cursor: ${Zn}}:host(.nested) .content-region{position: relative;margin-inline-start: var(--expand-collapse-button-size)}:host(.nested) .expand-collapse-button{position: absolute}:host(.nested:not([disabled])) .expand-collapse-button:hover{background: ${uu}}:host([selected]) .positioning-region{background: ${Ql}}:host([selected]:not([disabled])) .positioning-region:hover{background: ${Xl}}:host([selected]:not([disabled])) .positioning-region:active{background: ${Jl}}:host([selected]:not([disabled])) .expand-collapse-button:hover{background: ${fu}}:host([selected])::after{/* The background needs to be calculated based on the selected background state for this control. We currently have no way of changing that, so setting to accent-foreground-rest for the time being */ background: ${Gl};border-radius: calc(${lr} * 1px);content: "";display: block;position: absolute;top: calc((${Id} / 4) * 1px);width: 3px;height: calc((${Id} / 2) * 1px)}::slotted(${e.tagFor(Un)}){--tree-item-nested-width: 1em;--expand-collapse-button-nested-width: calc(${Id} * -1px)}`.withBehaviors(new qd(lu,du),Yn(Ce` :host{forced-color-adjust: none;border-color: transparent;background: ${Si.Field};color: ${Si.FieldText}}:host .content-region .expand-collapse-glyph{fill: ${Si.FieldText}}:host .positioning-region:hover, :host([selected]) .positioning-region{background: ${Si.Highlight}}:host .positioning-region:hover .content-region, :host([selected]) .positioning-region .content-region{color: ${Si.HighlightText}}:host .positioning-region:hover .content-region .expand-collapse-glyph, :host .positioning-region:hover .content-region .start, :host .positioning-region:hover .content-region .end, :host([selected]) .content-region .expand-collapse-glyph, :host([selected]) .content-region .start, :host([selected]) .content-region .end{fill: ${Si.HighlightText}}:host([selected])::after{background: ${Si.Field}}:host(:${Xn}) .positioning-region{border-color: ${Si.FieldText};box-shadow: 0 0 0 2px inset ${Si.Field};color: ${Si.FieldText}}:host([disabled]) .content-region, :host([disabled]) .positioning-region:hover .content-region{opacity: 1;color: ${Si.GrayText}}:host([disabled]) .content-region .expand-collapse-glyph, :host([disabled]) .content-region .start, :host([disabled]) .content-region .end, :host([disabled]) .positioning-region:hover .content-region .expand-collapse-glyph, :host([disabled]) .positioning-region:hover .content-region .start, :host([disabled]) .positioning-region:hover .content-region .end{fill: ${Si.GrayText}}:host([disabled]) .positioning-region:hover{background: ${Si.Field}}.expand-collapse-glyph, .start, .end{fill: ${Si.FieldText}}:host(.nested) .expand-collapse-button:hover{background: ${Si.Field}}:host(.nested) .expand-collapse-button:hover .expand-collapse-glyph{fill: ${Si.FieldText}}`));Un.compose({baseName:"tree-item",template:Vn,styles:pu,expandCollapseGlyph:'\n <svg\n viewBox="0 0 16 16"\n xmlns="http://www.w3.org/2000/svg"\n class="expand-collapse-glyph"\n >\n <path\n d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"\n />\n </svg>\n '});const mu=(e,t)=>Ce` ${Qn("flex")} :host{flex-direction: column;align-items: stretch;min-width: fit-content;font-size: 0}:host:focus-visible{outline: none}`;qn.compose({baseName:"tree-view",template:jn,styles:mu});const gu=(e,t)=>Ce` ${Rd()}`;class vu extends Ei{}const bu={delegatesFocus:!0,mode:"open"},yu={};vu.compose(Object.assign({baseName:"accordion",template:Jn,styles:gu,shadowOptions:bu},yu));const zu=(e,t)=>ot(0,t),xu=(e,t)=>Ce` ${Dd()} slot[name='collapsed-icon']{display: flex;stroke: var(--accent-foreground-rest);fill: none}slot[name='expanded-icon']{display: none;stroke: var(--accent-foreground-rest);fill: none}`;class Cu extends Kt{}const Lu={delegatesFocus:!0,mode:"open"},Mu={collapsedIcon:'<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="collapsed-icon">\n <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="plus-sign" d="M9 5.44446V12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="plus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n </svg>',expandedIcon:'<svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" slot="expanded-icon">\n <path d="M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z" stroke-linecap="round" stroke-linejoin="round"></path>\n <path class="minus-sign" d="M5.44446 9H12.5556" stroke-linecap="round" stroke-linejoin="round"></path>\n </svg>'};Cu.compose(Object.assign({baseName:"accordion-item",template:zu,styles:xu,shadowOptions:Lu},Mu));const wu=(e,t)=>Ce` :host{--actions-opener-height-multiplier: 0.7px;--actions-opener-bg-color: 249 254 255;--menu-item-height-multiplier: 0.7px}.actions-container{align-items: center;display: flex;height: 100%;justify-content: right}.actions-menu{display: none;position: absolute;max-width: 350px;overflow-y: auto}.actions-vertical .actions-menu{padding: calc(var(--design-unit) * 1px);max-height: 175px;z-index: 100}.actions-menu:not(.hidden):hover{display: inline-flex}.hidden{display: none}.visible{display: inline-flex}.actions-opener{align-self: center;display: flex;height: calc( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) * var(--actions-opener-height-multiplier) )}svg{width: 100%;height: 100%;fill: #879ba6}.actions-opener:hover svg{fill: #fff}foundation-menu-item{display: flex;user-select: none}foundation-menu-item::part(content){margin-inline: 10px}foundation-menu-item[disabled]{pointer-events: none}.menu-item{flex: 1;max-height: calc( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) * var(--menu-item-height-multiplier) );min-height: 0}.actions-vertical .menu-item{flex: 1 1 auto;justify-content: center;margin: calc(var(--design-unit) * 1px)}.actions-vertical .visible, .actions-vertical .actions-menu:not(.hidden):hover{display: flex;flex-direction: column}`;var Su=function(e,t){return Su=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])},Su(e,t)};function ku(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}Su(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var $u=function(){return $u=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++)for(var c in t=arguments[i])Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c]);return e},$u.apply(this,arguments)};function Eu(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(o=Object.getOwnPropertySymbols(e);c<o.length;c++)t.indexOf(o[c])<0&&Object.prototype.propertyIsEnumerable.call(e,o[c])&&(i[o[c]]=e[o[c]])}return i}function Nu(e,t,i,o){var c,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(c=e[a])&&(n=(s<3?c(n):s>3?c(t,i,n):c(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n}function Au(e,t){return function(i,o){t(i,o,e)}}function Ou(e,t,i,o){return new(i||(i=Promise))(function(c,s){function n(e){try{r(o.next(e))}catch(e){s(e)}}function a(e){try{r(o.throw(e))}catch(e){s(e)}}function r(e){e.done?c(e.value):function(e){return e instanceof i?e:new i(function(t){t(e)})}(e.value).then(n,a)}r((o=o.apply(e,t||[])).next())})}function Tu(e,t){var i,o,c,s={label:0,sent:function(){if(1&c[0])throw c[1];return c[1]},trys:[],ops:[]},n=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return n.next=a(0),n.throw=a(1),n.return=a(2),"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function a(a){return function(r){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;n&&(n=0,a[0]&&(s=0)),s;)try{if(i=1,o&&(c=2&a[0]?o.return:a[0]?o.throw||((c=o.return)&&c.call(o),0):o.next)&&!(c=c.call(o,a[1])).done)return c;switch(o=0,c&&(a=[2&a[0],c.value]),a[0]){case 0:case 1:c=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,o=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!(c=s.trys,(c=c.length>0&&c[c.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!c||a[1]>c[0]&&a[1]<c[3])){s.label=a[1];break}if(6===a[0]&&s.label<c[1]){s.label=c[1],c=a;break}if(c&&s.label<c[2]){s.label=c[2],s.ops.push(a);break}c[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],o=0}finally{i=c=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,r])}}}function Ru(e){var t="function"==typeof Symbol&&Symbol.iterator,i=t&&e[t],o=0;if(i)return i.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Iu(e,t){var i="function"==typeof Symbol&&e[Symbol.iterator];if(!i)return e;var o,c,s=i.call(e),n=[];try{for(;(void 0===t||t-- >0)&&!(o=s.next()).done;)n.push(o.value)}catch(e){c={error:e}}finally{try{o&&!o.done&&(i=s.return)&&i.call(s)}finally{if(c)throw c.error}}return n}function Du(e,t,i){if(i||2===arguments.length)for(var o,c=0,s=t.length;c<s;c++)!o&&c in t||(o||(o=Array.prototype.slice.call(t,0,c)),o[c]=t[c]);return e.concat(o||Array.prototype.slice.call(t))}function Fu(e){return this instanceof Fu?(this.v=e,this):new Fu(e)}function _u(e,t,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,c=i.apply(e,t||[]),s=[];return o=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),n("next"),n("throw"),n("return",function(e){return function(t){return Promise.resolve(t).then(e,l)}}),o[Symbol.asyncIterator]=function(){return this},o;function n(e,t){c[e]&&(o[e]=function(t){return new Promise(function(i,o){s.push([e,t,i,o])>1||a(e,t)})},t&&(o[e]=t(o[e])))}function a(e,t){try{!function(e){e.value instanceof Fu?Promise.resolve(e.value.v).then(r,l):d(s[0][2],e)}(c[e](t))}catch(e){d(s[0][3],e)}}function r(e){a("next",e)}function l(e){a("throw",e)}function d(e,t){e(t),s.shift(),s.length&&a(s[0][0],s[0][1])}}function Hu(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,i=e[Symbol.asyncIterator];return i?i.call(e):(e=Ru(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(i){t[i]=e[i]&&function(t){return new Promise(function(o,c){(function(e,t,i,o){Promise.resolve(o).then(function(t){e({value:t,done:i})},t)})(o,c,(t=e[i](t)).done,t.value)})}}}function Pu(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}function Vu(e,t,i,o,c){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!c)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!c:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?c.call(e,i):c?c.value=i:t.set(e,i),i}"function"==typeof SuppressedError&&SuppressedError;const Bu={silent:Number.NEGATIVE_INFINITY,fatal:0,error:0,warn:1,log:2,info:3,success:3,fail:3,ready:3,start:3,box:3,debug:4,trace:5,verbose:Number.POSITIVE_INFINITY},Uu={silent:{level:-1},fatal:{level:Bu.fatal},error:{level:Bu.error},warn:{level:Bu.warn},log:{level:Bu.log},info:{level:Bu.info},success:{level:Bu.success},fail:{level:Bu.fail},ready:{level:Bu.info},start:{level:Bu.info},box:{level:Bu.info},debug:{level:Bu.debug},trace:{level:Bu.trace},verbose:{level:Bu.verbose}};function ju(e){if(null===e||"object"!=typeof e)return!1;const t=Object.getPrototypeOf(e);return(null===t||t===Object.prototype||null===Object.getPrototypeOf(t))&&(!(Symbol.iterator in e)&&(!(Symbol.toStringTag in e)||"[object Module]"===Object.prototype.toString.call(e)))}function qu(e,t,i=".",o){if(!ju(t))return qu(e,{},i,o);const c=Object.assign({},t);for(const t in e){if("__proto__"===t||"constructor"===t)continue;const s=e[t];null!=s&&(o&&o(c,t,s,i)||(Array.isArray(s)&&Array.isArray(c[t])?c[t]=[...s,...c[t]]:ju(s)&&ju(c[t])?c[t]=qu(s,c[t],(i?`${i}.`:"")+t.toString(),o):c[t]=s))}return c}const Gu=(...e)=>e.reduce((e,t)=>qu(e,t,"",Wu),{});var Wu;function Yu(e){return t=e,"[object Object]"===Object.prototype.toString.call(t)&&(!(!e.message&&!e.args)&&!e.stack);var t}let Ku=!1;const Zu=[];class Qu{options;_lastLog;_mockFn;constructor(e={}){const t=e.types||Uu;this.options=Gu({...e,defaults:{...e.defaults},level:Xu(e.level,t),reporters:[...e.reporters||[]]},{types:Uu,throttle:1e3,throttleMin:5,formatOptions:{date:!0,colors:!1,compact:!0}});for(const e in t){const i={type:e,...this.options.defaults,...t[e]};this[e]=this._wrapLogFn(i),this[e].raw=this._wrapLogFn(i,!0)}this.options.mockFn&&this.mockTypes(),this._lastLog={}}get level(){return this.options.level}set level(e){this.options.level=Xu(e,this.options.types,this.options.level)}prompt(e,t){if(!this.options.prompt)throw new Error("prompt is not supported!");return this.options.prompt(e,t)}create(e){const t=new Qu({...this.options,...e});return this._mockFn&&t.mockTypes(this._mockFn),t}withDefaults(e){return this.create({...this.options,defaults:{...this.options.defaults,...e}})}withTag(e){return this.withDefaults({tag:this.options.defaults.tag?this.options.defaults.tag+":"+e:e})}addReporter(e){return this.options.reporters.push(e),this}removeReporter(e){if(e){const t=this.options.reporters.indexOf(e);if(-1!==t)return this.options.reporters.splice(t,1)}else this.options.reporters.splice(0);return this}setReporters(e){return this.options.reporters=Array.isArray(e)?e:[e],this}wrapAll(){this.wrapConsole(),this.wrapStd()}restoreAll(){this.restoreConsole(),this.restoreStd()}wrapConsole(){for(const e in this.options.types)console["__"+e]||(console["__"+e]=console[e]),console[e]=this[e].raw}restoreConsole(){for(const e in this.options.types)console["__"+e]&&(console[e]=console["__"+e],delete console["__"+e])}wrapStd(){this._wrapStream(this.options.stdout,"log"),this._wrapStream(this.options.stderr,"log")}_wrapStream(e,t){e&&(e.__write||(e.__write=e.write),e.write=e=>{this[t].raw(String(e).trim())})}restoreStd(){this._restoreStream(this.options.stdout),this._restoreStream(this.options.stderr)}_restoreStream(e){e&&e.__write&&(e.write=e.__write,delete e.__write)}pauseLogs(){Ku=!0}resumeLogs(){Ku=!1;const e=Zu.splice(0);for(const t of e)t[0]._logFn(t[1],t[2])}mockTypes(e){const t=e||this.options.mockFn;if(this._mockFn=t,"function"==typeof t)for(const e in this.options.types)this[e]=t(e,this.options.types[e])||this[e],this[e].raw=this[e]}_wrapLogFn(e,t){return(...i)=>{if(!Ku)return this._logFn(e,i,t);Zu.push([this,e,i,t])}}_logFn(e,t,i){if((e.level||0)>this.level)return!1;const o={date:new Date,args:[],...e,level:Xu(e.level,this.options.types)};!i&&1===t.length&&Yu(t[0])?Object.assign(o,t[0]):o.args=[...t],o.message&&(o.args.unshift(o.message),delete o.message),o.additional&&(Array.isArray(o.additional)||(o.additional=o.additional.split("\n")),o.args.push("\n"+o.additional.join("\n")),delete o.additional),o.type="string"==typeof o.type?o.type.toLowerCase():"log",o.tag="string"==typeof o.tag?o.tag:"";const c=(e=!1)=>{const t=(this._lastLog.count||0)-this.options.throttleMin;if(this._lastLog.object&&t>0){const e=[...this._lastLog.object.args];t>1&&e.push(`(repeated ${t} times)`),this._log({...this._lastLog.object,args:e}),this._lastLog.count=1}e&&(this._lastLog.object=o,this._log(o))};clearTimeout(this._lastLog.timeout);const s=this._lastLog.time&&o.date?o.date.getTime()-this._lastLog.time.getTime():0;if(this._lastLog.time=o.date,s<this.options.throttle)try{const e=JSON.stringify([o.type,o.tag,o.args]),t=this._lastLog.serialized===e;if(this._lastLog.serialized=e,t&&(this._lastLog.count=(this._lastLog.count||0)+1,this._lastLog.count>this.options.throttleMin))return void(this._lastLog.timeout=setTimeout(c,this.options.throttle))}catch{}c(!0)}_log(e){for(const t of this.options.reporters)t.log(e,{options:this.options})}}function Xu(e,t={},i=3){return void 0===e?i:"number"==typeof e?e:t[e]&&void 0!==t[e].level?t[e].level:i}function Ju(e={}){return new Qu(e)}Qu.prototype.add=Qu.prototype.addReporter,Qu.prototype.remove=Qu.prototype.removeReporter,Qu.prototype.clear=Qu.prototype.removeReporter,Qu.prototype.withScope=Qu.prototype.withTag,Qu.prototype.mock=Qu.prototype.mockTypes,Qu.prototype.pause=Qu.prototype.pauseLogs,Qu.prototype.resume=Qu.prototype.resumeLogs;class ef{options;defaultColor;levelColorMap;typeColorMap;constructor(e){this.options={...e},this.defaultColor="#7f8c8d",this.levelColorMap={0:"#c0392b",1:"#f39c12",3:"#00BCD4"},this.typeColorMap={success:"#2ecc71"}}_getLogFn(e){return e<1?console.__error||console.error:1===e?console.__warn||console.warn:console.__log||console.log}log(e){const t=this._getLogFn(e.level),i="log"===e.type?"":e.type,o=e.tag||"",c=`\n background: ${this.typeColorMap[e.type]||this.levelColorMap[e.level]||this.defaultColor};\n border-radius: 0.5em;\n color: white;\n font-weight: bold;\n padding: 2px 0.5em;\n `,s=`%c${[o,i].filter(Boolean).join(":")}`;"string"==typeof e.args[0]?t(`${s}%c ${e.args[0]}`,c,"",...e.args.slice(1)):t(s,c,...e.args)}}function tf(e={}){return Ju({reporters:e.reporters||[new ef({})],prompt:(e,t={})=>"confirm"===t.type?Promise.resolve(confirm(e)):Promise.resolve(prompt(e)),...e})}tf();const of={level:Bu.debug};function cf(e,t=of){const i=("undefined"!=typeof window?tf:Ju)().withTag(e);void 0!==(null==t?void 0:t.level)&&(i.level=t.level);const o=i;return o.deprecated=(e,t="Consult docs for better alternative.",i)=>{o.warn(`Deprecated symbol used '${e}'. ${t}`,""+(i?`Will be removed in version ${i}.`:""))},o}const sf=cf("foundation-comms"),nf=new RegExp(/wss?:\/\/[-a-zA-Z0-9@:%._+~#=]{1,256}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)\b\/*$/,"i");var af;!function(e){e.controlClicked="controlClicked",e.routeChanged="routeChanged"}(af||(af={}));class rf{trackEvent(e,t){sf.debug(`FoundationAnalytics.trackEvent ${e} : ${JSON.stringify(t)}`)}}const lf=ft.createInterface(e=>e.singleton(rf));class df extends BroadcastChannel{constructor(){super(...arguments),this.postMessage=(...e)=>{const[t,i]=e;super.postMessage({type:t,detail:i})},this.isMessageType=(e,t)=>{var i;return(null===(i=t.data)||void 0===i?void 0:i.type)===e}}}const hf=e=>{class t extends df{constructor(){super(e)}}return ft.createInterface(e=>e.transient(t))};cf("foundation-broadcast-channel");const uf=cf("foundation-user"),ff={trackActionExclusions:[],trackPathExclusions:[""],setUser(e,t){if(e.isAuthenticated)throw new Error("User already set. If this is intentional, please call User.unset first.");return uf.debug("setUser",t),e.rawProperties=structuredClone(t),e.userKVs=t.userKVs,e.details=t.details,e.permission=t.permission,e.profile=t.profile,e.sourceRef=t.sourceRef,e.userName=t.userName,e.isAuthenticated=!0,e},unsetUser:e=>(uf.debug("unsetUser"),e.rawProperties=void 0,e.userKVs=void 0,e.details=void 0,e.permission=void 0,e.profile=void 0,e.sourceRef=void 0,e.userName=void 0,e.isAuthenticated=!1,e)},pf=ft.createInterface(e=>e.instance(ff)),mf=hf("genesis-user");const gf=()=>{let e=[];return{subscribe:t=>(e.push(t),()=>e=e.filter(e=>e!==t)),publish(t){e.forEach(e=>e(t))}}},vf=cf("foundation-utils");function bf(e){const t=[],i=new Set;return function e(o){const c=Array.from(o.querySelectorAll("*"));t.push(...c),c.forEach(t=>{t.shadowRoot&&!i.has(t.shadowRoot)&&(i.add(t.shadowRoot),e(t.shadowRoot))})}(e),t}function yf(e,t){let i=e;for(;i;){const e=i.tagName.toLowerCase();if(e.endsWith("-design-system-provider")){const t=e.split("-design-system-provider")[0];if(t)return vf.debug(`Found provider by ancestor search: ${e}, prefix: ${t}`),{element:i,prefix:t}}i=i.parentElement?i.parentElement:i.getRootNode&&i.getRootNode()instanceof ShadowRoot?i.getRootNode().host:null}const o=document.querySelectorAll('[class*="-design-system-provider"],[id*="-design-system-provider"]'),c=Array.from(o),s=bf(document).filter(e=>{var t;const i=null===(t=e.tagName)||void 0===t?void 0:t.toLowerCase();return(null==i?void 0:i.endsWith("-design-system-provider"))||!1});if(c.push(...s),c.length>0){const e=c[0],t=e.tagName.toLowerCase(),i=t.split("-design-system-provider")[0];if(i)return vf.debug(`Found provider by document search: ${t}, prefix: ${i}`),{element:e,prefix:i}}return vf.debug(`No provider found. Falling back to ${t}.`),{element:null,prefix:t}}const zf=["text-field","text-area","combobox"],xf=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]','[role="textbox"]','[role="searchbox"]','[role="combobox"]'],Cf=e=>zf.map(t=>`${e}-${t}`),Lf={rapid:Cf("rapid"),zero:Cf("zero")};function Mf(e,t=[]){const i=e.flatMap(e=>{var t;return null!==(t=Lf[e])&&void 0!==t?t:[]}),o=t.filter(Boolean);return Array.from(new Set([...xf,...i,...o])).join(",")}const wf=new Map([["FAST-TEXT-AREA","input"],["FAST-TEXT-FIELD","input"],["FOUNDATION-TEXT-AREA","input"],["FOUNDATION-TEXT-FIELD","input"],["INPUT","input"],["ZERO-TEXT-FIELD","input"]]);function Sf(e){this.keyAttr||(this.target[this.targetName]=e)}function kf(e,t){this.keyAttr&&(this.updateTarget=Sf),this.originalBind.call(this,e,t),this.target.addEventListener(this.changeEvent,this.changeHandler)}function $f(){this.originalUnbind.call(this),this.target.removeEventListener(this.changeEvent,this.changeHandler)}class Ef extends R{constructor(e,t,i,o){super(e),this.keyAttr=o,this.conversionType=t,this.eventName=i}createBehavior(e){const t=super.createBehavior(e);return t.originalBind=t.bind,t.originalUnbind=t.unbind,t.keyAttr=this.keyAttr,t.bind=kf,t.unbind=$f,t.changeEvent=function(e,t){var i;const o=e.tagName;return"default"===t?null!==(i=wf.get(o))&&void 0!==i?i:"change":t}(e,this.eventName),t.changeHandler=()=>{const e="boolean"===this.conversionType?t.target.checked:t.target.value;if(this.keyAttr){const i=t.bindingObserver.last,o=t.target[this.keyAttr];i.propertySource[i.propertyName][o]=this.convert(e)}else{const i=t.bindingObserver.last;i.propertySource[i.propertyName]=this.convert(e)}},t}convert(e){if(null==e)return e;switch(this.conversionType){case"time":const t=new Date(e).getTime();return isNaN(t)?void 0:t;case"number":return e.length?Number(e):void 0;case"string":return String(e);case"boolean":return Boolean(e);default:return e}}}function Nf(e,t="string",i="default",o){return new Ef(e,t,i,o)}function Af(e,t,i){const o=e=>"function"==typeof e?e:()=>e,c=o(t),s=o(i);return(t,i)=>e(t,i)?c(t,i):s(t,i)}const Of=/^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,Tf=e=>{const t=e.split(":");let i,o;2===t.length?[i,o]=t:o=e;const c=(e=>{if(Of.test(e)){const t=atob(e),i=new Uint8Array(t.length);return[...t].forEach((e,o)=>{i[o]=t.charCodeAt(o)}),i.buffer}return e})(o);if("str"===i){return new TextDecoder("utf-8").decode(c)}return c},Rf=e=>{const t=(e=>{if("string"==typeof e)return btoa(e);if(e instanceof ArrayBuffer){const t=new Uint8Array(e).reduce((e,t)=>e+String.fromCharCode(t),"");return btoa(t)}return""})(e);return"string"==typeof e?`str:${t}`:e instanceof ArrayBuffer?`bin:${t}`:""},If=e=>((e,t)=>{if(!t)return!1;const i=`feature.${t}`.toLowerCase(),o=new URLSearchParams(e);for(const[e]of o.entries())if(e.toLowerCase()===i)return!0;return!1})(window.location.search,e);let Df="webpack";try{"undefined"!=typeof BUILDER&&(Df=BUILDER)}catch(sx){}let Ff="/";try{"undefined"!=typeof PUBLIC_PATH&&(Ff=PUBLIC_PATH.replace(/\/$/,""))}catch(e){}let _f,Hf="gwf";try{"undefined"!=typeof SOCKET_EXT&&(Hf=SOCKET_EXT)}catch(e){}try{_f=FORCE_HTTP}catch(e){}const Pf=`${location.protocol.replace("http","ws")}//${location.host}${Ff}/${Hf}/`;let Vf,Bf,Uf,jf,qf=`${"true"===_f||If("forceHttp")?location.protocol:location.protocol.replace("http","ws")}//${location.host}/${Hf}/`;try{"undefined"!=typeof API_HOST&&(qf=API_HOST)}catch(e){}try{Vf=HTTP_CONFIG}catch(e){}try{Bf=DEFAULT_ORGANISATION}catch(e){}try{Uf=DEFAULT_PASSWORD}catch(e){}try{jf=DEFAULT_USER}catch(e){}let Gf="gwf/event-login-auth";"undefined"!=typeof GENX_LOGIN_URL&&(Gf=GENX_LOGIN_URL),"undefined"!=typeof GENX_LOGIN_REFRESH_URL&&GENX_LOGIN_REFRESH_URL;let Wf="gwf/event-login-details";"undefined"!=typeof GENX_LOGIN_DETAILS_URL&&(Wf=GENX_LOGIN_DETAILS_URL),"undefined"!=typeof GENX_LOGOUT_URL&&GENX_LOGOUT_URL,"undefined"!=typeof GENX_CHANGE_PASSWORD_URL&&GENX_CHANGE_PASSWORD_URL,"undefined"!=typeof GENX_FORGOT_PASSWORD_URL&&GENX_FORGOT_PASSWORD_URL,"undefined"!=typeof GENX_RESET_PASSWORD_URL&&GENX_RESET_PASSWORD_URL,"undefined"!=typeof GENX_SSO_LIST_URL&&GENX_SSO_LIST_URL,"undefined"!=typeof GENX_SSO_LOGIN_URL&&GENX_SSO_LOGIN_URL;let Yf="default";"undefined"!=typeof GENX_ENVIRONMENT_LEVEL&&(Yf=GENX_ENVIRONMENT_LEVEL),"undefined"!=typeof GENX_ACCEPT_TERMS_URL&&GENX_ACCEPT_TERMS_URL;class Kf{constructor(e){this.logger=e,this.map=new Map}set(e,t){this.logger(e,t),this.lastError=t,this.map=new Map(this.map.set(e,t))}get(e){return this.map.get(e)}has(e){return this.map.has(e)}delete(e){const t=this.map.get(e)===this.lastError,i=this.map.delete(e);return i&&(this.map=new Map(this.map),t&&(this.lastError=void 0)),i}clear(){this.lastError=void 0,this.map=new Map}get size(){return this.map.size}values(){return this.map.values()}get messages(){const e=this.size;if(!e)return"";const t=[];for(const{message:e}of this.map.values())t.push(e);return`${e} Error${e>1?"s":""} Occurred:\n${t.join("\n")}`}}Nu([g],Kf.prototype,"map",void 0),Nu([g],Kf.prototype,"lastError",void 0);function Zf(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,19).replace("T"," ")}function Qf(e,t){return t?Zf(e):function(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,10)}(e)}const Xf={k:1e3,m:1e6,b:1e9},Jf=/^(.*?)([kmb])$/i;class ep{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),i=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),o=new Map(i.map((e,t)=>[e,t]));this._group=new RegExp(`[${t.find(e=>"group"===e.type).value}]`,"g"),this._decimal=new RegExp(`[${t.find(e=>"decimal"===e.type).value}]`),this._separator=new RegExp(`[$${t.find(e=>"decimal"===e.type).value}](?:0*$|[^0]0+$)`),this._numeral=new RegExp(`[${i.join("")}]`,"g"),this._index=e=>o.get(e)}parse(e){const t=e.trim().match(Jf),i=t?Xf[t[2].toLowerCase()]:1;return(e=(t?t[1]:e).trim().replace(this._group,"").replace(this._decimal,".").replace(this._numeral,this._index))?+e*i:NaN}hasSeparator(e){return this._separator.test(e)}}var tp="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ip(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var op,cp={exports:{}},sp=cp.exports;
|
|
36
36
|
/*! @preserve
|
|
37
37
|
* numeral.js
|
|
38
38
|
* version : 2.0.6
|
|
@@ -58,8 +58,7 @@ function mz(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o
|
|
|
58
58
|
✕
|
|
59
59
|
</button></span>`)}</div>`)}<${e}-button class="criteria-toggle-button" appearance="outline" title=${e=>e.showingChips?"Add more criteria":"View active filters"}?disabled=${e=>0===e.activeGroups.length||e.isInterpreting}@click=${e=>e.toggleCriteriaView()}><${e}-icon name="pen" size="sm"></${e}-icon></${e}-button><${e}-button class="criteria-clear-button" appearance="outline" title="Clear all filters" ?disabled=${e=>0===e.activeGroups.length||e.isInterpreting}@click=${e=>e.clearChips()}><${e}-icon name="trash-alt" size="sm"></${e}-icon></${e}-button>${He(e=>e.speechAvailable,W`<${e}-button class="mic-button" appearance="${e=>e.isRecording?"accent":"outline"}" ?disabled=${e=>e.disabled||e.isInterpreting}@click=${e=>e.toggleSpeechInput()}title=${e=>e.isRecording?"Stop recording":"Start voice input"}><${e}-icon class="mic-icon" name="microphone" size="lg" variant="solid"></${e}-icon></${e}-button>`)}</div></div>`)} `)(wx(e))} `,Zx={contains:Ax.containsIgnoreCase,equals:Ax.EQ,startsWith:Ax.startsWith,endsWith:Ax.endsWith,greaterThan:Ax.GT,lessThan:Ax.LT,greaterThanOrEqual:Ax.GE,lessThanOrEqual:Ax.LE,notEqual:Ax.NE,dateIsToday:Ax.dateIsToday,dateIsAfter:Ax.dateIsGreaterEqual,dateIsGreaterEqual:Ax.dateIsGreaterEqual,dateIsBefore:Ax.dateIsLessEqual,dateIsLessEqual:Ax.dateIsLessEqual,dateIsEqual:Ax.dateIsEqual,dateTimeIsAfter:Ax.dateTimeIsGreaterEqual,dateTimeIsGreaterEqual:Ax.dateTimeIsGreaterEqual,dateTimeIsBefore:Ax.dateTimeIsLessEqual,dateTimeIsLessEqual:Ax.dateTimeIsLessEqual};function Qx(e){var t,i;const o=null!==(t=Zx[e.operator])&&void 0!==t?t:Ax.containsIgnoreCase;return(new Ix).withField(e.field).withValue(null!==(i=e.value)&&void 0!==i?i:null).withSerialiser(o).withGroup("default").build()}function Xx(e,t){return 1===e.length?e[0]:e.reduce((e,i,o)=>0===o?[i]:[...e,t,i],[])}function Jx(e){var t;const i=new Rx;let o=!1;for(const c of e){if(!(null===(t=c.clauses)||void 0===t?void 0:t.length))continue;const e=c.clauses.map(Qx),s="or"===c.logic?$x.Or():$x.And(),n=Xx(e,s),a=e.length>1?{join:s}:{};c.negated?i.And([$x.Not(),n]):i.And(1===e.length?e[0]:e,a),o=!0}return o?i.build():""}const eC=["contains","equals","startsWith","endsWith","notEqual"],tC=["equals","greaterThan","lessThan","greaterThanOrEqual","lessThanOrEqual","notEqual"],iC=["dateIsToday","dateIsAfter","dateIsBefore","dateIsEqual","dateIsGreaterEqual","dateIsLessEqual"],oC=["dateTimeIsAfter","dateTimeIsBefore","dateTimeIsGreaterEqual","dateTimeIsLessEqual"],cC={contains:"contains",equals:"=",startsWith:"starts with",endsWith:"ends with",notEqual:"≠",greaterThan:">",lessThan:"<",greaterThanOrEqual:"≥",lessThanOrEqual:"≤",dateIsToday:"is today",dateIsAfter:"after",dateIsBefore:"before",dateIsEqual:"=",dateIsGreaterEqual:"≥",dateIsLessEqual:"≤",dateTimeIsAfter:"after",dateTimeIsBefore:"before",dateTimeIsGreaterEqual:"≥",dateTimeIsLessEqual:"≤"},sC=new Set(["DATE","LOCALDATE"]),nC=new Set(["DATETIME","NANO_TIMESTAMP","LOCALDATETIME","TIMESTAMP"]),aC=new Set(["INT","INTEGER","LONG","SHORT","DOUBLE","BIGDECIMAL","DECIMAL"]);function rC(e){return(e||"").toUpperCase().trim().split("(")[0].trim()}function lC(e){const t=rC(e);return sC.has(t)?iC:nC.has(t)?oC:aC.has(t)?tC:eC}function dC(e){return aC.has(rC(e))}function hC(e){return null!=e&&("number"==typeof e?!Number.isNaN(e)&&e>0:"string"==typeof e&&(/^\d{8}$/.test(e)||/^\d{4}-\d{2}-\d{2}$/.test(e)||/^\d{8}-\d{2}:\d{2}(:\d{2})?$/.test(e)))}function uC(e){return null!=e&&("number"==typeof e?!Number.isNaN(e):"string"==typeof e&&!Number.isNaN(Number(e)))}function fC(e,t){const i=[],o=[],c=new Map;if(Array.isArray(t)&&t.length>0){"string"==typeof t[0]?t.forEach(e=>c.set(e,void 0)):t.forEach(e=>c.set(e.NAME,e))}for(const t of e){const{field:e,operator:s,value:n}=t;if(!e||"string"!=typeof e){o.push({field:String(e),message:"Field name is required"});continue}const a=c.get(e),r=a&&"TYPE"in a?a.TYPE:"STRING";lC(r).includes(s)?!iC.includes(s)&&!oC.includes(s)||"dateIsToday"===s||hC(n)?dC(r)&&tC.includes(s)&&!uC(n)?o.push({field:e,operator:s,value:n,message:"Invalid numeric value"}):c.size>0&&!c.has(e)?o.push({field:e,operator:s,value:n,message:`Unknown field '${e}'`}):i.push(t):o.push({field:e,operator:s,value:n,message:"Invalid date/datetime value; use yyyyMMdd, yyyy-MM-dd, or epoch"}):o.push({field:e,operator:s,value:n,message:`Operator '${s}' is not allowed for field type ${r}`})}return{valid:i,invalid:o}}const pC=cf("foundation-notifications");let mC=null;const gC=new Map,vC=e=>{var t,i;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(i=null==e?void 0:e.body)&&void 0!==i?i:"Something went wrong"}`},bC=e=>{var t;return(null==e?void 0:e.logLevel)||(null===(t=null==e?void 0:e.config)||void 0===t?void 0:t.logLevel)||Bu.debug},yC=e=>{pC.log({message:vC(e),level:bC(e)})},zC=(e,t)=>{let i=document.querySelector(`#${e}`);if(!i)if(gC.has(e))i=gC.get(e);else{const t=bf(document).find(t=>t.id===e);t&&(i=t,gC.set(e,t))}if(!i){i=document.createElement("div"),i.setAttribute("id",e),i.style.zIndex="9999";const{element:t,prefix:o}=yf(document.body,"rapid");if(t)t.appendChild(i),mC=t;else if(mC)mC.appendChild(i);else{const e=document.createElement(`${o}-design-system-provider`);e.appendChild(i),document.body.appendChild(e),mC=e}}return i},xC=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e};var CC,LC,MC;!function(e){e.NOTIFICATION_EVENT="notification-event"}(CC||(CC={})),function(e){e.Top="top",e.Bottom="bottom"}(LC||(LC={})),function(e){e.Left="left",e.Right="right"}(MC||(MC={}));const wC="12px";const SC=(e,t,i)=>{var o,c,s,n,a,r,l,d,h,u,f,p,m,g,v,b,y,z,x;yC(e);const C=t.split("-")[0],L=(null===(c=null===(o=null==e?void 0:e.config)||void 0===o?void 0:o.toast)||void 0===c?void 0:c.position)||"top-right",M=null!==(s=null!=i?i:(e=>bf(document.body).find(t=>"notify-container"===t.tagName.toLowerCase()&&t.position===e))(L))&&void 0!==s?s:zC("notify-container");M&&"notify-container"!==M.tagName.toLowerCase()&&function(e,t){var i,o;switch(t.style.position="fixed",null===(o=null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.toast)||void 0===o?void 0:o.position){case"top-left":t.style.top="var(--nav-height, 0)",t.style.left="0";break;case"bottom-left":t.style.bottom="0",t.style.left="0";break;case"bottom-right":t.style.bottom="0",t.style.right="0";break;default:t.style.top="var(--nav-height, 0)",t.style.right="0"}}(e,M);const w=document.createElement(`${C}-toast`),S=document.createElement("div");S.setAttribute("slot","top"),S.textContent=e.title;const k=document.createElement("div");k.setAttribute("slot","content"),k.textContent=(null==e?void 0:e.body)||"";const $=document.createElement("div");let E;$.setAttribute("slot","date"),$.textContent=(null===(n=null==e?void 0:e.createdAt)||void 0===n?void 0:n.toLocaleTimeString())||"",(null===(r=null===(a=null==e?void 0:e.config)||void 0===a?void 0:a.toast)||void 0===r?void 0:r.buttons)&&(null===(h=null===(d=null===(l=null==e?void 0:e.config)||void 0===l?void 0:l.toast)||void 0===d?void 0:d.buttons)||void 0===h?void 0:h.length)&&(E=document.createElement("div"),E.setAttribute("slot","bottom"),e.config.toast.buttons.forEach(t=>{const i=document.createElement(`${C}-button`);i.textContent=t.placeholder||"example placeholder",i.addEventListener("click",()=>{const{details:o}=e.config.toast;if(t.action)return t.action({details:o,buttonElement:i,toastElement:w})}),t.appearance&&i.setAttribute("appearance",t.appearance),E.appendChild(i)})),w.setAttribute("notify",(null===(f=null===(u=null==e?void 0:e.config)||void 0===u?void 0:u.toast)||void 0===f?void 0:f.type)||""),e.iconName&&w.setAttribute("notification-icon",e.iconName),(null===(m=null===(p=null==e?void 0:e.config)||void 0===p?void 0:p.toast)||void 0===m?void 0:m.autoClose)&&w.setAttribute("auto-close",`${null===(v=null===(g=null==e?void 0:e.config)||void 0===g?void 0:g.toast)||void 0===v?void 0:v.autoClose}`),(null===(y=null===(b=null==e?void 0:e.config)||void 0===b?void 0:b.toast)||void 0===y?void 0:y.closeTimeout)&&w.setAttribute("close-timeout",`${null===(x=null===(z=null==e?void 0:e.config)||void 0===z?void 0:z.toast)||void 0===x?void 0:x.closeTimeout}`),w.appendChild(S),w.appendChild(k),w.appendChild($),E&&w.appendChild(E),M.prepend(w)},kC=(e,t,i)=>{if(!e.title)throw new Error("Title is required");if(!e.body)throw new Error("Missing required param 'body'");let o={title:e.title,body:e.body,iconName:e.iconName},c={};e.createdAt&&(o=Object.assign({createdAt:e.createdAt},o)),null!=e.logLevel&&(o=Object.assign({logLevel:e.logLevel},o)),e.toast&&(c=Object.assign({toast:e.toast},c),o=Object.assign({config:c},o)),SC(o,t,i)},$C=Ce` :host{position: fixed;z-index: 9999;display: flex;flex-direction: column;gap: 4px;box-sizing: border-box;pointer-events: none;/* Allow clicks to pass through empty space */ width: 415px}.toast-container{padding: 0 8px 12px 12px;position: relative}/* Expanded / List State: Allow scrolling if too many items */ :host(:not([stack-collapsed])){max-height: calc(100% - var(--nav-height));overflow: hidden;pointer-events: auto;/* Enable pointer events for scrolling */ slot{display: block;height: calc(100vh - var(--nav-height) - 54px);position: relative}.toast-container{flex: 1;height: 100%;overflow-y: auto;overflow-x: hidden;scrollbar-color: var(--neutral-layer-3) transparent;&:hover{scrollbar-color: var(--neutral-layer-4) transparent}}}.header{display: flex;gap: 12px;pointer-events: none;margin: 5px 24px;justify-content: space-between;visibility: hidden;align-items: center;box-sizing: border-box;.header-title{text-shadow: 0 0 10px #000}.notification-header-buttons{display: flex;gap: 4px;rapid-icon{color: var(--neutral-foreground-hint);margin-left: 4px;display: inline-flex;font-size: 14px;&.chevron-up.collapse{transform: rotate(180deg);transition: transform 0.3s ease}}}--base-height-multiplier: 8;*[appearance='neutral']{font-size: 11px;cursor: pointer;background: var(--neutral-fill-rest)}}.header.visible{visibility: visible;pointer-events: auto;/* Enable clicks on header buttons */}:host([position$='left']) .header{justify-content: space-between}:host([position^='bottom']) .header{margin-bottom: 0;margin-top: 4px}/* Ensure children (toasts) are clickable */ ::slotted(*){pointer-events: auto}:host([position='top-right']){top: var(--nav-height, 0);right: 0}:host([position='top-left']){top: var(--nav-height, 0);left: 0}:host([position='bottom-right']){bottom: 0;right: 0;flex-direction: column-reverse}:host([position='bottom-left']){bottom: 0;left: 0;flex-direction: column-reverse}/* Stacked / Collapsed State */ :host([stack-collapsed]){height: min-content;/* Host allows pointer events so they can reach the slot */ pointer-events: auto;cursor: pointer}/* Apply the grid layout to the slot itself so it acts as the container and click target */ :host([stack-collapsed]) slot{display: grid;grid-template-columns: auto;grid-template-rows: auto;align-items: end;/* Default to bottom-up stacking */ justify-items: center;/* The slot catches the click */ pointer-events: auto}/* Rotate when the collapse class is present */ :host([stack-collapsed][position^='top']) slot{align-items: start}:host([stack-collapsed][position$='right']) slot{justify-items: end}:host([stack-collapsed][position$='left']) slot{justify-items: start}:host([stack-collapsed]) ::slotted(*){grid-area: 1 / 1;transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;opacity: 0%;pointer-events: none !important;/* Disable interaction with toasts in collapsed state */ transform: scale(0.9);top: 0 !important}/* Show and offset the top 3 items in the stack */ :host([stack-collapsed]) ::slotted([data-stack-index='0']){opacity: 100%;pointer-events: auto;transform: translateY(0) scale(1);z-index: 3;position: relative !important}:host([stack-collapsed]) ::slotted([data-stack-index='1']){opacity: 100%;transform: translateY(var(--stack-offset-y, 8px)) scale(0.95);z-index: 2;position: relative !important}:host([stack-collapsed]) ::slotted([data-stack-index='2']){opacity: 100%;transform: translateY(var(--stack-offset-y-2, 16px)) scale(0.9);z-index: 1;position: relative !important}/* Adjust offset direction based on position */ :host([stack-collapsed][position^='top']){--stack-offset-y: 8px;--stack-offset-y-2: 16px}:host([stack-collapsed][position^='bottom']){--stack-offset-y: -8px;--stack-offset-y-2: -16px}`,EC=W` ${He(e=>e.allowCloseAll||e.allowManualCollapse,W` ${e=>(e=>W`<div class="header ${e=>Jt(["visible",e.slottedNodes.length>1])}">${He(e=>e.showCount,W`<span class="header-title">${e=>e.slottedNodes.length}Notifications</span>`)}<div class="notification-header-buttons">${He(e=>e.allowManualCollapse,W`<${e}-button @click=${e=>e.handleToggleCollapse()}>${e=>e.stackCollapsed?"Expand":"Collapse"}<${e}-icon class="chevron-up ${e=>Jt(["collapse",e.stackCollapsed])}" name="chevron-up"></${e}-icon></${e}-button>`)} ${He(e=>e.allowCloseAll,W`<${e}-button @click=${e=>e.handleCloseAll()}>
|
|
60
60
|
Close All <${e}-icon name="xmark"></${e}-icon></${e}-button>`)}</div></div>`)(e.designSystemPrefix)} `)}<div class="toast-container"><slot ${Ke("slottedNodes")}@click="${e=>e.handleContainerClick()}"></slot></div>`;let NC=class extends be{constructor(){super(...arguments),this.position="top-right",this.stackThreshold=5,this.allowManualCollapse=!0,this.allowCloseAll=!0,this.designSystemPrefix="rapid",this.showCount=!0,this.stackCollapsed=!1,this.notificationInterval=0,this.manuallyExpanded=!1,this.pendingQueue=[],this.queueTimer=null,this.queuedNodes=new Set,this.mutationObserver=null,this.knownNodes=new Set,this.peekingNode=null,this.peekTimer=null,this.routeSubscriber={handleChange:()=>this.checkRoute(pp.shared.pathName)},this.slottedNodes=[]}connectedCallback(){super.connectedCallback(),"bottom-left"!==this.position&&"bottom-right"!==this.position||pC.error("NotifyContainer doesn't currently support bottom corner placements"),m.getNotifier(pp.shared).subscribe(this.routeSubscriber,"pathName"),this.checkRoute(pp.shared.pathName),this.mutationObserver=new MutationObserver(e=>this.handleMutation(e)),this.mutationObserver.observe(this,{childList:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),m.getNotifier(pp.shared).unsubscribe(this.routeSubscriber,"pathName"),null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=null}checkRoute(e){(e.includes("/login")||e.includes("/logout"))&&(this.pendingQueue=[],this.queuedNodes.clear(),clearTimeout(this.queueTimer),this.queueTimer=null,this.handleCloseAll())}slottedNodesChanged(){if(!this.manuallyExpanded&&!this.stackCollapsed&&this.slottedNodes.length>this.stackThreshold&&(this.stackCollapsed=!0),this.stackCollapsed&&this.slottedNodes.length<=1&&(this.stackCollapsed=!1,this.manuallyExpanded=!1,this.cancelPeek()),this.stackCollapsed){const e=this.slottedNodes.filter(e=>e instanceof HTMLElement&&!this.knownNodes.has(e)).shift();e&&this.maybePeek(e)}this.knownNodes=new Set(this.slottedNodes),this.applySort()}handleContainerClick(){this.stackCollapsed&&(this.stackCollapsed=!1,this.manuallyExpanded=!0,this.cancelPeek())}handleToggleCollapse(){this.stackCollapsed=!this.stackCollapsed,this.manuallyExpanded=!this.stackCollapsed,this.stackCollapsed||this.cancelPeek()}handleCloseAll(){for(this.cancelPeek();this.firstChild;)this.removeChild(this.firstChild);this.stackCollapsed=!1,this.manuallyExpanded=!1}notificationIntervalChanged(e,t){!t&&this.pendingQueue&&this.flushQueue()}handleMutation(e){this.notificationInterval&&(e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof HTMLElement&&(this.queuedNodes.has(e)?this.queuedNodes.delete(e):(this.removeChild(e),this.pendingQueue.push(e)))})}),this.queueTimer||this.processQueue())}processQueue(){if(!this.pendingQueue.length)return void(this.queueTimer=null);const e=this.pendingQueue.shift();this.queuedNodes.add(e),this.prepend(e),this.queueTimer=setTimeout(()=>{this.queueTimer=null,this.processQueue()},this.notificationInterval)}flushQueue(){for(clearTimeout(this.queueTimer),this.queueTimer=null;this.pendingQueue.length;){const e=this.pendingQueue.shift();this.queuedNodes.add(e),this.prepend(e)}}sortFnChanged(){this.applySort()}applySort(){const e=this.slottedNodes.filter(e=>e instanceof HTMLElement);if(!e.length)return;const t=this.sortFn&&e.length>1?[...e].sort(this.sortFn):e;this.peekingNode&&t.includes(this.peekingNode)?this.handlePosition([this.peekingNode,...t.filter(e=>e!==this.peekingNode)]):this.handlePosition(t)}maybePeek(e){const t=this.slottedNodes.filter(e=>e instanceof HTMLElement);if(0===(this.sortFn&&t.length>1?[...t].sort(this.sortFn):t).indexOf(e))return;this.cancelPeek(),this.peekingNode=e;const i=this.notificationInterval?this.notificationInterval/2:1500;this.peekTimer=setTimeout(()=>{this.peekingNode=null,this.peekTimer=null,this.applySort()},i)}cancelPeek(){clearTimeout(this.peekTimer),this.peekTimer=null,this.peekingNode=null}handlePosition(e){if(!e.length)return;e.forEach((t,i)=>{t.style.position="absolute",t.style.transition="all 0.3s ease-in",t.style.right="0px",t.style.zIndex=(e.length-i).toString(),t.dataset.stackIndex=i.toString()});const t=e.map(e=>e.offsetHeight);e.reduce((e,i,o)=>(i.style.top=`${e}px`,e+t[o]),0)}};Nu([re],NC.prototype,"position",void 0),Nu([re({attribute:"stack-threshold"})],NC.prototype,"stackThreshold",void 0),Nu([re({attribute:"allow-manual-collapse",mode:"boolean"})],NC.prototype,"allowManualCollapse",void 0),Nu([re({attribute:"allow-close-all",mode:"boolean"})],NC.prototype,"allowCloseAll",void 0),Nu([re({attribute:"design-system-prefix"})],NC.prototype,"designSystemPrefix",void 0),Nu([re({attribute:"show-count",mode:"boolean"})],NC.prototype,"showCount",void 0),Nu([re({attribute:"stack-collapsed",mode:"boolean"})],NC.prototype,"stackCollapsed",void 0),Nu([re({attribute:"notification-interval"})],NC.prototype,"notificationInterval",void 0),Nu([g],NC.prototype,"sortFn",void 0),Nu([g],NC.prototype,"slottedNodes",void 0),NC=Nu([ye({name:"notify-container",template:EC,styles:$C})],NC);const AC={alert:e=>{yC(e),alert(vC(e))},toast:SC,dialog:(e,t,i)=>{yC(e);const o=t.split("-")[0],c=document.createElement(`${o}-dialog`),s=i?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(i):zC("dialog-container");s.appendChild(c),c.notification=e,c.show()},snackbar:(e,t)=>{var i,o,c,s,n,a;yC(e);const r=t.split("-")[0],l=document.createElement(`${r}-snackbar`),d=null!==(c=null===(o=null===(i=e.config)||void 0===i?void 0:i.snackbar)||void 0===o?void 0:o.verticalEdge)&&void 0!==c?c:LC.Bottom,h=null!==(a=null===(n=null===(s=e.config)||void 0===s?void 0:s.snackbar)||void 0===n?void 0:n.horizontalEdge)&&void 0!==a?a:MC.Left,u=zC(`snack-container-${d}-${h}`);u&&((e,t,i)=>{e.style.position="fixed",e.style.top=t===LC.Top?wC:"",e.style.bottom=t===LC.Bottom?wC:"",e.style.left=i===MC.Left?wC:"",e.style.right=i===MC.Right?wC:""})(u,d,h),u.appendChild(l),l.notification=e},banner:(e,t,i)=>{var o;yC(e);const c=t.split("-")[0],s=document.createElement(`${c}-banner`),n=(e=>{for(var t,i;e&&!(e instanceof ShadowRoot);){const o=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(o)return o.style.position="relative",o;e=null===(i=null==e?void 0:e.getRootNode())||void 0===i?void 0:i.host}return xC()})(i);(null===(o=null==n?void 0:n.children)||void 0===o?void 0:o.length)>0&&(s.style.position="absolute",s.style.top="0",s.style.left="0",s.style.width="100%"),n.appendChild(s),s.notification=e}},OC=(e,t,i)=>{Object.keys((null==e?void 0:e.config)||{}).forEach(o=>{AC[o]&&AC[o](e,t,i)})};function TC(e,t,i){(null==t?void 0:t.trim())&&OC({title:e,body:t,config:{toast:{autoClose:!0,closeTimeout:4e3,type:"error"}}},i)}class RC extends qt{constructor(){super(...arguments),this.placeholder="Describe your search criteria in natural language...",this.inputValue="",this.isInterpreting=!1,this.lastValidCriteria=null,this.activeGroups=[],this.showingChips=!1,this.fieldMetadata=[],this.isRecording=!1,this.stopRecording=null,this.speechApplyDebounceTimer=null}get speechAvailable(){return jx()}get criteriaChips(){return this.activeGroups.flatMap((e,t)=>e.clauses.map((e,i)=>{var o,c;return{groupIndex:t,clauseIndex:i,fieldLabel:this.getFieldLabel(e.field),operatorLabel:null!==(o=cC[e.operator])&&void 0!==o?o:e.operator,valueLabel:"dateIsToday"===e.operator?"":String(null!==(c=e.value)&&void 0!==c?c:"")}}))}getFieldLabel(e){var t,i;if(!Array.isArray(this.fieldMetadata)||0===this.fieldMetadata.length)return e;if("string"==typeof this.fieldMetadata[0])return e;const o=this.fieldMetadata.find(t=>t.NAME===e);return null!==(i=null!==(t=null==o?void 0:o.UI_LABEL)&&void 0!==t?t:null==o?void 0:o.NAME)&&void 0!==i?i:e}toggleCriteriaView(){this.showingChips?(this.inputValue="",this.showingChips=!1):this.showingChips=!0}removeChip(e,t){var i;const o=this.activeGroups.map(e=>Object.assign(Object.assign({},e),{clauses:[...e.clauses]}));null===(i=o[e])||void 0===i||i.clauses.splice(t,1);const c=o.filter(e=>e.clauses.length>0);if(this.activeGroups=c,0===c.length)this.showingChips=!1,this.lastValidCriteria=null,this.$emit("criteria-changed",null);else{const e=Jx(c);this.lastValidCriteria=e,this.$emit("criteria-changed",e)}}clearChips(){this.activeGroups=[],this.showingChips=!1,this.lastValidCriteria=null,this.$emit("criteria-changed",null)}handleSubmit(){return Ou(this,void 0,void 0,function*(){var e,t,i;const o=null===(e=this.inputValue)||void 0===e?void 0:e.trim();if(!o||this.isInterpreting)return;const c=null===(t=this.providerRegistry)||void 0===t?void 0:t.default();if(null==c?void 0:c.interpretCriteria){this.isInterpreting=!0;try{const e=Array.isArray(this.fieldMetadata)?this.fieldMetadata:[],t=yield c.interpretCriteria(o,{fields:e});if(!(null===(i=null==t?void 0:t.groups)||void 0===i?void 0:i.some(e=>{var t;return null===(t=e.clauses)||void 0===t?void 0:t.length})))return TC("AI criteria search","AI could not interpret the criteria",wx(this)),void(this.isInterpreting=!1);const{valid:n,invalid:a}=function(e,t){var i;const o=[],c=[];for(const s of e){if(!(null==s?void 0:s.clauses)||!Array.isArray(s.clauses)){c.push({field:"",message:"Group must have a clauses array"});continue}const{valid:e,invalid:n}=fC(s.clauses,t);c.push(...n),e.length>0&&o.push({logic:null!==(i=s.logic)&&void 0!==i?i:"and",negated:s.negated,clauses:e})}return{valid:o,invalid:c}}(t.groups,this.fieldMetadata);if(a.length>0&&(TC("Criteria validation error",0===(s=a).length?"":1===s.length?s[0].message:s.map(e=>e.message).join("; "),wx(this)),this.$emit("validation-errors",a)),n.length>0){const e=[...this.activeGroups,...n],t=Jx(e);this.lastValidCriteria=t,this.activeGroups=e,this.inputValue="",this.showingChips=!0,this.$emit("criteria-changed",t)}}catch(e){TC("AI criteria search",e instanceof Error?e.message:"Interpretation failed",wx(this))}finally{this.isInterpreting=!1}var s}else TC("AI criteria search","AI provider not configured",wx(this))})}handleBlur(){var e;if(this.isRecording)return;(null===(e=this.inputValue)||void 0===e?void 0:e.trim())?this.handleSubmit():this.activeGroups.length>0&&(this.showingChips=!0)}clear(){this.inputValue="",this.lastValidCriteria=null,this.activeGroups=[],this.showingChips=!1,this.$emit("criteria-changed",null)}toggleSpeechInput(){if(this.isRecording&&this.stopRecording)return this.clearSpeechApplyDebounce(),this.stopRecording(),this.stopRecording=null,void(this.isRecording=!1);this.inputValue="",this.showingChips=!1,this.stopRecording=function(e,t){if(!jx())return null;const i=new(window.SpeechRecognition||window.webkitSpeechRecognition);i.continuous=!0,i.interimResults=!0,i.lang="en-US";let o="";return i.onresult=t=>{let i="",c="";for(let e=t.resultIndex;e<t.results.length;e+=1){const o=t.results[e][0].transcript;t.results[e].isFinal?c+=o:i+=o}c?(o+=c,e(o,!0)):i&&e(o+i,!1)},i.onerror=e=>{"aborted"!==e.error&&(null==t||t(e.error||"Speech recognition error"))},i.start(),()=>{try{i.stop()}catch(e){}}}((e,t)=>{this.inputValue=e,t&&(null==e?void 0:e.trim())&&(this.clearSpeechApplyDebounce(),this.stopRecording&&(this.stopRecording(),this.stopRecording=null,this.isRecording=!1),this.speechApplyDebounceTimer=setTimeout(()=>{this.speechApplyDebounceTimer=null,this.handleSubmit()},700))},()=>{this.clearSpeechApplyDebounce(),this.isRecording=!1,this.stopRecording=null}),this.stopRecording&&(this.isRecording=!0)}clearSpeechApplyDebounce(){this.speechApplyDebounceTimer&&(clearTimeout(this.speechApplyDebounceTimer),this.speechApplyDebounceTimer=null)}}Nu([Wx],RC.prototype,"providerRegistry",void 0),Nu([re],RC.prototype,"placeholder",void 0),Nu([re({mode:"boolean"})],RC.prototype,"disabled",void 0),Nu([g],RC.prototype,"inputValue",void 0),Nu([g],RC.prototype,"isInterpreting",void 0),Nu([g],RC.prototype,"lastValidCriteria",void 0),Nu([g],RC.prototype,"activeGroups",void 0),Nu([g],RC.prototype,"showingChips",void 0),Nu([g],RC.prototype,"fieldMetadata",void 0),Nu([g],RC.prototype,"isRecording",void 0),Nu([v],RC.prototype,"speechAvailable",null),Nu([v],RC.prototype,"criteriaChips",null);const IC=void 0,DC={};RC.compose(Object.assign({baseName:"ai-criteria-search",template:Kx,styles:Yx,shadowOptions:IC},DC));const FC=(e,t)=>Ce` :host{display: flex;justify-content: center;align-items: center;width: 100%;margin: calc(var(--design-unit) * 2px) 0;position: relative;/* Same as connection indicator */ --green: 50 164 49;--trafic-light-green: rgb(var(--green));--red: 187 30 16;--trafic-light-red: rgb(var(--red));--amber: 230 160 20;--trafic-light-amber: rgb(var(--amber))}.ai-indicator-container{display: flex;flex-direction: column;align-items: center;position: relative}.ai-indicator-badge{display: inline-flex;align-items: center;gap: calc(var(--design-unit) * 1.4px);font-size: 12px;line-height: 1;font-weight: 600;text-transform: uppercase;height: calc(var(--design-unit) * 6px);padding: calc(var(--design-unit) * 0.5px) calc(var(--design-unit) * 2px);border-radius: calc(var(--design-unit) * 1px);cursor: pointer;color: #fff}.ai-indicator-badge:hover{opacity: 90%}.ai-indicator-badge.green{background: var(--trafic-light-green)}.ai-indicator-badge.amber{background: var(--trafic-light-amber)}.ai-indicator-badge.red{background: var(--trafic-light-red)}.ai-indicator-badge .ai-indicator-icon{flex-shrink: 0;color: inherit}.ai-indicator-badge.pulsing{animation: ai-indicator-pulse 1.5s ease-in-out infinite}@keyframes ai-indicator-pulse{0%, 100%{opacity: 100%}50%{opacity: 50%}}.ai-indicator-dropdown{position: absolute;top: 100%;right: 0;margin-top: calc(var(--design-unit) * 2px);min-width: 200px;padding: calc(var(--design-unit) * 4px);background: var(--neutral-layer-floating, #fff);border: 1px solid var(--neutral-stroke-rest, #e0e0e0);border-radius: calc(var(--design-unit) * 2px);box-shadow: 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * 4px) rgb(0 0 0 / 12%);z-index: 1000}.ai-indicator-info{display: flex;flex-direction: column;gap: 0;margin: 0;padding: 0}.ai-indicator-info .info-row{display: grid;grid-template-columns: 72px 1fr;gap: calc(var(--design-unit) * 4px);align-items: baseline;padding: calc(var(--design-unit) * 1.5px) 0;border-bottom: 1px solid var(--neutral-stroke-subtle, #eee)}.ai-indicator-info .info-row:last-child{border-bottom: none}.ai-indicator-info .info-label{margin: 0;font-size: var(--type-ramp-base-font-size);font-weight: 500;color: var(--neutral-foreground-hint, #666)}.ai-indicator-info .info-value{margin: 0;font-size: var(--type-ramp-base-font-size);color: var(--neutral-foreground-rest, #333);text-transform: capitalize;word-break: break-word}.install-button{margin-top: calc(var(--design-unit) * 3px);width: 100%}`,_C=W` ${e=>(e=>W` ${He(()=>Ux(),W`<div class="ai-indicator-container" part="ai-indicator-container"><div class=${e=>Jt("ai-indicator-badge",["green","available"===e.state||"server"===e.state],["amber","downloading"===e.state||"downloadable"===e.state],["red","unavailable"===e.state||"none"===e.state],["pulsing","downloading"===e.state||e.isInstalling])}data-test-id="ai-indicator-badge" part="ai-indicator-badge" role="button" tabindex="0" aria-label="AI status" aria-haspopup="true" aria-expanded="${e=>e.open}" @click=${e=>e.toggleDropdown()}@keydown=${(e,t)=>{const i=t.event;"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),e.toggleDropdown())}}><${e}-icon class="ai-indicator-icon" name="wand-magic-sparkles" size="xs" variant="solid" part="ai-indicator-icon"></${e}-icon><span class="ai-indicator-text" data-test-id="ai-indicator-text" part="ai-indicator-text">AI</span></div>${He(e=>e.open,W`<div class="ai-indicator-dropdown" part="ai-indicator-dropdown"><dl class="ai-indicator-info"><div class="info-row"><dt class="info-label">Provider</dt><dd class="info-value">${e=>{var t,i;return null!==(i=null===(t=e.status)||void 0===t?void 0:t.provider)&&void 0!==i?i:"none"}}</dd></div><div class="info-row"><dt class="info-label">Model</dt><dd class="info-value">${e=>{var t;return(null===(t=e.status)||void 0===t?void 0:t.model)||"—"}}</dd></div>${He(e=>e.chromeStatusLabel,W`<div class="info-row"><dt class="info-label">Status</dt><dd class="info-value">${e=>e.chromeStatusLabel}</dd></div>`)}</dl>${He(e=>e.canInstall,W`<${e}-button class="install-button" appearance="accent" @click=${(e,t)=>{t.event.preventDefault(),e.onInstall()}}>
|
|
61
|
-
Install model </${e}-button>`)}</div>`)}</div>`)} `)(wx(e))} `;class HC extends qt{constructor(){super(...arguments),this.status=null,this.open=!1,this.state="none",this.isInstalling=!1,this.pollTimer=null,this.clickOutside=e=>this.handleClickOutside(e)}get aiProvider(){var e;return null===(e=this.providerRegistry)||void 0===e?void 0:e.default()}get chromeStatusLabel(){var e,t;if("chrome"!==(null===(e=this.status)||void 0===e?void 0:e.provider))return null;const i=null===(t=this.status)||void 0===t?void 0:t.chromeAvailability;return"available"===i?"Installed":"downloading"===i||this.isInstalling?"Downloading…":"downloadable"===i?"Downloadable":"unavailable"===i?"Unavailable":null}get canInstall(){var e,t,i;return!!(null===(e=this.aiProvider)||void 0===e?void 0:e.triggerDownload)&&"chrome"===(null===(t=this.status)||void 0===t?void 0:t.provider)&&"downloadable"===(null===(i=this.status)||void 0===i?void 0:i.chromeAvailability)&&!this.isInstalling}get isDownloading(){var e;return"downloading"===(null===(e=this.status)||void 0===e?void 0:e.chromeAvailability)||this.isInstalling}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){e.connectedCallback.call(this),yield this.refreshStatus(),this.maybeStartPolling()})}disconnectedCallback(){this.stopPolling(),document.removeEventListener("mousedown",this.clickOutside)}openChanged(){this.open?(document.addEventListener("mousedown",this.clickOutside),this.refreshStatus()):document.removeEventListener("mousedown",this.clickOutside)}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}refreshStatus(){return Ou(this,void 0,void 0,function*(){var e;if(!(null===(e=this.aiProvider)||void 0===e?void 0:e.getStatus))return this.status=null,void(this.state="none");try{const e=yield this.aiProvider.getStatus();this.status=e,this.state=this.deriveState(e),"available"===this.state&&(this.isInstalling=!1)}catch(e){this.status=null,this.state="none",this.isInstalling=!1}})}deriveState(e){if(!e||"none"===e.provider)return"none";if("chrome"===e.provider){const t=e.chromeAvailability;return"available"===t?"available":"downloading"===t?"downloading":"downloadable"===t?"downloadable":"unavailable"}return"server"}maybeStartPolling(){var e;"downloading"===(null===(e=this.status)||void 0===e?void 0:e.chromeAvailability)||this.isInstalling?this.startPolling():this.stopPolling()}startPolling(){this.pollTimer||(this.pollTimer=setInterval(()=>{this.refreshStatus().then(()=>{this.maybeStartPolling()})},2500))}stopPolling(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null)}onInstall(){return Ou(this,void 0,void 0,function*(){var e;if(this.canInstall&&(null===(e=this.aiProvider)||void 0===e?void 0:e.triggerDownload)){this.isInstalling=!0;try{yield this.aiProvider.triggerDownload(),this.startPolling()}catch(e){this.isInstalling=!1}finally{yield this.refreshStatus()}}})}}Nu([Wx],HC.prototype,"providerRegistry",void 0),Nu([g],HC.prototype,"status",void 0),Nu([g],HC.prototype,"open",void 0),Nu([g],HC.prototype,"state",void 0),Nu([g],HC.prototype,"isInstalling",void 0),Nu([v],HC.prototype,"chromeStatusLabel",null),Nu([v],HC.prototype,"canInstall",null),Nu([v],HC.prototype,"isDownloading",null),HC.compose({baseName:"ai-indicator",template:_C,styles:FC});const PC=(e,t)=>Ni(0,t),VC=(e,t)=>Ce` ${Yd()}`;class BC extends Kd{}const UC={delegatesFocus:!0,mode:"open"},jC={};BC.compose(Object.assign({baseName:"anchor",template:PC,styles:VC,shadowOptions:UC},jC));const qC=(e,t)=>Ri(),GC=(e,t)=>Ce` ${Zd()}`;class WC extends Di{}const YC={delegatesFocus:!0,mode:"open"},KC={};WC.compose(Object.assign({baseName:"anchored-region",template:qC,styles:GC,shadowOptions:YC},KC));const ZC=(e,t)=>ji(0,t),QC=W` ${He(e=>e.imgSrc,W`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `,XC=(e,t)=>Ce` ${Qd(e)}`;class JC extends Xd{}const eL={delegatesFocus:!0,mode:"open"},tL={media:QC};JC.compose(Object.assign({baseName:"avatar",template:ZC,styles:XC,shadowOptions:eL},tL));const iL=(e,t)=>Gi(),oL=(e,t)=>Ce` ${eh()}`;class cL extends Wi{}const sL=void 0,nL={};cL.compose(Object.assign({baseName:"badge",template:iL,styles:oL,shadowOptions:sL},nL));const aL=Ce` @keyframes delete-animate{from{height: 100px;opacity: 100%}to{height: 0;opacity: 0%}}@keyframes append-animate{from{height: 0;opacity: 0%}to{height: var(--banner-height);opacity: 100%}}:host{--banner-width: 100%;--banner-height: 65px;--flow: row}@media screen and (max-width: 640px){:host{--flow: column;--banner-height: 100px}}.banner{animation: append-animate 0.3s linear;width: var(--banner-width);height: var(--banner-height);background-color: var(--fill-color);display: flex;flex-direction: var(--flow);padding: 5px 8px;box-sizing: border-box;overflow: hidden}.banner-delete{animation: delete-animate 0.3s linear;opacity: 0%}.content{display: flex;align-items: center;flex: 2;font-size: 12px;overflow: hidden;white-space: pre-line}.action{display: flex;flex-direction: row-reverse;align-items: center;gap: 10px;flex: 1;overflow: hidden}`,rL=W` ${e=>(e=>W`<div role="alert" aria-live="polite" class="banner ${e=>e.dismissAnimation}" ${Ie("banner")}><div part="content" class="content"><slot name="content">${He(e=>e.notification,W`<div><div>${e=>{var t;return(null===(t=e.notification)||void 0===t?void 0:t.body)||"Place holder for notification message"}}</div></div>`)}</slot></div><div part="action" class="action"><slot name="action" class="action">${He(e=>e.notification,W`<${e}-button slot="action" appearance="lightweight" @click=${e=>e.dismiss()}>${e=>{var t,i,o,c;return(null===(c=null===(o=null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner)||void 0===o?void 0:o.dismissingAction)||void 0===c?void 0:c.label)||"Ignore"}}</${e}-button>`)} ${qe(e=>{var t,i;return null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner.confirmingActions},W`<${e}-button slot="action" appearance="lightweight" @click=${(e,t)=>{var i;null==e||e.action(),null===(i=t.parent)||void 0===i||i.dismissNotification()}}>${e=>e.label}</${e}-button>`)}</slot></div></div>`)(wx(e))} `,lL={mode:"open",delegatesFocus:!0};class dL extends qt{constructor(){super(...arguments),this.dismissAnimation=""}connectedCallback(){super.connectedCallback()}dismiss(){return this.dismissAnimation="banner-delete",new Promise(e=>{this.banner.onanimationend=()=>{this.remove(),e()}})}dismissNotification(){return Ou(this,void 0,void 0,function*(){try{yield this.dismiss(),this.remove()}catch(e){xx.error(e)}})}}Nu([g],dL.prototype,"dismissAnimation",void 0),Nu([g],dL.prototype,"notification",void 0),dL.compose({baseName:"banner",styles:aL,template:rL,shadowOptions:lL});const hL=(e,t)=>Zi(),uL=(e,t)=>Ce` ${ih()}`;class fL extends Qi{}fL.compose(Object.assign({baseName:"breadcrumb",template:hL,styles:uL,shadowOptions:void 0},{}));const pL=(e,t)=>Yi(0,t),mL=(e,t)=>Ce` ${th()}`;class gL extends Ki{}const vL=void 0,bL={separator:"/"};gL.compose(Object.assign({baseName:"breadcrumb-item",template:pL,styles:mL,shadowOptions:vL},bL));const yL=(e,t)=>Xi(0,t),zL=(e,t)=>Ce` ${oh()}`;class xL extends ch{}const CL={delegatesFocus:!0,mode:"open"},LL={};xL.compose(Object.assign({baseName:"button",template:yL,styles:zL,shadowOptions:CL},LL));const ML=()=>Ce` ${sh}`,wL=(e,t)=>Oo(e,t);class SL extends ho{}const kL={delegatesFocus:!0,mode:"open"},$L={};SL.compose(Object.assign({baseName:"calendar",template:wL,styles:ML,shadowOptions:kL},$L));const EL=(e,t)=>To(),NL=(e,t)=>Ce` ${nh()} :host{background-color: var(--fui-card-fill-color);color: var(--fui-card-foreground-color)}`;class AL extends ah{}const OL=void 0,TL={};var RL,IL,DL;AL.compose(Object.assign({baseName:"card",template:EL,styles:NL,shadowOptions:OL},TL)),function(e){e.BELOW="below",e.ABOVE="above"}(RL||(RL={}));var FL=function(){if(DL)return IL;DL=1;var e=/^\s+|\s+$/g,t=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,o=/^0o[0-7]+$/i,c=parseInt,s="object"==typeof tp&&tp&&tp.Object===Object&&tp,n="object"==typeof self&&self&&self.Object===Object&&self,a=s||n||Function("return this")(),r=Object.prototype.toString,l=Math.max,d=Math.min,h=function(){return a.Date.now()};function u(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function f(s){if("number"==typeof s)return s;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==r.call(e)}(s))return NaN;if(u(s)){var n="function"==typeof s.valueOf?s.valueOf():s;s=u(n)?n+"":n}if("string"!=typeof s)return 0===s?s:+s;s=s.replace(e,"");var a=i.test(s);return a||o.test(s)?c(s.slice(2),a?2:8):t.test(s)?NaN:+s}return IL=function(e,t,i){var o,c,s,n,a,r,p=0,m=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function b(t){var i=o,s=c;return o=c=void 0,p=t,n=e.apply(s,i)}function y(e){var i=e-r;return void 0===r||i>=t||i<0||g&&e-p>=s}function z(){var e=h();if(y(e))return x(e);a=setTimeout(z,function(e){var i=t-(e-r);return g?d(i,s-(e-p)):i}(e))}function x(e){return a=void 0,v&&o?b(e):(o=c=void 0,n)}function C(){var e=h(),i=y(e);if(o=arguments,c=this,r=e,i){if(void 0===a)return function(e){return p=e,a=setTimeout(z,t),m?b(e):n}(r);if(g)return a=setTimeout(z,t),b(r)}return void 0===a&&(a=setTimeout(z,t)),n}return t=f(t)||0,u(i)&&(m=!!i.leading,s=(g="maxWait"in i)?l(f(i.maxWait)||0,t):s,v="trailing"in i?!!i.trailing:v),C.cancel=function(){void 0!==a&&clearTimeout(a),p=0,o=r=c=a=void 0},C.flush=function(){return void 0===a?n:x(h())},C},IL}(),_L=ip(FL);const HL=Ce` :host{--scrollbar-width: 12px;--scrollbar-thumb-width: 8px}.root{position: relative;width: inherit;min-width: 250px}.control{cursor: pointer;position: relative;display: flex;align-items: center;width: 100%;border-radius: calc(var(--control-corner-radius) * 1px)}#display-field{width: 100%;cursor: pointer;color: var(--neutral-foreground-rest);min-height: 40px;padding: 0 calc(var(--design-unit) * 2.25px);border-width: 0;background-color: var(--neutral-fill-input-rest);border-radius: calc(var(--control-corner-radius) * 1px)}#display-field[disabled]{cursor: not-allowed;opacity: 30%}#display-field:focus{outline: 1px solid var(--accent-fill-rest);background: var(--neutral-fill-input-rest);border-style: none;box-shadow: none}#display-field:hover:not(:focus):not([disabled]){outline: 1px solid var(--neutral-stroke-hover)}button{pointer-events: none}.indicator{position: absolute;left: calc(100% - 26px);padding: 0;cursor: pointer}#arrow-icon{width: 16px;fill: white;transform: rotate(0deg);transition: transform 0.2s linear 0s}#arrow-icon.flipped{transform: rotate(180deg)}.disabled-svg{pointer-events: none;opacity: 30%}.position-above{bottom: 100%}::-webkit-scrollbar{width: var(--scrollbar-width)}::-webkit-scrollbar-track{background: var(--neutral-layer-4)}::-webkit-scrollbar-thumb{width: var(--scrollbar-thumb-width);border-radius: 10px;box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);background-color: var(--neutral-layer-2);border: 3px solid var(--neutral-layer-4)}::-webkit-scrollbar-corner{background: var(--neutral-layer-4)}.multiselect-dropdown{display: flex;flex-direction: column;position: absolute;height: max-content;overflow: hidden;margin-top: calc(var(--design-unit) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);border-radius: 4px;background: var(--neutral-fill-input-rest);width: 100%;max-height: 0;visibility: hidden;z-index: 999}.multiselect-dropdown:not(.is-resizing){transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s}.checkbox-container{display: flex;flex-direction: column;list-style: none;overflow-y: auto;height: 100%}.is-resizing .checkbox-container{overflow-y: hidden}.checkbox-container zero-checkbox{min-width: fit-content}.checkbox-container zero-checkbox[disabled], .checkbox-container foundation-checkbox[disabled]{cursor: not-allowed}.visible{visibility: visible;max-height: var(--custom-max-height, ${230..toString()}px);overflow: hidden}::slotted(foundation-checkbox), foundation-checkbox{border-bottom: 1px solid var(--neutral-layer-4);padding: 5px 0 5px 5px;margin: 0}::slotted(foundation-checkbox:hover), foundation-checkbox:hover{background-color: var(--neutral-layer-3);cursor: pointer}::slotted(foundation-checkbox)::part(label), foundation-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap}.label{display: block;cursor: pointer;font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-style: normal;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{display: none}ol, li{margin: 0;padding: 0}.checkbox{width: 100%}.select-all{width: 100%;margin-left: 0;margin-right: 0}.display-value{position: absolute;right: 40px;color: var(--neutral-foreground-rest);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-family: var(--body-font)}.options-header-item-hidden{display: none}.resize-button{position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;cursor: nw-resize;background: linear-gradient( -45deg, transparent 30%, var(--neutral-foreground-rest) 30%, var(--neutral-foreground-rest) 40%, transparent 40%, transparent 60%, var(--neutral-foreground-rest) 60%, var(--neutral-foreground-rest) 70%, transparent 70% );z-index: 1000;opacity: 60%;transition: opacity 0.2s ease}.resize-button:hover{opacity: 100%}.multiselect-dropdown.resizable{resize: none;overflow: hidden}`;var PL;let VL=PL=class extends Cx{constructor(){super(...arguments),this.emptyDataLabel="No matching records",this.allowCustomOptions=!1,this.infiniteScroll=!1,this.pageSize=PL.defaultPageSize,this.initalSelectedValueInitialized=!1,this.isSnapshot=!0,this.baseCriteria="",this.listboxElement=null,this.loadingMoreRows=!1,this.renderedOptionsCount=0,this.lastTopUpScrollHeight=-1,this.emptyDataOption=null,this.selectOpenChangeHandler=e=>{var t;(null===(t=e.detail)||void 0===t?void 0:t.open)&&(this.listboxElement||this.attachListboxScrollListener(),this.topUpVisibleListbox())},this.listboxScrollHandler=()=>{const e=this.listboxElement;if(!e)return;e.scrollTop+e.clientHeight>=e.scrollHeight-PL.scrollLoadThresholdPx&&this.loadNextPage()},this.resizeObserverCallback=e=>{e.forEach(e=>{this.checkOverflow(e.target)})},this.selectChangeHandler=e=>{var t;const i=e.target.value,o=null===(t=this.options)||void 0===t?void 0:t.find(e=>String(e.label)===i);!o&&this.allowCustomOptions&&this.select instanceof uh?this.select.$emit("value-change",{label:i,value:i}):this.select.$emit("value-change",o)}}initialSelectedValueChanged(e,t){t&&t!==e&&(this.select&&this.getDisplayForValue(t)===String(this.select.value||"")||(this.initalSelectedValueInitialized=!1,this.clearData(),this.fetchData()))}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){var t,i;if(e.connectedCallback.call(this),this.baseCriteria=this.criteria,this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.optionElement=null!==(i=this.optionElement)&&void 0!==i?i:`${wx(this.select)}-option`,this.select.addEventListener("change",this.selectChangeHandler),this.resizeObserver=new ResizeObserver(this.resizeObserverCallback),this.infiniteScroll){if(this.maxRows=this.pageSize>0?this.pageSize:PL.defaultPageSize,this.select.addEventListener("open-change",this.selectOpenChangeHandler),yield this.applyInfiniteScrollFetchMode(),!this.isConnected)return;u.queueUpdate(()=>this.attachListboxScrollListener())}this.fetchData(),this.valueField||xx.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label (e.g label-field="NAME")')})}disconnectedCallback(){var e;super.disconnectedCallback(),this.resizeObserver.disconnect(),null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null,this.select.removeEventListener("open-change",this.selectOpenChangeHandler),this.select.removeEventListener("change",this.selectChangeHandler)}applyInfiniteScrollFetchMode(){return Ou(this,void 0,void 0,function*(){if(this.resourceName&&this.connect.isConnected)try{const e=yield this.resources.getResourceTypeFor(this.resourceName);this.isSnapshot=e!==cb.DATASERVER}catch(e){xx.warn(`Unable to determine the resource type for ${this.resourceName}`,e)}})}attachListboxScrollListener(){var e,t,i,o,c,s,n;this.isConnected&&(null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null!==(c=null!==(i=null===(t=this.select)||void 0===t?void 0:t.scrollableListbox)&&void 0!==i?i:null===(o=this.select)||void 0===o?void 0:o.listbox)&&void 0!==c?c:null===(n=null===(s=this.select)||void 0===s?void 0:s.shadowRoot)||void 0===n?void 0:n.querySelector(".listbox"),this.listboxElement?this.listboxElement.addEventListener("scroll",this.listboxScrollHandler):xx.warn("Unable to locate listbox element, infinite scroll will not be available."))}loadNextPage(){return Ou(this,void 0,void 0,function*(){if(this.loadingMoreRows||!this.canRequestMoreRows())return;this.loadingMoreRows=!0;const e=this.datasource.resourceType===cb.REQUEST_SERVER;try{yield this.requestMoreRows()}catch(e){return void(this.loadingMoreRows=!1)}e&&(this.loadingMoreRows=!1)})}topUpVisibleListbox(){this.infiniteScroll&&requestAnimationFrame(()=>{if(!this.isConnected)return;const e=this.listboxElement;e&&0!==e.clientHeight&&(e.scrollHeight>e.clientHeight||e.scrollHeight!==this.lastTopUpScrollHeight&&(this.lastTopUpScrollHeight=e.scrollHeight,this.loadNextPage()))})}fetchData(){this.select&&this.valueField&&(this.resourceName&&this.connect.isConnected||this.data)&&(this.select instanceof uh&&this.select.async&&this.initialSelectedValue?this.asyncModeIntialization():this.fetchGenesisData())}asyncModeIntialization(){return Ou(this,void 0,void 0,function*(){(yield this.datasource.init(this.datasourceOptions(),!0))?Fx(this,this.initialSelectedValue):this.handleError({message:`Genesis Datasource async mode initialization failed for ${this.resourceName}`,loggerType:"error"})})}clearData(){this.rowsSyncedWithStream.clear(),this.renderedOptionsCount=0,this.lastTopUpScrollHeight=-1,this.emptyDataOption=null,this.loadingMoreRows=!1,this.select&&(Array.from(this.select.children).forEach(e=>{e instanceof PL||this.select.removeChild(e)}),this.select.value="",this.select.initialValue="")}checkOverflow(e){const t=e.shadowRoot.querySelector(".content");t&&(t.scrollWidth>t.clientWidth?e.setAttribute("title",e.textContent):e.removeAttribute("title"))}rowToOption(e){var t;return{value:e[this.valueField],label:this.labelRowFormatter?this.labelRowFormatter(e):this.labelFormatter?this.labelFormatter(e[this.labelField]):this.getDefaultLabelFormat(e[this.labelField],null===(t=this.getFieldMetadata(this.labelField))||void 0===t?void 0:t.type)}}renderListboxOptions(e){e.forEach(({value:e,label:t})=>{const i=document.createElement(this.optionElement);i.textContent=t||e,i.value=e,this.select.appendChild(i),this.resizeObserver.observe(i)})}removeEmptyDataOption(){this.emptyDataOption&&(this.emptyDataOption.remove(),this.emptyDataOption=null)}syncComponentData(e){this.loadingMoreRows=!1;const t=null!=e?e:Array.from(this.rowsSyncedWithStream.values());if(t.length>0){this.removeEmptyDataOption(),this.options=t.map(e=>this.rowToOption(e));const e=0===this.renderedOptionsCount;if(this.renderListboxOptions(this.options.slice(this.renderedOptionsCount)),this.renderedOptionsCount=this.options.length,this.topUpVisibleListbox(),!this.initalSelectedValueInitialized||this.select instanceof uh&&!this.select.async&&e){this.resetCombobox();const e=this.getInitialLabel();u.queueUpdate(()=>{this.select.value=String(e),this.select instanceof uh&&this.select.async&&this.selectChangeHandler({target:{value:e}})}),this.initalSelectedValueInitialized=!0}}else if(this.allowCustomOptions&&this.initialSelectedValue&&(!this.initalSelectedValueInitialized||this.select instanceof uh&&!this.select.async)&&(this.resetCombobox(),u.queueUpdate(()=>{this.select.value=String(this.initialSelectedValue)}),this.initalSelectedValueInitialized=!0),this.select&&!this.emptyDataOption){const e=document.createElement(this.optionElement);e.textContent=this.emptyDataLabel,e.value="",e.disabled=!0,this.select.appendChild(e),this.emptyDataOption=e}}getInitialLabel(){return this.getDisplayForValue(this.initialSelectedValue)}getDisplayForValue(e){var t;if(null==e||0!==e&&!e)return"";const i=null===(t=this.options)||void 0===t?void 0:t.find(t=>t.value===e);return this.allowCustomOptions&&this.select instanceof uh?String(i?i.label:e):i?String(i.label):""}resetCombobox(){this.select&&this.select instanceof uh&&this.select.resetCombobox()}handleStreamInserts(e){var t;if(this.loadingMoreRows=!1,!(null==e?void 0:e.length))return;this.removeEmptyDataOption();const i=e.map(e=>this.rowToOption(e));this.options=[...null!==(t=this.options)&&void 0!==t?t:[],...i],this.renderListboxOptions(i),this.renderedOptionsCount=this.options.length,this.topUpVisibleListbox()}handleStreamDeletes(e){xx.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xx.debug("handleStreamUpdates - Method not implemented.")}};VL.defaultPageSize=20,VL.scrollLoadThresholdPx=32,Nu([qz],VL.prototype,"resources",void 0),Nu([re({attribute:"label-field"})],VL.prototype,"labelField",void 0),Nu([re({attribute:"option-element"})],VL.prototype,"optionElement",void 0),Nu([re({attribute:"value-field"})],VL.prototype,"valueField",void 0),Nu([re({attribute:"empty-data-label"})],VL.prototype,"emptyDataLabel",void 0),Nu([re({mode:"boolean",attribute:"allow-custom-options"})],VL.prototype,"allowCustomOptions",void 0),Nu([re({mode:"boolean",attribute:"infinite-scroll"})],VL.prototype,"infiniteScroll",void 0),Nu([re({attribute:"page-size",converter:ne})],VL.prototype,"pageSize",void 0),Nu([g],VL.prototype,"labelFormatter",void 0),Nu([g],VL.prototype,"labelRowFormatter",void 0),Nu([g],VL.prototype,"initialSelectedValue",void 0),VL=PL=Nu([ye({name:"options-datasource"})],VL);let BL=class extends Cx{constructor(){super(...arguments),this.isSnapshot=!0,this.baseCriteria=""}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){var t;e.connectedCallback.call(this),this.baseCriteria=this.criteria,this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.select&&this.valueField&&(this.resourceName&&this.connect.isConnected||this.data)&&this.fetchGenesisData(),this.valueField||xx.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label which is supported only in select and combobox (e.g label-field="NAME")')})}clearData(){this.select.options=[]}syncComponentData(e){var t;const i=(null!=e?e:Array.from(this.rowsSyncedWithStream.values())).map(e=>{var t;return{value:e[this.valueField],label:this.getDefaultLabelFormat(e[this.labelField],null===(t=this.getFieldMetadata(this.labelField))||void 0===t?void 0:t.type)}});(null===(t=this.select)||void 0===t?void 0:t.async)&&(this.select.loading=!1),this.select.options=i}handleStreamInserts(e){xx.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){xx.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xx.debug("handleStreamUpdates - Method not implemented.")}};Nu([re({attribute:"value-field"})],BL.prototype,"valueField",void 0),Nu([re({attribute:"label-field"})],BL.prototype,"labelField",void 0),BL=Nu([ye({name:"multiselect-datasource"})],BL);const UL=(e="foundation")=>W`<label part="label" for="display-field" class=${e=>{var t;return Jt("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="label" ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control"><input id="display-field" part="filter-search" role="combobox" aria-haspopup="listbox" aria-controls="checkbox-container" aria-expanded=${e=>e.open?"true":"false"}tabindex="${e=>e.tabindex}" ?readonly=${e=>!e.search}@click=${e=>e.toggle()}?disabled="${e=>e.disabled}" ${Ie("filterSearchInput")}value=${Nf(e=>e.filterSearchValue,"string","input")}placeholder="${e=>e.getDisplayValue}" autocomplete="off" @input=${(e,t)=>e.inputHandler()}@change=${(e,t)=>e.changeHandler(t.event)}/><div part="indicator" class="indicator" @click=${e=>!e.disabled&&e.toggle()}><svg viewBox="0 0 12 7" ${Ie("arrowIcon")}id="arrow-icon" class="${e=>Jt(["disabled-svg",e.disabled])}" xmlns="http://www.w3.org/2000/svg"><path d="${"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"}" /></svg></div>${He(e=>e.filterSearchValue&&e.selectedOptions.length,W`<div class="display-value">${e=>e.getDisplayValue}</div>`)}</div>${He(e=>e.loading,W`<${e}-progress slot="indicator"></${e}-progress>`)}<section class=${e=>Jt("multiselect-dropdown",["resizable",e.resizable])} ${Ie("multiselectDropdown")}part="multiselect-dropdown">${He(e=>e.resizable,W`<div class="resize-button" @mousedown=${(e,t)=>e.handleResizeStart(t.event)}></div>`)} ${He(e=>e.all,W`<${e}-button class="select-all" @click=${e=>e.selectCheckboxAll()}?disabled="${(e,t)=>e.isAllOptionsDisabled}">
|
|
62
|
-
Select All ${e=>e.name}</${e}-button>`)}<ol id="checkbox-container" class="checkbox-container options" aria-multiselectable="true" part="options-ol"><li part="options-header-item" class=${e=>{var t;return Jt("options-header-item",["options-header-item-hidden",!(null===(t=e.optionsHeaderSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="options-header" ${Ke({property:"optionsHeaderSlottedNodes",filter:Fs})}></slot></li>${qe(e=>e.filteredAvailableOptions,W`<li role="option" value=${(e,t)=>t.parent.getItemLabel(e)}part="option"><${e}-checkbox part="checkbox" class="checkbox" exportparts="label:checkbox-label" @keydown=${(e,t)=>t.parent.checkboxKeyDown(e,t.event)}@click=${(e,t)=>t.parent.selectCheckboxOne(e)}@change=${(e,t)=>t.parent.changeHandler(t.event)}?current-checked="${(e,t)=>t.parent.isOptionSelected(e)}" ?disabled="${(e,t)=>t.parent.isOptionDisabled(e)}">${(e,t)=>{var i,o;return null===(o=null===(i=t.parent)||void 0===i?void 0:i.itemRenderer)||void 0===o?void 0:o.call(i,e,t.parent)}}</${e}-checkbox></li>`)}</ol>${He(e=>e.showCreatable,W`<${e}-button @click=${e=>e.addOption()}>Create "${e=>e.filterSearchValue}"</${e}-button>`)}</section></div><slot ${Ke({property:"slottedDatasource",filter:e=>e instanceof BL})}></slot>`,jL=W` ${UL()} `,qL=void 0,GL={};class WL extends qt{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.all=!0,this.allSelected=!1,this.search=!0,this.disabled=!1,this.creatable=!1,this.async=!1,this.debounce=500,this.resizable=!1,this.filterByContains=!1,this.filterSearchValue="",this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=RL.BELOW,this.itemRenderer=this.defaultItemRenderer,this.initialisedOptions=!1,this.isResizing=!1,this.startX=0,this.startY=0,this.startWidth=0,this.startHeight=0,this.handleResizeStart=e=>{this.resizable&&this.multiselectDropdown&&(e.preventDefault(),e.stopPropagation(),this.isResizing=!0,this.startX=e.clientX,this.startY=e.clientY,this.startWidth=this.multiselectDropdown.offsetWidth,this.startHeight=this.multiselectDropdown.offsetHeight,this.multiselectDropdown.classList.add("is-resizing"),document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd))},this.handleResizeMove=e=>{if(!this.isResizing||!this.multiselectDropdown)return;e.preventDefault();const t=e.clientX-this.startX,i=e.clientY-this.startY,o=Math.max(250,this.startWidth+t),c=Math.max(100,this.startHeight+i);this.multiselectDropdown&&(this.multiselectDropdown.style.width=`${o}px`,this.multiselectDropdown.style.maxHeight=`${c}px`)},this.handleResizeEnd=()=>{this.isResizing=!1,document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.multiselectDropdown&&(this.multiselectDropdown.classList.remove("is-resizing"),this.multiselectDropdown.style.setProperty("--custom-max-height",this.multiselectDropdown.style.maxHeight),this.multiselectDropdown.style.removeProperty("max-height"))}}debounceChanged(e,t){this.debouncedInputHandler=_L(this.asyncSetFilter,t)}openChanged(e,t){var i,o,c,s;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.arrowIcon)||void 0===i||i.classList.add("flipped"),null===(o=this.multiselectDropdown)||void 0===o||o.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(c=this.arrowIcon)||void 0===c||c.classList.remove("flipped"),null===(s=this.multiselectDropdown)||void 0===s||s.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===RL.ABOVE&&(null===(e=this.multiselectDropdown)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd)}defaultItemRenderer(e,t){return W` ${"string"==typeof e?W`<span part="option-label">${()=>t.getItemLabel(e)}</span>`:W`<span data-option-label-text=${()=>e.optionLabelText}style=${()=>e.labelStyle}part="option-label">${()=>t.getItemLabel(e)}</span>`} `}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=this.options.map(e=>this.optionValueGetter(e))),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}setDropdownPosition(){let e=this.position;if(this.autoPosition){const t=this.getBoundingClientRect(),i=window.innerHeight,o=t.top,c=i-t.bottom;e=c<230&&o>c?RL.ABOVE:RL.BELOW}this.multiselectDropdown.classList.toggle("position-above",e===RL.ABOVE),this.multiselectDropdown.classList.toggle("position-below",e===RL.BELOW)}optionValueGetter(e){return"string"==typeof e?e:e.value}optionLabelGetter(e){return"string"==typeof e?e:e.label}getItemLabel(e){let t;return e?(t="string"==typeof e?e:this.optionLabelGetter(e)||this.optionValueGetter(e)||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:{const t=this.options.find(e=>this.optionValueGetter(e)===this.selectedOptions[0]);e=this.getItemLabel(t);break}case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllOptionsDisabled(){return this.options.length===this.options.filter(this.isOptionDisabled).length}get showCreatable(){return this.creatable&&this.filterSearchValue.length>0&&0===this.findExactMatchOptions().length}isOptionSelected(e){const t=this.optionValueGetter(e);return this.selectedOptions.some(i=>{if("object"==typeof e&&"object"==typeof e.value)try{return JSON.stringify(i)===JSON.stringify(t)}catch(e){return i===t}return i===t})}selectCheckboxOne(e){const t=this.optionValueGetter(e),i=this.selectedOptions.includes(t);this.selectedOptions=i?this.selectedOptions.filter(e=>e!==t):[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}checkboxKeyDown(e,t){return" "===t.key&&(t.preventDefault(),this.selectCheckboxOne(e)),!0}getEnabledOptionsCount(){return this.options.length-this.options.filter(this.isOptionDisabled).length}selectCheckboxAll(){const e=this.selectedOptions.length===this.getEnabledOptionsCount();this.selectedOptions=e?[]:this.options.filter(e=>!this.isOptionDisabled(e)).map(e=>this.optionValueGetter(e)),this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}inputHandler(){this.open||(this.open=!0),this.async?(this.loading=!0,this.filteredAvailableOptions=[],this.debouncedInputHandler()):this.setFilter()}findExactMatchOptions(){const e=this.filterSearchValue.toLowerCase();return this.filteredAvailableOptions.filter(t=>{var i,o;const c="string"==typeof t?t:null!==(i=this.optionLabelGetter(t))&&void 0!==i?i:this.optionValueGetter(t);return(null!==(o=null==c?void 0:c.toLowerCase())&&void 0!==o?o:"")===e})}setFilter(){const e=this.filterSearchValue.toLowerCase();this.filteredAvailableOptions=this.options.filter(t=>{if(!e)return!0;if("string"==typeof t)return t.toLowerCase().includes(e);const i=t.label.toLowerCase(),o="object"==typeof t.value?(c=t.value,Object.values(c).some(t=>t.toLowerCase().includes(e))):String(t.value).toLowerCase().includes(e);var c;return i.includes(e)||o})}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){this.slottedDatasource.length>0?Fx(this.slottedDatasource[0],this.filterSearchValue):(this.loading=!1,xx.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality."))}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Escape":if(this.open){this.open=!1;break}break;case"ArrowUp":case"ArrowDown":if(!this.open){this.open=!0;break}break;default:return!0}}clear(e={}){const{clearSelectedValues:t=!0,clearFilterText:i=!0}=e;t&&(this.selectedOptions=[],this.$emit("selectionChange",this.selectedOptions)),i&&(this.filterSearchValue="",this.setFilter(),this.filterSearchInput&&(this.filterSearchInput.value="")),this.$emit("clear",{clearSelectedValues:t,clearFilterText:i})}}Nu([re],WL.prototype,"name",void 0),Nu([re({mode:"boolean",attribute:"auto-position"})],WL.prototype,"autoPosition",void 0),Nu([re({mode:"boolean"})],WL.prototype,"all",void 0),Nu([re({mode:"boolean"})],WL.prototype,"allSelected",void 0),Nu([re({mode:"boolean"})],WL.prototype,"search",void 0),Nu([re({mode:"boolean"})],WL.prototype,"disabled",void 0),Nu([re({mode:"boolean"})],WL.prototype,"creatable",void 0),Nu([re({mode:"boolean"})],WL.prototype,"async",void 0),Nu([re],WL.prototype,"debounce",void 0),Nu([re({mode:"boolean"})],WL.prototype,"resizable",void 0),Nu([re],WL.prototype,"tabindex",void 0),Nu([re({mode:"boolean",attribute:"filter-by-contains"})],WL.prototype,"filterByContains",void 0),Nu([g],WL.prototype,"defaultSlottedNodes",void 0),Nu([g],WL.prototype,"slottedDatasource",void 0),Nu([g],WL.prototype,"valueFormatter",void 0),Nu([g],WL.prototype,"loading",void 0),Nu([g],WL.prototype,"filterSearchValue",void 0),Nu([g],WL.prototype,"open",void 0),Nu([g],WL.prototype,"options",void 0),Nu([g],WL.prototype,"selectedOptions",void 0),Nu([g],WL.prototype,"filteredAvailableOptions",void 0),Nu([g],WL.prototype,"scrollContainer",void 0),Nu([re],WL.prototype,"position",void 0),Nu([g],WL.prototype,"onAllSelectedCallback",void 0),Nu([g],WL.prototype,"itemRenderer",void 0),Nu([v],WL.prototype,"getDisplayValue",null),Nu([v],WL.prototype,"getPlaceholder",null),Nu([v],WL.prototype,"isAllOptionsDisabled",null),Nu([v],WL.prototype,"showCreatable",null),Nu([g],WL.prototype,"optionsHeaderSlottedNodes",void 0),WL.compose(Object.assign({baseName:"multiselect",template:jL,styles:HL,shadowOptions:qL},GL));const YL=Ce` .root{position: relative;width: 100%;min-width: 250px}.control-button{display: flex;justify-content: center;min-width: 31px;width: 31px;height: 31px;margin-left: calc(var(--design-unit) * 2px);color: var(--neutral-foreground-hint)}.control{cursor: pointer;position: relative;display: flex;justify-content: end;align-items: center;width: 100%;border-radius: calc(var(--control-corner-radius) * 1px)}.label{display: block;cursor: pointer;font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-style: normal;font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{display: none}.control:hover .control-button, .control:hover .label{color: var(--neutral-foreground-rest)}button{pointer-events: none}.options{display: flex;flex-direction: column;position: absolute;height: max-content;overflow-y: hidden;margin-top: 5px;padding: calc((var(--design-unit) + 3) * 2px) calc((var(--design-unit) + 3) * 1px);border: 1px solid rgba(46 51 57 / 100%);border-radius: 4px;background: var(--neutral-fill-input-rest);width: 100%;max-height: 0;visibility: hidden;transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s;z-index: 999}.option-content{display: flex;align-items: center;gap: calc(var(--design-unit) * 4px);width: 100%}.icon-container{display: flex;align-items: center;justify-content: center;width: calc( ((var(--base-height-multiplier) * var(--design-unit)) + (var(--design-unit) * 2)) * 1px + 4px );height: calc( ((var(--base-height-multiplier) * var(--design-unit)) + (var(--design-unit) * 2)) * 1px );border-radius: calc((var(--control-corner-radius) - 1) * 2px);background: var(--neutral-layer-2);box-sizing: border-box;box-shadow: 0 0 5px 0 rgba(0 0 0 / 35%);flex-shrink: 0}.text-content{display: flex;flex-direction: column;flex: 1}.svg-icon{height: 2em}.position-above{bottom: 100%}.checkbox-container{display: flex;flex-direction: column;overflow-y: scroll;scrollbar-width: thin;scrollbar-color: rgb(46 48 53) rgb(31 33 38)}span{border-bottom: calc(var(--stroke-width) * 1px) solid;border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);padding: calc((var(--design-unit) + 2) * 2px) calc((var(--design-unit) + 3) * 1px);font-size: calc((var(--type-ramp-base-font-size) - 1px));color: var(--neutral-foreground-hint)}.multiselect-checkbox{min-width: fit-content;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid;border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);padding: calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px) 0;margin: 0}.multiselect-checkbox:hover{background-color: rgb(45 47 51);cursor: pointer}.multiselect-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis}.multiselect-checkbox::part(control){min-width: calc( ( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2 + var(--design-unit) ) * 1px )}.checkbox-container .multiselect-checkbox[disabled]{cursor: not-allowed}.description{text-wrap: wrap;font-size: calc((var(--type-ramp-base-font-size) - 1px));margin: calc((var(--design-unit) + 3) * 1px) 0}#filter-search{padding: 5px}::-webkit-scrollbar{width: 12px}::-webkit-scrollbar-track{background: rgb(31 33 38)}::-webkit-scrollbar-thumb{width: 8px;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);background-color: rgb(46 48 53);border: 3px solid rgb(31 33 38)}.visible{visibility: visible;max-height: ${450..toString()}px}`,KL=(e="foundation")=>W`<div class="root" part="root"><div class="control" part="control" @click=${e=>!e.disabled&&e.toggle()}><label part="label" for="control" class=${e=>{var t;return Jt("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><${e}-button class="control-button" part="control-button"><slot name="button-content"><${e}-icon name="plus" variant="solid" size="lg"></${e}-icon></slot></${e}-button></div><div ${Ie("optionsElement")}class="options" part="options">${He(e=>e.search,W`<${e}-text-field id="filter-search" part="filter-search" value=${Nf(e=>e.filterSearchValue,"string","input")}placeholder="${e=>e.getPlaceholder}" @input=${(e,t)=>e.setFilter()}@change=${(e,t)=>e.changeHandler(t.event)}></${e}-text-field>`)}<div class="checkbox-container" part="checkbox-container">${qe(e=>e.filteredAvailableOptions,W`<span>${e=>e.type}</span>${qe(e=>e.options,W`<${e}-checkbox class="multiselect-checkbox" part="multiselect-checkbox" @click=${(e,t)=>t.parentContext.parent.selectCheckboxOne(e)}@change=${(e,t)=>t.parentContext.parent.changeHandler(t.event)}?current-checked="${(e,t)=>t.parentContext.parent.isOptionSelected(e)}" ?disabled="${(e,t)=>t.parentContext.parent.isOptionDisabled(e)}"><div class="option-content">${He(e=>e.icon||e.svg,W`<div class="icon-container">${He(e=>e.icon,W`<${e}-icon style="color:${e=>e.iconColor||"#fff"}" name="${e=>e.icon}" size="xl"></${e}-icon>`)} ${He(e=>e.svg,W`<img class="svg-icon" src="${e=>e.svg}" alt="${e=>e.label}" />`)}</div>`)}<div class="text-content"><div class="option-label">${(e,t)=>t.parentContext.parent.getItemLabel(e)}</div>${He(e=>e.description,W`<p class="description">${e=>e.description}</p>`)}</div></div></${e}-checkbox>`)} `)}</div></div></div>`,ZL=W` ${KL()} `,QL=void 0,XL={};class JL extends qt{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.search=!0,this.disabled=!1,this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.position=RL.BELOW}openChanged(e,t){var i,o;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(o=this.optionsElement)||void 0===o||o.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===RL.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}sortFilteredOptions(e){const t=(null!=e?e:this.options).reduce((e,t)=>{const i=t.type||"Other";return e[i]?e[i].options.push(t):e[i]={type:i,options:[t]},e},{});return Object.values(t)}optionsChanged(){this.filteredAvailableOptions=this.sortFilteredOptions()}setDropdownPosition(){let e=this.position;if(this.autoPosition){let t=this.assignedSlot?this.assignedSlot.parentElement:this.parentElement;for(;t&&!t.classList.contains("content-wrapper");)t=t.parentElement;if(t){const i=t.getBoundingClientRect(),o=this.getBoundingClientRect(),c=i.top+i.height/2;e=o.top<c?RL.BELOW:RL.ABOVE}else{const t=this.getBoundingClientRect(),i=window.innerHeight,o=t.top,c=i-t.bottom;e=c<t.height&&o>c?RL.ABOVE:RL.BELOW}}e===RL.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===RL.BELOW&&(this.optionsElement.classList.add("position-below"),this.optionsElement.classList.remove("position-above"))}optionGetter(e){return e.value}getItemLabel(e){let t;return e?(t=e.label||e.value||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}isOptionSelected(e){return this.selectedOptions.includes(this.optionGetter(e))}selectCheckboxOne(e){const t=this.optionGetter(e);this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}setFilter(){const e=this.options.filter(e=>{var t;const i=e.description,o=null!==(t=e.label)&&void 0!==t?t:e.value;return(null==i?void 0:i.toLowerCase().includes(this.filterSearchValue.toLowerCase()))||o.toLowerCase().includes(this.filterSearchValue.toLowerCase())?e:void 0});this.filteredAvailableOptions=this.sortFilteredOptions(e)}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}}Nu([re],JL.prototype,"name",void 0),Nu([re({mode:"boolean",attribute:"auto-position"})],JL.prototype,"autoPosition",void 0),Nu([re({mode:"boolean"})],JL.prototype,"search",void 0),Nu([re({mode:"boolean"})],JL.prototype,"disabled",void 0),Nu([g],JL.prototype,"defaultSlottedNodes",void 0),Nu([g],JL.prototype,"valueFormatter",void 0),Nu([g],JL.prototype,"filterSearchValue",void 0),Nu([g],JL.prototype,"open",void 0),Nu([g],JL.prototype,"options",void 0),Nu([g],JL.prototype,"selectedOptions",void 0),Nu([g],JL.prototype,"filteredAvailableOptions",void 0),Nu([g],JL.prototype,"position",void 0),Nu([v],JL.prototype,"getPlaceholder",null),JL.compose(Object.assign({baseName:"categorized-multiselect",template:ZL,styles:YL,shadowOptions:QL},XL));const eM=(e,t)=>Io(0,t),tM=(e,t)=>Ce` ${rh()}`;class iM extends _o{}const oM=void 0,cM={checkedIndicator:'\n <svg\n aria-hidden="true"\n part="checked-indicator"\n class="checked-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',indeterminateIndicator:'\n <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n '};iM.compose(Object.assign({baseName:"checkbox",template:eM,styles:tM,shadowOptions:oM},cM));const sM=(e,t)=>Ce` .combo-box-indicator{transition-property: transform;transition-duration: 0.2s;transition-timing-function: ease-out}:host([open]) .combo-box-indicator{transform: rotate(180deg)}${hh(e)}`,nM=(e,t)=>W`<template aria-activedescendant="${e=>e.activeDescendant}" class="${e=>e.open?"open":""} ${e=>e.disabled?"disabled":""} ${e=>e.position}" ?open="${e=>e.open}" @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control">${et(0,t)}<slot name="control"><input aria-activedescendant="${e=>e.activeDescendant}" aria-autocomplete="${e=>e.ariaAutoComplete||e.autocomplete}" aria-controls="${e=>e.ariaControls||e.listboxId}" aria-disabled="${e=>e.disabled?"true":"false"}" aria-expanded="${e=>e.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" autocomplete="${e=>e.autocomplete}" class="selected-value" part="selected-value" placeholder="${e=>e.placeholder}" role="combobox" type="text" ?disabled="${e=>e.disabled}" :value="${e=>e.value}" @input="${(e,t)=>e.inputHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}" ${Ie("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${Je(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Ie("listbox")}><slot ${Ie("slottedDatasource")} ${Ke({filter:Bo.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`;var aM,rM;class lM extends uh{constructor(){super(...arguments),aM.set(this,void 0),rM.set(this,!1),this.needManualChangeEventDispatch=!1,this.async=!1,this.debounce=500,this.caseSensitive=!1,this.ignoreInputClick=!1,this.filterMode="startsWith",this.scrollToSelectedWhenOpening=!1,this.scrollToSelectedWhenOpeningOptions={behavior:"auto",block:"nearest"},this.scrollWhenSelectionChanges=!1,this.scrollWhenSelectionChangesOptions={behavior:"auto",block:"center"},this.resetCombobox=()=>{this.selectedOptions=[],this.selectedIndex=-1,this.value="",this.control.value="",this.filter="",this.filterOptions()}}get activeDescendant(){var e,t;if(this.selectedOptions&&0!==this.selectedOptions.length)return this.ariaActiveDescendant=null===(e=this.selectedOptions[0])||void 0===e?void 0:e.id,null===(t=this.selectedOptions[0])||void 0===t?void 0:t.id}debounceChanged(e,t){this.debouncedInputHandler=_L(this.asyncSetFilter,t)}get scrollableListbox(){var e,t;return null!==(e=this.listbox)&&void 0!==e?e:null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".listbox")}openChanged(){super.openChanged(),this.$emit("open-change",{open:this.open}),this.open?this.scrollToSelectedWhenOpening&&setTimeout(()=>{const e=this.options[this.selectedIndex];null==e||e.scrollIntoView(this.scrollToSelectedWhenOpeningOptions)},500):(this.manuallyDispatchChangeEvent(),this.filter="",this.filterOptions())}get value(){return m.track(this,"value"),this._ourValue}set value(e){var t,i,o;if(void 0===e)return;const c=`${this._ourValue}`;if(this.$fastController.isConnected&&this.options){const c=this.caseSensitive?t=>t.text===e:t=>t.text.toLowerCase()===String(e).toLowerCase(),s=this.options?this.options.findIndex(c):-1,n=null===(t=this.options[this.selectedIndex])||void 0===t?void 0:t.text,a=null===(i=this.options[s])||void 0===i?void 0:i.text;this.selectedIndex=a&&a!==n?s:this.selectedIndex,e&&""!==e.trim()&&-1===s&&(e=(null===(o=this.firstSelectedOption)||void 0===o?void 0:o.text)||e)}c!==e&&(this._ourValue=e,super.valueChanged(c,e),m.notify(this,"value"))}slottedOptionsChanged(e,t){this.enableAsyncForInfiniteScrollDatasource();const i=!!this.async;super.slottedOptionsChanged(e,t),this.updateValue(i)}enableAsyncForInfiniteScrollDatasource(){var e;if(this.async)return;const t=null===(e=this.slottedDatasource)||void 0===e?void 0:e.assignedNodes().find(e=>e instanceof VL);(null==t?void 0:t.infiniteScroll)&&(this.async=!0)}filterOptions(){this.autocomplete&&this.autocomplete!==Qo||(this.filter="");const e=this.filter,t=this.caseSensitive?e:e.toLowerCase();this.filteredOptions=this._options.filter(e=>{const i=this.caseSensitive?e.text:e.text.toLowerCase();return"contains"===this.filterMode?i.includes(t):i.startsWith(t)}),this.isAutocompleteList&&(this.filteredOptions.length||t||(this.filteredOptions=this._options),this._options.forEach(e=>e.hidden=!this.filteredOptions.includes(e)))}clickHandler(e){if(!this.disabled)if(Lx(e,this))this.open=!1;else{if(Mx(e,this.indicator))return this.open=!this.open,void(this.open&&this.control.focus());if(!this.ignoreInputClick||!Mx(e,this.control))return super.clickHandler(e)}}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Enter":if(Vu(this,rM,this.open,"f"),!this.open)return this.open=!0,!0;break;case"ArrowDown":case"ArrowUp":if(!this.open)return this.open=!0,!0;if(this.scrollWhenSelectionChanges){const e=this.options[this.selectedIndex];null==e||e.scrollIntoView(this.scrollWhenSelectionChangesOptions)}break;case"Escape":if(this.control.value!==this.currentValue)return this.filter="",this.filterOptions(),this.control.value=this.currentValue,this.selectItemByValue(this.currentValue),void(this.open=!1);if(!this.open)return!0}const i=super.keydownHandler(e);return"Enter"!==t?i:void 0}keyupHandler(e){var t;const i=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(i){case"Enter":return!Pu(this,rM,"f");case"ArrowDown":case"ArrowUp":this.open&&this.firstSelectedOption&&this.autocomplete===Zo&&(this.needManualChangeEventDispatch=!0,this.currentValue=null===(t=this.firstSelectedOption)||void 0===t?void 0:t.value);break;case"Home":case"End":return;case"Backspace":case"Delete":const i=super.keyupHandler(e);return this.selectItemByValue(this.control.value),i}return super.keyupHandler(e)}get indicator(){return Pu(this,aM,"f")||Vu(this,aM,this.shadowRoot.querySelector('[part="indicator"]'),"f"),Pu(this,aM,"f")}selectItemByValue(e){var t,i,o;this.selectedIndex=null!==(i=null===(t=this.options)||void 0===t?void 0:t.findIndex(t=>t.text===e))&&void 0!==i?i:-1,null===(o=this.options)||void 0===o||o.forEach((e,t)=>e.selected=t===this.selectedIndex)}inputHandler(e){this.async?this.debouncedInputHandler():super.inputHandler(e)}asyncSetFilter(){const e=this.control.value,t=this.slottedDatasource.assignedNodes().filter(e=>e instanceof VL);t.length>0?(Fx(t[0],this.control.value),u.queueUpdate(()=>{this.control.value=e})):xx.warn("Options-datasource is not connected. Please add a datasource to use this functionality.")}manuallyDispatchChangeEvent(){this.needManualChangeEventDispatch&&this.firstSelectedOption&&this.autocomplete===Zo&&(this.dispatchEvent(new Event("change",{bubbles:!0})),this.needManualChangeEventDispatch=!1)}}aM=new WeakMap,rM=new WeakMap,Nu([g],lM.prototype,"activeDescendant",null),Nu([g],lM.prototype,"slottedDatasource",void 0),Nu([re({mode:"boolean"})],lM.prototype,"async",void 0),Nu([re],lM.prototype,"debounce",void 0),Nu([re({mode:"boolean",attribute:"case-sensitive"})],lM.prototype,"caseSensitive",void 0),Nu([re({mode:"boolean",attribute:"ignore-input-click"})],lM.prototype,"ignoreInputClick",void 0),Nu([re({attribute:"filter-mode"})],lM.prototype,"filterMode",void 0),Nu([re({mode:"boolean",attribute:"scroll-to-selected-when-opening"})],lM.prototype,"scrollToSelectedWhenOpening",void 0),Nu([g],lM.prototype,"scrollToSelectedWhenOpeningOptions",void 0),Nu([re({mode:"boolean",attribute:"scroll-when-selection-changes"})],lM.prototype,"scrollWhenSelectionChanges",void 0),Nu([g],lM.prototype,"scrollWhenSelectionChangesOptions",void 0);const dM={delegatesFocus:!0,mode:"open"},hM={indicator:'\n <svg\n class="combo-box-indicator"\n part="combo-box-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '};lM.compose(Object.assign({baseName:"combobox",template:nM,styles:sM,shadowOptions:dM},hM));const uM=(e,t)=>Ce` :host{--light-size: 12px;--height: calc(var(--design-unit) * 2px + var(--light-size));display: flex;justify-content: center;align-items: center;width: 100%;height: var(--height);margin: calc(var(--design-unit) * 2px) 0;/* https://www.colorxs.com/color/traffic-light-green-2032-20 */ --green: 50 164 49;--trafic-light-green: rgb(var(--green));--trafic-light-green-glow: rgb(var(--green) / 40%) 0 0 4px 4px, rgb(var(--green) / 20%) 0 0 8px 8px;/* https://www.colorxs.com/color/ral-3020-traffic-red */ --red: 187 30 16;--trafic-light-red: rgb(var(--red));--trafic-light-red-glow: rgb(var(--red) / 40%) 0 0 4px 4px, rgb(var(--red) / 20%) 0 0 8px 8px}.light{height: var(--light-size);width: var(--light-size);margin: 1rem;border-radius: 100%}.green{background: var(--trafic-light-green);box-shadow: var(--trafic-light-green-glow)}.red{background: var(--trafic-light-red);box-shadow: var(--trafic-light-red-glow)}.label{font-size: small;color: grey;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}`,fM=W`<div class=${e=>Jt(["light",!0],[e.colour,!0])}></div>${He(e=>e.showLabel,W`<div class="label">${e=>e.label}</div>`)} `;class pM extends qt{constructor(){super(...arguments),this.showLabel=!1,this.label="disconnected",this.colour="red"}connectedCallback(){super.connectedCallback(),this.subscription=this.connect.isConnectedSubject.subscribe(e=>{this.label=this.getLabel(e),this.colour=e?"green":"red"})}disconnectedCallback(){var e;null===(e=this.subscription)||void 0===e||e.unsubscribe()}getLabel(e){if(!e)return"disconnected";return`${this.session.getSessionStorageItem("hostUrl")} ✔`}}Nu([fz],pM.prototype,"connect",void 0),Nu([xb],pM.prototype,"session",void 0),Nu([re({mode:"boolean",attribute:"show-label"})],pM.prototype,"showLabel",void 0),Nu([g],pM.prototype,"label",void 0),Nu([g],pM.prototype,"colour",void 0),pM.compose({baseName:"connection-indicator",template:fM,styles:uM});const mM=class extends Lo{}.compose(Object.assign({baseName:"data-grid",template:(e,t)=>Co(e),styles:(e,t)=>Ce` ${fh()}`,shadowOptions:void 0},{}));const gM=class extends So{}.compose(Object.assign({baseName:"data-grid-cell",template:$o,styles:(e,t)=>Ce` ${mh()}`,shadowOptions:void 0},{}));const vM=class extends xo{}.compose(Object.assign({baseName:"data-grid-row",template:ko,styles:(e,t)=>Ce` ${ph()}`,shadowOptions:void 0},{})),bM=Ce` :host{position: relative}.date-toggle::part(control){cursor: pointer}.date-toggle::part(label){cursor: pointer}.calendar-dropdown{display: none;width: 300px;z-index: 999;position: absolute;top: 100%;left: 50%;transform: translate(-50%, 8px);margin: 10px 0 0;padding: 20px;background: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);box-shadow: 0 0 8px rgb(0 0 0 / 20%)}.calendar-dropdown.hide-weekends{width: 215px}.calendar-dropdown.top{top: auto;bottom: 100%;margin: 0 0 5px;transform: translate(-50%, -8px)}.calendar-dropdown.left{top: 50%;left: 0;margin: 0 0 0 5px;transform: translate(calc(-8px + -100%), -50%)}.calendar-dropdown.right{top: 50%;left: 100%;transform: translate(8px, -50%)}.calendar-dropdown.visible{display: block}.calendar-dropdown.inline{display: block;position: static;z-index: auto;margin-top: 5px;transform: none}.header{display: flex;justify-content: space-between;align-items: center;margin: 0 0 10px}.header h3{margin: 0;text-transform: capitalize;font-weight: bold;color: var(--neutral-foreground-rest)}.header .icon-button{height: auto;padding: 0;min-width: auto}.header .months-arrows{display: flex;gap: calc(var(--design-unit) * 2px)}.week-days{display: grid;grid-template-columns: repeat(7, 1fr);grid-gap: 5px;margin-bottom: 10px;color: var(--neutral-foreground-rest)}.week-days span{display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: bold;text-transform: capitalize}.week-days span.disabled{opacity: 60%}.month-days{display: grid;grid-template-columns: repeat(7, 1fr);grid-gap: 5px}.week-days.hide-weekends, .month-days.hide-weekends{grid-template-columns: repeat(5, 1fr)}.month-day{padding: 8px 5px;color: #808080;background: none;display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 4px);cursor: pointer;border: none}.month-day.current{opacity: 100%;color: var(--neutral-foreground-hint)}.month-day.selected{background: var(--accent-foreground-rest);color: var(--neutral-foreground-rest)}.month-day:hover:not(:disabled){background: var(--neutral-stroke-hover);color: var(--neutral-foreground-rest)}.month-day[disabled]{opacity: 50%;cursor: not-allowed}.date-toggle[readonly] .label{cursor: pointer}`,yM=[1,7],zM=e=>W`<${e}-text-field data-test-id="date-picker" readonly :value="${e=>e.inputValue}" placeholder="${e=>e.inputPlaceholder}" part="date-toggle" class="date-toggle" @click="${e=>e.toggleCalendar()}">${e=>e.label}<div class="input-icon-container" part="input-icon-container" slot="end"><${e}-icon variant="regular" name="calendar-alt" size="sm"></${e}-icon></div></${e}-text-field><div class="calendar-dropdown ${e=>e.calendarDropdownClasses} ${e=>e.position}"><div class="header"><h3>${e=>e.currentMonth} ${e=>e.currentYear}</h3><div class="months-arrows"><${e}-button class="icon-button" appearance="accent" @click="${e=>e.prevMonth()}" aria-label="previous month"><${e}-icon name="angle-left"></${e}-icon></${e}-button><${e}-button class="icon-button" appearance="accent" @click="${e=>e.nextMonth()}" aria-label="next month"><${e}-icon name="angle-right"></${e}-icon></${e}-button></div></div><div class="week-days ${e=>Jt(["hide-weekends",e.hideWeekends])}">${qe(e=>{var t;return null===(t=e.calendar)||void 0===t?void 0:t.weekDays},W` ${He((e,t)=>!t.parent.hideWeekends||-1===yM.indexOf(t.index+1),W`<span class="${(e,t)=>Jt(["disabled",-1!==t.parent.disabledDaysOfWeek.indexOf(t.index+1)])}">${(e,t)=>e.substring(0,t.parent.substringNumber)}</span>`)} `,{positioning:!0})}</div><div class="month-days ${e=>Jt(["hide-weekends",e.hideWeekends])}">${qe(e=>e.monthList,W` ${He((e,t)=>!t.parent.hideWeekends||-1===yM.indexOf(e.dayNumber),W`<button ?disabled="${(e,t)=>-1!==t.parent.disabledDaysOfWeek.indexOf(e.dayNumber)}" class="month-day ${(e,t)=>t.parent.isSelectedDate(e)?"selected":""} ${(e,t)=>e.monthNumber===t.parent.calendar.month.number?"current":""}" @click=${(e,t)=>t.parent.selectDay(e)}>${e=>e.date}</button>`)} `)}</div><slot name="bottom"></slot></div>`,xM=W` ${e=>zM(wx(e))} `;var CM,LM={exports:{}};function MM(){return CM||(CM=1,function(e){e.exports=function(){var e=1e3,t=6e4,i=36e5,o="millisecond",c="second",s="minute",n="hour",a="day",r="week",l="month",d="quarter",h="year",u="date",f="Invalid Date",p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,m=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}},v=function(e,t,i){var o=String(e);return!o||o.length>=t?e:""+Array(t+1-o.length).join(i)+e},b={s:v,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),o=Math.floor(i/60),c=i%60;return(t<=0?"+":"-")+v(o,2,"0")+":"+v(c,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var o=12*(i.year()-t.year())+(i.month()-t.month()),c=t.clone().add(o,l),s=i-c<0,n=t.clone().add(o+(s?-1:1),l);return+(-(o+(i-c)/(s?c-n:n-c))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:h,w:r,d:a,D:u,h:n,m:s,s:c,ms:o,Q:d}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",z={};z[y]=g;var x="$isDayjsObject",C=function(e){return e instanceof S||!(!e||!e[x])},L=function e(t,i,o){var c;if(!t)return y;if("string"==typeof t){var s=t.toLowerCase();z[s]&&(c=s),i&&(z[s]=i,c=s);var n=t.split("-");if(!c&&n.length>1)return e(n[0])}else{var a=t.name;z[a]=t,c=a}return!o&&c&&(y=c),c||!o&&y},M=function(e,t){if(C(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},w=b;w.l=L,w.i=C,w.w=function(e,t){return M(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function g(e){this.$L=L(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[x]=!0}var v=g.prototype;return v.parse=function(e){this.$d=function(e){var t=e.date,i=e.utc;if(null===t)return new Date(NaN);if(w.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var o=t.match(p);if(o){var c=o[2]-1||0,s=(o[7]||"0").substring(0,3);return i?new Date(Date.UTC(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,s)):new Date(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,s)}}return new Date(t)}(e),this.init()},v.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},v.$utils=function(){return w},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(e,t){var i=M(e);return this.startOf(t)<=i&&i<=this.endOf(t)},v.isAfter=function(e,t){return M(e)<this.startOf(t)},v.isBefore=function(e,t){return this.endOf(t)<M(e)},v.$g=function(e,t,i){return w.u(e)?this[t]:this.set(i,e)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(e,t){var i=this,o=!!w.u(t)||t,d=w.p(e),f=function(e,t){var c=w.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return o?c:c.endOf(a)},p=function(e,t){return w.w(i.toDate()[e].apply(i.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},m=this.$W,g=this.$M,v=this.$D,b="set"+(this.$u?"UTC":"");switch(d){case h:return o?f(1,0):f(31,11);case l:return o?f(1,g):f(0,g+1);case r:var y=this.$locale().weekStart||0,z=(m<y?m+7:m)-y;return f(o?v-z:v+(6-z),g);case a:case u:return p(b+"Hours",0);case n:return p(b+"Minutes",1);case s:return p(b+"Seconds",2);case c:return p(b+"Milliseconds",3);default:return this.clone()}},v.endOf=function(e){return this.startOf(e,!1)},v.$set=function(e,t){var i,r=w.p(e),d="set"+(this.$u?"UTC":""),f=(i={},i[a]=d+"Date",i[u]=d+"Date",i[l]=d+"Month",i[h]=d+"FullYear",i[n]=d+"Hours",i[s]=d+"Minutes",i[c]=d+"Seconds",i[o]=d+"Milliseconds",i)[r],p=r===a?this.$D+(t-this.$W):t;if(r===l||r===h){var m=this.clone().set(u,1);m.$d[f](p),m.init(),this.$d=m.set(u,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(e,t){return this.clone().$set(e,t)},v.get=function(e){return this[w.p(e)]()},v.add=function(o,d){var u,f=this;o=Number(o);var p=w.p(d),m=function(e){var t=M(f);return w.w(t.date(t.date()+Math.round(e*o)),f)};if(p===l)return this.set(l,this.$M+o);if(p===h)return this.set(h,this.$y+o);if(p===a)return m(1);if(p===r)return m(7);var g=(u={},u[s]=t,u[n]=i,u[c]=e,u)[p]||1,v=this.$d.getTime()+o*g;return w.w(v,this)},v.subtract=function(e,t){return this.add(-1*e,t)},v.format=function(e){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||f;var o=e||"YYYY-MM-DDTHH:mm:ssZ",c=w.z(this),s=this.$H,n=this.$m,a=this.$M,r=i.weekdays,l=i.months,d=i.meridiem,h=function(e,i,c,s){return e&&(e[i]||e(t,o))||c[i].slice(0,s)},u=function(e){return w.s(s%12||12,e,"0")},p=d||function(e,t,i){var o=e<12?"AM":"PM";return i?o.toLowerCase():o};return o.replace(m,function(e,o){return o||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return w.s(t.$y,4,"0");case"M":return a+1;case"MM":return w.s(a+1,2,"0");case"MMM":return h(i.monthsShort,a,l,3);case"MMMM":return h(l,a);case"D":return t.$D;case"DD":return w.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return h(i.weekdaysMin,t.$W,r,2);case"ddd":return h(i.weekdaysShort,t.$W,r,3);case"dddd":return r[t.$W];case"H":return String(s);case"HH":return w.s(s,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return p(s,n,!0);case"A":return p(s,n,!1);case"m":return String(n);case"mm":return w.s(n,2,"0");case"s":return String(t.$s);case"ss":return w.s(t.$s,2,"0");case"SSS":return w.s(t.$ms,3,"0");case"Z":return c}return null}(e)||c.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(o,u,f){var p,m=this,g=w.p(u),v=M(o),b=(v.utcOffset()-this.utcOffset())*t,y=this-v,z=function(){return w.m(m,v)};switch(g){case h:p=z()/12;break;case l:p=z();break;case d:p=z()/3;break;case r:p=(y-b)/6048e5;break;case a:p=(y-b)/864e5;break;case n:p=y/i;break;case s:p=y/t;break;case c:p=y/e;break;default:p=y}return f?p:w.a(p)},v.daysInMonth=function(){return this.endOf(l).$D},v.$locale=function(){return z[this.$L]},v.locale=function(e,t){if(!e)return this.$L;var i=this.clone(),o=L(e,t,!0);return o&&(i.$L=o),i},v.clone=function(){return w.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},g}(),k=S.prototype;return M.prototype=k,[["$ms",o],["$s",c],["$m",s],["$H",n],["$W",a],["$M",l],["$y",h],["$D",u]].forEach(function(e){k[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),M.extend=function(e,t){return e.$i||(e(t,S,M),e.$i=!0),M},M.locale=L,M.isDayjs=C,M.unix=function(e){return M(1e3*e)},M.en=z[y],M.Ls=z,M.p={},M}()}(LM)),LM.exports}var wM,SM=ip(MM()),kM={exports:{}};var $M,EM=(wM||(wM=1,function(e){e.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,o=/\d\d/,c=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,n={},a=function(e){return(e=+e)+(e>68?1900:2e3)},r=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),i=60*t[1]+(+t[2]||0);return 0===i?0:"+"===t[0]?-i:i}(e)}],d=function(e){var t=n[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var i,o=n.meridiem;if(o){for(var c=1;c<=24;c+=1)if(e.indexOf(o(c,0,t))>-1){i=c>12;break}}else i=e===(t?"pm":"PM");return i},u={A:[s,function(e){this.afternoon=h(e,!1)}],a:[s,function(e){this.afternoon=h(e,!0)}],Q:[i,function(e){this.month=3*(e-1)+1}],S:[i,function(e){this.milliseconds=100*+e}],SS:[o,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[c,r("seconds")],ss:[c,r("seconds")],m:[c,r("minutes")],mm:[c,r("minutes")],H:[c,r("hours")],h:[c,r("hours")],HH:[c,r("hours")],hh:[c,r("hours")],D:[c,r("day")],DD:[o,r("day")],Do:[s,function(e){var t=n.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var o=1;o<=31;o+=1)t(o).replace(/\[|\]/g,"")===e&&(this.day=o)}],w:[c,r("week")],ww:[o,r("week")],M:[c,r("month")],MM:[o,r("month")],MMM:[s,function(e){var t=d("months"),i=(d("monthsShort")||t.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[s,function(e){var t=d("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,r("year")],YY:[o,function(e){this.year=a(e)}],YYYY:[/\d{4}/,r("year")],Z:l,ZZ:l};function f(i){var o,c;o=i,c=n&&n.formats;for(var s=(i=o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,o){var s=o&&o.toUpperCase();return i||c[o]||e[o]||c[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),a=s.length,r=0;r<a;r+=1){var l=s[r],d=u[l],h=d&&d[0],f=d&&d[1];s[r]=f?{regex:h,parser:f}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},i=0,o=0;i<a;i+=1){var c=s[i];if("string"==typeof c)o+=c.length;else{var n=c.regex,r=c.parser,l=e.slice(o),d=n.exec(l)[0];r.call(t,d),e=e.replace(d,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var i=e.hours;t?i<12&&(e.hours+=12):12===i&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,i){i.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var o=t.prototype,c=o.parse;o.parse=function(e){var t=e.date,o=e.utc,s=e.args;this.$u=o;var a=s[1];if("string"==typeof a){var r=!0===s[2],l=!0===s[3],d=r||l,h=s[2];l&&(h=s[2]),n=this.$locale(),!r&&h&&(n=i.Ls[h]),this.$d=function(e,t,i,o){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var c=f(t)(e),s=c.year,n=c.month,a=c.day,r=c.hours,l=c.minutes,d=c.seconds,h=c.milliseconds,u=c.zone,p=c.week,m=new Date,g=a||(s||n?1:m.getDate()),v=s||m.getFullYear(),b=0;s&&!n||(b=n>0?n-1:m.getMonth());var y,z=r||0,x=l||0,C=d||0,L=h||0;return u?new Date(Date.UTC(v,b,g,z,x,C,L+60*u.offset*1e3)):i?new Date(Date.UTC(v,b,g,z,x,C,L)):(y=new Date(v,b,g,z,x,C,L),p&&(y=o(y).week(p).toDate()),y)}catch(e){return new Date("")}}(t,a,o,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),d&&t!=this.format(a)&&(this.$d=new Date("")),n={}}else if(a instanceof Array)for(var u=a.length,p=1;p<=u;p+=1){s[1]=a[p-1];var m=i.apply(this,s);if(m.isValid()){this.$d=m.$d,this.$L=m.$L,this.init();break}p===u&&(this.$d=new Date(""))}else c.call(this,e)}}}()}(kM)),kM.exports),NM=ip(EM),AM={exports:{}};var OM,TM=($M||($M=1,function(e){e.exports=function(e,t,i){var o=t.prototype,c=function(e){return e&&(e.indexOf?e:e.s)},s=function(e,t,i,o,s){var n=e.name?e:e.$locale(),a=c(n[t]),r=c(n[i]),l=a||r.map(function(e){return e.slice(0,o)});if(!s)return l;var d=n.weekStart;return l.map(function(e,t){return l[(t+(d||0))%7]})},n=function(){return i.Ls[i.locale()]},a=function(e,t){return e.formats[t]||function(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})}(e.formats[t.toUpperCase()])},r=function(){var e=this;return{months:function(t){return t?t.format("MMMM"):s(e,"months")},monthsShort:function(t){return t?t.format("MMM"):s(e,"monthsShort","months",3)},firstDayOfWeek:function(){return e.$locale().weekStart||0},weekdays:function(t){return t?t.format("dddd"):s(e,"weekdays")},weekdaysMin:function(t){return t?t.format("dd"):s(e,"weekdaysMin","weekdays",2)},weekdaysShort:function(t){return t?t.format("ddd"):s(e,"weekdaysShort","weekdays",3)},longDateFormat:function(t){return a(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};o.localeData=function(){return r.bind(this)()},i.localeData=function(){var e=n();return{firstDayOfWeek:function(){return e.weekStart||0},weekdays:function(){return i.weekdays()},weekdaysShort:function(){return i.weekdaysShort()},weekdaysMin:function(){return i.weekdaysMin()},months:function(){return i.months()},monthsShort:function(){return i.monthsShort()},longDateFormat:function(t){return a(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},i.months=function(){return s(n(),"months")},i.monthsShort=function(){return s(n(),"monthsShort","months",3)},i.weekdays=function(e){return s(n(),"weekdays",null,null,e)},i.weekdaysShort=function(e){return s(n(),"weekdaysShort","weekdays",3,e)},i.weekdaysMin=function(e){return s(n(),"weekdaysMin","weekdays",2,e)}}}(AM)),AM.exports),RM=ip(TM),IM={exports:{}};var DM,FM=(OM||(OM=1,function(e){var t;e.exports=(t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},function(e,i,o){var c=i.prototype,s=c.format;o.en.formats=t,c.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var i=this.$locale().formats,o=function(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(e,o,c){var s=c&&c.toUpperCase();return o||i[c]||t[c]||i[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})}(e,void 0===i?{}:i);return s.call(this,o)}})}(IM)),IM.exports),_M=ip(FM),HM={exports:{}};var PM=(DM||(DM=1,function(e){e.exports=function(e,t){t.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}}(HM)),HM.exports),VM=ip(PM);class BM{constructor(e,t="default"){e=null!=e?e:new Date,this.Date=e,this.date=e.getDate(),this.day=e.toLocaleString(t,{weekday:"long"}),this.dayNumber=e.getDay()+1,this.dayShort=e.toLocaleString(t,{weekday:"short"}),this.year=e.getFullYear(),this.yearShort=Number(e.toLocaleString(t,{year:"2-digit"})),this.month=e.toLocaleString(t,{month:"long"}),this.monthShort=e.toLocaleString(t,{month:"short"}),this.monthNumber=e.getMonth()+1,this.timestamp=e.getTime()}}SM.extend(VM);class UM{constructor(e=null,t="default"){const i=new BM(e,t);this.lang=t,this.name=i.month,this.number=i.monthNumber,this.year=i.year,this.numberOfDays=[31,28,31,30,31,30,31,31,30,31,30,31][this.number-1],2===this.number&&(this.numberOfDays+=SM(i.date).isLeapYear()?1:0)}getDay(e){return new BM(new Date(this.year,this.number-1,e),this.lang)}}SM.extend(VM);class jM{constructor(e=null,t=null,i="default"){this.weekDays=Array.from({length:7}),this.today=new BM(null,i),this.year=null!=e?e:this.today.year,this.month=new UM(new Date(this.year,(t||this.today.monthNumber)-1),i),this.lang=i,this.weekDays.forEach((e,t)=>{const i=this.month.getDay(t);this.weekDays[i.dayNumber-1]=i.day})}getMonth(e){return new UM(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new UM(new Date(this.year-1,11),this.lang):new UM(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new UM(new Date(this.year+1,0),this.lang):new UM(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new UM(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new UM(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new UM(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new UM(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new UM(new Date(this.year,this.month.number-1-1),this.lang)}}var qM,GM={exports:{}};function WM(e){return null!=e&&""!==String(e).trim()}qM||(qM=1,function(e){e.exports=function(e){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),o={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}};return i.default.locale(o,null,!0),o}(MM())}(GM)),SM.extend(NM),SM.extend(RM),SM.extend(_M);const YM="MM-DD-YYYY";const KM=[1,2,3,4,5,6,7],ZM=(e,t,i)=>{if(o=t,-1===e.indexOf(o.dayNumber))return t;var o;const c=KM.filter(t=>-1===e.indexOf(t));let s=c.find(e=>e>t.dayNumber);s||(s=Math.min(...c));const n=t.dayNumber<s?s-t.dayNumber:s-t.dayNumber+7;return c.length?new BM(((e,t=1)=>{const i=new Date(e);return i.setDate(e.getDate()+t),i})(t.Date,n),i):(vf.warn("Date picker disabled days - all days of week have been disabled"),t)};class QM extends qt{constructor(){super(...arguments),this.format=YM,this.lang="en-US",this.visible=!1,this.position="bottom",this.disabledDaysOfWeek=[],this.suppressValueChanged=!1,this.cachedFormat=YM,this.clickOutside=e=>this.handleClickOutside(e),this.keydownOutside=e=>this.handleKeydownOutside(e)}formatChanged(e,t){!this.useLocaleFormat&&t&&this.cacheUserFormat(t),t&&this.calendar&&WM(this.value)&&(this.formatDate=SM(this.currentDate.Date).format(t))}langChanged(){this.applyEffectiveLangChange()}useLocaleFormatChanged(e,t){this.calendar&&(t&&!e?this.cacheUserFormat(this.format):!t&&e&&this.restoreUserFormat(),this.applyEffectiveLangChange())}inlineCalendarChanged(){this.inlineCalendar?(document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside)):this.visible&&(document.addEventListener("mousedown",this.clickOutside),document.addEventListener("keydown",this.keydownOutside)),this.toggleVisibility()}hideWeekendsCalendarChanged(){this.toggleVisibility()}valueChanged(e,t){this.suppressValueChanged||this.calendar&&(WM(t)?this.applyValue(t):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate())}disconnectedCallback(){document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside),super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),SM.extend(NM),SM.extend(_M),SM.extend(RM),this.substringNumber=3,this.useLocaleFormat&&(this.cacheUserFormat(this.format),this.applyLocaleFormat());const e=this.value;!this.allowEmpty||WM(e)?WM(e)?this.applyValue(e):this.initializeWithDefaultDate():this.initializeEmpty()}clear(){this.allowEmpty&&this.clearToEmpty(!0)}get inputValue(){return WM(this.value)?this.formatDate:""}get inputPlaceholder(){var e;return!this.allowEmpty||WM(this.value)?"":(null===(e=this.placeholder)||void 0===e?void 0:e.trim())||this.format.replace(/YYYY/g,"yyyy").replace(/YY(?!Y)/g,"yy").replace(/DD/g,"dd").replace(/D(?!D)/g,"d").replace(/MM/g,"mm").replace(/M(?!M)/g,"m")}get effectiveLang(){return this.useLocaleFormat&&!this.hasAttribute("lang")?"undefined"!=typeof navigator&&navigator.language?navigator.language:"en":this.lang}applyLocaleFormat(){this.format=function(e="en"){const t=function(e){const t=((null==e?void 0:e.trim())||"en").toLowerCase().replace(/_/g,"-");return"en-us"===t||"en"===t?"en":"en-gb"===t?"en-gb":t}(e),i=SM().locale(t),o=i.locale();return(c=t)!==(s=o)&&s!==c.split("-")[0]?SM().locale("en").localeData().longDateFormat("L")||"MM/DD/YYYY":i.localeData().longDateFormat("L")||"MM/DD/YYYY";var c,s}(this.effectiveLang)}cacheUserFormat(e){const t=null==e?void 0:e.trim();t&&(this.cachedFormat=t)}restoreUserFormat(){this.format=this.cachedFormat}applyEffectiveLangChange(){var e,t;if(!this.calendar)return;this.useLocaleFormat&&this.applyLocaleFormat();const i=this.calendar.year,o=this.calendar.month.number,c=null!==(t=null===(e=this.currentDate)||void 0===e?void 0:e.Date)&&void 0!==t?t:SM().toDate();this.currentDate=new BM(c,this.effectiveLang),this.calendar=new jM(i,o,this.effectiveLang),WM(this.value)&&(this.formatDate=SM(this.currentDate.Date).format(this.format)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}syncValueAttribute(e){this.suppressValueChanged=!0,this.value=e,this.suppressValueChanged=!1}initializeEmpty(){const e=SM();this.currentDate=new BM(e.toDate(),this.effectiveLang),this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate="",this.syncValueAttribute(""),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.monthList=this.getMonthDaysGrid()}initializeWithDefaultDate(){this.resetToDefaultDate(!0)}resetToDefaultDate(e=!1){var t;let i=new BM(SM().toDate(),this.effectiveLang);(null===(t=this.disabledDaysOfWeek)||void 0===t?void 0:t.length)&&(i=ZM(this.disabledDaysOfWeek,i,this.effectiveLang)),this.currentDate=i,e||!this.calendar?this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang):this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(this.currentDate.Date).format(YM)),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.monthList=this.getMonthDaysGrid()}applyValue(e){const t=function(e,t){const i=String(e).trim(),o=SM(i,t,!0);if(o.isValid())return o;const c=SM(i,YM,!0);return c.isValid()?c:null}(e,this.format);t?(this.currentDate=new BM(t.toDate(),this.effectiveLang),this.calendar?this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year):this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(this.currentDate.Date).format(YM)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate()}clearToEmpty(e){const t=SM();this.currentDate=new BM(t.toDate(),this.effectiveLang),this.calendar&&(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()),this.formatDate="",this.syncValueAttribute(""),e&&this.$emit("value-changed",void 0)}updateHeaderText(){this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year}visibleChanged(e,t){this.inlineCalendar||(t?(document.addEventListener("mousedown",this.clickOutside),document.addEventListener("keydown",this.keydownOutside)):(document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside)))}handleKeydownOutside(e){!this.inlineCalendar&&this.visible&&"Escape"===e.key&&(e.preventDefault(),this.closeCalendar())}handleClickOutside(e){!this.inlineCalendar&&this.visible&&Lx(e,this)&&this.closeCalendar()}closeCalendar(){this.visible&&(this.visible=!1,this.toggleVisibility())}toggleCalendar(){this.visible=!this.visible,this.toggleVisibility(),this.isCurrentCalendarMonth()||(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText())}toggleVisibility(){this.calendarDropdownClasses=Jt(["visible",this.visible],this.position,["inline",this.inlineCalendar],["hide-weekends",this.hideWeekends])}isSelectedDate(e){return!(this.allowEmpty&&!WM(this.value))&&SM(e.Date).isSame(this.currentDate.Date,"day")}isCurrentCalendarMonth(){return this.currentMonth===this.currentDate.monthNumber&&this.currentYear===this.currentDate.year}prevMonth(){this.calendar.goToPreviousMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}nextMonth(){this.calendar.goToNextMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}selectDay(e){SM(e.Date).isSame(this.currentDate.Date,"day")&&WM(this.value)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(e.Date).format(YM)),this.$emit("value-changed",this.value),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),i=e.dayNumber-1,o=this.calendar.month.numberOfDays+i,c=Array.from({length:o});for(let e=i;e<o;e+=1)c[e]=this.calendar.month.getDay(e+1-i);for(let e=0;e<i;e+=1){const o=i-(e+1);c[e]=t.getDay(t.numberOfDays-o)}return c}}Nu([re],QM.prototype,"format",void 0),Nu([re],QM.prototype,"lang",void 0),Nu([re({attribute:"use-locale-format",mode:"boolean"})],QM.prototype,"useLocaleFormat",void 0),Nu([re],QM.prototype,"visible",void 0),Nu([re({attribute:"inline-calendar",mode:"boolean"})],QM.prototype,"inlineCalendar",void 0),Nu([re({attribute:"hide-weekends",mode:"boolean"})],QM.prototype,"hideWeekends",void 0),Nu([re],QM.prototype,"position",void 0),Nu([re],QM.prototype,"label",void 0),Nu([re({attribute:"allow-empty",mode:"boolean"})],QM.prototype,"allowEmpty",void 0),Nu([re],QM.prototype,"placeholder",void 0),Nu([re],QM.prototype,"value",void 0),Nu([g],QM.prototype,"currentDate",void 0),Nu([g],QM.prototype,"currentMonth",void 0),Nu([g],QM.prototype,"currentYear",void 0),Nu([g],QM.prototype,"calendarDropdownClasses",void 0),Nu([g],QM.prototype,"formatDate",void 0),Nu([g],QM.prototype,"monthList",void 0),Nu([g],QM.prototype,"disabledDaysOfWeek",void 0),Nu([g],QM.prototype,"calendar",void 0),QM.compose(Object.assign({baseName:"date-picker",styles:bM,template:xM,shadowOptions:void 0},{}));class XM{constructor(){this.value=null}}Nu([g],XM.prototype,"value",void 0),new XM;const JM=(e,t,i)=>{const o=i?(e,t)=>e.setValueFor(i,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach(i=>{const c=`${i}Value`;t[c]&&o(e[i],t[c])})};function ew(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}const tw={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=Fa(e);return t?Va.create(t.r,t.g,t.b):null}},iw=e=>Wa.from(Va.from(Fa(e)));Va.create(1,1,1),Va.create(0,0,0);const ow=Fa("#585858"),cw=Va.create(ow.r,ow.g,ow.b),sw=Fa("#ffffff"),nw=Va.create(sw.r,sw.g,sw.b),aw=Wa.from(nw),rw=Fa("#eeeeee"),lw=Va.create(rw.r,rw.g,rw.b);Wa.from(lw);const dw=Fa("#08c3a5"),hw=Va.create(dw.r,dw.g,dw.b);Wa.from(hw);const{create:uw}=vc,fw=uw("fui-fill-color").withDefault(cw),pw=uw({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(nw);function mw(e,t){return e.colorContrast(t,14)}const gw=uw({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault(e=>mw(uw("fui-card-palette").withDefault(aw).getValueFor(e),pw.getValueFor(e)));var vw=Object.freeze({__proto__:null,fuiFillColor:fw,fuiCardFillColor:pw,defaultNeutralForegroundContrast:14,neutralForeground:mw,fuiCardForegroundColor:gw,accentFillActive:Al,accentFillActiveDelta:Dr,accentFillFocus:Ol,accentFillFocusDelta:Fr,accentFillHover:Nl,accentFillHoverDelta:Ir,accentFillRest:El,accentFillRestDelta:Rr,accentForegroundActive:Yl,accentForegroundActiveDelta:Pr,accentForegroundFocus:Kl,accentForegroundFocusDelta:Vr,accentForegroundHover:Wl,accentForegroundHoverDelta:Hr,accentForegroundRest:Gl,accentForegroundRestDelta:_r,accentPalette:fl,baseHeightMultiplier:nr,baseLayerLuminance:rr,bodyFont:sr,controlCornerRadius:lr,density:dr,designUnit:hr,direction:ur,disabledOpacity:fr,fillColor:Sl,focusStrokeInner:xd,focusStrokeOuter:yd,focusStrokeWidth:mr,foregroundOnAccentActive:Fl,foregroundOnAccentActiveLarge:Bl,foregroundOnAccentFocus:_l,foregroundOnAccentFocusLarge:Ul,foregroundOnAccentHover:Dl,foregroundOnAccentHoverLarge:Vl,foregroundOnAccentRest:Il,foregroundOnAccentRestLarge:Pl,neutralFillActive:Jl,neutralFillActiveDelta:jr,neutralFillFocus:ed,neutralFillFocusDelta:qr,neutralFillHover:Xl,neutralFillHoverDelta:Ur,neutralFillInputActive:cd,neutralFillInputActiveDelta:Yr,neutralFillInputFocus:sd,neutralFillInputFocusDelta:Kr,neutralFillInputHover:od,neutralFillInputHoverDelta:Wr,neutralFillInputRest:id,neutralFillInputRestDelta:Gr,neutralFillLayerRest:vd,neutralFillLayerRestDelta:cl,neutralFillRest:Ql,neutralFillRestDelta:Br,neutralFillStealthActive:ld,neutralFillStealthActiveDelta:Xr,neutralFillStealthFocus:dd,neutralFillStealthFocusDelta:Jr,neutralFillStealthHover:rd,neutralFillStealthHoverDelta:Qr,neutralFillStealthRest:ad,neutralFillStealthRestDelta:Zr,neutralFillStrongActive:pd,neutralFillStrongActiveDelta:il,neutralFillStrongFocus:md,neutralFillStrongFocusDelta:ol,neutralFillStrongHover:fd,neutralFillStrongHoverDelta:tl,neutralFillStrongRest:ud,neutralFillStrongRestDelta:el,neutralForegroundHint:Ld,neutralForegroundRest:wd,neutralLayer1:yl,neutralLayer2:xl,neutralLayer3:Ll,neutralLayer4:wl,neutralLayerCardContainer:ml,neutralLayerFloating:vl,neutralPalette:hl,neutralStrokeActive:Ed,neutralStrokeActiveDelta:al,neutralStrokeDividerRest:Od,neutralStrokeDividerRestDelta:ll,neutralStrokeFocus:Nd,neutralStrokeFocusDelta:rl,neutralStrokeHover:$d,neutralStrokeHoverDelta:nl,neutralStrokeRest:kd,neutralStrokeRestDelta:sl,strokeWidth:pr,typeRampBaseFontSize:gr,typeRampBaseLineHeight:vr,typeRampMinus1FontSize:br,typeRampMinus1LineHeight:yr,typeRampMinus2FontSize:zr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Cr,typeRampPlus1LineHeight:Lr,typeRampPlus2FontSize:Mr,typeRampPlus2LineHeight:wr,typeRampPlus3FontSize:Sr,typeRampPlus3LineHeight:kr,typeRampPlus4FontSize:$r,typeRampPlus4LineHeight:Er,typeRampPlus5FontSize:Nr,typeRampPlus5LineHeight:Ar,typeRampPlus6FontSize:Or,typeRampPlus6LineHeight:Tr});const bw=iw("#08c3a5"),yw=iw("#eeeeee"),zw=tr,xw=zi.ltr;var Cw=Object.freeze({__proto__:null,accentPaletteValue:bw,neutralPaletteValue:yw,baseLayerLuminanceValue:zw,directionValue:xw,controlCornerRadiusValue:4,designUnitValue:4});
|
|
61
|
+
Install model </${e}-button>`)}</div>`)}</div>`)} `)(wx(e))} `;class HC extends qt{constructor(){super(...arguments),this.status=null,this.open=!1,this.state="none",this.isInstalling=!1,this.pollTimer=null,this.clickOutside=e=>this.handleClickOutside(e)}get aiProvider(){var e;return null===(e=this.providerRegistry)||void 0===e?void 0:e.default()}get chromeStatusLabel(){var e,t;if("chrome"!==(null===(e=this.status)||void 0===e?void 0:e.provider))return null;const i=null===(t=this.status)||void 0===t?void 0:t.chromeAvailability;return"available"===i?"Installed":"downloading"===i||this.isInstalling?"Downloading…":"downloadable"===i?"Downloadable":"unavailable"===i?"Unavailable":null}get canInstall(){var e,t,i;return!!(null===(e=this.aiProvider)||void 0===e?void 0:e.triggerDownload)&&"chrome"===(null===(t=this.status)||void 0===t?void 0:t.provider)&&"downloadable"===(null===(i=this.status)||void 0===i?void 0:i.chromeAvailability)&&!this.isInstalling}get isDownloading(){var e;return"downloading"===(null===(e=this.status)||void 0===e?void 0:e.chromeAvailability)||this.isInstalling}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){e.connectedCallback.call(this),yield this.refreshStatus(),this.maybeStartPolling()})}disconnectedCallback(){this.stopPolling(),document.removeEventListener("mousedown",this.clickOutside)}openChanged(){this.open?(document.addEventListener("mousedown",this.clickOutside),this.refreshStatus()):document.removeEventListener("mousedown",this.clickOutside)}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}refreshStatus(){return Ou(this,void 0,void 0,function*(){var e;if(!(null===(e=this.aiProvider)||void 0===e?void 0:e.getStatus))return this.status=null,void(this.state="none");try{const e=yield this.aiProvider.getStatus();this.status=e,this.state=this.deriveState(e),"available"===this.state&&(this.isInstalling=!1)}catch(e){this.status=null,this.state="none",this.isInstalling=!1}})}deriveState(e){if(!e||"none"===e.provider)return"none";if("chrome"===e.provider){const t=e.chromeAvailability;return"available"===t?"available":"downloading"===t?"downloading":"downloadable"===t?"downloadable":"unavailable"}return"server"}maybeStartPolling(){var e;"downloading"===(null===(e=this.status)||void 0===e?void 0:e.chromeAvailability)||this.isInstalling?this.startPolling():this.stopPolling()}startPolling(){this.pollTimer||(this.pollTimer=setInterval(()=>{this.refreshStatus().then(()=>{this.maybeStartPolling()})},2500))}stopPolling(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null)}onInstall(){return Ou(this,void 0,void 0,function*(){var e;if(this.canInstall&&(null===(e=this.aiProvider)||void 0===e?void 0:e.triggerDownload)){this.isInstalling=!0;try{yield this.aiProvider.triggerDownload(),this.startPolling()}catch(e){this.isInstalling=!1}finally{yield this.refreshStatus()}}})}}Nu([Wx],HC.prototype,"providerRegistry",void 0),Nu([g],HC.prototype,"status",void 0),Nu([g],HC.prototype,"open",void 0),Nu([g],HC.prototype,"state",void 0),Nu([g],HC.prototype,"isInstalling",void 0),Nu([v],HC.prototype,"chromeStatusLabel",null),Nu([v],HC.prototype,"canInstall",null),Nu([v],HC.prototype,"isDownloading",null),HC.compose({baseName:"ai-indicator",template:_C,styles:FC});const PC=(e,t)=>Ni(0,t),VC=(e,t)=>Ce` ${Yd()}`;class BC extends Kd{}const UC={delegatesFocus:!0,mode:"open"},jC={};BC.compose(Object.assign({baseName:"anchor",template:PC,styles:VC,shadowOptions:UC},jC));const qC=(e,t)=>Ri(),GC=(e,t)=>Ce` ${Zd()}`;class WC extends Di{}const YC={delegatesFocus:!0,mode:"open"},KC={};WC.compose(Object.assign({baseName:"anchored-region",template:qC,styles:GC,shadowOptions:YC},KC));const ZC=(e,t)=>ji(0,t),QC=W` ${He(e=>e.imgSrc,W`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `,XC=(e,t)=>Ce` ${Qd(e)}`;class JC extends Xd{}const eL={delegatesFocus:!0,mode:"open"},tL={media:QC};JC.compose(Object.assign({baseName:"avatar",template:ZC,styles:XC,shadowOptions:eL},tL));const iL=(e,t)=>Gi(),oL=(e,t)=>Ce` ${eh()}`;class cL extends Wi{}const sL=void 0,nL={};cL.compose(Object.assign({baseName:"badge",template:iL,styles:oL,shadowOptions:sL},nL));const aL=Ce` @keyframes delete-animate{from{height: 100px;opacity: 100%}to{height: 0;opacity: 0%}}@keyframes append-animate{from{height: 0;opacity: 0%}to{height: var(--banner-height);opacity: 100%}}:host{--banner-width: 100%;--banner-height: 65px;--flow: row}@media screen and (max-width: 640px){:host{--flow: column;--banner-height: 100px}}.banner{animation: append-animate 0.3s linear;width: var(--banner-width);height: var(--banner-height);background-color: var(--fill-color);display: flex;flex-direction: var(--flow);padding: 5px 8px;box-sizing: border-box;overflow: hidden}.banner-delete{animation: delete-animate 0.3s linear;opacity: 0%}.content{display: flex;align-items: center;flex: 2;font-size: 12px;overflow: hidden;white-space: pre-line}.action{display: flex;flex-direction: row-reverse;align-items: center;gap: 10px;flex: 1;overflow: hidden}`,rL=W` ${e=>(e=>W`<div role="alert" aria-live="polite" class="banner ${e=>e.dismissAnimation}" ${Ie("banner")}><div part="content" class="content"><slot name="content">${He(e=>e.notification,W`<div><div>${e=>{var t;return(null===(t=e.notification)||void 0===t?void 0:t.body)||"Place holder for notification message"}}</div></div>`)}</slot></div><div part="action" class="action"><slot name="action" class="action">${He(e=>e.notification,W`<${e}-button slot="action" appearance="lightweight" @click=${e=>e.dismiss()}>${e=>{var t,i,o,c;return(null===(c=null===(o=null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner)||void 0===o?void 0:o.dismissingAction)||void 0===c?void 0:c.label)||"Ignore"}}</${e}-button>`)} ${qe(e=>{var t,i;return null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner.confirmingActions},W`<${e}-button slot="action" appearance="lightweight" @click=${(e,t)=>{var i;null==e||e.action(),null===(i=t.parent)||void 0===i||i.dismissNotification()}}>${e=>e.label}</${e}-button>`)}</slot></div></div>`)(wx(e))} `,lL={mode:"open",delegatesFocus:!0};class dL extends qt{constructor(){super(...arguments),this.dismissAnimation=""}connectedCallback(){super.connectedCallback()}dismiss(){return this.dismissAnimation="banner-delete",new Promise(e=>{this.banner.onanimationend=()=>{this.remove(),e()}})}dismissNotification(){return Ou(this,void 0,void 0,function*(){try{yield this.dismiss(),this.remove()}catch(e){xx.error(e)}})}}Nu([g],dL.prototype,"dismissAnimation",void 0),Nu([g],dL.prototype,"notification",void 0),dL.compose({baseName:"banner",styles:aL,template:rL,shadowOptions:lL});const hL=(e,t)=>Zi(),uL=(e,t)=>Ce` ${ih()}`;class fL extends Qi{}fL.compose(Object.assign({baseName:"breadcrumb",template:hL,styles:uL,shadowOptions:void 0},{}));const pL=(e,t)=>Yi(0,t),mL=(e,t)=>Ce` ${th()}`;class gL extends Ki{}const vL=void 0,bL={separator:"/"};gL.compose(Object.assign({baseName:"breadcrumb-item",template:pL,styles:mL,shadowOptions:vL},bL));const yL=(e,t)=>Xi(0,t),zL=(e,t)=>Ce` ${oh()}`;class xL extends ch{}const CL={delegatesFocus:!0,mode:"open"},LL={};xL.compose(Object.assign({baseName:"button",template:yL,styles:zL,shadowOptions:CL},LL));const ML=()=>Ce` ${sh}`,wL=(e,t)=>Oo(e,t);class SL extends ho{}const kL={delegatesFocus:!0,mode:"open"},$L={};SL.compose(Object.assign({baseName:"calendar",template:wL,styles:ML,shadowOptions:kL},$L));const EL=(e,t)=>To(),NL=(e,t)=>Ce` ${nh()} :host{background-color: var(--fui-card-fill-color);color: var(--fui-card-foreground-color)}`;class AL extends ah{}const OL=void 0,TL={};var RL,IL,DL;AL.compose(Object.assign({baseName:"card",template:EL,styles:NL,shadowOptions:OL},TL)),function(e){e.BELOW="below",e.ABOVE="above"}(RL||(RL={}));var FL=function(){if(DL)return IL;DL=1;var e=/^\s+|\s+$/g,t=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,o=/^0o[0-7]+$/i,c=parseInt,s="object"==typeof tp&&tp&&tp.Object===Object&&tp,n="object"==typeof self&&self&&self.Object===Object&&self,a=s||n||Function("return this")(),r=Object.prototype.toString,l=Math.max,d=Math.min,h=function(){return a.Date.now()};function u(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function f(s){if("number"==typeof s)return s;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==r.call(e)}(s))return NaN;if(u(s)){var n="function"==typeof s.valueOf?s.valueOf():s;s=u(n)?n+"":n}if("string"!=typeof s)return 0===s?s:+s;s=s.replace(e,"");var a=i.test(s);return a||o.test(s)?c(s.slice(2),a?2:8):t.test(s)?NaN:+s}return IL=function(e,t,i){var o,c,s,n,a,r,p=0,m=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function b(t){var i=o,s=c;return o=c=void 0,p=t,n=e.apply(s,i)}function y(e){var i=e-r;return void 0===r||i>=t||i<0||g&&e-p>=s}function z(){var e=h();if(y(e))return x(e);a=setTimeout(z,function(e){var i=t-(e-r);return g?d(i,s-(e-p)):i}(e))}function x(e){return a=void 0,v&&o?b(e):(o=c=void 0,n)}function C(){var e=h(),i=y(e);if(o=arguments,c=this,r=e,i){if(void 0===a)return function(e){return p=e,a=setTimeout(z,t),m?b(e):n}(r);if(g)return a=setTimeout(z,t),b(r)}return void 0===a&&(a=setTimeout(z,t)),n}return t=f(t)||0,u(i)&&(m=!!i.leading,s=(g="maxWait"in i)?l(f(i.maxWait)||0,t):s,v="trailing"in i?!!i.trailing:v),C.cancel=function(){void 0!==a&&clearTimeout(a),p=0,o=r=c=a=void 0},C.flush=function(){return void 0===a?n:x(h())},C},IL}(),_L=ip(FL);const HL=Ce` :host{--scrollbar-width: 12px;--scrollbar-thumb-width: 8px}.root{position: relative;width: inherit;min-width: 250px}.control{cursor: pointer;position: relative;display: flex;align-items: center;width: 100%;border-radius: calc(var(--control-corner-radius) * 1px)}#display-field{width: 100%;cursor: pointer;color: var(--neutral-foreground-rest);min-height: 40px;padding: 0 calc(var(--design-unit) * 2.25px);border-width: 0;background-color: var(--neutral-fill-input-rest);border-radius: calc(var(--control-corner-radius) * 1px)}#display-field[disabled]{cursor: not-allowed;opacity: 30%}#display-field:focus{outline: 1px solid var(--accent-fill-rest);background: var(--neutral-fill-input-rest);border-style: none;box-shadow: none}#display-field:hover:not(:focus):not([disabled]){outline: 1px solid var(--neutral-stroke-hover)}button{pointer-events: none}.indicator{position: absolute;left: calc(100% - 26px);padding: 0;cursor: pointer}#arrow-icon{width: 16px;fill: white;transform: rotate(0deg);transition: transform 0.2s linear 0s}#arrow-icon.flipped{transform: rotate(180deg)}.disabled-svg{pointer-events: none;opacity: 30%}.position-above{bottom: 100%}::-webkit-scrollbar{width: var(--scrollbar-width)}::-webkit-scrollbar-track{background: var(--neutral-layer-4)}::-webkit-scrollbar-thumb{width: var(--scrollbar-thumb-width);border-radius: 10px;box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);background-color: var(--neutral-layer-2);border: 3px solid var(--neutral-layer-4)}::-webkit-scrollbar-corner{background: var(--neutral-layer-4)}.multiselect-dropdown{display: flex;flex-direction: column;position: absolute;height: max-content;overflow: hidden;margin-top: calc(var(--design-unit) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);border-radius: 4px;background: var(--neutral-fill-input-rest);width: 100%;max-height: 0;visibility: hidden;z-index: 999}.multiselect-dropdown:not(.is-resizing){transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s}.checkbox-container{display: flex;flex-direction: column;list-style: none;overflow-y: auto;height: 100%}.is-resizing .checkbox-container{overflow-y: hidden}.checkbox-container zero-checkbox{min-width: fit-content}.checkbox-container zero-checkbox[disabled], .checkbox-container foundation-checkbox[disabled]{cursor: not-allowed}.visible{visibility: visible;max-height: var(--custom-max-height, ${230..toString()}px);overflow: hidden}::slotted(foundation-checkbox), foundation-checkbox{border-bottom: 1px solid var(--neutral-layer-4);padding: 5px 0 5px 5px;margin: 0}::slotted(foundation-checkbox:hover), foundation-checkbox:hover{background-color: var(--neutral-layer-3);cursor: pointer}::slotted(foundation-checkbox)::part(label), foundation-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap}.label{display: block;cursor: pointer;font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-style: normal;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{display: none}ol, li{margin: 0;padding: 0}.checkbox{width: 100%}.select-all{width: 100%;margin-left: 0;margin-right: 0}.display-value{position: absolute;right: 40px;color: var(--neutral-foreground-rest);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-family: var(--body-font)}.options-header-item-hidden{display: none}.resize-button{position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;cursor: nw-resize;background: linear-gradient( -45deg, transparent 30%, var(--neutral-foreground-rest) 30%, var(--neutral-foreground-rest) 40%, transparent 40%, transparent 60%, var(--neutral-foreground-rest) 60%, var(--neutral-foreground-rest) 70%, transparent 70% );z-index: 1000;opacity: 60%;transition: opacity 0.2s ease}.resize-button:hover{opacity: 100%}.multiselect-dropdown.resizable{resize: none;overflow: hidden}`;var PL;let VL=PL=class extends Cx{constructor(){super(...arguments),this.emptyDataLabel="No matching records",this.allowCustomOptions=!1,this.infiniteScroll=!1,this.pageSize=PL.defaultPageSize,this.initalSelectedValueInitialized=!1,this.isSnapshot=!0,this.baseCriteria="",this.listboxElement=null,this.loadingMoreRows=!1,this.renderedOptionsCount=0,this.lastTopUpScrollHeight=-1,this.emptyDataOption=null,this.selectOpenChangeHandler=e=>{var t;(null===(t=e.detail)||void 0===t?void 0:t.open)&&(this.listboxElement||this.attachListboxScrollListener(),this.topUpVisibleListbox())},this.listboxScrollHandler=()=>{const e=this.listboxElement;if(!e)return;e.scrollTop+e.clientHeight>=e.scrollHeight-PL.scrollLoadThresholdPx&&this.loadNextPage()},this.resizeObserverCallback=e=>{e.forEach(e=>{this.checkOverflow(e.target)})},this.selectChangeHandler=e=>{var t;const i=e.target.value,o=null===(t=this.options)||void 0===t?void 0:t.find(e=>String(e.label)===i);!o&&this.allowCustomOptions&&this.select instanceof uh?this.select.$emit("value-change",{label:i,value:i}):this.select.$emit("value-change",o)}}initialSelectedValueChanged(e,t){t&&t!==e&&(this.select&&this.getDisplayForValue(t)===String(this.select.value||"")||(this.initalSelectedValueInitialized=!1,this.clearData(),this.fetchData()))}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){var t,i;if(e.connectedCallback.call(this),this.baseCriteria=this.criteria,this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.optionElement=null!==(i=this.optionElement)&&void 0!==i?i:`${wx(this.select)}-option`,this.select.addEventListener("change",this.selectChangeHandler),this.resizeObserver=new ResizeObserver(this.resizeObserverCallback),this.infiniteScroll){if(this.maxRows=this.pageSize>0?this.pageSize:PL.defaultPageSize,this.select.addEventListener("open-change",this.selectOpenChangeHandler),yield this.applyInfiniteScrollFetchMode(),!this.isConnected)return;u.queueUpdate(()=>this.attachListboxScrollListener())}this.fetchData(),this.valueField||xx.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label (e.g label-field="NAME")')})}disconnectedCallback(){var e;super.disconnectedCallback(),this.resizeObserver.disconnect(),null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null,this.select.removeEventListener("open-change",this.selectOpenChangeHandler),this.select.removeEventListener("change",this.selectChangeHandler)}applyInfiniteScrollFetchMode(){return Ou(this,void 0,void 0,function*(){if(this.resourceName&&this.connect.isConnected)try{const e=yield this.resources.getResourceTypeFor(this.resourceName);this.isSnapshot=e!==cb.DATASERVER}catch(e){xx.warn(`Unable to determine the resource type for ${this.resourceName}`,e)}})}attachListboxScrollListener(){var e,t,i,o,c,s,n;this.isConnected&&(null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null!==(c=null!==(i=null===(t=this.select)||void 0===t?void 0:t.scrollableListbox)&&void 0!==i?i:null===(o=this.select)||void 0===o?void 0:o.listbox)&&void 0!==c?c:null===(n=null===(s=this.select)||void 0===s?void 0:s.shadowRoot)||void 0===n?void 0:n.querySelector(".listbox"),this.listboxElement?this.listboxElement.addEventListener("scroll",this.listboxScrollHandler):xx.warn("Unable to locate listbox element, infinite scroll will not be available."))}loadNextPage(){return Ou(this,void 0,void 0,function*(){if(this.loadingMoreRows||!this.canRequestMoreRows())return;this.loadingMoreRows=!0;const e=this.datasource.resourceType===cb.REQUEST_SERVER;try{yield this.requestMoreRows()}catch(e){return void(this.loadingMoreRows=!1)}e&&(this.loadingMoreRows=!1)})}topUpVisibleListbox(){this.infiniteScroll&&requestAnimationFrame(()=>{if(!this.isConnected)return;const e=this.listboxElement;e&&0!==e.clientHeight&&(e.scrollHeight>e.clientHeight||e.scrollHeight!==this.lastTopUpScrollHeight&&(this.lastTopUpScrollHeight=e.scrollHeight,this.loadNextPage()))})}fetchData(){this.select&&this.valueField&&(this.resourceName&&this.connect.isConnected||this.data)&&(this.select instanceof uh&&this.select.async&&this.initialSelectedValue?this.asyncModeIntialization():this.fetchGenesisData())}asyncModeIntialization(){return Ou(this,void 0,void 0,function*(){(yield this.datasource.init(this.datasourceOptions(),!0))?Fx(this,this.initialSelectedValue):this.handleError({message:`Genesis Datasource async mode initialization failed for ${this.resourceName}`,loggerType:"error"})})}clearData(){this.rowsSyncedWithStream.clear(),this.renderedOptionsCount=0,this.lastTopUpScrollHeight=-1,this.emptyDataOption=null,this.loadingMoreRows=!1,this.select&&(Array.from(this.select.children).forEach(e=>{e instanceof PL||this.select.removeChild(e)}),this.select.value="",this.select.initialValue="")}checkOverflow(e){const t=e.shadowRoot.querySelector(".content");t&&(t.scrollWidth>t.clientWidth?e.setAttribute("title",e.textContent):e.removeAttribute("title"))}rowToOption(e){var t;return{value:e[this.valueField],label:this.labelRowFormatter?this.labelRowFormatter(e):this.labelFormatter?this.labelFormatter(e[this.labelField]):this.getDefaultLabelFormat(e[this.labelField],null===(t=this.getFieldMetadata(this.labelField))||void 0===t?void 0:t.type)}}renderListboxOptions(e){e.forEach(({value:e,label:t})=>{const i=document.createElement(this.optionElement);i.textContent=t||e,i.value=e,this.select.appendChild(i),this.resizeObserver.observe(i)})}removeEmptyDataOption(){this.emptyDataOption&&(this.emptyDataOption.remove(),this.emptyDataOption=null)}syncComponentData(e){this.loadingMoreRows=!1;const t=null!=e?e:Array.from(this.rowsSyncedWithStream.values());if(t.length>0){this.removeEmptyDataOption(),this.options=t.map(e=>this.rowToOption(e));const e=0===this.renderedOptionsCount;if(this.renderListboxOptions(this.options.slice(this.renderedOptionsCount)),this.renderedOptionsCount=this.options.length,this.topUpVisibleListbox(),!this.initalSelectedValueInitialized||this.select instanceof uh&&!this.select.async&&e){this.resetCombobox();const e=this.getInitialLabel();u.queueUpdate(()=>{this.select.value=String(e),this.select instanceof uh&&this.select.async&&this.selectChangeHandler({target:{value:e}})}),this.initalSelectedValueInitialized=!0}}else if(this.allowCustomOptions&&this.initialSelectedValue&&(!this.initalSelectedValueInitialized||this.select instanceof uh&&!this.select.async)&&(this.resetCombobox(),u.queueUpdate(()=>{this.select.value=String(this.initialSelectedValue)}),this.initalSelectedValueInitialized=!0),this.select&&!this.emptyDataOption){const e=document.createElement(this.optionElement);e.textContent=this.emptyDataLabel,e.value="",e.disabled=!0,this.select.appendChild(e),this.emptyDataOption=e}}getInitialLabel(){return this.getDisplayForValue(this.initialSelectedValue)}getDisplayForValue(e){var t;if(null==e||0!==e&&!e)return"";const i=null===(t=this.options)||void 0===t?void 0:t.find(t=>t.value===e);return this.allowCustomOptions&&this.select instanceof uh?String(i?i.label:e):i?String(i.label):""}resetCombobox(){this.select&&this.select instanceof uh&&this.select.resetCombobox()}handleStreamInserts(e){var t;if(this.loadingMoreRows=!1,!(null==e?void 0:e.length))return;this.removeEmptyDataOption();const i=e.map(e=>this.rowToOption(e));this.options=[...null!==(t=this.options)&&void 0!==t?t:[],...i],this.renderListboxOptions(i),this.renderedOptionsCount=this.options.length,this.topUpVisibleListbox()}handleStreamDeletes(e){xx.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xx.debug("handleStreamUpdates - Method not implemented.")}};VL.defaultPageSize=20,VL.scrollLoadThresholdPx=32,Nu([qz],VL.prototype,"resources",void 0),Nu([re({attribute:"label-field"})],VL.prototype,"labelField",void 0),Nu([re({attribute:"option-element"})],VL.prototype,"optionElement",void 0),Nu([re({attribute:"value-field"})],VL.prototype,"valueField",void 0),Nu([re({attribute:"empty-data-label"})],VL.prototype,"emptyDataLabel",void 0),Nu([re({mode:"boolean",attribute:"allow-custom-options"})],VL.prototype,"allowCustomOptions",void 0),Nu([re({mode:"boolean",attribute:"infinite-scroll"})],VL.prototype,"infiniteScroll",void 0),Nu([re({attribute:"page-size",converter:ne})],VL.prototype,"pageSize",void 0),Nu([g],VL.prototype,"labelFormatter",void 0),Nu([g],VL.prototype,"labelRowFormatter",void 0),Nu([g],VL.prototype,"initialSelectedValue",void 0),VL=PL=Nu([ye({name:"options-datasource"})],VL);let BL=class extends Cx{constructor(){super(...arguments),this.isSnapshot=!0,this.baseCriteria=""}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ou(this,void 0,void 0,function*(){var t;e.connectedCallback.call(this),this.baseCriteria=this.criteria,this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.select&&this.valueField&&(this.resourceName&&this.connect.isConnected||this.data)&&this.fetchGenesisData(),this.valueField||xx.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label which is supported only in select and combobox (e.g label-field="NAME")')})}clearData(){this.select.options=[]}syncComponentData(e){var t;const i=(null!=e?e:Array.from(this.rowsSyncedWithStream.values())).map(e=>{var t;return{value:e[this.valueField],label:this.getDefaultLabelFormat(e[this.labelField],null===(t=this.getFieldMetadata(this.labelField))||void 0===t?void 0:t.type)}});(null===(t=this.select)||void 0===t?void 0:t.async)&&(this.select.loading=!1),this.select.options=i}handleStreamInserts(e){xx.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){xx.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xx.debug("handleStreamUpdates - Method not implemented.")}};Nu([re({attribute:"value-field"})],BL.prototype,"valueField",void 0),Nu([re({attribute:"label-field"})],BL.prototype,"labelField",void 0),BL=Nu([ye({name:"multiselect-datasource"})],BL);const UL=(e="foundation")=>W`<label part="label" for="display-field" class=${e=>{var t;return Jt("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="label" ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><div class="root" part="root" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control"><input id="display-field" part="filter-search" role="combobox" aria-haspopup="listbox" aria-controls="checkbox-container" aria-expanded=${e=>e.open?"true":"false"}tabindex="${e=>e.tabindex}" ?readonly=${e=>!e.search}@click=${e=>e.toggle()}?disabled="${e=>e.disabled}" ${Ie("filterSearchInput")}value=${Nf(e=>e.filterSearchValue,"string","input")}placeholder="${e=>e.getDisplayValue}" autocomplete="off" @input=${(e,t)=>e.inputHandler()}@change=${(e,t)=>e.changeHandler(t.event)}/><div part="indicator" class="indicator" @click=${e=>!e.disabled&&e.toggle()}><svg viewBox="0 0 12 7" ${Ie("arrowIcon")}id="arrow-icon" class="${e=>Jt(["disabled-svg",e.disabled])}" xmlns="http://www.w3.org/2000/svg"><path d="${"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"}" /></svg></div>${He(e=>e.filterSearchValue&&e.selectedOptions.length,W`<div class="display-value">${e=>e.getDisplayValue}</div>`)}</div>${He(e=>e.loading,W`<${e}-progress slot="indicator"></${e}-progress>`)}<section class=${e=>Jt("multiselect-dropdown",["resizable",e.resizable])} ${Ie("multiselectDropdown")}part="multiselect-dropdown">${He(e=>e.resizable,W`<div class="resize-button" @mousedown=${(e,t)=>e.handleResizeStart(t.event)}></div>`)} ${He(e=>e.all,W`<${e}-button class="select-all" @click=${e=>e.selectCheckboxAll()}?disabled="${(e,t)=>e.isAllOptionsDisabled}">${e=>e.areAllOptionsSelected?"Deselect All":"Select All"} ${e=>e.name}</${e}-button>`)}<ol id="checkbox-container" class="checkbox-container options" aria-multiselectable="true" part="options-ol"><li part="options-header-item" class=${e=>{var t;return Jt("options-header-item",["options-header-item-hidden",!(null===(t=e.optionsHeaderSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="options-header" ${Ke({property:"optionsHeaderSlottedNodes",filter:Fs})}></slot></li>${qe(e=>e.filteredAvailableOptions,W`<li role="option" value=${(e,t)=>t.parent.getItemLabel(e)}part="option"><${e}-checkbox part="checkbox" class="checkbox" exportparts="label:checkbox-label" @keydown=${(e,t)=>t.parent.checkboxKeyDown(e,t.event)}@click=${(e,t)=>t.parent.selectCheckboxOne(e)}@change=${(e,t)=>t.parent.changeHandler(t.event)}?current-checked="${(e,t)=>t.parent.isOptionSelected(e)}" ?disabled="${(e,t)=>t.parent.isOptionDisabled(e)}">${(e,t)=>{var i,o;return null===(o=null===(i=t.parent)||void 0===i?void 0:i.itemRenderer)||void 0===o?void 0:o.call(i,e,t.parent)}}</${e}-checkbox></li>`)}</ol>${He(e=>e.showCreatable,W`<${e}-button @click=${e=>e.addOption()}>Create "${e=>e.filterSearchValue}"</${e}-button>`)}</section></div><slot ${Ke({property:"slottedDatasource",filter:e=>e instanceof BL})}></slot>`,jL=W` ${UL()} `,qL=void 0,GL={};class WL extends qt{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.all=!0,this.allSelected=!1,this.search=!0,this.disabled=!1,this.creatable=!1,this.async=!1,this.debounce=500,this.resizable=!1,this.filterByContains=!1,this.filterSearchValue="",this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=RL.BELOW,this.itemRenderer=this.defaultItemRenderer,this.initialisedOptions=!1,this.isResizing=!1,this.startX=0,this.startY=0,this.startWidth=0,this.startHeight=0,this.handleResizeStart=e=>{this.resizable&&this.multiselectDropdown&&(e.preventDefault(),e.stopPropagation(),this.isResizing=!0,this.startX=e.clientX,this.startY=e.clientY,this.startWidth=this.multiselectDropdown.offsetWidth,this.startHeight=this.multiselectDropdown.offsetHeight,this.multiselectDropdown.classList.add("is-resizing"),document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd))},this.handleResizeMove=e=>{if(!this.isResizing||!this.multiselectDropdown)return;e.preventDefault();const t=e.clientX-this.startX,i=e.clientY-this.startY,o=Math.max(250,this.startWidth+t),c=Math.max(100,this.startHeight+i);this.multiselectDropdown&&(this.multiselectDropdown.style.width=`${o}px`,this.multiselectDropdown.style.maxHeight=`${c}px`)},this.handleResizeEnd=()=>{this.isResizing=!1,document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.multiselectDropdown&&(this.multiselectDropdown.classList.remove("is-resizing"),this.multiselectDropdown.style.setProperty("--custom-max-height",this.multiselectDropdown.style.maxHeight),this.multiselectDropdown.style.removeProperty("max-height"))}}debounceChanged(e,t){this.debouncedInputHandler=_L(this.asyncSetFilter,t)}openChanged(e,t){var i,o,c,s;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.arrowIcon)||void 0===i||i.classList.add("flipped"),null===(o=this.multiselectDropdown)||void 0===o||o.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(c=this.arrowIcon)||void 0===c||c.classList.remove("flipped"),null===(s=this.multiselectDropdown)||void 0===s||s.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===RL.ABOVE&&(null===(e=this.multiselectDropdown)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd)}defaultItemRenderer(e,t){return W` ${"string"==typeof e?W`<span part="option-label">${()=>t.getItemLabel(e)}</span>`:W`<span data-option-label-text=${()=>e.optionLabelText}style=${()=>e.labelStyle}part="option-label">${()=>t.getItemLabel(e)}</span>`} `}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=this.options.map(e=>this.optionValueGetter(e))),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}setDropdownPosition(){let e=this.position;if(this.autoPosition){const t=this.getBoundingClientRect(),i=window.innerHeight,o=t.top,c=i-t.bottom;e=c<230&&o>c?RL.ABOVE:RL.BELOW}this.multiselectDropdown.classList.toggle("position-above",e===RL.ABOVE),this.multiselectDropdown.classList.toggle("position-below",e===RL.BELOW)}optionValueGetter(e){return"string"==typeof e?e:e.value}optionLabelGetter(e){return"string"==typeof e?e:e.label}getItemLabel(e){let t;return e?(t="string"==typeof e?e:this.optionLabelGetter(e)||this.optionValueGetter(e)||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:{const t=this.options.find(e=>this.optionValueGetter(e)===this.selectedOptions[0]);e=this.getItemLabel(t);break}case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllOptionsDisabled(){return this.options.length===this.options.filter(this.isOptionDisabled).length}get areAllOptionsSelected(){const e=this.getEnabledOptionsCount();return e>0&&this.selectedOptions.length===e}get showCreatable(){return this.creatable&&this.filterSearchValue.length>0&&0===this.findExactMatchOptions().length}isOptionSelected(e){const t=this.optionValueGetter(e);return this.selectedOptions.some(i=>{if("object"==typeof e&&"object"==typeof e.value)try{return JSON.stringify(i)===JSON.stringify(t)}catch(e){return i===t}return i===t})}selectCheckboxOne(e){const t=this.optionValueGetter(e),i=this.selectedOptions.includes(t);this.selectedOptions=i?this.selectedOptions.filter(e=>e!==t):[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}checkboxKeyDown(e,t){return" "===t.key&&(t.preventDefault(),this.selectCheckboxOne(e)),!0}getEnabledOptionsCount(){return this.options.length-this.options.filter(this.isOptionDisabled).length}selectCheckboxAll(){const e=this.selectedOptions.length===this.getEnabledOptionsCount();this.selectedOptions=e?[]:this.options.filter(e=>!this.isOptionDisabled(e)).map(e=>this.optionValueGetter(e)),this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}inputHandler(){this.open||(this.open=!0),this.async?(this.loading=!0,this.filteredAvailableOptions=[],this.debouncedInputHandler()):this.setFilter()}findExactMatchOptions(){const e=this.filterSearchValue.toLowerCase();return this.filteredAvailableOptions.filter(t=>{var i,o;const c="string"==typeof t?t:null!==(i=this.optionLabelGetter(t))&&void 0!==i?i:this.optionValueGetter(t);return(null!==(o=null==c?void 0:c.toLowerCase())&&void 0!==o?o:"")===e})}setFilter(){const e=this.filterSearchValue.toLowerCase();this.filteredAvailableOptions=this.options.filter(t=>{if(!e)return!0;if("string"==typeof t)return t.toLowerCase().includes(e);const i=t.label.toLowerCase(),o="object"==typeof t.value?(c=t.value,Object.values(c).some(t=>t.toLowerCase().includes(e))):String(t.value).toLowerCase().includes(e);var c;return i.includes(e)||o})}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){this.slottedDatasource.length>0?Fx(this.slottedDatasource[0],this.filterSearchValue):(this.loading=!1,xx.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality."))}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Escape":if(this.open){this.open=!1;break}break;case"ArrowUp":case"ArrowDown":if(!this.open){this.open=!0;break}break;default:return!0}}clear(e={}){const{clearSelectedValues:t=!0,clearFilterText:i=!0}=e;t&&(this.selectedOptions=[],this.$emit("selectionChange",this.selectedOptions)),i&&(this.filterSearchValue="",this.setFilter(),this.filterSearchInput&&(this.filterSearchInput.value="")),this.$emit("clear",{clearSelectedValues:t,clearFilterText:i})}}Nu([re],WL.prototype,"name",void 0),Nu([re({mode:"boolean",attribute:"auto-position"})],WL.prototype,"autoPosition",void 0),Nu([re({mode:"boolean"})],WL.prototype,"all",void 0),Nu([re({mode:"boolean"})],WL.prototype,"allSelected",void 0),Nu([re({mode:"boolean"})],WL.prototype,"search",void 0),Nu([re({mode:"boolean"})],WL.prototype,"disabled",void 0),Nu([re({mode:"boolean"})],WL.prototype,"creatable",void 0),Nu([re({mode:"boolean"})],WL.prototype,"async",void 0),Nu([re],WL.prototype,"debounce",void 0),Nu([re({mode:"boolean"})],WL.prototype,"resizable",void 0),Nu([re],WL.prototype,"tabindex",void 0),Nu([re({mode:"boolean",attribute:"filter-by-contains"})],WL.prototype,"filterByContains",void 0),Nu([g],WL.prototype,"defaultSlottedNodes",void 0),Nu([g],WL.prototype,"slottedDatasource",void 0),Nu([g],WL.prototype,"valueFormatter",void 0),Nu([g],WL.prototype,"loading",void 0),Nu([g],WL.prototype,"filterSearchValue",void 0),Nu([g],WL.prototype,"open",void 0),Nu([g],WL.prototype,"options",void 0),Nu([g],WL.prototype,"selectedOptions",void 0),Nu([g],WL.prototype,"filteredAvailableOptions",void 0),Nu([g],WL.prototype,"scrollContainer",void 0),Nu([re],WL.prototype,"position",void 0),Nu([g],WL.prototype,"onAllSelectedCallback",void 0),Nu([g],WL.prototype,"itemRenderer",void 0),Nu([v],WL.prototype,"getDisplayValue",null),Nu([v],WL.prototype,"getPlaceholder",null),Nu([v],WL.prototype,"isAllOptionsDisabled",null),Nu([v],WL.prototype,"areAllOptionsSelected",null),Nu([v],WL.prototype,"showCreatable",null),Nu([g],WL.prototype,"optionsHeaderSlottedNodes",void 0),WL.compose(Object.assign({baseName:"multiselect",template:jL,styles:HL,shadowOptions:qL},GL));const YL=Ce` .root{position: relative;width: 100%;min-width: 250px}.control-button{display: flex;justify-content: center;min-width: 31px;width: 31px;height: 31px;margin-left: calc(var(--design-unit) * 2px);color: var(--neutral-foreground-hint)}.control{cursor: pointer;position: relative;display: flex;justify-content: end;align-items: center;width: 100%;border-radius: calc(var(--control-corner-radius) * 1px)}.label{display: block;cursor: pointer;font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height);font-style: normal;font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{display: none}.control:hover .control-button, .control:hover .label{color: var(--neutral-foreground-rest)}button{pointer-events: none}.options{display: flex;flex-direction: column;position: absolute;height: max-content;overflow-y: hidden;margin-top: 5px;padding: calc((var(--design-unit) + 3) * 2px) calc((var(--design-unit) + 3) * 1px);border: 1px solid rgba(46 51 57 / 100%);border-radius: 4px;background: var(--neutral-fill-input-rest);width: 100%;max-height: 0;visibility: hidden;transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s;z-index: 999}.option-content{display: flex;align-items: center;gap: calc(var(--design-unit) * 4px);width: 100%}.icon-container{display: flex;align-items: center;justify-content: center;width: calc( ((var(--base-height-multiplier) * var(--design-unit)) + (var(--design-unit) * 2)) * 1px + 4px );height: calc( ((var(--base-height-multiplier) * var(--design-unit)) + (var(--design-unit) * 2)) * 1px );border-radius: calc((var(--control-corner-radius) - 1) * 2px);background: var(--neutral-layer-2);box-sizing: border-box;box-shadow: 0 0 5px 0 rgba(0 0 0 / 35%);flex-shrink: 0}.text-content{display: flex;flex-direction: column;flex: 1}.svg-icon{height: 2em}.position-above{bottom: 100%}.checkbox-container{display: flex;flex-direction: column;overflow-y: scroll;scrollbar-width: thin;scrollbar-color: rgb(46 48 53) rgb(31 33 38)}span{border-bottom: calc(var(--stroke-width) * 1px) solid;border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);padding: calc((var(--design-unit) + 2) * 2px) calc((var(--design-unit) + 3) * 1px);font-size: calc((var(--type-ramp-base-font-size) - 1px));color: var(--neutral-foreground-hint)}.multiselect-checkbox{min-width: fit-content;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid;border-color: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);padding: calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px) calc((var(--design-unit) + 3) * 1px) 0;margin: 0}.multiselect-checkbox:hover{background-color: rgb(45 47 51);cursor: pointer}.multiselect-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis}.multiselect-checkbox::part(control){min-width: calc( ( (var(--base-height-multiplier) + var(--density)) * var(--design-unit) / 2 + var(--design-unit) ) * 1px )}.checkbox-container .multiselect-checkbox[disabled]{cursor: not-allowed}.description{text-wrap: wrap;font-size: calc((var(--type-ramp-base-font-size) - 1px));margin: calc((var(--design-unit) + 3) * 1px) 0}#filter-search{padding: 5px}::-webkit-scrollbar{width: 12px}::-webkit-scrollbar-track{background: rgb(31 33 38)}::-webkit-scrollbar-thumb{width: 8px;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);background-color: rgb(46 48 53);border: 3px solid rgb(31 33 38)}.visible{visibility: visible;max-height: ${450..toString()}px}`,KL=(e="foundation")=>W`<div class="root" part="root"><div class="control" part="control" @click=${e=>!e.disabled&&e.toggle()}><label part="label" for="control" class=${e=>{var t;return Jt("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot ${Ke({property:"defaultSlottedNodes",filter:Fs})}></slot></label><${e}-button class="control-button" part="control-button"><slot name="button-content"><${e}-icon name="plus" variant="solid" size="lg"></${e}-icon></slot></${e}-button></div><div ${Ie("optionsElement")}class="options" part="options">${He(e=>e.search,W`<${e}-text-field id="filter-search" part="filter-search" value=${Nf(e=>e.filterSearchValue,"string","input")}placeholder="${e=>e.getPlaceholder}" @input=${(e,t)=>e.setFilter()}@change=${(e,t)=>e.changeHandler(t.event)}></${e}-text-field>`)}<div class="checkbox-container" part="checkbox-container">${qe(e=>e.filteredAvailableOptions,W`<span>${e=>e.type}</span>${qe(e=>e.options,W`<${e}-checkbox class="multiselect-checkbox" part="multiselect-checkbox" @click=${(e,t)=>t.parentContext.parent.selectCheckboxOne(e)}@change=${(e,t)=>t.parentContext.parent.changeHandler(t.event)}?current-checked="${(e,t)=>t.parentContext.parent.isOptionSelected(e)}" ?disabled="${(e,t)=>t.parentContext.parent.isOptionDisabled(e)}"><div class="option-content">${He(e=>e.icon||e.svg,W`<div class="icon-container">${He(e=>e.icon,W`<${e}-icon style="color:${e=>e.iconColor||"#fff"}" name="${e=>e.icon}" size="xl"></${e}-icon>`)} ${He(e=>e.svg,W`<img class="svg-icon" src="${e=>e.svg}" alt="${e=>e.label}" />`)}</div>`)}<div class="text-content"><div class="option-label">${(e,t)=>t.parentContext.parent.getItemLabel(e)}</div>${He(e=>e.description,W`<p class="description">${e=>e.description}</p>`)}</div></div></${e}-checkbox>`)} `)}</div></div></div>`,ZL=W` ${KL()} `,QL=void 0,XL={};class JL extends qt{constructor(){super(...arguments),this.name="",this.autoPosition=!0,this.search=!0,this.disabled=!1,this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.position=RL.BELOW}openChanged(e,t){var i,o;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(o=this.optionsElement)||void 0===o||o.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===RL.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}toggle(){this.open||this.setDropdownPosition(),this.open=!this.open}sortFilteredOptions(e){const t=(null!=e?e:this.options).reduce((e,t)=>{const i=t.type||"Other";return e[i]?e[i].options.push(t):e[i]={type:i,options:[t]},e},{});return Object.values(t)}optionsChanged(){this.filteredAvailableOptions=this.sortFilteredOptions()}setDropdownPosition(){let e=this.position;if(this.autoPosition){let t=this.assignedSlot?this.assignedSlot.parentElement:this.parentElement;for(;t&&!t.classList.contains("content-wrapper");)t=t.parentElement;if(t){const i=t.getBoundingClientRect(),o=this.getBoundingClientRect(),c=i.top+i.height/2;e=o.top<c?RL.BELOW:RL.ABOVE}else{const t=this.getBoundingClientRect(),i=window.innerHeight,o=t.top,c=i-t.bottom;e=c<t.height&&o>c?RL.ABOVE:RL.BELOW}}e===RL.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===RL.BELOW&&(this.optionsElement.classList.add("position-below"),this.optionsElement.classList.remove("position-above"))}optionGetter(e){return e.value}getItemLabel(e){let t;return e?(t=e.label||e.value||"",this.valueFormatter?this.valueFormatter(t):t):""}isOptionDisabled(e){return e&&"string"!=typeof e&&e.disabled||!1}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}isOptionSelected(e){return this.selectedOptions.includes(this.optionGetter(e))}selectCheckboxOne(e){const t=this.optionGetter(e);this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}setFilter(){const e=this.options.filter(e=>{var t;const i=e.description,o=null!==(t=e.label)&&void 0!==t?t:e.value;return(null==i?void 0:i.toLowerCase().includes(this.filterSearchValue.toLowerCase()))||o.toLowerCase().includes(this.filterSearchValue.toLowerCase())?e:void 0});this.filteredAvailableOptions=this.sortFilteredOptions(e)}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){Lx(e,this)&&(this.open=!1)}}Nu([re],JL.prototype,"name",void 0),Nu([re({mode:"boolean",attribute:"auto-position"})],JL.prototype,"autoPosition",void 0),Nu([re({mode:"boolean"})],JL.prototype,"search",void 0),Nu([re({mode:"boolean"})],JL.prototype,"disabled",void 0),Nu([g],JL.prototype,"defaultSlottedNodes",void 0),Nu([g],JL.prototype,"valueFormatter",void 0),Nu([g],JL.prototype,"filterSearchValue",void 0),Nu([g],JL.prototype,"open",void 0),Nu([g],JL.prototype,"options",void 0),Nu([g],JL.prototype,"selectedOptions",void 0),Nu([g],JL.prototype,"filteredAvailableOptions",void 0),Nu([g],JL.prototype,"position",void 0),Nu([v],JL.prototype,"getPlaceholder",null),JL.compose(Object.assign({baseName:"categorized-multiselect",template:ZL,styles:YL,shadowOptions:QL},XL));const eM=(e,t)=>Io(0,t),tM=(e,t)=>Ce` ${rh()}`;class iM extends _o{}const oM=void 0,cM={checkedIndicator:'\n <svg\n aria-hidden="true"\n part="checked-indicator"\n class="checked-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',indeterminateIndicator:'\n <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n '};iM.compose(Object.assign({baseName:"checkbox",template:eM,styles:tM,shadowOptions:oM},cM));const sM=(e,t)=>Ce` .combo-box-indicator{transition-property: transform;transition-duration: 0.2s;transition-timing-function: ease-out}:host([open]) .combo-box-indicator{transform: rotate(180deg)}${hh(e)}`,nM=(e,t)=>W`<template aria-activedescendant="${e=>e.activeDescendant}" class="${e=>e.open?"open":""} ${e=>e.disabled?"disabled":""} ${e=>e.position}" ?open="${e=>e.open}" @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><div class="control" part="control">${et(0,t)}<slot name="control"><input aria-activedescendant="${e=>e.activeDescendant}" aria-autocomplete="${e=>e.ariaAutoComplete||e.autocomplete}" aria-controls="${e=>e.ariaControls||e.listboxId}" aria-disabled="${e=>e.disabled?"true":"false"}" aria-expanded="${e=>e.open?"true":"false"}" aria-haspopup="listbox" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" autocomplete="${e=>e.autocomplete}" class="selected-value" part="selected-value" placeholder="${e=>e.placeholder}" role="combobox" type="text" ?disabled="${e=>e.disabled}" :value="${e=>e.value}" @input="${(e,t)=>e.inputHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}" ${Ie("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${Je(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Ie("listbox")}><slot ${Ie("slottedDatasource")} ${Ke({filter:Bo.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`;var aM,rM;class lM extends uh{constructor(){super(...arguments),aM.set(this,void 0),rM.set(this,!1),this.needManualChangeEventDispatch=!1,this.async=!1,this.debounce=500,this.caseSensitive=!1,this.ignoreInputClick=!1,this.filterMode="startsWith",this.scrollToSelectedWhenOpening=!1,this.scrollToSelectedWhenOpeningOptions={behavior:"auto",block:"nearest"},this.scrollWhenSelectionChanges=!1,this.scrollWhenSelectionChangesOptions={behavior:"auto",block:"center"},this.resetCombobox=()=>{this.selectedOptions=[],this.selectedIndex=-1,this.value="",this.control.value="",this.filter="",this.filterOptions()}}get activeDescendant(){var e,t;if(this.selectedOptions&&0!==this.selectedOptions.length)return this.ariaActiveDescendant=null===(e=this.selectedOptions[0])||void 0===e?void 0:e.id,null===(t=this.selectedOptions[0])||void 0===t?void 0:t.id}debounceChanged(e,t){this.debouncedInputHandler=_L(this.asyncSetFilter,t)}get scrollableListbox(){var e,t;return null!==(e=this.listbox)&&void 0!==e?e:null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".listbox")}openChanged(){super.openChanged(),this.$emit("open-change",{open:this.open}),this.open?this.scrollToSelectedWhenOpening&&setTimeout(()=>{const e=this.options[this.selectedIndex];null==e||e.scrollIntoView(this.scrollToSelectedWhenOpeningOptions)},500):(this.manuallyDispatchChangeEvent(),this.filter="",this.filterOptions())}get value(){return m.track(this,"value"),this._ourValue}set value(e){var t,i,o;if(void 0===e)return;const c=`${this._ourValue}`;if(this.$fastController.isConnected&&this.options){const c=this.caseSensitive?t=>t.text===e:t=>t.text.toLowerCase()===String(e).toLowerCase(),s=this.options?this.options.findIndex(c):-1,n=null===(t=this.options[this.selectedIndex])||void 0===t?void 0:t.text,a=null===(i=this.options[s])||void 0===i?void 0:i.text;this.selectedIndex=a&&a!==n?s:this.selectedIndex,e&&""!==e.trim()&&-1===s&&(e=(null===(o=this.firstSelectedOption)||void 0===o?void 0:o.text)||e)}c!==e&&(this._ourValue=e,super.valueChanged(c,e),m.notify(this,"value"))}slottedOptionsChanged(e,t){this.enableAsyncForInfiniteScrollDatasource();const i=!!this.async;super.slottedOptionsChanged(e,t),this.updateValue(i)}enableAsyncForInfiniteScrollDatasource(){var e;if(this.async)return;const t=null===(e=this.slottedDatasource)||void 0===e?void 0:e.assignedNodes().find(e=>e instanceof VL);(null==t?void 0:t.infiniteScroll)&&(this.async=!0)}filterOptions(){this.autocomplete&&this.autocomplete!==Qo||(this.filter="");const e=this.filter,t=this.caseSensitive?e:e.toLowerCase();this.filteredOptions=this._options.filter(e=>{const i=this.caseSensitive?e.text:e.text.toLowerCase();return"contains"===this.filterMode?i.includes(t):i.startsWith(t)}),this.isAutocompleteList&&(this.filteredOptions.length||t||(this.filteredOptions=this._options),this._options.forEach(e=>e.hidden=!this.filteredOptions.includes(e)))}clickHandler(e){if(!this.disabled)if(Lx(e,this))this.open=!1;else{if(Mx(e,this.indicator))return this.open=!this.open,void(this.open&&this.control.focus());if(!this.ignoreInputClick||!Mx(e,this.control))return super.clickHandler(e)}}keydownHandler(e){const t=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(t){case"Enter":if(Vu(this,rM,this.open,"f"),!this.open)return this.open=!0,!0;break;case"ArrowDown":case"ArrowUp":if(!this.open)return this.open=!0,!0;if(this.scrollWhenSelectionChanges){const e=this.options[this.selectedIndex];null==e||e.scrollIntoView(this.scrollWhenSelectionChangesOptions)}break;case"Escape":if(this.control.value!==this.currentValue)return this.filter="",this.filterOptions(),this.control.value=this.currentValue,this.selectItemByValue(this.currentValue),void(this.open=!1);if(!this.open)return!0}const i=super.keydownHandler(e);return"Enter"!==t?i:void 0}keyupHandler(e){var t;const i=e.key;if(e.ctrlKey||e.shiftKey)return!0;switch(i){case"Enter":return!Pu(this,rM,"f");case"ArrowDown":case"ArrowUp":this.open&&this.firstSelectedOption&&this.autocomplete===Zo&&(this.needManualChangeEventDispatch=!0,this.currentValue=null===(t=this.firstSelectedOption)||void 0===t?void 0:t.value);break;case"Home":case"End":return;case"Backspace":case"Delete":const i=super.keyupHandler(e);return this.selectItemByValue(this.control.value),i}return super.keyupHandler(e)}get indicator(){return Pu(this,aM,"f")||Vu(this,aM,this.shadowRoot.querySelector('[part="indicator"]'),"f"),Pu(this,aM,"f")}selectItemByValue(e){var t,i,o;this.selectedIndex=null!==(i=null===(t=this.options)||void 0===t?void 0:t.findIndex(t=>t.text===e))&&void 0!==i?i:-1,null===(o=this.options)||void 0===o||o.forEach((e,t)=>e.selected=t===this.selectedIndex)}inputHandler(e){this.async?this.debouncedInputHandler():super.inputHandler(e)}asyncSetFilter(){const e=this.control.value,t=this.slottedDatasource.assignedNodes().filter(e=>e instanceof VL);t.length>0?(Fx(t[0],this.control.value),u.queueUpdate(()=>{this.control.value=e})):xx.warn("Options-datasource is not connected. Please add a datasource to use this functionality.")}manuallyDispatchChangeEvent(){this.needManualChangeEventDispatch&&this.firstSelectedOption&&this.autocomplete===Zo&&(this.dispatchEvent(new Event("change",{bubbles:!0})),this.needManualChangeEventDispatch=!1)}}aM=new WeakMap,rM=new WeakMap,Nu([g],lM.prototype,"activeDescendant",null),Nu([g],lM.prototype,"slottedDatasource",void 0),Nu([re({mode:"boolean"})],lM.prototype,"async",void 0),Nu([re],lM.prototype,"debounce",void 0),Nu([re({mode:"boolean",attribute:"case-sensitive"})],lM.prototype,"caseSensitive",void 0),Nu([re({mode:"boolean",attribute:"ignore-input-click"})],lM.prototype,"ignoreInputClick",void 0),Nu([re({attribute:"filter-mode"})],lM.prototype,"filterMode",void 0),Nu([re({mode:"boolean",attribute:"scroll-to-selected-when-opening"})],lM.prototype,"scrollToSelectedWhenOpening",void 0),Nu([g],lM.prototype,"scrollToSelectedWhenOpeningOptions",void 0),Nu([re({mode:"boolean",attribute:"scroll-when-selection-changes"})],lM.prototype,"scrollWhenSelectionChanges",void 0),Nu([g],lM.prototype,"scrollWhenSelectionChangesOptions",void 0);const dM={delegatesFocus:!0,mode:"open"},hM={indicator:'\n <svg\n class="combo-box-indicator"\n part="combo-box-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '};lM.compose(Object.assign({baseName:"combobox",template:nM,styles:sM,shadowOptions:dM},hM));const uM=(e,t)=>Ce` :host{--light-size: 12px;--height: calc(var(--design-unit) * 2px + var(--light-size));display: flex;justify-content: center;align-items: center;width: 100%;height: var(--height);margin: calc(var(--design-unit) * 2px) 0;/* https://www.colorxs.com/color/traffic-light-green-2032-20 */ --green: 50 164 49;--trafic-light-green: rgb(var(--green));--trafic-light-green-glow: rgb(var(--green) / 40%) 0 0 4px 4px, rgb(var(--green) / 20%) 0 0 8px 8px;/* https://www.colorxs.com/color/ral-3020-traffic-red */ --red: 187 30 16;--trafic-light-red: rgb(var(--red));--trafic-light-red-glow: rgb(var(--red) / 40%) 0 0 4px 4px, rgb(var(--red) / 20%) 0 0 8px 8px}.light{height: var(--light-size);width: var(--light-size);margin: 1rem;border-radius: 100%}.green{background: var(--trafic-light-green);box-shadow: var(--trafic-light-green-glow)}.red{background: var(--trafic-light-red);box-shadow: var(--trafic-light-red-glow)}.label{font-size: small;color: grey;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}`,fM=W`<div class=${e=>Jt(["light",!0],[e.colour,!0])}></div>${He(e=>e.showLabel,W`<div class="label">${e=>e.label}</div>`)} `;class pM extends qt{constructor(){super(...arguments),this.showLabel=!1,this.label="disconnected",this.colour="red"}connectedCallback(){super.connectedCallback(),this.subscription=this.connect.isConnectedSubject.subscribe(e=>{this.label=this.getLabel(e),this.colour=e?"green":"red"})}disconnectedCallback(){var e;null===(e=this.subscription)||void 0===e||e.unsubscribe()}getLabel(e){if(!e)return"disconnected";return`${this.session.getSessionStorageItem("hostUrl")} ✔`}}Nu([fz],pM.prototype,"connect",void 0),Nu([xb],pM.prototype,"session",void 0),Nu([re({mode:"boolean",attribute:"show-label"})],pM.prototype,"showLabel",void 0),Nu([g],pM.prototype,"label",void 0),Nu([g],pM.prototype,"colour",void 0),pM.compose({baseName:"connection-indicator",template:fM,styles:uM});const mM=class extends Lo{}.compose(Object.assign({baseName:"data-grid",template:(e,t)=>Co(e),styles:(e,t)=>Ce` ${fh()}`,shadowOptions:void 0},{}));const gM=class extends So{}.compose(Object.assign({baseName:"data-grid-cell",template:$o,styles:(e,t)=>Ce` ${mh()}`,shadowOptions:void 0},{}));const vM=class extends xo{}.compose(Object.assign({baseName:"data-grid-row",template:ko,styles:(e,t)=>Ce` ${ph()}`,shadowOptions:void 0},{})),bM=Ce` :host{position: relative}.date-toggle::part(control){cursor: pointer}.date-toggle::part(label){cursor: pointer}.calendar-dropdown{display: none;width: 300px;z-index: 999;position: absolute;top: 100%;left: 50%;transform: translate(-50%, 8px);margin: 10px 0 0;padding: 20px;background: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);box-shadow: 0 0 8px rgb(0 0 0 / 20%)}.calendar-dropdown.hide-weekends{width: 215px}.calendar-dropdown.top{top: auto;bottom: 100%;margin: 0 0 5px;transform: translate(-50%, -8px)}.calendar-dropdown.left{top: 50%;left: 0;margin: 0 0 0 5px;transform: translate(calc(-8px + -100%), -50%)}.calendar-dropdown.right{top: 50%;left: 100%;transform: translate(8px, -50%)}.calendar-dropdown.visible{display: block}.calendar-dropdown.inline{display: block;position: static;z-index: auto;margin-top: 5px;transform: none}.header{display: flex;justify-content: space-between;align-items: center;margin: 0 0 10px}.header h3{margin: 0;text-transform: capitalize;font-weight: bold;color: var(--neutral-foreground-rest)}.header .icon-button{height: auto;padding: 0;min-width: auto}.header .months-arrows{display: flex;gap: calc(var(--design-unit) * 2px)}.week-days{display: grid;grid-template-columns: repeat(7, 1fr);grid-gap: 5px;margin-bottom: 10px;color: var(--neutral-foreground-rest)}.week-days span{display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: bold;text-transform: capitalize}.week-days span.disabled{opacity: 60%}.month-days{display: grid;grid-template-columns: repeat(7, 1fr);grid-gap: 5px}.week-days.hide-weekends, .month-days.hide-weekends{grid-template-columns: repeat(5, 1fr)}.month-day{padding: 8px 5px;color: #808080;background: none;display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 4px);cursor: pointer;border: none}.month-day.current{opacity: 100%;color: var(--neutral-foreground-hint)}.month-day.selected{background: var(--accent-foreground-rest);color: var(--neutral-foreground-rest)}.month-day:hover:not(:disabled){background: var(--neutral-stroke-hover);color: var(--neutral-foreground-rest)}.month-day[disabled]{opacity: 50%;cursor: not-allowed}.date-toggle[readonly] .label{cursor: pointer}`,yM=[1,7],zM=e=>W`<${e}-text-field data-test-id="date-picker" readonly :value="${e=>e.inputValue}" placeholder="${e=>e.inputPlaceholder}" part="date-toggle" class="date-toggle" @click="${e=>e.toggleCalendar()}">${e=>e.label}<div class="input-icon-container" part="input-icon-container" slot="end"><${e}-icon variant="regular" name="calendar-alt" size="sm"></${e}-icon></div></${e}-text-field><div class="calendar-dropdown ${e=>e.calendarDropdownClasses} ${e=>e.position}"><div class="header"><h3>${e=>e.currentMonth} ${e=>e.currentYear}</h3><div class="months-arrows"><${e}-button class="icon-button" appearance="accent" @click="${e=>e.prevMonth()}" aria-label="previous month"><${e}-icon name="angle-left"></${e}-icon></${e}-button><${e}-button class="icon-button" appearance="accent" @click="${e=>e.nextMonth()}" aria-label="next month"><${e}-icon name="angle-right"></${e}-icon></${e}-button></div></div><div class="week-days ${e=>Jt(["hide-weekends",e.hideWeekends])}">${qe(e=>{var t;return null===(t=e.calendar)||void 0===t?void 0:t.weekDays},W` ${He((e,t)=>!t.parent.hideWeekends||-1===yM.indexOf(t.index+1),W`<span class="${(e,t)=>Jt(["disabled",-1!==t.parent.disabledDaysOfWeek.indexOf(t.index+1)])}">${(e,t)=>e.substring(0,t.parent.substringNumber)}</span>`)} `,{positioning:!0})}</div><div class="month-days ${e=>Jt(["hide-weekends",e.hideWeekends])}">${qe(e=>e.monthList,W` ${He((e,t)=>!t.parent.hideWeekends||-1===yM.indexOf(e.dayNumber),W`<button ?disabled="${(e,t)=>-1!==t.parent.disabledDaysOfWeek.indexOf(e.dayNumber)}" class="month-day ${(e,t)=>t.parent.isSelectedDate(e)?"selected":""} ${(e,t)=>e.monthNumber===t.parent.calendar.month.number?"current":""}" @click=${(e,t)=>t.parent.selectDay(e)}>${e=>e.date}</button>`)} `)}</div><slot name="bottom"></slot></div>`,xM=W` ${e=>zM(wx(e))} `;var CM,LM={exports:{}};function MM(){return CM||(CM=1,function(e){e.exports=function(){var e=1e3,t=6e4,i=36e5,o="millisecond",c="second",s="minute",n="hour",a="day",r="week",l="month",d="quarter",h="year",u="date",f="Invalid Date",p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,m=/\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}},v=function(e,t,i){var o=String(e);return!o||o.length>=t?e:""+Array(t+1-o.length).join(i)+e},b={s:v,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),o=Math.floor(i/60),c=i%60;return(t<=0?"+":"-")+v(o,2,"0")+":"+v(c,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var o=12*(i.year()-t.year())+(i.month()-t.month()),c=t.clone().add(o,l),s=i-c<0,n=t.clone().add(o+(s?-1:1),l);return+(-(o+(i-c)/(s?c-n:n-c))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:l,y:h,w:r,d:a,D:u,h:n,m:s,s:c,ms:o,Q:d}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",z={};z[y]=g;var x="$isDayjsObject",C=function(e){return e instanceof S||!(!e||!e[x])},L=function e(t,i,o){var c;if(!t)return y;if("string"==typeof t){var s=t.toLowerCase();z[s]&&(c=s),i&&(z[s]=i,c=s);var n=t.split("-");if(!c&&n.length>1)return e(n[0])}else{var a=t.name;z[a]=t,c=a}return!o&&c&&(y=c),c||!o&&y},M=function(e,t){if(C(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},w=b;w.l=L,w.i=C,w.w=function(e,t){return M(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function g(e){this.$L=L(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[x]=!0}var v=g.prototype;return v.parse=function(e){this.$d=function(e){var t=e.date,i=e.utc;if(null===t)return new Date(NaN);if(w.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var o=t.match(p);if(o){var c=o[2]-1||0,s=(o[7]||"0").substring(0,3);return i?new Date(Date.UTC(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,s)):new Date(o[1],c,o[3]||1,o[4]||0,o[5]||0,o[6]||0,s)}}return new Date(t)}(e),this.init()},v.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},v.$utils=function(){return w},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(e,t){var i=M(e);return this.startOf(t)<=i&&i<=this.endOf(t)},v.isAfter=function(e,t){return M(e)<this.startOf(t)},v.isBefore=function(e,t){return this.endOf(t)<M(e)},v.$g=function(e,t,i){return w.u(e)?this[t]:this.set(i,e)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(e,t){var i=this,o=!!w.u(t)||t,d=w.p(e),f=function(e,t){var c=w.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return o?c:c.endOf(a)},p=function(e,t){return w.w(i.toDate()[e].apply(i.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},m=this.$W,g=this.$M,v=this.$D,b="set"+(this.$u?"UTC":"");switch(d){case h:return o?f(1,0):f(31,11);case l:return o?f(1,g):f(0,g+1);case r:var y=this.$locale().weekStart||0,z=(m<y?m+7:m)-y;return f(o?v-z:v+(6-z),g);case a:case u:return p(b+"Hours",0);case n:return p(b+"Minutes",1);case s:return p(b+"Seconds",2);case c:return p(b+"Milliseconds",3);default:return this.clone()}},v.endOf=function(e){return this.startOf(e,!1)},v.$set=function(e,t){var i,r=w.p(e),d="set"+(this.$u?"UTC":""),f=(i={},i[a]=d+"Date",i[u]=d+"Date",i[l]=d+"Month",i[h]=d+"FullYear",i[n]=d+"Hours",i[s]=d+"Minutes",i[c]=d+"Seconds",i[o]=d+"Milliseconds",i)[r],p=r===a?this.$D+(t-this.$W):t;if(r===l||r===h){var m=this.clone().set(u,1);m.$d[f](p),m.init(),this.$d=m.set(u,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(e,t){return this.clone().$set(e,t)},v.get=function(e){return this[w.p(e)]()},v.add=function(o,d){var u,f=this;o=Number(o);var p=w.p(d),m=function(e){var t=M(f);return w.w(t.date(t.date()+Math.round(e*o)),f)};if(p===l)return this.set(l,this.$M+o);if(p===h)return this.set(h,this.$y+o);if(p===a)return m(1);if(p===r)return m(7);var g=(u={},u[s]=t,u[n]=i,u[c]=e,u)[p]||1,v=this.$d.getTime()+o*g;return w.w(v,this)},v.subtract=function(e,t){return this.add(-1*e,t)},v.format=function(e){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||f;var o=e||"YYYY-MM-DDTHH:mm:ssZ",c=w.z(this),s=this.$H,n=this.$m,a=this.$M,r=i.weekdays,l=i.months,d=i.meridiem,h=function(e,i,c,s){return e&&(e[i]||e(t,o))||c[i].slice(0,s)},u=function(e){return w.s(s%12||12,e,"0")},p=d||function(e,t,i){var o=e<12?"AM":"PM";return i?o.toLowerCase():o};return o.replace(m,function(e,o){return o||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return w.s(t.$y,4,"0");case"M":return a+1;case"MM":return w.s(a+1,2,"0");case"MMM":return h(i.monthsShort,a,l,3);case"MMMM":return h(l,a);case"D":return t.$D;case"DD":return w.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return h(i.weekdaysMin,t.$W,r,2);case"ddd":return h(i.weekdaysShort,t.$W,r,3);case"dddd":return r[t.$W];case"H":return String(s);case"HH":return w.s(s,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return p(s,n,!0);case"A":return p(s,n,!1);case"m":return String(n);case"mm":return w.s(n,2,"0");case"s":return String(t.$s);case"ss":return w.s(t.$s,2,"0");case"SSS":return w.s(t.$ms,3,"0");case"Z":return c}return null}(e)||c.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(o,u,f){var p,m=this,g=w.p(u),v=M(o),b=(v.utcOffset()-this.utcOffset())*t,y=this-v,z=function(){return w.m(m,v)};switch(g){case h:p=z()/12;break;case l:p=z();break;case d:p=z()/3;break;case r:p=(y-b)/6048e5;break;case a:p=(y-b)/864e5;break;case n:p=y/i;break;case s:p=y/t;break;case c:p=y/e;break;default:p=y}return f?p:w.a(p)},v.daysInMonth=function(){return this.endOf(l).$D},v.$locale=function(){return z[this.$L]},v.locale=function(e,t){if(!e)return this.$L;var i=this.clone(),o=L(e,t,!0);return o&&(i.$L=o),i},v.clone=function(){return w.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},g}(),k=S.prototype;return M.prototype=k,[["$ms",o],["$s",c],["$m",s],["$H",n],["$W",a],["$M",l],["$y",h],["$D",u]].forEach(function(e){k[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),M.extend=function(e,t){return e.$i||(e(t,S,M),e.$i=!0),M},M.locale=L,M.isDayjs=C,M.unix=function(e){return M(1e3*e)},M.en=z[y],M.Ls=z,M.p={},M}()}(LM)),LM.exports}var wM,SM=ip(MM()),kM={exports:{}};var $M,EM=(wM||(wM=1,function(e){e.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,o=/\d\d/,c=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,n={},a=function(e){return(e=+e)+(e>68?1900:2e3)},r=function(e){return function(t){this[e]=+t}},l=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),i=60*t[1]+(+t[2]||0);return 0===i?0:"+"===t[0]?-i:i}(e)}],d=function(e){var t=n[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var i,o=n.meridiem;if(o){for(var c=1;c<=24;c+=1)if(e.indexOf(o(c,0,t))>-1){i=c>12;break}}else i=e===(t?"pm":"PM");return i},u={A:[s,function(e){this.afternoon=h(e,!1)}],a:[s,function(e){this.afternoon=h(e,!0)}],Q:[i,function(e){this.month=3*(e-1)+1}],S:[i,function(e){this.milliseconds=100*+e}],SS:[o,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[c,r("seconds")],ss:[c,r("seconds")],m:[c,r("minutes")],mm:[c,r("minutes")],H:[c,r("hours")],h:[c,r("hours")],HH:[c,r("hours")],hh:[c,r("hours")],D:[c,r("day")],DD:[o,r("day")],Do:[s,function(e){var t=n.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var o=1;o<=31;o+=1)t(o).replace(/\[|\]/g,"")===e&&(this.day=o)}],w:[c,r("week")],ww:[o,r("week")],M:[c,r("month")],MM:[o,r("month")],MMM:[s,function(e){var t=d("months"),i=(d("monthsShort")||t.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[s,function(e){var t=d("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,r("year")],YY:[o,function(e){this.year=a(e)}],YYYY:[/\d{4}/,r("year")],Z:l,ZZ:l};function f(i){var o,c;o=i,c=n&&n.formats;for(var s=(i=o.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,o){var s=o&&o.toUpperCase();return i||c[o]||e[o]||c[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),a=s.length,r=0;r<a;r+=1){var l=s[r],d=u[l],h=d&&d[0],f=d&&d[1];s[r]=f?{regex:h,parser:f}:l.replace(/^\[|\]$/g,"")}return function(e){for(var t={},i=0,o=0;i<a;i+=1){var c=s[i];if("string"==typeof c)o+=c.length;else{var n=c.regex,r=c.parser,l=e.slice(o),d=n.exec(l)[0];r.call(t,d),e=e.replace(d,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var i=e.hours;t?i<12&&(e.hours+=12):12===i&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,i){i.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var o=t.prototype,c=o.parse;o.parse=function(e){var t=e.date,o=e.utc,s=e.args;this.$u=o;var a=s[1];if("string"==typeof a){var r=!0===s[2],l=!0===s[3],d=r||l,h=s[2];l&&(h=s[2]),n=this.$locale(),!r&&h&&(n=i.Ls[h]),this.$d=function(e,t,i,o){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var c=f(t)(e),s=c.year,n=c.month,a=c.day,r=c.hours,l=c.minutes,d=c.seconds,h=c.milliseconds,u=c.zone,p=c.week,m=new Date,g=a||(s||n?1:m.getDate()),v=s||m.getFullYear(),b=0;s&&!n||(b=n>0?n-1:m.getMonth());var y,z=r||0,x=l||0,C=d||0,L=h||0;return u?new Date(Date.UTC(v,b,g,z,x,C,L+60*u.offset*1e3)):i?new Date(Date.UTC(v,b,g,z,x,C,L)):(y=new Date(v,b,g,z,x,C,L),p&&(y=o(y).week(p).toDate()),y)}catch(e){return new Date("")}}(t,a,o,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),d&&t!=this.format(a)&&(this.$d=new Date("")),n={}}else if(a instanceof Array)for(var u=a.length,p=1;p<=u;p+=1){s[1]=a[p-1];var m=i.apply(this,s);if(m.isValid()){this.$d=m.$d,this.$L=m.$L,this.init();break}p===u&&(this.$d=new Date(""))}else c.call(this,e)}}}()}(kM)),kM.exports),NM=ip(EM),AM={exports:{}};var OM,TM=($M||($M=1,function(e){e.exports=function(e,t,i){var o=t.prototype,c=function(e){return e&&(e.indexOf?e:e.s)},s=function(e,t,i,o,s){var n=e.name?e:e.$locale(),a=c(n[t]),r=c(n[i]),l=a||r.map(function(e){return e.slice(0,o)});if(!s)return l;var d=n.weekStart;return l.map(function(e,t){return l[(t+(d||0))%7]})},n=function(){return i.Ls[i.locale()]},a=function(e,t){return e.formats[t]||function(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})}(e.formats[t.toUpperCase()])},r=function(){var e=this;return{months:function(t){return t?t.format("MMMM"):s(e,"months")},monthsShort:function(t){return t?t.format("MMM"):s(e,"monthsShort","months",3)},firstDayOfWeek:function(){return e.$locale().weekStart||0},weekdays:function(t){return t?t.format("dddd"):s(e,"weekdays")},weekdaysMin:function(t){return t?t.format("dd"):s(e,"weekdaysMin","weekdays",2)},weekdaysShort:function(t){return t?t.format("ddd"):s(e,"weekdaysShort","weekdays",3)},longDateFormat:function(t){return a(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};o.localeData=function(){return r.bind(this)()},i.localeData=function(){var e=n();return{firstDayOfWeek:function(){return e.weekStart||0},weekdays:function(){return i.weekdays()},weekdaysShort:function(){return i.weekdaysShort()},weekdaysMin:function(){return i.weekdaysMin()},months:function(){return i.months()},monthsShort:function(){return i.monthsShort()},longDateFormat:function(t){return a(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},i.months=function(){return s(n(),"months")},i.monthsShort=function(){return s(n(),"monthsShort","months",3)},i.weekdays=function(e){return s(n(),"weekdays",null,null,e)},i.weekdaysShort=function(e){return s(n(),"weekdaysShort","weekdays",3,e)},i.weekdaysMin=function(e){return s(n(),"weekdaysMin","weekdays",2,e)}}}(AM)),AM.exports),RM=ip(TM),IM={exports:{}};var DM,FM=(OM||(OM=1,function(e){var t;e.exports=(t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},function(e,i,o){var c=i.prototype,s=c.format;o.en.formats=t,c.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var i=this.$locale().formats,o=function(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(e,o,c){var s=c&&c.toUpperCase();return o||i[c]||t[c]||i[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})}(e,void 0===i?{}:i);return s.call(this,o)}})}(IM)),IM.exports),_M=ip(FM),HM={exports:{}};var PM=(DM||(DM=1,function(e){e.exports=function(e,t){t.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}}(HM)),HM.exports),VM=ip(PM);class BM{constructor(e,t="default"){e=null!=e?e:new Date,this.Date=e,this.date=e.getDate(),this.day=e.toLocaleString(t,{weekday:"long"}),this.dayNumber=e.getDay()+1,this.dayShort=e.toLocaleString(t,{weekday:"short"}),this.year=e.getFullYear(),this.yearShort=Number(e.toLocaleString(t,{year:"2-digit"})),this.month=e.toLocaleString(t,{month:"long"}),this.monthShort=e.toLocaleString(t,{month:"short"}),this.monthNumber=e.getMonth()+1,this.timestamp=e.getTime()}}SM.extend(VM);class UM{constructor(e=null,t="default"){const i=new BM(e,t);this.lang=t,this.name=i.month,this.number=i.monthNumber,this.year=i.year,this.numberOfDays=[31,28,31,30,31,30,31,31,30,31,30,31][this.number-1],2===this.number&&(this.numberOfDays+=SM(i.date).isLeapYear()?1:0)}getDay(e){return new BM(new Date(this.year,this.number-1,e),this.lang)}}SM.extend(VM);class jM{constructor(e=null,t=null,i="default"){this.weekDays=Array.from({length:7}),this.today=new BM(null,i),this.year=null!=e?e:this.today.year,this.month=new UM(new Date(this.year,(t||this.today.monthNumber)-1),i),this.lang=i,this.weekDays.forEach((e,t)=>{const i=this.month.getDay(t);this.weekDays[i.dayNumber-1]=i.day})}getMonth(e){return new UM(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new UM(new Date(this.year-1,11),this.lang):new UM(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new UM(new Date(this.year+1,0),this.lang):new UM(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new UM(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new UM(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new UM(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new UM(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new UM(new Date(this.year,this.month.number-1-1),this.lang)}}var qM,GM={exports:{}};function WM(e){return null!=e&&""!==String(e).trim()}qM||(qM=1,function(e){e.exports=function(e){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),o={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function(e){var t=["th","st","nd","rd"],i=e%100;return"["+e+(t[(i-20)%10]||t[i]||t[0])+"]"}};return i.default.locale(o,null,!0),o}(MM())}(GM)),SM.extend(NM),SM.extend(RM),SM.extend(_M);const YM="MM-DD-YYYY";const KM=[1,2,3,4,5,6,7],ZM=(e,t,i)=>{if(o=t,-1===e.indexOf(o.dayNumber))return t;var o;const c=KM.filter(t=>-1===e.indexOf(t));let s=c.find(e=>e>t.dayNumber);s||(s=Math.min(...c));const n=t.dayNumber<s?s-t.dayNumber:s-t.dayNumber+7;return c.length?new BM(((e,t=1)=>{const i=new Date(e);return i.setDate(e.getDate()+t),i})(t.Date,n),i):(vf.warn("Date picker disabled days - all days of week have been disabled"),t)};class QM extends qt{constructor(){super(...arguments),this.format=YM,this.lang="en-US",this.visible=!1,this.position="bottom",this.disabledDaysOfWeek=[],this.suppressValueChanged=!1,this.cachedFormat=YM,this.clickOutside=e=>this.handleClickOutside(e),this.keydownOutside=e=>this.handleKeydownOutside(e)}formatChanged(e,t){!this.useLocaleFormat&&t&&this.cacheUserFormat(t),t&&this.calendar&&WM(this.value)&&(this.formatDate=SM(this.currentDate.Date).format(t))}langChanged(){this.applyEffectiveLangChange()}useLocaleFormatChanged(e,t){this.calendar&&(t&&!e?this.cacheUserFormat(this.format):!t&&e&&this.restoreUserFormat(),this.applyEffectiveLangChange())}inlineCalendarChanged(){this.inlineCalendar?(document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside)):this.visible&&(document.addEventListener("mousedown",this.clickOutside),document.addEventListener("keydown",this.keydownOutside)),this.toggleVisibility()}hideWeekendsCalendarChanged(){this.toggleVisibility()}valueChanged(e,t){this.suppressValueChanged||this.calendar&&(WM(t)?this.applyValue(t):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate())}disconnectedCallback(){document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside),super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),SM.extend(NM),SM.extend(_M),SM.extend(RM),this.substringNumber=3,this.useLocaleFormat&&(this.cacheUserFormat(this.format),this.applyLocaleFormat());const e=this.value;!this.allowEmpty||WM(e)?WM(e)?this.applyValue(e):this.initializeWithDefaultDate():this.initializeEmpty()}clear(){this.allowEmpty&&this.clearToEmpty(!0)}get inputValue(){return WM(this.value)?this.formatDate:""}get inputPlaceholder(){var e;return!this.allowEmpty||WM(this.value)?"":(null===(e=this.placeholder)||void 0===e?void 0:e.trim())||this.format.replace(/YYYY/g,"yyyy").replace(/YY(?!Y)/g,"yy").replace(/DD/g,"dd").replace(/D(?!D)/g,"d").replace(/MM/g,"mm").replace(/M(?!M)/g,"m")}get effectiveLang(){return this.useLocaleFormat&&!this.hasAttribute("lang")?"undefined"!=typeof navigator&&navigator.language?navigator.language:"en":this.lang}applyLocaleFormat(){this.format=function(e="en"){const t=function(e){const t=((null==e?void 0:e.trim())||"en").toLowerCase().replace(/_/g,"-");return"en-us"===t||"en"===t?"en":"en-gb"===t?"en-gb":t}(e),i=SM().locale(t),o=i.locale();return(c=t)!==(s=o)&&s!==c.split("-")[0]?SM().locale("en").localeData().longDateFormat("L")||"MM/DD/YYYY":i.localeData().longDateFormat("L")||"MM/DD/YYYY";var c,s}(this.effectiveLang)}cacheUserFormat(e){const t=null==e?void 0:e.trim();t&&(this.cachedFormat=t)}restoreUserFormat(){this.format=this.cachedFormat}applyEffectiveLangChange(){var e,t;if(!this.calendar)return;this.useLocaleFormat&&this.applyLocaleFormat();const i=this.calendar.year,o=this.calendar.month.number,c=null!==(t=null===(e=this.currentDate)||void 0===e?void 0:e.Date)&&void 0!==t?t:SM().toDate();this.currentDate=new BM(c,this.effectiveLang),this.calendar=new jM(i,o,this.effectiveLang),WM(this.value)&&(this.formatDate=SM(this.currentDate.Date).format(this.format)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}syncValueAttribute(e){this.suppressValueChanged=!0,this.value=e,this.suppressValueChanged=!1}initializeEmpty(){const e=SM();this.currentDate=new BM(e.toDate(),this.effectiveLang),this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate="",this.syncValueAttribute(""),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.monthList=this.getMonthDaysGrid()}initializeWithDefaultDate(){this.resetToDefaultDate(!0)}resetToDefaultDate(e=!1){var t;let i=new BM(SM().toDate(),this.effectiveLang);(null===(t=this.disabledDaysOfWeek)||void 0===t?void 0:t.length)&&(i=ZM(this.disabledDaysOfWeek,i,this.effectiveLang)),this.currentDate=i,e||!this.calendar?this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang):this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(this.currentDate.Date).format(YM)),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.monthList=this.getMonthDaysGrid()}applyValue(e){const t=function(e,t){const i=String(e).trim(),o=SM(i,t,!0);if(o.isValid())return o;const c=SM(i,YM,!0);return c.isValid()?c:null}(e,this.format);t?(this.currentDate=new BM(t.toDate(),this.effectiveLang),this.calendar?this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year):this.calendar=new jM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(this.currentDate.Date).format(YM)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate()}clearToEmpty(e){const t=SM();this.currentDate=new BM(t.toDate(),this.effectiveLang),this.calendar&&(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()),this.formatDate="",this.syncValueAttribute(""),e&&this.$emit("value-changed",void 0)}updateHeaderText(){this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year}visibleChanged(e,t){this.inlineCalendar||(t?(document.addEventListener("mousedown",this.clickOutside),document.addEventListener("keydown",this.keydownOutside)):(document.removeEventListener("mousedown",this.clickOutside),document.removeEventListener("keydown",this.keydownOutside)))}handleKeydownOutside(e){!this.inlineCalendar&&this.visible&&"Escape"===e.key&&(e.preventDefault(),this.closeCalendar())}handleClickOutside(e){!this.inlineCalendar&&this.visible&&Lx(e,this)&&this.closeCalendar()}closeCalendar(){this.visible&&(this.visible=!1,this.toggleVisibility())}toggleCalendar(){this.visible=!this.visible,this.toggleVisibility(),this.isCurrentCalendarMonth()||(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText())}toggleVisibility(){this.calendarDropdownClasses=Jt(["visible",this.visible],this.position,["inline",this.inlineCalendar],["hide-weekends",this.hideWeekends])}isSelectedDate(e){return!(this.allowEmpty&&!WM(this.value))&&SM(e.Date).isSame(this.currentDate.Date,"day")}isCurrentCalendarMonth(){return this.currentMonth===this.currentDate.monthNumber&&this.currentYear===this.currentDate.year}prevMonth(){this.calendar.goToPreviousMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}nextMonth(){this.calendar.goToNextMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}selectDay(e){SM(e.Date).isSame(this.currentDate.Date,"day")&&WM(this.value)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=SM(this.currentDate.Date).format(this.format),this.syncValueAttribute(SM(e.Date).format(YM)),this.$emit("value-changed",this.value),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),i=e.dayNumber-1,o=this.calendar.month.numberOfDays+i,c=Array.from({length:o});for(let e=i;e<o;e+=1)c[e]=this.calendar.month.getDay(e+1-i);for(let e=0;e<i;e+=1){const o=i-(e+1);c[e]=t.getDay(t.numberOfDays-o)}return c}}Nu([re],QM.prototype,"format",void 0),Nu([re],QM.prototype,"lang",void 0),Nu([re({attribute:"use-locale-format",mode:"boolean"})],QM.prototype,"useLocaleFormat",void 0),Nu([re],QM.prototype,"visible",void 0),Nu([re({attribute:"inline-calendar",mode:"boolean"})],QM.prototype,"inlineCalendar",void 0),Nu([re({attribute:"hide-weekends",mode:"boolean"})],QM.prototype,"hideWeekends",void 0),Nu([re],QM.prototype,"position",void 0),Nu([re],QM.prototype,"label",void 0),Nu([re({attribute:"allow-empty",mode:"boolean"})],QM.prototype,"allowEmpty",void 0),Nu([re],QM.prototype,"placeholder",void 0),Nu([re],QM.prototype,"value",void 0),Nu([g],QM.prototype,"currentDate",void 0),Nu([g],QM.prototype,"currentMonth",void 0),Nu([g],QM.prototype,"currentYear",void 0),Nu([g],QM.prototype,"calendarDropdownClasses",void 0),Nu([g],QM.prototype,"formatDate",void 0),Nu([g],QM.prototype,"monthList",void 0),Nu([g],QM.prototype,"disabledDaysOfWeek",void 0),Nu([g],QM.prototype,"calendar",void 0),QM.compose(Object.assign({baseName:"date-picker",styles:bM,template:xM,shadowOptions:void 0},{}));class XM{constructor(){this.value=null}}Nu([g],XM.prototype,"value",void 0),new XM;const JM=(e,t,i)=>{const o=i?(e,t)=>e.setValueFor(i,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach(i=>{const c=`${i}Value`;t[c]&&o(e[i],t[c])})};function ew(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}const tw={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=Fa(e);return t?Va.create(t.r,t.g,t.b):null}},iw=e=>Wa.from(Va.from(Fa(e)));Va.create(1,1,1),Va.create(0,0,0);const ow=Fa("#585858"),cw=Va.create(ow.r,ow.g,ow.b),sw=Fa("#ffffff"),nw=Va.create(sw.r,sw.g,sw.b),aw=Wa.from(nw),rw=Fa("#eeeeee"),lw=Va.create(rw.r,rw.g,rw.b);Wa.from(lw);const dw=Fa("#08c3a5"),hw=Va.create(dw.r,dw.g,dw.b);Wa.from(hw);const{create:uw}=vc,fw=uw("fui-fill-color").withDefault(cw),pw=uw({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(nw);function mw(e,t){return e.colorContrast(t,14)}const gw=uw({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault(e=>mw(uw("fui-card-palette").withDefault(aw).getValueFor(e),pw.getValueFor(e)));var vw=Object.freeze({__proto__:null,fuiFillColor:fw,fuiCardFillColor:pw,defaultNeutralForegroundContrast:14,neutralForeground:mw,fuiCardForegroundColor:gw,accentFillActive:Al,accentFillActiveDelta:Dr,accentFillFocus:Ol,accentFillFocusDelta:Fr,accentFillHover:Nl,accentFillHoverDelta:Ir,accentFillRest:El,accentFillRestDelta:Rr,accentForegroundActive:Yl,accentForegroundActiveDelta:Pr,accentForegroundFocus:Kl,accentForegroundFocusDelta:Vr,accentForegroundHover:Wl,accentForegroundHoverDelta:Hr,accentForegroundRest:Gl,accentForegroundRestDelta:_r,accentPalette:fl,baseHeightMultiplier:nr,baseLayerLuminance:rr,bodyFont:sr,controlCornerRadius:lr,density:dr,designUnit:hr,direction:ur,disabledOpacity:fr,fillColor:Sl,focusStrokeInner:xd,focusStrokeOuter:yd,focusStrokeWidth:mr,foregroundOnAccentActive:Fl,foregroundOnAccentActiveLarge:Bl,foregroundOnAccentFocus:_l,foregroundOnAccentFocusLarge:Ul,foregroundOnAccentHover:Dl,foregroundOnAccentHoverLarge:Vl,foregroundOnAccentRest:Il,foregroundOnAccentRestLarge:Pl,neutralFillActive:Jl,neutralFillActiveDelta:jr,neutralFillFocus:ed,neutralFillFocusDelta:qr,neutralFillHover:Xl,neutralFillHoverDelta:Ur,neutralFillInputActive:cd,neutralFillInputActiveDelta:Yr,neutralFillInputFocus:sd,neutralFillInputFocusDelta:Kr,neutralFillInputHover:od,neutralFillInputHoverDelta:Wr,neutralFillInputRest:id,neutralFillInputRestDelta:Gr,neutralFillLayerRest:vd,neutralFillLayerRestDelta:cl,neutralFillRest:Ql,neutralFillRestDelta:Br,neutralFillStealthActive:ld,neutralFillStealthActiveDelta:Xr,neutralFillStealthFocus:dd,neutralFillStealthFocusDelta:Jr,neutralFillStealthHover:rd,neutralFillStealthHoverDelta:Qr,neutralFillStealthRest:ad,neutralFillStealthRestDelta:Zr,neutralFillStrongActive:pd,neutralFillStrongActiveDelta:il,neutralFillStrongFocus:md,neutralFillStrongFocusDelta:ol,neutralFillStrongHover:fd,neutralFillStrongHoverDelta:tl,neutralFillStrongRest:ud,neutralFillStrongRestDelta:el,neutralForegroundHint:Ld,neutralForegroundRest:wd,neutralLayer1:yl,neutralLayer2:xl,neutralLayer3:Ll,neutralLayer4:wl,neutralLayerCardContainer:ml,neutralLayerFloating:vl,neutralPalette:hl,neutralStrokeActive:Ed,neutralStrokeActiveDelta:al,neutralStrokeDividerRest:Od,neutralStrokeDividerRestDelta:ll,neutralStrokeFocus:Nd,neutralStrokeFocusDelta:rl,neutralStrokeHover:$d,neutralStrokeHoverDelta:nl,neutralStrokeRest:kd,neutralStrokeRestDelta:sl,strokeWidth:pr,typeRampBaseFontSize:gr,typeRampBaseLineHeight:vr,typeRampMinus1FontSize:br,typeRampMinus1LineHeight:yr,typeRampMinus2FontSize:zr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Cr,typeRampPlus1LineHeight:Lr,typeRampPlus2FontSize:Mr,typeRampPlus2LineHeight:wr,typeRampPlus3FontSize:Sr,typeRampPlus3LineHeight:kr,typeRampPlus4FontSize:$r,typeRampPlus4LineHeight:Er,typeRampPlus5FontSize:Nr,typeRampPlus5LineHeight:Ar,typeRampPlus6FontSize:Or,typeRampPlus6LineHeight:Tr});const bw=iw("#08c3a5"),yw=iw("#eeeeee"),zw=tr,xw=zi.ltr;var Cw=Object.freeze({__proto__:null,accentPaletteValue:bw,neutralPaletteValue:yw,baseLayerLuminanceValue:zw,directionValue:xw,controlCornerRadiusValue:4,designUnitValue:4});
|
|
63
62
|
/*!
|
|
64
63
|
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
|
|
65
64
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|