@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 Eo=["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 _d(e,t,i,c){var o,s=arguments.length,a=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a}Qt.compose({baseName:"accordion-item",template:st,styles:Hd,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 '}),Ai.compose({baseName:"accordion",template:Xt,styles:Dd});const Pd="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))));",Vd=Me` ${Xa("inline-flex")} :host{font-family: ${nr};outline: none;font-size: ${br};line-height: ${yr};height: calc(${Fd} * 1px);min-width: calc(${Fd} * 1px);background-color: ${Jl};color: ${kd};border-radius: calc(${hr} * 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 + (${fr} * 2 * ${ur})) * 1px);white-space: nowrap;outline: none;text-decoration: none;border: calc(${gr} * 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: ${ed}}:host(:active){background-color: ${td}}.control:${Ja}{border-color: ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} 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(Ka(Me` :host .control{background-color: ${Ei.ButtonFace};border-color: ${Ei.ButtonText};color: ${Ei.ButtonText};fill: currentColor}:host(:hover) .control{forced-color-adjust: none;background-color: ${Ei.Highlight};color: ${Ei.HighlightText}}.control:${Ja}{forced-color-adjust: none;background-color: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.ButtonText} inset;color: ${Ei.HighlightText}}.control:hover, :host([appearance="outline"]) .control:hover{border-color: ${Ei.ButtonText}}:host([href]) .control{border-color: ${Ei.LinkText};color: ${Ei.LinkText}}:host([href]) .control:hover, :host([href]) .control:${Ja}{forced-color-adjust: none;background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};box-shadow: 0 0 0 1px ${Ei.LinkText} inset;color: ${Ei.LinkText};fill: currentColor}`)),Bd=Me` :host([appearance="accent"]){background: ${Al};color: ${Fl}}:host([appearance="accent"]:hover){background: ${Ol};color: ${Hl}}:host([appearance="accent"]:active) .control:active{background: ${Tl};color: ${_l}}:host([appearance="accent"]) .control:${Ja}{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset, 0 0 0 calc((${vr} + ${gr}) * 1px) ${xd} inset}`.withBehaviors(Ka(Me` :host([appearance="accent"]) .control{forced-color-adjust: none;background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([appearance="accent"]) .control:hover, :host([appearance="accent"]:active) .control:active{background: ${Ei.HighlightText};border-color: ${Ei.Highlight};color: ${Ei.Highlight}}:host([appearance="accent"]) .control:${Ja}{border-color: ${Ei.Highlight};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.HighlightText} inset}:host([appearance="accent"][href]) .control{background: ${Ei.LinkText};color: ${Ei.HighlightText}}:host([appearance="accent"][href]) .control:hover{background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};box-shadow: none;color: ${Ei.LinkText};fill: currentColor}:host([appearance="accent"][href]) .control:${Ja}{border-color: ${Ei.LinkText};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.HighlightText} inset}`)),Ud=Me` :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: ${Yl};border-bottom: calc(${gr} * 1px) solid ${Yl}}:host([appearance="hypertext"]:hover), :host([appearance="hypertext"]) .control:hover{background: transparent;border-bottom-color: ${Kl}}:host([appearance="hypertext"]:active), :host([appearance="hypertext"]) .control:active{background: transparent;border-bottom-color: ${Zl}}:host([appearance="hypertext"]) .control:${Ja}{border-bottom: calc(${vr} * 1px) solid ${Cd};margin-bottom: calc(calc(${gr} - ${vr}) * 1px)}`.withBehaviors(Ka(Me` :host([appearance="hypertext"]:hover){background-color: ${Ei.ButtonFace};color: ${Ei.ButtonText}}:host([appearance="hypertext"][href]) .control:hover, :host([appearance="hypertext"][href]) .control:active, :host([appearance="hypertext"][href]) .control:${Ja}{color: ${Ei.LinkText};border-bottom-color: ${Ei.LinkText};box-shadow: none}`)),jd=Me` :host([appearance="lightweight"]){background: transparent;color: ${Yl}}:host([appearance="lightweight"]) .control{padding: 0;height: initial;border: none;box-shadow: none;border-radius: 0}:host([appearance="lightweight"]:hover){background: transparent;color: ${Kl}}:host([appearance="lightweight"]:active){background: transparent;color: ${Zl}}:host([appearance="lightweight"]) .content{position: relative}:host([appearance="lightweight"]) .content::before{content: "";display: block;height: calc(${gr} * 1px);position: absolute;top: calc(1em + 4px);width: 100%}:host([appearance="lightweight"]:hover) .content::before{background: ${Kl}}:host([appearance="lightweight"]:active) .content::before{background: ${Zl}}:host([appearance="lightweight"]) .control:${Ja} .content::before{background: ${kd};height: calc(${vr} * 1px)}`.withBehaviors(Ka(Me` :host([appearance="lightweight"]) .control:hover, :host([appearance="lightweight"]) .control:${Ja}{forced-color-adjust: none;background: ${Ei.ButtonFace};color: ${Ei.Highlight}}:host([appearance="lightweight"]) .control:hover .content::before, :host([appearance="lightweight"]) .control:${Ja} .content::before{background: ${Ei.Highlight}}:host([appearance="lightweight"][href]) .control:hover, :host([appearance="lightweight"][href]) .control:${Ja}{background: ${Ei.ButtonFace};box-shadow: none;color: ${Ei.LinkText}}:host([appearance="lightweight"][href]) .control:hover .content::before, :host([appearance="lightweight"][href]) .control:${Ja} .content::before{background: ${Ei.LinkText}}`)),qd=Me` :host([appearance="outline"]){background: transparent;border-color: ${Al}}:host([appearance="outline"]:hover){border-color: ${Ol}}:host([appearance="outline"]:active){border-color: ${Tl}}:host([appearance="outline"]) .control{border-color: inherit}:host([appearance="outline"]) .control:${Ja}{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset;border-color: ${Cd}}`.withBehaviors(Ka(Me` :host([appearance="outline"]) .control{border-color: ${Ei.ButtonText}}:host([appearance="outline"]) .control:${Ja}{forced-color-adjust: none;background-color: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.ButtonText} inset;color: ${Ei.HighlightText};fill: currentColor}:host([appearance="outline"][href]) .control{background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};color: ${Ei.LinkText};fill: currentColor}:host([appearance="outline"][href]) .control:hover, :host([appearance="outline"][href]) .control:${Ja}{forced-color-adjust: none;border-color: ${Ei.LinkText};box-shadow: 0 0 0 1px ${Ei.LinkText} inset}`)),Gd=Me` :host([appearance="stealth"]){background: ${ld}}:host([appearance="stealth"]:hover){background: ${dd}}:host([appearance="stealth"]:active){background: ${hd}}`.withBehaviors(Ka(Me` :host([appearance="stealth"]), :host([appearance="stealth"]) .control{forced-color-adjust: none;background: ${Ei.ButtonFace};border-color: transparent;color: ${Ei.ButtonText};fill: currentColor}:host([appearance="stealth"]:hover) .control{background: ${Ei.Highlight};border-color: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"]:${Ja}) .control{background: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"][href]) .control{color: ${Ei.LinkText}}:host([appearance="stealth"][href]:hover) .control, :host([appearance="stealth"][href]:${Ja}) .control{background: ${Ei.LinkText};border-color: ${Ei.LinkText};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"][href]:${Ja}) .control{forced-color-adjust: none;box-shadow: 0 0 0 1px ${Ei.LinkText}}`));class Wd{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&&pr.unsubscribe(t)}attach(e){const t=this.cache.get(e)||new Yd(this.ltr,this.rtl,e),i=pr.getValueFor(e);pr.subscribe(t),t.attach(i),this.cache.set(e,t)}}class Yd{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 Kd(e,t){return new Za("appearance",e,t)}const Zd=(e,t)=>Me` ${Vd} `.withBehaviors(Kd("accent",Bd),Kd("hypertext",Ud),Kd("lightweight",jd),Kd("outline",qd),Kd("stealth",Gd));class Qd extends Ri{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")}}_d([de],Qd.prototype,"appearance",void 0),Qd.compose({baseName:"anchor",baseClass:Ri,template:Oi,styles:Zd,shadowOptions:{delegatesFocus:!0}});const Xd=(e,t)=>Me` :host{contain: layout;display: block}`;Hi.compose({baseName:"anchored-region",template:Di,styles:Xd});const Jd=(e,t)=>Me` ${Xa("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( ( (${rr} + ${ur}) * ${fr} + ((${fr} * 8) - 40) ) * 1px );--avatar-text-size: ${br};--avatar-text-ratio: ${fr}}.link{text-decoration: none;color: ${kd};display: flex;flex-direction: row;justify-content: center;align-items: center;min-width: 100%}.square{border-radius: calc(${hr} * 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(Ki)}){position: absolute;display: block}`.withBehaviors(new Wd((e=>Me` ::slotted(${e.tagFor(Ki)}){right: 0}`)(e),(e=>Me` ::slotted(${e.tagFor(Ki)}){left: 0}`)(e)));class eh extends Wi{}_d([de({attribute:"src"})],eh.prototype,"imgSrc",void 0),_d([de],eh.prototype,"alt",void 0);const th=K` ${Ve(e=>e.imgSrc,K`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `;eh.compose({baseName:"avatar",baseClass:Wi,template:Gi,styles:Jd,media:th,shadowOptions:{delegatesFocus:!0}});const ih=(e,t)=>Me` ${Xa("inline-block")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${zr};line-height: ${Cr}}.control{border-radius: calc(${hr} * 1px);padding: calc(((${fr} * 0.5) - ${gr}) * 1px) calc((${fr} - ${gr}) * 1px);color: ${Yl};font-weight: 600;border: calc(${gr} * 1px) solid transparent}.control[style]{font-weight: 400}:host([circular]) .control{border-radius: 100px;padding: 0 calc(${fr} * 1px);height: calc((${Fd} - (${fr} * 3)) * 1px);min-width: calc((${Fd} - (${fr} * 3)) * 1px);display: flex;align-items: center;justify-content: center;box-sizing: border-box}`;Ki.compose({baseName:"badge",template:Yi,styles:ih});const ch=(e,t)=>Me` ${Xa("inline-flex")} :host{background: transparent;box-sizing: border-box;font-family: ${nr};font-size: ${br};fill: currentColor;line-height: ${yr};min-width: calc(${Fd} * 1px);outline: none;color: ${kd}}.listitem{display: flex;align-items: center;width: max-content}.separator{margin: 0 6px;display: flex}.control{align-items: center;box-sizing: border-box;color: ${Yl};cursor: pointer;display: flex;fill: inherit;outline: none;text-decoration: none;white-space: nowrap}.control:hover{color: ${Kl}}.control:active{color: ${Zl}}.control .content{position: relative}.control .content::before{content: "";display: block;height: calc(${gr} * 1px);left: 0;position: absolute;right: 0;top: calc(1em + 4px);width: 100%}.control:hover .content::before{background: ${Kl}}.control:active .content::before{background: ${Zl}}.control:${Ja} .content::before{background: ${kd};height: calc(${vr} * 1px)}.control:not([href]){color: ${kd};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(Ka(Me` .control:hover .content::before, .control:${Ja} .content::before{background: ${Ei.LinkText}}.start, .end{fill: ${Ei.ButtonText}}`));Qi.compose({baseName:"breadcrumb-item",template:Zi,styles:ch,separator:"/",shadowOptions:{delegatesFocus:!0}});const oh=(e,t)=>Me` ${Xa("inline-block")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr}}.list{display: flex;flex-wrap: wrap}`;Ji.compose({baseName:"breadcrumb",template:Xi,styles:oh});const sh=(e,t)=>Me` :host([disabled]), :host([disabled]:hover), :host([disabled]:active){opacity: ${mr};background-color: ${Jl};cursor: ${Qa}}${Vd} `.withBehaviors(Ka(Me` :host([disabled]), :host([disabled]) .control, :host([disabled]:hover), :host([disabled]:active){forced-color-adjust: none;background-color: ${Ei.ButtonFace};border-color: ${Ei.GrayText};color: ${Ei.GrayText};cursor: ${Qa};opacity: 1}`),Kd("accent",Me` :host([appearance="accent"][disabled]), :host([appearance="accent"][disabled]:hover), :host([appearance="accent"][disabled]:active){background: ${Al}}${Bd} `.withBehaviors(Ka(Me` :host([appearance="accent"][disabled]) .control, :host([appearance="accent"][disabled]) .control:hover{background: ${Ei.ButtonFace};border-color: ${Ei.GrayText};color: ${Ei.GrayText}}`))),Kd("lightweight",Me` :host([appearance="lightweight"][disabled]:hover), :host([appearance="lightweight"][disabled]:active){background-color: transparent;color: ${Yl}}:host([appearance="lightweight"][disabled]) .content::before, :host([appearance="lightweight"][disabled]:hover) .content::before, :host([appearance="lightweight"][disabled]:active) .content::before{background: transparent}${jd} `.withBehaviors(Ka(Me` :host([appearance="lightweight"].disabled) .control{forced-color-adjust: none;color: ${Ei.GrayText}}:host([appearance="lightweight"].disabled) .control:hover .content::before{background: none}`))),Kd("outline",Me` :host([appearance="outline"][disabled]), :host([appearance="outline"][disabled]:hover), :host([appearance="outline"][disabled]:active){background: transparent;border-color: ${Al}}${qd} `.withBehaviors(Ka(Me` :host([appearance="outline"][disabled]) .control{border-color: ${Ei.GrayText}}`))),Kd("stealth",Me` :host([appearance="stealth"][disabled]), :host([appearance="stealth"][disabled]:hover), :host([appearance="stealth"][disabled]:active){background: ${ld}}${Gd} `.withBehaviors(Ka(Me` :host([appearance="stealth"][disabled]){background: ${Ei.ButtonFace}}:host([appearance="stealth"][disabled]) .control{background: ${Ei.ButtonFace};border-color: transparent;color: ${Ei.GrayText}}`))));class ah extends lc{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")}}_d([de],ah.prototype,"appearance",void 0),ah.compose({baseName:"button",baseClass:lc,template:ec,styles:sh,shadowOptions:{delegatesFocus:!0}});const nh=Me` ${Xa("block")} :host{--cell-border: none;--cell-height: calc(${Fd} * 1px);--selected-day-outline: 1px solid ${Zl};--selected-day-color: ${Zl};--selected-day-background: ${Jl};--cell-padding: calc(${fr} * 1px);--disabled-day-opacity: ${mr};--inactive-day-opacity: ${mr};font-family: ${nr};font-size: ${br};line-height: ${yr};color: ${kd}}.title{font-size: ${Er};line-height: ${$r};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(${fr} * 1px);margin-top: calc(${fr} * 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: ${Jl};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: ${Qa};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: ${_l};background: ${Zl}}.today.inactive .date{background: transparent;color: inherit;width: auto}`.withBehaviors(Ka(Me` :host{--selected-day-outline: 1px solid ${Ei.Highlight}}.day, .week-day{background: ${Ei.Canvas};color: ${Ei.CanvasText};fill: currentcolor}.day.selected{color: ${Ei.Highlight}}.today .date{background: ${Ei.Highlight};color: ${Ei.HighlightText}}`));uc.compose({baseName:"calendar",template:Tc,styles:nh,title:Nc});const rh=(e,t)=>Me` ${Xa("block")} :host{--elevation: 4;display: block;contain: content;height: var(--card-height, 100%);width: var(--card-width, 100%);box-sizing: border-box;background: ${El};border-radius: calc(${hr} * 1px);${Pd}}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;background: ${Ei.Canvas};box-shadow: 0 0 0 1px ${Ei.CanvasText}}`));class lh extends Ic{connectedCallback(){super.connectedCallback();const e=to(this);e&&El.setValueFor(this,t=>bd.getValueFor(t).evaluate(t,El.getValueFor(e)))}}lh.compose({baseName:"card",baseClass:Ic,template:Rc,styles:rh});const dh=(e,t)=>Me` ${Xa("inline-flex")} :host{align-items: center;outline: none;margin: calc(${fr} * 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((${Fd} / 2 + ${fr}) * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);box-sizing: border-box;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${$d};background: ${od};outline: none;cursor: pointer}.label{font-family: ${nr};color: ${kd};padding-inline-start: calc(${fr} * 2px + 2px);margin-inline-end: calc(${fr} * 2px + 2px);cursor: pointer;font-size: ${br};line-height: ${yr}}.label__hidden{display: none;visibility: hidden}.checked-indicator{width: 100%;height: 100%;display: block;fill: ${Fl};opacity: 0;pointer-events: none}.indeterminate-indicator{border-radius: calc(${hr} * 1px);background: ${Fl};position: absolute;top: 50%;left: 50%;width: 50%;height: 50%;transform: translate(-50%, -50%);opacity: 0}:host(:not([disabled])) .control:hover{background: ${sd};border-color: ${Nd}}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([aria-checked="true"]) .control{background: ${Al};border: calc(${gr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Ol};border: calc(${gr} * 1px) solid ${Ol}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:hover .indeterminate-indicator{background: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Tl};border: calc(${gr} * 1px) solid ${Tl}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{fill: ${_l}}:host([aria-checked="true"]:not([disabled])) .control:active .indeterminate-indicator{background: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([aria-checked="true"]:not(.indeterminate)) .checked-indicator, :host(.indeterminate) .indeterminate-indicator{opacity: 1}:host([disabled]){opacity: ${mr}}`.withBehaviors(Ka(Me` .control{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.Field}}.checked-indicator{fill: ${Ei.FieldText}}.indeterminate-indicator{background: ${Ei.FieldText}}:host(:not([disabled])) .control:hover, .control:active{border-color: ${Ei.Highlight};background: ${Ei.Field}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]) .control{background: ${Ei.Highlight};border-color: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover, .control:active{border-color: ${Ei.Highlight};background: ${Ei.HighlightText}}:host([aria-checked="true"]) .checked-indicator{fill: ${Ei.HighlightText}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Ei.Highlight}}:host([aria-checked="true"]) .indeterminate-indicator{background: ${Ei.HighlightText}}:host([aria-checked="true"]) .control:hover .indeterminate-indicator{background: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .control{forced-color-adjust: none;border-color: ${Ei.GrayText};background: ${Ei.Field}}:host([disabled]) .indeterminate-indicator, :host([aria-checked="true"][disabled]) .control:hover .indeterminate-indicator{forced-color-adjust: none;background: ${Ei.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{forced-color-adjust: none;fill: ${Ei.GrayText}}`));_c.compose({baseName:"checkbox",template:Dc,styles:dh,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 hh=(e,t)=>{const i=e.tagFor(Vc),c=e.name===e.tagFor(es)?"":".listbox";return Me` ${c?"":Xa("inline-flex")} :host ${c}{background: ${El};border: calc(${gr} * 1px) solid ${$d};border-radius: calc(${hr} * 1px);box-sizing: border-box;flex-direction: column;padding: calc(${fr} * 1px) 0}${c?"":Me` :host(:focus-within:not([disabled])){border-color: ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset}:host([disabled]) ::slotted(*){cursor: ${Qa};opacity: ${mr};pointer-events: none}`} ${c||":host([size])"}{max-height: calc( (var(--size) * ${Fd} + (${fr} * ${gr} * 2)) * 1px );overflow-y: auto}:host([size="0"]) ${c}{max-height: none}`.withBehaviors(Ka(Me` :host(:not([multiple]):${Ja}) ::slotted(${i}[aria-selected="true"]), :host([multiple]:${Ja}) ::slotted(${i}[aria-checked="true"]){border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText}}:host(:not([multiple]):${Ja}) ::slotted(${i}[aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentcolor}::slotted(${i}[aria-selected="true"]:not([aria-checked="true"])){background: ${Ei.Highlight};border-color: ${Ei.HighlightText};color: ${Ei.HighlightText}}`))},uh=(e,t)=>{const i=e.name===e.tagFor(Gs);return Me` ${Xa("inline-flex")} :host{--elevation: 14;background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};box-sizing: border-box;color: ${kd};font-family: ${nr};height: calc(${Fd} * 1px);position: relative;user-select: none;min-width: 250px;outline: none;vertical-align: top}${i?Me` :host(:not([aria-haspopup])){--elevation: 0;border: 0;height: auto;min-width: 0}`:""} ${hh(e)} :host .listbox{${Pd} border: none;display: flex;left: 0;position: absolute;width: 100%;z-index: 1}.control + .listbox{--stroke-size: calc(${fr} * ${gr} * 2);max-height: calc( (var(--listbox-max-height) * ${Fd} + var(--stroke-size)) * 1px )}${i?Me` :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: ${br};font-family: inherit;line-height: ${yr};min-height: 100%;padding: 0 calc(${fr} * 2.25px);width: 100%}:host(:not([disabled]):hover){background: ${sd};border-color: ${Ol}}:host(:${Ja}){border-color: ${Cd}}:host(:not([size]):not([multiple]):not([open]):${Ja}), :host([multiple]:${Ja}), :host([size]:${Ja}){box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd}}:host(:not([multiple]):not([size]):${Ja}) ::slotted(${e.tagFor(Vc)}[aria-selected="true"]:not([disabled])){box-shadow: 0 0 0 calc(${vr} * 1px) inset ${xd};border-color: ${Cd};background: ${Rl};color: ${Pl}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]) .control{cursor: ${Qa};user-select: none}:host([disabled]:hover){background: ${ld};color: ${kd};fill: currentcolor}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Tl};border-radius: calc(${hr} * 1px)}:host([open][position="above"]) .listbox{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;bottom: calc(${Fd} * 1px)}:host([open][position="below"]) .listbox{border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;top: calc(${Fd} * 1px)}.selected-value{flex: 1 1 auto;font-family: inherit;min-width: calc(var(--listbox-scroll-width, 0) - (${fr} * 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;${Pd}}.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(${fr} * 4px);min-width: calc(${fr} * 4px);width: 1em}::slotted([role="option"]), ::slotted(option){flex: 0 0 auto}`.withBehaviors(Ka(Me` :host(:not([disabled]):hover), :host(:not([disabled]):active){border-color: ${Ei.Highlight}}:host(:not([disabled]):${Ja}){background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.Highlight};color: ${Ei.ButtonText};fill: currentcolor;forced-color-adjust: none}:host(:not([disabled]):${Ja}) .listbox{background: ${Ei.ButtonFace}}:host([disabled]){border-color: ${Ei.GrayText};background-color: ${Ei.ButtonFace};color: ${Ei.GrayText};fill: currentcolor;opacity: 1;forced-color-adjust: none}:host([disabled]:hover){background: ${Ei.ButtonFace}}:host([disabled]) .control{color: ${Ei.GrayText};border-color: ${Ei.GrayText}}:host([disabled]) .control .select-indicator{fill: ${Ei.GrayText}}:host(:${Ja}) ::slotted([aria-selected="true"][role="option"]), :host(:${Ja}) ::slotted(option[aria-selected="true"]), :host(:${Ja}) ::slotted([aria-selected="true"][role="option"]:not([disabled])){background: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText};color: ${Ei.HighlightText};fill: currentcolor}.start, .end, .indicator, .select-indicator, ::slotted(svg){color: ${Ei.ButtonText};fill: currentcolor}`))},fh=(e,t)=>Me` ${uh(e)} :host(:empty) .listbox{display: none}:host([disabled]) *, :host([disabled]){cursor: ${Qa};user-select: none}.selected-value{-webkit-appearance: none;background: transparent;border: none;color: inherit;font-size: ${br};line-height: ${yr};height: calc(100% - (${gr} * 1px));margin: auto 0;width: 100%}.selected-value:hover, .selected-value:${Ja}, .selected-value:disabled, .selected-value:active{outline: none}`;class ph extends Jc{maxHeightChanged(e,t){this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=Math.floor(this.maxHeight/Id.getValueFor(this)).toString();this.computedStylesheet=Me` :host{--listbox-max-height: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}ph.compose({baseName:"combobox",baseClass:Jc,template:(e,t)=>K`<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">${it(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)}" ${Fe("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${tt(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Fe("listbox")}><slot ${Qe({filter:Uc.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:fh,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 mh=(e,t)=>Me` :host{display: flex;position: relative;flex-direction: column}`,gh=(e,t)=>Me` :host{display: grid;padding: 1px 0;box-sizing: border-box;width: 100%;border-bottom: calc(${gr} * 1px) solid ${Rd}}:host(.header){}:host(.sticky-header){background: ${Jl};position: sticky;top: 0}`,vh=(e,t)=>Me` :host{padding: calc(${fr} * 1px) calc(${fr} * 3px);color: ${kd};box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};font-weight: 400;border: transparent calc(${vr} * 1px) solid;overflow: hidden;white-space: nowrap;border-radius: calc(${hr} * 1px)}:host(.column-header){font-weight: 600}:host(:${Ja}){border: ${Cd} calc(${vr} * 1px) solid;outline: none;color: ${kd}}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;border-color: transparent;background: ${Ei.Field};color: ${Ei.FieldText}}:host(:${Ja}){border-color: ${Ei.FieldText};box-shadow: 0 0 0 2px inset ${Ei.Field};color: ${Ei.FieldText}}`));kc.compose({baseName:"data-grid-cell",template:$c,styles:vh}),Lc.compose({baseName:"data-grid-row",template:Ec,styles:gh}),Mc.compose({baseName:"data-grid",template:xc,styles:mh});const bh={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=_n(e);return t?Un.create(t.r,t.g,t.b):null}},yh=Me` :host{background-color: ${El};color: ${kd}}`.withBehaviors(Ka(Me` :host{background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 1px ${Ei.CanvasText};color: ${Ei.ButtonText}}`));function zh(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}class Ch extends Wt{constructor(){super(),this.noPaint=!1;const e={handleChange:this.noPaintChanged.bind(this)};v.getNotifier(this).subscribe(e,"fillColor"),v.getNotifier(this).subscribe(e,"baseLayerLuminance")}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(yh):this.$fastController.addStyles(yh)}}_d([de({attribute:"no-paint",mode:"boolean"})],Ch.prototype,"noPaint",void 0),_d([de({attribute:"fill-color",converter:bh}),zh(El)],Ch.prototype,"fillColor",void 0),_d([de({attribute:"accent-color",converter:bh,mode:"fromView"}),zh(pl)],Ch.prototype,"accentColor",void 0),_d([de({attribute:"neutral-color",converter:bh,mode:"fromView"}),zh(ul)],Ch.prototype,"neutralColor",void 0),_d([de({converter:re}),zh(ur)],Ch.prototype,"density",void 0),_d([de({attribute:"design-unit",converter:re}),zh(fr)],Ch.prototype,"designUnit",void 0),_d([de({attribute:"direction"}),zh(pr)],Ch.prototype,"direction",void 0),_d([de({attribute:"base-height-multiplier",converter:re}),zh(rr)],Ch.prototype,"baseHeightMultiplier",void 0),_d([de({attribute:"base-horizontal-spacing-multiplier",converter:re}),zh(lr)],Ch.prototype,"baseHorizontalSpacingMultiplier",void 0),_d([de({attribute:"control-corner-radius",converter:re}),zh(hr)],Ch.prototype,"controlCornerRadius",void 0),_d([de({attribute:"stroke-width",converter:re}),zh(gr)],Ch.prototype,"strokeWidth",void 0),_d([de({attribute:"focus-stroke-width",converter:re}),zh(vr)],Ch.prototype,"focusStrokeWidth",void 0),_d([de({attribute:"disabled-opacity",converter:re}),zh(mr)],Ch.prototype,"disabledOpacity",void 0),_d([de({attribute:"type-ramp-minus-2-font-size"}),zh(Lr)],Ch.prototype,"typeRampMinus2FontSize",void 0),_d([de({attribute:"type-ramp-minus-2-line-height"}),zh(xr)],Ch.prototype,"typeRampMinus2LineHeight",void 0),_d([de({attribute:"type-ramp-minus-1-font-size"}),zh(zr)],Ch.prototype,"typeRampMinus1FontSize",void 0),_d([de({attribute:"type-ramp-minus-1-line-height"}),zh(Cr)],Ch.prototype,"typeRampMinus1LineHeight",void 0),_d([de({attribute:"type-ramp-base-font-size"}),zh(br)],Ch.prototype,"typeRampBaseFontSize",void 0),_d([de({attribute:"type-ramp-base-line-height"}),zh(yr)],Ch.prototype,"typeRampBaseLineHeight",void 0),_d([de({attribute:"type-ramp-plus-1-font-size"}),zh(Mr)],Ch.prototype,"typeRampPlus1FontSize",void 0),_d([de({attribute:"type-ramp-plus-1-line-height"}),zh(wr)],Ch.prototype,"typeRampPlus1LineHeight",void 0),_d([de({attribute:"type-ramp-plus-2-font-size"}),zh(Sr)],Ch.prototype,"typeRampPlus2FontSize",void 0),_d([de({attribute:"type-ramp-plus-2-line-height"}),zh(kr)],Ch.prototype,"typeRampPlus2LineHeight",void 0),_d([de({attribute:"type-ramp-plus-3-font-size"}),zh(Er)],Ch.prototype,"typeRampPlus3FontSize",void 0),_d([de({attribute:"type-ramp-plus-3-line-height"}),zh($r)],Ch.prototype,"typeRampPlus3LineHeight",void 0),_d([de({attribute:"type-ramp-plus-4-font-size"}),zh(Nr)],Ch.prototype,"typeRampPlus4FontSize",void 0),_d([de({attribute:"type-ramp-plus-4-line-height"}),zh(Ar)],Ch.prototype,"typeRampPlus4LineHeight",void 0),_d([de({attribute:"type-ramp-plus-5-font-size"}),zh(Or)],Ch.prototype,"typeRampPlus5FontSize",void 0),_d([de({attribute:"type-ramp-plus-5-line-height"}),zh(Tr)],Ch.prototype,"typeRampPlus5LineHeight",void 0),_d([de({attribute:"type-ramp-plus-6-font-size"}),zh(Rr)],Ch.prototype,"typeRampPlus6FontSize",void 0),_d([de({attribute:"type-ramp-plus-6-line-height"}),zh(Ir)],Ch.prototype,"typeRampPlus6LineHeight",void 0),_d([de({attribute:"accent-fill-rest-delta",converter:re}),zh(Dr)],Ch.prototype,"accentFillRestDelta",void 0),_d([de({attribute:"accent-fill-hover-delta",converter:re}),zh(Fr)],Ch.prototype,"accentFillHoverDelta",void 0),_d([de({attribute:"accent-fill-active-delta",converter:re}),zh(Hr)],Ch.prototype,"accentFillActiveDelta",void 0),_d([de({attribute:"accent-fill-focus-delta",converter:re}),zh(_r)],Ch.prototype,"accentFillFocusDelta",void 0),_d([de({attribute:"accent-foreground-rest-delta",converter:re}),zh(Pr)],Ch.prototype,"accentForegroundRestDelta",void 0),_d([de({attribute:"accent-foreground-hover-delta",converter:re}),zh(Vr)],Ch.prototype,"accentForegroundHoverDelta",void 0),_d([de({attribute:"accent-foreground-active-delta",converter:re}),zh(Br)],Ch.prototype,"accentForegroundActiveDelta",void 0),_d([de({attribute:"accent-foreground-focus-delta",converter:re}),zh(Ur)],Ch.prototype,"accentForegroundFocusDelta",void 0),_d([de({attribute:"neutral-fill-rest-delta",converter:re}),zh(jr)],Ch.prototype,"neutralFillRestDelta",void 0),_d([de({attribute:"neutral-fill-hover-delta",converter:re}),zh(qr)],Ch.prototype,"neutralFillHoverDelta",void 0),_d([de({attribute:"neutral-fill-active-delta",converter:re}),zh(Gr)],Ch.prototype,"neutralFillActiveDelta",void 0),_d([de({attribute:"neutral-fill-focus-delta",converter:re}),zh(Wr)],Ch.prototype,"neutralFillFocusDelta",void 0),_d([de({attribute:"neutral-fill-input-rest-delta",converter:re}),zh(Yr)],Ch.prototype,"neutralFillInputRestDelta",void 0),_d([de({attribute:"neutral-fill-input-hover-delta",converter:re}),zh(Kr)],Ch.prototype,"neutralFillInputHoverDelta",void 0),_d([de({attribute:"neutral-fill-input-active-delta",converter:re}),zh(Zr)],Ch.prototype,"neutralFillInputActiveDelta",void 0),_d([de({attribute:"neutral-fill-input-focus-delta",converter:re}),zh(Qr)],Ch.prototype,"neutralFillInputFocusDelta",void 0),_d([de({attribute:"neutral-fill-stealth-rest-delta",converter:re}),zh(Xr)],Ch.prototype,"neutralFillStealthRestDelta",void 0),_d([de({attribute:"neutral-fill-stealth-hover-delta",converter:re}),zh(Jr)],Ch.prototype,"neutralFillStealthHoverDelta",void 0),_d([de({attribute:"neutral-fill-stealth-active-delta",converter:re}),zh(el)],Ch.prototype,"neutralFillStealthActiveDelta",void 0),_d([de({attribute:"neutral-fill-stealth-focus-delta",converter:re}),zh(tl)],Ch.prototype,"neutralFillStealthFocusDelta",void 0),_d([de({attribute:"neutral-fill-strong-hover-delta",converter:re}),zh(cl)],Ch.prototype,"neutralFillStrongHoverDelta",void 0),_d([de({attribute:"neutral-fill-strong-active-delta",converter:re}),zh(ol)],Ch.prototype,"neutralFillStrongActiveDelta",void 0),_d([de({attribute:"neutral-fill-strong-focus-delta",converter:re}),zh(sl)],Ch.prototype,"neutralFillStrongFocusDelta",void 0),_d([de({attribute:"base-layer-luminance",converter:re}),zh(dr)],Ch.prototype,"baseLayerLuminance",void 0),_d([de({attribute:"neutral-fill-layer-rest-delta",converter:re}),zh(al)],Ch.prototype,"neutralFillLayerRestDelta",void 0),_d([de({attribute:"neutral-stroke-divider-rest-delta",converter:re}),zh(hl)],Ch.prototype,"neutralStrokeDividerRestDelta",void 0),_d([de({attribute:"neutral-stroke-rest-delta",converter:re}),zh(nl)],Ch.prototype,"neutralStrokeRestDelta",void 0),_d([de({attribute:"neutral-stroke-hover-delta",converter:re}),zh(rl)],Ch.prototype,"neutralStrokeHoverDelta",void 0),_d([de({attribute:"neutral-stroke-active-delta",converter:re}),zh(ll)],Ch.prototype,"neutralStrokeActiveDelta",void 0),_d([de({attribute:"neutral-stroke-focus-delta",converter:re}),zh(dl)],Ch.prototype,"neutralStrokeFocusDelta",void 0);Ch.compose({baseName:"design-system-provider",template:(e,t)=>K`<slot></slot>`,styles:(e,t)=>Me` ${Xa("block")}`});Vo.compose({baseName:"dialog",template:(e,t)=>K`<div class="positioning-region" part="positioning-region">${Ve(e=>e.modal,K`<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}" ${Fe("dialog")}><slot></slot></div></div>`,styles:(e,t)=>Me` :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{${Pd} margin-top: auto;margin-bottom: auto;width: var(--dialog-width);height: var(--dialog-height);background-color: ${El};z-index: 1;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid transparent}`});const Lh=(e,t)=>Me` .disclosure{transition: height 0.35s}.disclosure .invoker::-webkit-details-marker{display: none}.disclosure .invoker{list-style-type: none}:host([appearance="accent"]) .invoker{background: ${Al};color: ${Fl};font-family: ${nr};font-size: ${br};border-radius: calc(${hr} * 1px);outline: none;cursor: pointer;margin: 16px 0;padding: 12px;max-width: max-content}:host([appearance="accent"]) .invoker:active{background: ${Tl};color: ${_l}}:host([appearance="accent"]) .invoker:hover{background: ${Ol};color: ${Hl}}:host([appearance="lightweight"]) .invoker{background: transparent;color: ${Yl};border-bottom: calc(${gr} * 1px) solid ${Yl};cursor: pointer;width: max-content;margin: 16px 0}:host([appearance="lightweight"]) .invoker:active{border-bottom-color: ${Zl}}:host([appearance="lightweight"]) .invoker:hover{border-bottom-color: ${Kl}}.disclosure[open] .invoker ~ *{animation: fadeIn 0.5s ease-in-out}@keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}`;class xh extends qo{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}}_d([de],xh.prototype,"appearance",void 0),xh.compose({baseName:"disclosure",baseClass:qo,template:jo,styles:Lh});const Mh=(e,t)=>Me` ${Xa("block")} :host{box-sizing: content-box;height: 0;margin: calc(${fr} * 1px) 0;border-top: calc(${gr} * 1px) solid ${Rd};border-left: none}:host([orientation="vertical"]){height: 100%;margin: 0 calc(${fr} * 1px);border-top: none;border-left: calc(${gr} * 1px) solid ${Rd}}`;Yo.compose({baseName:"divider",template:Go,styles:Mh});const wh=(e,t)=>Me` ${Xa("inline-flex")} :host{width: calc(${Fd} * 1px);height: calc(${Fd} * 1px);justify-content: center;align-items: center;margin: 0;position: relative;fill: currentcolor;color: ${Fl};background: transparent;outline: none;border: none;padding: 0}:host::before{content: "";background: ${Al};border: calc(${gr} * 1px) solid ${Al};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: ${mr};cursor: ${Qa};fill: currentcolor;color: ${kd};pointer-events: none}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]:active)::before{background: ${ld};border-color: ${$d}}:host(:hover){color: ${Hl}}:host(:hover)::before{background: ${Ol};border-color: ${Ol}}:host(:active){color: ${_l}}:host(:active)::before{background: ${Tl};border-color: ${Tl}}:host(:${Ja}){outline: none}:host(:${Ja})::before{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset, 0 0 0 calc((${vr} + ${gr}) * 1px) ${xd} inset;border-color: ${Cd}}:host::-moz-focus-inner{border: 0}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas}}:host .next, :host .previous{color: ${Ei.ButtonText};fill: currentcolor}:host::before{background: ${Ei.Canvas};border-color: ${Ei.ButtonText}}:host(:hover)::before{forced-color-adjust: none;background: ${Ei.Highlight};border-color: ${Ei.ButtonText};opacity: 1}:host(:hover) .next, :host(:hover) .previous{forced-color-adjust: none;color: ${Ei.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: ${Ei.Canvas};border-color: ${Ei.GrayText};color: ${Ei.GrayText};fill: ${Ei.GrayText}}:host(:${Ja})::before{forced-color-adjust: none;border-color: ${Ei.Highlight};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.Highlight} inset}`));Xo.compose({baseName:"flipper",template:Qo,styles:wh,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 Sh=Me` .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%)}`,kh=Me` .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%)}`,Eh=Me` .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 Wd(Sh,kh)),$h=(e,t)=>Me` ${Xa("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 Nh extends Fs{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Eh)}}Nh.compose({baseName:"horizontal-scroll",baseClass:Fs,template:Hs,styles:$h,nextFlipper:e=>K`<${e.tagFor(Xo)}@click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Xo)}>`,previousFlipper:e=>K`<${e.tagFor(Xo)}@click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Xo)}>`});const Ah=(e,t)=>Me` ${Xa("inline-flex")} :host{align-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;flex: 0 0 auto;fill: currentcolor;font-size: ${br};height: calc(${Fd} * 1px);line-height: ${yr};margin: 0 calc((${fr} - ${vr}) * 1px);outline: none;overflow: hidden;padding: 0 1ch;user-select: none;white-space: nowrap}:host(:not([disabled]):not([aria-selected="true"]):hover){background: ${dd}}:host(:not([disabled]):not([aria-selected="true"]):active){background: ${hd}}:host([aria-selected="true"]){background: ${Al};color: ${Fl}}:host(:not([disabled])[aria-selected="true"]:hover){background: ${Ol};color: ${Hl}}:host(:not([disabled])[aria-selected="true"]:active){background: ${Tl};color: ${_l}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}.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(${fr} * 4px);width: calc(${fr} * 4px)}::slotted([slot="end"]){margin-inline-start: 1ch}::slotted([slot="start"]){margin-inline-end: 1ch}:host([aria-checked="true"][aria-selected="false"]){border-color: ${Cd}}:host([aria-checked="true"][aria-selected="true"]){border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 2 * 1px) inset ${xd}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled][aria-selected="false"]:hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}:host([aria-checked="true"][aria-selected="false"]){background: ${Ei.ButtonFace};color: ${Ei.ButtonText};border-color: ${Ei.ButtonText}}:host([aria-checked="true"][aria-selected="true"]), :host([aria-checked="true"][aria-selected="true"]:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText};border-color: ${Ei.ButtonText}}`));Vc.compose({baseName:"option",template:Jo,styles:Ah});class Oh extends es{sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=`${this.size}`;this.computedStylesheet=Me` :host{--size: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}Oh.compose({baseName:"listbox",baseClass:es,template:ts,styles:hh});const Th=(e,t)=>Me` ${Xa("grid")} :host{contain: layout;overflow: visible;font-family: ${nr};outline: none;box-sizing: border-box;height: calc(${Fd} * 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(${fr} * 1px);white-space: nowrap;background: ${ld};color: ${kd};fill: currentcolor;cursor: pointer;font-size: ${br};line-height: ${yr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 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(:${Ja}){border-color: ${Cd};background: ${ud};color: ${kd}}:host(:hover){background: ${dd};color: ${kd}}:host(:active){background: ${hd}}:host([aria-checked="true"]), :host(.expanded){background: ${Jl};color: ${kd}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]:hover){color: ${kd};fill: currentcolor;background: ${ld}}:host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){fill: ${kd}}.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: ${kd}}: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(${gr} * 1px) solid ${kd}}:host([aria-checked="true"]) .checkbox, :host([aria-checked="true"]) .radio{background: ${Al};border-color: ${Al}}:host .checkbox{border-radius: calc(${hr} * 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: ${wd}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]){width: 100%;height: 100%;display: block;fill: ${Fl};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: ${Fl};pointer-events: none}:host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){display: block;pointer-events: none}`.withBehaviors(Ka(Me` :host{border-color: transparent;color: ${Ei.ButtonText};forced-color-adjust: none}:host(:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${Ei.HighlightText}}:host(.expanded){background: ${Ei.Highlight};border-color: ${Ei.Highlight};color: ${Ei.HighlightText}}:host(:${Ja}){background: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText};color: ${Ei.HighlightText};fill: currentcolor}:host([disabled]), :host([disabled]:hover), :host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}:host .expanded-toggle, :host .checkbox, :host .radio{border-color: ${Ei.ButtonText};background: ${Ei.HighlightText}}:host([checked="true"]) .checkbox, :host([checked="true"]) .radio{background: ${Ei.HighlightText};border-color: ${Ei.HighlightText}}:host(:hover) .expanded-toggle, :host(:hover) .checkbox, :host(:hover) .radio, :host(:${Ja}) .expanded-toggle, :host(:${Ja}) .checkbox, :host(:${Ja}) .radio, :host([checked="true"]:hover) .checkbox, :host([checked="true"]:hover) .radio, :host([checked="true"]:${Ja}) .checkbox, :host([checked="true"]:${Ja}) .radio{border-color: ${Ei.HighlightText}}:host([aria-checked="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]), :host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){fill: ${Ei.Highlight}}:host([aria-checked="true"]) .radio-indicator{background: ${Ei.Highlight}}::slotted([slot="end"]:not(svg)){color: ${Ei.ButtonText}}:host(:hover) ::slotted([slot="end"]:not(svg)), :host(:${Ja}) ::slotted([slot="end"]:not(svg)){color: ${Ei.HighlightText}}`),new Wd(Me` .expand-collapse-glyph{transform: rotate(0deg)}`,Me` .expand-collapse-glyph{transform: rotate(180deg)}`));gs.compose({baseName:"menu-item",template:vs,styles:Th,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 Rh=(e,t)=>Me` ${Xa("block")} :host{--elevation: 11;background: ${El};border: calc(${gr} * 1px) solid transparent;${Pd} margin: 0;border-radius: calc(${hr} * 1px);padding: calc(${fr} * 1px) 0;max-width: 368px;min-width: 64px}:host([slot="submenu"]){width: max-content;margin: 0 calc(${fr} * 1px)}::slotted(hr){box-sizing: content-box;height: 0;margin: 0;border: none;border-top: calc(${gr} * 1px) solid ${Rd}}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas};border-color: ${Ei.CanvasText}}`));class Ih extends ys{connectedCallback(){super.connectedCallback(),El.setValueFor(this,yl)}}Ih.compose({baseName:"menu",template:bs,styles:Rh});const Dh=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.controls{opacity: 0}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${kd}}.step-down-glyph:before{border-top-color: ${kd}}::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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd} inset}:host(:hover:not([disabled])) .controls, :host(:focus-within:not([disabled])) .controls{opacity: 1}:host([appearance="filled"]) .root{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`));class Fh extends ks{constructor(){super(...arguments),this.appearance="outline"}}_d([de],Fh.prototype,"appearance",void 0),Fh.compose({baseName:"number-field",baseClass:ks,styles:Dh,template:(e,t)=>K`<template class="${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe("defaultSlottedNodes")}></slot></label><div class="root" part="root">${it(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}" ${Fe("control")}/>${Ve(e=>!e.hideStep&&!e.readOnly&&!e.disabled,K`<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>`)} ${tt(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 '});hs.compose({baseName:"picker",template:(e,t)=>{const i=e.tagFor(Hi),c=e.tagFor(is),o=e.tagFor(ss),s=e.tagFor(ss),a=function(e){const t=e.tagFor(ns);return K`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.listItemContentsTemplate}"></${t}>`}(e),n=function(e){const t=e.tagFor(os);return K`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.menuOptionContentsTemplate}"></${t}>`}(e);return K`<template :selectedListTag="${()=>o}" :menuTag="${()=>c}" :defaultListItemTemplate="${a}" :defaultMenuOptionTemplate="${n}" @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>${Ve(e=>e.flyoutOpen,K`<${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)}" ${Fe("region")}>${Ve(e=>!e.showNoOptions&&!e.showLoading,K`<slot name="menu-region"></slot>`)} ${Ve(e=>e.showNoOptions&&!e.showLoading,K`<div class="no-options-display" part="no-options-display"><slot name="no-options-region">${e=>e.noSuggestionsText}</slot></div>`)} ${Ve(e=>e.showLoading,K`<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)=>Me` .region{z-index: 1000;overflow: hidden;display: flex;font-family: ${nr};font-size: ${br}}.loaded{opacity: 1;pointer-events: none}.loading-display, .no-options-display{background: ${El};width: 100%;min-height: calc(${Fd} * 1px);display: flex;flex-direction: column;align-items: center;justify-items: center;padding: calc(${fr} * 1px)}.loading-progress{width: 42px;height: 42px}.bottom{flex-direction: column}.top{flex-direction: column-reverse}`,shadowOptions:{}});(class extends is{connectedCallback(){El.setValueFor(this,yl),super.connectedCallback()}}).compose({baseName:"picker-menu",baseClass:is,template:(e,t)=>K`<template role="list" slot="menu-region"><div class="options-display" part="options-display"><div class="header-region" part="header-region"><slot name="header-region" ${Qe("headerElements")}></slot></div><slot ${Qe("menuElements")}></slot><div class="footer-region" part="footer-region"><slot name="footer-region" ${Qe("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)=>Me` :host{background: ${El};--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(${hr} * 1px);padding: calc(${fr} * 1px) 0;border: calc(${gr} * 1px) solid transparent;${Pd}}.suggestions-available-alert{height: 0;opacity: 0;overflow: hidden}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas};border-color: ${Ei.CanvasText}}`))}),os.compose({baseName:"picker-menu-option",template:(e,t)=>K`<template role="listitem" tabindex="-1" @click="${(e,t)=>e.handleClick(t.event)}"><slot></slot></template>`,styles:(e,t)=>Me` :host{display: flex;align-items: center;justify-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;fill: currentcolor;font-size: ${br};min-height: calc(${Fd} * 1px);line-height: ${yr};margin: 0 calc(${fr} * 1px);outline: none;overflow: hidden;padding: 0 calc(${fr} * 2.25px);user-select: none;white-space: nowrap}:host(:${Ja}[role="listitem"]){border-color: ${Cd};background: ${ud}}:host(:hover){background: ${dd}}:host(:active){background: ${hd}}:host([aria-selected="true"]){background: ${Al};color: ${Fl}}:host([aria-selected="true"]:hover){background: ${Ol};color: ${Hl}}:host([aria-selected="true"]:active){background: ${Tl};color: ${_l}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}`))}),ss.compose({baseName:"picker-list",template:(e,t)=>K`<template slot="list-region" role="list" class="picker-list"><slot></slot><slot name="input-region"></slot></template>`,styles:(e,t)=>Me` :host{display: flex;flex-direction: row;column-gap: calc(${fr} * 1px);row-gap: calc(${fr} * 1px);flex-wrap: wrap}::slotted([role="combobox"]){min-width: 260px;width: auto;box-sizing: border-box;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 1px);font-family: ${nr};outline: none;user-select: none;font-size: ${br};line-height: ${yr};padding: 0 calc(${fr} * 2px + 1px)}::slotted([role="combobox"]:active){{background: ${sd};border-color: ${Tl}}::slotted([role="combobox"]:focus-within){border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} inset}`.withBehaviors(Ka(Me` ::slotted([role="combobox"]:active){background: ${Ei.Field};border-color: ${Ei.Highlight}}::slotted([role="combobox"]:focus-within){border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}::slotted(input:placeholder){color: ${Ei.GrayText}}`))}),ns.compose({baseName:"picker-list-item",template:(e,t)=>K`<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)=>Me` :host{display: flex;align-items: center;justify-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;fill: currentcolor;font-size: ${br};height: calc(${Fd} * 1px);line-height: ${yr};outline: none;overflow: hidden;padding: 0 calc(${fr} * 2.25px);user-select: none;white-space: nowrap}:host(:hover){background: ${dd}}:host(:active){background: ${hd}}:host(:${Ja}){background: ${ud};border-color: ${Cd}}:host([aria-selected="true"]){background: ${Al};color: ${_l}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}`))});const Hh=(e,t)=>Me` ${Xa("flex")} :host{align-items: center;outline: none;height: calc(${Fd} * 1px);width: calc(${Fd} * 1px);margin: calc(${Fd} * 1px) 0}.progress{height: 100%;width: 100%}.background{stroke: ${Jl};fill: none;stroke-width: 2px}.determinate{stroke: ${Yl};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: ${Yl};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: ${Jl}}:host([paused]) .determinate{stroke: ${wd}}@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(Ka(Me` .indeterminate-indicator-1, .determinate{stroke: ${Ei.FieldText}}.background{stroke: ${Ei.Field}}:host([paused]) .indeterminate-indicator-1{stroke: ${Ei.Field}}:host([paused]) .determinate{stroke: ${Ei.GrayText}}`));$s.compose({baseName:"progress-ring",template:Es,styles:Hh,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 _h=(e,t)=>Me` ${Xa("flex")} :host{align-items: center;outline: none;height: calc(${fr} * 1px);margin: calc(${fr} * 1px) 0}.progress{background-color: ${Jl};border-radius: calc(${fr} * 1px);width: 100%;height: 100%;display: flex;align-items: center;position: relative}.determinate{background-color: ${Yl};border-radius: calc(${fr} * 1px);height: 100%;transition: all 0.2s ease-in-out;display: flex}.indeterminate{height: 100%;border-radius: calc(${fr} * 1px);display: flex;width: 100%;position: relative;overflow: hidden}.indeterminate-indicator-1{position: absolute;opacity: 0;height: 100%;background-color: ${Yl};border-radius: calc(${fr} * 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: ${Yl};border-radius: calc(${fr} * 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: ${Jl}}:host([paused]) .determinate{background-color: ${wd}}@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(Ka(Me` .progress{forced-color-adjust: none;background-color: ${Ei.Field};box-shadow: 0 0 0 1px inset ${Ei.FieldText}}.determinate, .indeterminate-indicator-1, .indeterminate-indicator-2{forced-color-adjust: none;background-color: ${Ei.FieldText}}:host([paused]) .determinate, :host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{background-color: ${Ei.GrayText}}`));$s.compose({baseName:"progress",template:Ns,styles:_h,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 Ph=(e,t)=>Me` ${Xa("flex")} :host{align-items: flex-start;margin: calc(${fr} * 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}`;Os.compose({baseName:"radio-group",template:As,styles:Ph});const Vh=(e,t)=>Me` ${Xa("inline-flex")} :host{--input-size: calc((${Fd} / 2) + ${fr});align-items: center;outline: none;margin: calc(${fr} * 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((${Fd} / 2 + ${fr}) * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);box-sizing: border-box;border-radius: 999px;border: calc(${gr} * 1px) solid ${$d};background: ${od};outline: none;cursor: pointer}.label{font-family: ${nr};color: ${kd};padding-inline-start: calc(${fr} * 2px + 2px);margin-inline-end: calc(${fr} * 2px + 2px);cursor: pointer;font-size: ${br};line-height: ${yr}}.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: ${Fl};fill: ${Fl};opacity: 0;pointer-events: none}:host(:not([disabled])) .control:hover{background: ${sd};border-color: ${Nd}}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([aria-checked="true"]) .control{background: ${Al};border: calc(${gr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Ol};border: calc(${gr} * 1px) solid ${Ol}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{background: ${Hl};fill: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Tl};border: calc(${gr} * 1px) solid ${Tl}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${_l};fill: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([aria-checked="true"]) .checked-indicator{opacity: 1}:host([disabled]){opacity: ${mr}}`.withBehaviors(Ka(Me` .control, :host([aria-checked="true"]:not([disabled])) .control{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.Field}}:host(:not([disabled])) .control:hover{border-color: ${Ei.Highlight};background: ${Ei.Field}}:host([aria-checked="true"]:not([disabled])) .control:hover, :host([aria-checked="true"]:not([disabled])) .control:active{border-color: ${Ei.Highlight};background: ${Ei.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Ei.Highlight};fill: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator, :host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Ei.HighlightText};fill: ${Ei.HighlightText}}:host(:${Ja}) .control{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([disabled]){forced-color-adjust: none;opacity: 1}:host([disabled]) .label{color: ${Ei.GrayText}}:host([disabled]) .control, :host([aria-checked="true"][disabled]) .control:hover, .control:active{background: ${Ei.Field};border-color: ${Ei.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{fill: ${Ei.GrayText};background: ${Ei.GrayText}}`));Ds.compose({baseName:"radio",template:Ts,styles:Vh,checkedIndicator:'\n <div part="checked-indicator" class="checked-indicator"></div>\n '});const Bh=yo.create("clear-button-hover").withDefault(e=>{const t=rd.getValueFor(e),i=Xl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).hover}),Uh=yo.create("clear-button-active").withDefault(e=>{const t=rd.getValueFor(e),i=Xl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).active});class jh extends Bs{constructor(){super(...arguments),this.appearance="outline"}}_d([de],jh.prototype,"appearance",void 0),jh.compose({baseName:"search",baseClass:Bs,template:(e,t)=>K`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></slot></label><div class="root" part="root" ${Fe("root")}>${it(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}" ${Fe("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>${tt(0,t)}</div></template>`,styles:(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control::-webkit-search-cancel-button{-webkit-appearance: none}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.clear-button{height: calc(100% - 2px);opacity: 0;margin: 1px;background: transparent;color: ${kd};fill: currentcolor;border: none;border-radius: calc(${hr} * 1px);min-width: calc(${Fd} * 1px);font-size: ${br};line-height: ${yr};outline: none;font-family: ${nr};padding: 0 calc((10 + (${fr} * 2 * ${ur})) * 1px)}.clear-button:hover{background: ${dd}}.clear-button:active{background: ${hd}}:host([appearance="filled"]) .clear-button:hover{background: ${Bh}}:host([appearance="filled"]) .clear-button:active{background: ${Uh}}.input-wrapper{display: flex;position: relative;width: 100%;height: 100%}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} 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: ${El}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`)),shadowOptions:{delegatesFocus:!0}});class qh extends Gs{constructor(){super(...arguments),this.listboxScrollWidth=""}connectedCallback(){super.connectedCallback(),this.listbox&&El.setValueFor(this.listbox,yl)}get listboxMaxHeight(){return Math.floor(this.maxHeight/Id.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=Me` :host{--listbox-max-height: ${this.listboxMaxHeight};--listbox-scroll-width: ${this.listboxScrollWidth};--size: ${this.selectSize}}`,this.$fastController.addStyles(this.computedStylesheet)}}_d([b],qh.prototype,"listboxScrollWidth",void 0),qh.compose({baseName:"select",baseClass:Gs,template:Ys,styles:uh,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 Gh=(e,t)=>Me` ${Xa("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(${hr} * 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}${Xa("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, ${Jl});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(Ka(Me` :host{forced-color-adjust: none;background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 1px ${Ei.ButtonText}}${Xa("block")} span.shimmer{display: none}`));Zs.compose({baseName:"skeleton",template:Ks,styles:Gh});const Wh=Me` :host{align-self: start;grid-row: 2;margin-top: -2px;height: calc((${Fd} / 2 + ${fr}) * 1px);width: auto}.container{grid-template-rows: auto auto;grid-template-columns: 0}.label{margin: 2px 0}`,Yh=Me` :host{justify-self: start;grid-column: 2;margin-left: 2px;height: auto;width: calc((${Fd} / 2 + ${fr}) * 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((${fr} / 2) * 3px);align-self: center}`,Kh=(e,t)=>Me` ${Xa("block")} :host{font-family: ${nr};color: ${kd};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((${fr} / 4) * 1px);height: calc(${Fd} * 0.25 * 1px);background: ${$d};justify-self: center}:host(.disabled){opacity: ${mr}}`.withBehaviors(Ka(Me` .mark{forced-color-adjust: none;background: ${Ei.FieldText}}:host(.disabled){forced-color-adjust: none;opacity: 1}:host(.disabled) .label{color: ${Ei.GrayText}}:host(.disabled) .mark{background: ${Ei.GrayText}}`));class Zh extends ea{sliderOrientationChanged(){this.sliderOrientation===Jt?(this.$fastController.addStyles(Wh),this.$fastController.removeStyles(Yh)):(this.$fastController.addStyles(Yh),this.$fastController.removeStyles(Wh))}}Zh.compose({baseName:"slider-label",baseClass:ea,template:Qs,styles:Kh});const Qh=Me` .track-start{left: 0}`,Xh=Me` .track-start{right: 0}`,Jh=(e,t)=>Me` :host([hidden]){display: none}${Xa("inline-grid")} :host{--thumb-size: calc(${Fd} * 0.5 - ${fr});--thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang: calc((${fr} / 2) * -1);--track-width: ${fr};--fast-slider-height: calc(var(--thumb-size) * 10);align-items: center;width: 100%;margin: calc(${fr} * 1px) 0;user-select: none;box-sizing: border-box;border-radius: calc(${hr} * 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(:${Ja}) .thumb-cursor{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.thumb-container{position: absolute;height: calc(var(--thumb-size) * 1px);width: calc(var(--thumb-size) * 1px);transition: all 0.2s ease;color: ${kd};fill: currentcolor}.thumb-cursor{border: none;width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px);background: ${kd};border-radius: calc(${hr} * 1px)}.thumb-cursor:hover{background: ${kd};border-color: ${Nd}}.thumb-cursor:active{background: ${kd}}.track-start{background: ${Yl};position: absolute;height: 100%;left: 0;border-radius: calc(${hr} * 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: ${$d};position: absolute;border-radius: calc(${hr} * 1px)}:host([orientation="vertical"]){height: calc(var(--fast-slider-height) * 1px);min-height: calc(var(--thumb-size) * 1px);min-width: calc(${fr} * 20px)}:host([orientation="vertical"]) .track-start{height: auto;width: 100%;top: 0}:host([disabled]), :host([readonly]){cursor: ${Qa}}:host([disabled]){opacity: ${mr}}`.withBehaviors(new Wd(Qh,Xh),Ka(Me` .thumb-cursor{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.FieldText}}.thumb-cursor:hover, .thumb-cursor:active{background: ${Ei.Highlight}}.track{forced-color-adjust: none;background: ${Ei.FieldText}}:host(:${Ja}) .thumb-cursor{border-color: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .track, :host([disabled]) .thumb-cursor{forced-color-adjust: none;background: ${Ei.GrayText}}:host(:${Ja}) .thumb-cursor{background: ${Ei.Highlight};border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}`));oa.compose({baseName:"slider",template:(e,t)=>K`<template role="slider" class="${e=>e.readOnly?"readonly":""} ${e=>e.orientation||Jt}" 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 ${Fe("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 ${Fe("thumb")}part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${t.thumb||""}</slot></div></div></template>`,styles:Jh,thumb:'\n <div class="thumb-cursor"></div>\n '});const eu=(e,t)=>Me` :host([hidden]){display: none}${Xa("inline-flex")} :host{align-items: center;outline: none;font-family: ${nr};margin: calc(${fr} * 1px) 0;${""} user-select: none}:host([disabled]){opacity: ${mr}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .switch, :host([disabled]) .switch{cursor: ${Qa}}.switch{position: relative;outline: none;box-sizing: border-box;width: calc(${Fd} * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${$d}}.switch:hover{background: ${sd};border-color: ${Nd};cursor: pointer}host([disabled]) .switch:hover, host([readonly]) .switch:hover{background: ${sd};border-color: ${Nd};cursor: ${Qa}}:host(:not([disabled])) .switch:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .switch{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.checked-indicator{position: absolute;top: 5px;bottom: 5px;background: ${kd};border-radius: calc(${hr} * 1px);transition: all 0.2s ease-in-out}.status-message{color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr}}:host([disabled]) .status-message, :host([readonly]) .status-message{cursor: ${Qa}}.label{color: ${kd};margin-inline-end: calc(${fr} * 2px + 2px);font-size: ${br};line-height: ${yr};cursor: pointer}.label__hidden{display: none;visibility: hidden}::slotted([slot="checked-message"]), ::slotted([slot="unchecked-message"]){margin-inline-start: calc(${fr} * 2px + 2px)}:host([aria-checked="true"]) .checked-indicator{background: ${Fl}}:host([aria-checked="true"]) .switch{background: ${Al};border-color: ${Al}}:host([aria-checked="true"]:not([disabled])) .switch:hover{background: ${Ol};border-color: ${Ol}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Hl}}:host([aria-checked="true"]:not([disabled])) .switch:active{background: ${Tl};border-color: ${Tl}}:host([aria-checked="true"]:not([disabled])) .switch:active .checked-indicator{background: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.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(Ka(Me` .checked-indicator, :host(:not([disabled])) .switch:active .checked-indicator{forced-color-adjust: none;background: ${Ei.FieldText}}.switch{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:not([disabled])) .switch:hover{background: ${Ei.HighlightText};border-color: ${Ei.Highlight}}:host([aria-checked="true"]) .switch{background: ${Ei.Highlight};border-color: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .switch:hover, :host(:not([disabled])) .switch:active{background: ${Ei.HighlightText};border-color: ${Ei.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Ei.HighlightText}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host(:${Ja}) .switch{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([disabled]) .checked-indicator{background: ${Ei.GrayText}}:host([disabled]) .switch{background: ${Ei.Field};border-color: ${Ei.GrayText}}`),new Wd(Me` .checked-indicator{left: 5px;right: calc(((${Fd} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{left: calc(((${Fd} / 2) + 1) * 1px);right: 5px}`,Me` .checked-indicator{right: 5px;left: calc(((${Fd} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{right: calc(((${Fd} / 2) + 1) * 1px);left: 5px}`));ra.compose({baseName:"switch",template:sa,styles:eu,switch:'\n <span class="checked-indicator" part="checked-indicator"></span>\n '});const tu=(e,t)=>Me` ${Xa("grid")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};color: ${kd};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(${fr} * 4px) calc(${fr} * 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: ${Al};margin-top: 10px;border-radius: calc(${hr} * 1px) calc(${hr} * 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(${fr} * 4px) calc((${Fd} - ${fr}) * 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: ${Al};margin-top: 0;border-radius: 0 calc(${hr} * 1px) calc(${hr} * 1px) 0}:host([orientation="vertical"]) .activeIndicatorTransition{transition: transform 0.2s linear}`.withBehaviors(Ka(Me` .activeIndicator, :host([orientation="vertical"]) .activeIndicator{forced-color-adjust: none;background: ${Ei.Highlight}}`)),iu=(e,t)=>Me` ${Xa("inline-flex")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};height: calc(${Fd} * 1px);padding: calc(${fr} * 5px) calc(${fr} * 4px);color: ${wd};fill: currentcolor;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid transparent;align-items: center;justify-content: center;grid-row: 1;cursor: pointer}:host(:hover){color: ${kd};fill: currentcolor}:host(:active){color: ${kd};fill: currentcolor}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]:hover){color: ${wd};background: ${ld}}:host([aria-selected="true"]){background: ${Jl};color: ${Yl};fill: currentcolor}:host([aria-selected="true"]:hover){background: ${ed};color: ${Kl};fill: currentcolor}:host([aria-selected="true"]:active){background: ${td};color: ${Zl};fill: currentcolor}:host(:${Ja}){outline: none;border: calc(${gr} * 1px) solid ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd}}:host(:focus){outline: none}:host(.vertical){justify-content: end;grid-column: 2}:host(.vertical[aria-selected="true"]){z-index: 2}:host(.vertical:hover){color: ${kd}}:host(.vertical:active){color: ${kd}}:host(.vertical:hover[aria-selected="true"]){}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;border-color: transparent;color: ${Ei.ButtonText};fill: currentcolor}:host(:hover), :host(.vertical:hover), :host([aria-selected="true"]:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentcolor}:host([aria-selected="true"]){background: ${Ei.HighlightText};color: ${Ei.Highlight};fill: currentcolor}:host(:${Ja}){border-color: ${Ei.ButtonText};box-shadow: none}:host([disabled]), :host([disabled]:hover){opacity: 1;color: ${Ei.GrayText};background: ${Ei.ButtonFace}}`));ua.compose({baseName:"tab",template:ha,styles:iu});const cu=(e,t)=>Me` ${Xa("block")} :host{box-sizing: border-box;font-size: ${br};line-height: ${yr};padding: 0 calc((6 + (${fr} * 2 * ${ur})) * 1px)}`;da.compose({baseName:"tab-panel",template:la,styles:cu}),ga.compose({baseName:"tabs",template:fa,styles:tu});const ou=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.control{box-sizing: border-box;position: relative;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 2px);font: inherit;font-size: ${br};line-height: ${yr};padding: calc(${fr} * 2px + 1px);width: 100%;resize: none}.control:hover:enabled{background: ${sd};border-color: ${Ol}}.control:active:enabled{background: ${ad};border-color: ${Tl}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}:host(:focus-within) .control{border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} inset}:host([appearance="filled"]) .control{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .control{background: ${ed}}:host([resize="both"]) .control{resize: both}:host([resize="horizontal"]) .control{resize: horizontal}:host([resize="vertical"]) .control{resize: vertical}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}:host([cols]){width: initial}:host([rows]) .control{height: initial}`.withBehaviors(Ka(Me` :host([disabled]){opacity: 1}`));class su extends za{constructor(){super(...arguments),this.appearance="outline"}}_d([de],su.prototype,"appearance",void 0),su.compose({baseName:"text-area",baseClass:za,template:Ca,styles:ou,shadowOptions:{delegatesFocus:!0}});const au=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd} inset}:host([appearance="filled"]) .root{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`));class nu extends xs{constructor(){super(...arguments),this.appearance="outline"}}_d([de],nu.prototype,"appearance",void 0),nu.compose({baseName:"text-field",baseClass:xs,template:(e,t)=>K`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></slot></label><div class="root" part="root">${it(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}" ${Fe("control")}/>${tt(0,t)}</div></template>`,styles:au,shadowOptions:{delegatesFocus:!0}});const ru=(e,t)=>Me` ${Xa("inline-flex")} :host{--toolbar-item-gap: calc( (var(--design-unit) + calc(var(--density) + 2)) * 1px );background-color: ${El};border-radius: calc(${hr} * 1px);fill: currentcolor;padding: var(--toolbar-item-gap)}:host(${Ja}){outline: calc(${gr} * 1px) solid ${Od}}.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(Ka(Me` :host(:${Ja}){box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.Highlight};color: ${Ei.ButtonText};forced-color-adjust: none}`));class lu extends Ma{connectedCallback(){super.connectedCallback();const e=to(this);e&&El.setValueFor(this,t=>bd.getValueFor(t).evaluate(t,El.getValueFor(e)))}}lu.compose({baseName:"toolbar",baseClass:Ma,template:La,styles:ru,shadowOptions:{delegatesFocus:!0}});const du=(e,t)=>{const i=e.tagFor(Hi);return Me` :host{contain: size;overflow: visible;height: 0;width: 0}.tooltip{box-sizing: border-box;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Cd};box-shadow: 0 0 0 1px ${Cd} inset;background: ${Jl};color: ${kd};padding: 4px;height: fit-content;width: fit-content;font-family: ${nr};font-size: ${br};line-height: ${yr};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(Ka(Me` :host([disabled]){opacity: 1}`))};Va.compose({baseName:"tooltip",template:Sa,styles:du});const hu=Me` .expand-collapse-glyph{transform: rotate(0deg)}:host(.nested) .expand-collapse-button{left: var(--expand-collapse-button-nested-width, calc(${Fd} * -1px))}:host([selected])::after{left: calc(${vr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(45deg)}`,uu=Me` .expand-collapse-glyph{transform: rotate(180deg)}:host(.nested) .expand-collapse-button{right: var(--expand-collapse-button-nested-width, calc(${Fd} * -1px))}:host([selected])::after{right: calc(${vr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(135deg)}`,fu=Se`((${rr} / 2) * ${fr}) + ((${fr} * ${ur}) / 2)`,pu=yo.create("tree-item-expand-collapse-hover").withDefault(e=>{const t=rd.getValueFor(e);return t.evaluate(e,t.evaluate(e).hover).hover}),mu=yo.create("tree-item-expand-collapse-selected-hover").withDefault(e=>{const t=Xl.getValueFor(e);return rd.getValueFor(e).evaluate(e,t.evaluate(e).rest).hover}),gu=(e,t)=>Me` /** * 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}}${Xa("block")} :host{contain: content;position: relative;outline: none;color: ${kd};background: ${ld};cursor: pointer;font-family: ${nr};--expand-collapse-button-size: calc(${Fd} * 1px);--tree-item-nested-width: 0}:host(:focus) > .positioning-region{outline: none}:host(:focus) .content-region{outline: none}:host(:${Ja}) .positioning-region{border: ${Cd} calc(${gr} * 1px) solid;border-radius: calc(${hr} * 1px);color: ${kd}}.positioning-region{display: flex;position: relative;box-sizing: border-box;background: ${ld};border: transparent calc(${gr} * 1px) solid;height: calc((${Fd} + 1) * 1px)}.positioning-region::before{content: "";display: block;width: var(--tree-item-nested-width);flex-shrink: 0}:host(:not([disabled])) .positioning-region:hover{background: ${dd}}:host(:not([disabled])) .positioning-region:active{background: ${hd}}.content-region{display: inline-flex;align-items: center;white-space: nowrap;width: 100%;height: calc(${Fd} * 1px);margin-inline-start: calc(${fr} * 2px + 8px);font-size: ${br};line-height: ${yr};font-weight: 400}.items{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ font-size: calc(1em + (${fr} + 16) * 1px)}.expand-collapse-button{background: none;border: none;outline: none;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: calc((${fu} + (${fr} * 2)) * 1px);height: calc((${fu} + (${fr} * 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(${fr} * 2px + 2px)}.end{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-start: calc(${fr} * 2px + 2px)}:host([expanded]) > .items{animation: treeItemLoading ease-in 10ms;animation-iteration-count: 1;animation-fill-mode: forwards}:host([disabled]) .content-region{opacity: ${mr};cursor: ${Qa}}: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: ${pu}}:host([selected]) .positioning-region{background: ${Jl}}:host([selected]:not([disabled])) .positioning-region:hover{background: ${ed}}:host([selected]:not([disabled])) .positioning-region:active{background: ${td}}:host([selected]:not([disabled])) .expand-collapse-button:hover{background: ${mu}}: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: ${Yl};border-radius: calc(${hr} * 1px);content: "";display: block;position: absolute;top: calc((${Fd} / 4) * 1px);width: 3px;height: calc((${Fd} / 2) * 1px)}::slotted(${e.tagFor(ja)}){--tree-item-nested-width: 1em;--expand-collapse-button-nested-width: calc(${Fd} * -1px)}`.withBehaviors(new Wd(hu,uu),Ka(Me` :host{forced-color-adjust: none;border-color: transparent;background: ${Ei.Field};color: ${Ei.FieldText}}:host .content-region .expand-collapse-glyph{fill: ${Ei.FieldText}}:host .positioning-region:hover, :host([selected]) .positioning-region{background: ${Ei.Highlight}}:host .positioning-region:hover .content-region, :host([selected]) .positioning-region .content-region{color: ${Ei.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: ${Ei.HighlightText}}:host([selected])::after{background: ${Ei.Field}}:host(:${Ja}) .positioning-region{border-color: ${Ei.FieldText};box-shadow: 0 0 0 2px inset ${Ei.Field};color: ${Ei.FieldText}}:host([disabled]) .content-region, :host([disabled]) .positioning-region:hover .content-region{opacity: 1;color: ${Ei.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: ${Ei.GrayText}}:host([disabled]) .positioning-region:hover{background: ${Ei.Field}}.expand-collapse-glyph, .start, .end{fill: ${Ei.FieldText}}:host(.nested) .expand-collapse-button:hover{background: ${Ei.Field}}:host(.nested) .expand-collapse-button:hover .expand-collapse-glyph{fill: ${Ei.FieldText}}`));ja.compose({baseName:"tree-item",template:Ba,styles:gu,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 vu=(e,t)=>Me` ${Xa("flex")} :host{flex-direction: column;align-items: stretch;min-width: fit-content;font-size: 0}:host:focus-visible{outline: none}`;Ga.compose({baseName:"tree-view",template:qa,styles:vu});const bu=(e,t)=>Me` ${Dd()}`;class yu extends Ai{}const zu={delegatesFocus:!0,mode:"open"},Cu={};yu.compose(Object.assign({baseName:"accordion",template:en,styles:bu,shadowOptions:zu},Cu));const Lu=(e,t)=>st(0,t),xu=(e,t)=>Me` ${Hd()} 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 Mu extends Qt{}const wu={delegatesFocus:!0,mode:"open"},Su={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>'};Mu.compose(Object.assign({baseName:"accordion-item",template:Lu,styles:xu,shadowOptions:wu},Su));const ku=(e,t)=>Me` :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 Eu=function(e,t){return Eu=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])},Eu(e,t)};function $u(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}Eu(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var Nu=function(){return Nu=Object.assign||function(e){for(var t,i=1,c=arguments.length;i<c;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Nu.apply(this,arguments)};function Au(e,t){var i={};for(var c in e)Object.prototype.hasOwnProperty.call(e,c)&&t.indexOf(c)<0&&(i[c]=e[c]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(c=Object.getOwnPropertySymbols(e);o<c.length;o++)t.indexOf(c[o])<0&&Object.prototype.propertyIsEnumerable.call(e,c[o])&&(i[c[o]]=e[c[o]])}return i}function Ou(e,t,i,c){var o,s=arguments.length,a=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a}function Tu(e,t){return function(i,c){t(i,c,e)}}function Ru(e,t,i,c){return new(i||(i=Promise))(function(o,s){function a(e){try{r(c.next(e))}catch(e){s(e)}}function n(e){try{r(c.throw(e))}catch(e){s(e)}}function r(e){e.done?o(e.value):function(e){return e instanceof i?e:new i(function(t){t(e)})}(e.value).then(a,n)}r((c=c.apply(e,t||[])).next())})}function Iu(e,t){var i,c,o,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=n(0),a.throw=n(1),a.return=n(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function n(n){return function(r){return function(n){if(i)throw new TypeError("Generator is already executing.");for(;a&&(a=0,n[0]&&(s=0)),s;)try{if(i=1,c&&(o=2&n[0]?c.return:n[0]?c.throw||((o=c.return)&&o.call(c),0):c.next)&&!(o=o.call(c,n[1])).done)return o;switch(c=0,o&&(n=[2&n[0],o.value]),n[0]){case 0:case 1:o=n;break;case 4:return s.label++,{value:n[1],done:!1};case 5:s.label++,c=n[1],n=[0];continue;case 7:n=s.ops.pop(),s.trys.pop();continue;default:if(!(o=s.trys,(o=o.length>0&&o[o.length-1])||6!==n[0]&&2!==n[0])){s=0;continue}if(3===n[0]&&(!o||n[1]>o[0]&&n[1]<o[3])){s.label=n[1];break}if(6===n[0]&&s.label<o[1]){s.label=o[1],o=n;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(n);break}o[2]&&s.ops.pop(),s.trys.pop();continue}n=t.call(e,s)}catch(e){n=[6,e],c=0}finally{i=o=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}([n,r])}}}function Du(e){var t="function"==typeof Symbol&&Symbol.iterator,i=t&&e[t],c=0;if(i)return i.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&c>=e.length&&(e=void 0),{value:e&&e[c++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Fu(e,t){var i="function"==typeof Symbol&&e[Symbol.iterator];if(!i)return e;var c,o,s=i.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(c=s.next()).done;)a.push(c.value)}catch(e){o={error:e}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(o)throw o.error}}return a}function Hu(e,t,i){if(i||2===arguments.length)for(var c,o=0,s=t.length;o<s;o++)!c&&o in t||(c||(c=Array.prototype.slice.call(t,0,o)),c[o]=t[o]);return e.concat(c||Array.prototype.slice.call(t))}function _u(e){return this instanceof _u?(this.v=e,this):new _u(e)}function Pu(e,t,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var c,o=i.apply(e,t||[]),s=[];return c=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",function(e){return function(t){return Promise.resolve(t).then(e,l)}}),c[Symbol.asyncIterator]=function(){return this},c;function a(e,t){o[e]&&(c[e]=function(t){return new Promise(function(i,c){s.push([e,t,i,c])>1||n(e,t)})},t&&(c[e]=t(c[e])))}function n(e,t){try{!function(e){e.value instanceof _u?Promise.resolve(e.value.v).then(r,l):d(s[0][2],e)}(o[e](t))}catch(e){d(s[0][3],e)}}function r(e){n("next",e)}function l(e){n("throw",e)}function d(e,t){e(t),s.shift(),s.length&&n(s[0][0],s[0][1])}}function Vu(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,i=e[Symbol.asyncIterator];return i?i.call(e):(e=Du(e),t={},c("next"),c("throw"),c("return"),t[Symbol.asyncIterator]=function(){return this},t);function c(i){t[i]=e[i]&&function(t){return new Promise(function(c,o){(function(e,t,i,c){Promise.resolve(c).then(function(t){e({value:t,done:i})},t)})(c,o,(t=e[i](t)).done,t.value)})}}}function Bu(e,t,i,c){if("a"===i&&!c)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!c:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?c:"a"===i?c.call(e):c?c.value:t.get(e)}function Uu(e,t,i,c,o){if("m"===c)throw new TypeError("Private method is not writable");if("a"===c&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===c?o.call(e,i):o?o.value=i:t.set(e,i),i}"function"==typeof SuppressedError&&SuppressedError;const ju={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},qu={silent:{level:-1},fatal:{level:ju.fatal},error:{level:ju.error},warn:{level:ju.warn},log:{level:ju.log},info:{level:ju.info},success:{level:ju.success},fail:{level:ju.fail},ready:{level:ju.info},start:{level:ju.info},box:{level:ju.info},debug:{level:ju.debug},trace:{level:ju.trace},verbose:{level:ju.verbose}};function Gu(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 Wu(e,t,i=".",c){if(!Gu(t))return Wu(e,{},i,c);const o=Object.assign({},t);for(const t in e){if("__proto__"===t||"constructor"===t)continue;const s=e[t];null!=s&&(c&&c(o,t,s,i)||(Array.isArray(s)&&Array.isArray(o[t])?o[t]=[...s,...o[t]]:Gu(s)&&Gu(o[t])?o[t]=Wu(s,o[t],(i?`${i}.`:"")+t.toString(),c):o[t]=s))}return o}const Yu=(...e)=>e.reduce((e,t)=>Wu(e,t,"",Ku),{});var Ku;function Zu(e){return t=e,"[object Object]"===Object.prototype.toString.call(t)&&(!(!e.message&&!e.args)&&!e.stack);var t}let Qu=!1;const Xu=[];class Ju{options;_lastLog;_mockFn;constructor(e={}){const t=e.types||qu;this.options=Yu({...e,defaults:{...e.defaults},level:ef(e.level,t),reporters:[...e.reporters||[]]},{types:qu,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=ef(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 Ju({...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(){Qu=!0}resumeLogs(){Qu=!1;const e=Xu.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(!Qu)return this._logFn(e,i,t);Xu.push([this,e,i,t])}}_logFn(e,t,i){if((e.level||0)>this.level)return!1;const c={date:new Date,args:[],...e,level:ef(e.level,this.options.types)};!i&&1===t.length&&Zu(t[0])?Object.assign(c,t[0]):c.args=[...t],c.message&&(c.args.unshift(c.message),delete c.message),c.additional&&(Array.isArray(c.additional)||(c.additional=c.additional.split("\n")),c.args.push("\n"+c.additional.join("\n")),delete c.additional),c.type="string"==typeof c.type?c.type.toLowerCase():"log",c.tag="string"==typeof c.tag?c.tag:"";const o=(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=c,this._log(c))};clearTimeout(this._lastLog.timeout);const s=this._lastLog.time&&c.date?c.date.getTime()-this._lastLog.time.getTime():0;if(this._lastLog.time=c.date,s<this.options.throttle)try{const e=JSON.stringify([c.type,c.tag,c.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(o,this.options.throttle))}catch{}o(!0)}_log(e){for(const t of this.options.reporters)t.log(e,{options:this.options})}}function ef(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 tf(e={}){return new Ju(e)}Ju.prototype.add=Ju.prototype.addReporter,Ju.prototype.remove=Ju.prototype.removeReporter,Ju.prototype.clear=Ju.prototype.removeReporter,Ju.prototype.withScope=Ju.prototype.withTag,Ju.prototype.mock=Ju.prototype.mockTypes,Ju.prototype.pause=Ju.prototype.pauseLogs,Ju.prototype.resume=Ju.prototype.resumeLogs;class cf{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,c=e.tag||"",o=`\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${[c,i].filter(Boolean).join(":")}`;"string"==typeof e.args[0]?t(`${s}%c ${e.args[0]}`,o,"",...e.args.slice(1)):t(s,o,...e.args)}}function of(e={}){return tf({reporters:e.reporters||[new cf({})],prompt:(e,t={})=>"confirm"===t.type?Promise.resolve(confirm(e)):Promise.resolve(prompt(e)),...e})}of();const sf={level:ju.debug};function af(e,t=sf){const i=("undefined"!=typeof window?of:tf)().withTag(e);void 0!==(null==t?void 0:t.level)&&(i.level=t.level);const c=i;return c.deprecated=(e,t="Consult docs for better alternative.",i)=>{c.warn(`Deprecated symbol used '${e}'. ${t}`,""+(i?`Will be removed in version ${i}.`:""))},c}const nf=af("foundation-comms"),rf=new RegExp(/wss?:\/\/[-a-zA-Z0-9@:%._+~#=]{1,256}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)\b\/*$/,"i");var lf;!function(e){e.controlClicked="controlClicked",e.routeChanged="routeChanged"}(lf||(lf={}));class df{trackEvent(e,t){nf.debug(`FoundationAnalytics.trackEvent ${e} : ${JSON.stringify(t)}`)}}const hf=mt.createInterface(e=>e.singleton(df));class uf 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 ff=e=>{class t extends uf{constructor(){super(e)}}return mt.createInterface(e=>e.transient(t))};af("foundation-broadcast-channel");const pf=af("foundation-user"),mf={trackActionExclusions:[],trackPathExclusions:[""],setUser(e,t){if(e.isAuthenticated)throw new Error("User already set. If this is intentional, please call User.unset first.");return pf.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=>(pf.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)},gf=mt.createInterface(e=>e.instance(mf)),vf=ff("genesis-user");const bf=()=>{let e=[];return{subscribe:t=>(e.push(t),()=>e=e.filter(e=>e!==t)),publish(t){e.forEach(e=>e(t))}}},yf=af("foundation-utils");function zf(e){const t=[],i=new Set;return function e(c){const o=Array.from(c.querySelectorAll("*"));t.push(...o),o.forEach(t=>{t.shadowRoot&&!i.has(t.shadowRoot)&&(i.add(t.shadowRoot),e(t.shadowRoot))})}(e),t}function Cf(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 yf.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 c=document.querySelectorAll('[class*="-design-system-provider"],[id*="-design-system-provider"]'),o=Array.from(c),s=zf(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(o.push(...s),o.length>0){const e=o[0],t=e.tagName.toLowerCase(),i=t.split("-design-system-provider")[0];if(i)return yf.debug(`Found provider by document search: ${t}, prefix: ${i}`),{element:e,prefix:i}}return yf.debug(`No provider found. Falling back to ${t}.`),{element:null,prefix:t}}const Lf=["text-field","text-area","combobox"],xf=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]','[role="textbox"]','[role="searchbox"]','[role="combobox"]'],Mf=e=>Lf.map(t=>`${e}-${t}`),wf={rapid:Mf("rapid"),zero:Mf("zero")};function Sf(e,t=[]){const i=e.flatMap(e=>{var t;return null!==(t=wf[e])&&void 0!==t?t:[]}),c=t.filter(Boolean);return Array.from(new Set([...xf,...i,...c])).join(",")}const kf=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 Ef(e){this.keyAttr||(this.target[this.targetName]=e)}function $f(e,t){this.keyAttr&&(this.updateTarget=Ef),this.originalBind.call(this,e,t),this.target.addEventListener(this.changeEvent,this.changeHandler)}function Nf(){this.originalUnbind.call(this),this.target.removeEventListener(this.changeEvent,this.changeHandler)}class Af extends D{constructor(e,t,i,c){super(e),this.keyAttr=c,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=$f,t.unbind=Nf,t.changeEvent=function(e,t){var i;const c=e.tagName;return"default"===t?null!==(i=kf.get(c))&&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,c=t.target[this.keyAttr];i.propertySource[i.propertyName][c]=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 Of(e,t="string",i="default",c){return new Af(e,t,i,c)}function Tf(e,t,i){const c=e=>"function"==typeof e?e:()=>e,o=c(t),s=c(i);return(t,i)=>e(t,i)?o(t,i):s(t,i)}const Rf=/^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,If=e=>{const t=e.split(":");let i,c;2===t.length?[i,c]=t:c=e;const o=(e=>{if(Rf.test(e)){const t=atob(e),i=new Uint8Array(t.length);return[...t].forEach((e,c)=>{i[c]=t.charCodeAt(c)}),i.buffer}return e})(c);if("str"===i){return new TextDecoder("utf-8").decode(o)}return o},Df=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}`:""},Ff=e=>{const t=window.location.href,i=new URL(t).search,c=new URLSearchParams(i),o=`feature.${e}`.toLowerCase();for(const[e]of c.entries())if(e.toLowerCase()===o)return!0;return!1};let Hf="webpack";try{"undefined"!=typeof BUILDER&&(Hf=BUILDER)}catch(nC){}let _f="/";try{"undefined"!=typeof PUBLIC_PATH&&(_f=PUBLIC_PATH.replace(/\/$/,""))}catch(e){}let Pf,Vf="gwf";try{"undefined"!=typeof SOCKET_EXT&&(Vf=SOCKET_EXT)}catch(e){}try{Pf=FORCE_HTTP}catch(e){}const Bf=`${location.protocol.replace("http","ws")}//${location.host}${_f}/${Vf}/`;let Uf,jf,qf,Gf,Wf=`${"true"===Pf||Ff("forceHttp")?location.protocol:location.protocol.replace("http","ws")}//${location.host}/${Vf}/`;try{"undefined"!=typeof API_HOST&&(Wf=API_HOST)}catch(e){}try{Uf=HTTP_CONFIG}catch(e){}try{jf=DEFAULT_ORGANISATION}catch(e){}try{qf=DEFAULT_PASSWORD}catch(e){}try{Gf=DEFAULT_USER}catch(e){}let Yf="gwf/event-login-auth";"undefined"!=typeof GENX_LOGIN_URL&&(Yf=GENX_LOGIN_URL),"undefined"!=typeof GENX_LOGIN_REFRESH_URL&&GENX_LOGIN_REFRESH_URL;let Kf="gwf/event-login-details";"undefined"!=typeof GENX_LOGIN_DETAILS_URL&&(Kf=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 Zf="default";"undefined"!=typeof GENX_ENVIRONMENT_LEVEL&&(Zf=GENX_ENVIRONMENT_LEVEL),"undefined"!=typeof GENX_ACCEPT_TERMS_URL&&GENX_ACCEPT_TERMS_URL;class Qf{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")}`}}Ou([b],Qf.prototype,"map",void 0),Ou([b],Qf.prototype,"lastError",void 0);function Xf(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,19).replace("T"," ")}function Jf(e,t){return t?Xf(e):function(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,10)}(e)}const ep={k:1e3,m:1e6,b:1e9},tp=/^(.*?)([kmb])$/i;class ip{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),i=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),c=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=>c.get(e)}parse(e){const t=e.trim().match(tp),i=t?ep[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 cp="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function op(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var sp,ap={exports:{}},np=ap.exports;
|
|
35
|
+
function _d(e,t,i,c){var o,s=arguments.length,a=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a}Qt.compose({baseName:"accordion-item",template:st,styles:Hd,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 '}),Ai.compose({baseName:"accordion",template:Xt,styles:Dd});const Pd="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))));",Vd=Me` ${Xa("inline-flex")} :host{font-family: ${nr};outline: none;font-size: ${br};line-height: ${yr};height: calc(${Fd} * 1px);min-width: calc(${Fd} * 1px);background-color: ${Jl};color: ${kd};border-radius: calc(${hr} * 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 + (${fr} * 2 * ${ur})) * 1px);white-space: nowrap;outline: none;text-decoration: none;border: calc(${gr} * 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: ${ed}}:host(:active){background-color: ${td}}.control:${Ja}{border-color: ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} 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(Ka(Me` :host .control{background-color: ${Ei.ButtonFace};border-color: ${Ei.ButtonText};color: ${Ei.ButtonText};fill: currentColor}:host(:hover) .control{forced-color-adjust: none;background-color: ${Ei.Highlight};color: ${Ei.HighlightText}}.control:${Ja}{forced-color-adjust: none;background-color: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.ButtonText} inset;color: ${Ei.HighlightText}}.control:hover, :host([appearance="outline"]) .control:hover{border-color: ${Ei.ButtonText}}:host([href]) .control{border-color: ${Ei.LinkText};color: ${Ei.LinkText}}:host([href]) .control:hover, :host([href]) .control:${Ja}{forced-color-adjust: none;background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};box-shadow: 0 0 0 1px ${Ei.LinkText} inset;color: ${Ei.LinkText};fill: currentColor}`)),Bd=Me` :host([appearance="accent"]){background: ${Al};color: ${Fl}}:host([appearance="accent"]:hover){background: ${Ol};color: ${Hl}}:host([appearance="accent"]:active) .control:active{background: ${Tl};color: ${_l}}:host([appearance="accent"]) .control:${Ja}{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset, 0 0 0 calc((${vr} + ${gr}) * 1px) ${xd} inset}`.withBehaviors(Ka(Me` :host([appearance="accent"]) .control{forced-color-adjust: none;background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([appearance="accent"]) .control:hover, :host([appearance="accent"]:active) .control:active{background: ${Ei.HighlightText};border-color: ${Ei.Highlight};color: ${Ei.Highlight}}:host([appearance="accent"]) .control:${Ja}{border-color: ${Ei.Highlight};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.HighlightText} inset}:host([appearance="accent"][href]) .control{background: ${Ei.LinkText};color: ${Ei.HighlightText}}:host([appearance="accent"][href]) .control:hover{background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};box-shadow: none;color: ${Ei.LinkText};fill: currentColor}:host([appearance="accent"][href]) .control:${Ja}{border-color: ${Ei.LinkText};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.HighlightText} inset}`)),Ud=Me` :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: ${Yl};border-bottom: calc(${gr} * 1px) solid ${Yl}}:host([appearance="hypertext"]:hover), :host([appearance="hypertext"]) .control:hover{background: transparent;border-bottom-color: ${Kl}}:host([appearance="hypertext"]:active), :host([appearance="hypertext"]) .control:active{background: transparent;border-bottom-color: ${Zl}}:host([appearance="hypertext"]) .control:${Ja}{border-bottom: calc(${vr} * 1px) solid ${Cd};margin-bottom: calc(calc(${gr} - ${vr}) * 1px)}`.withBehaviors(Ka(Me` :host([appearance="hypertext"]:hover){background-color: ${Ei.ButtonFace};color: ${Ei.ButtonText}}:host([appearance="hypertext"][href]) .control:hover, :host([appearance="hypertext"][href]) .control:active, :host([appearance="hypertext"][href]) .control:${Ja}{color: ${Ei.LinkText};border-bottom-color: ${Ei.LinkText};box-shadow: none}`)),jd=Me` :host([appearance="lightweight"]){background: transparent;color: ${Yl}}:host([appearance="lightweight"]) .control{padding: 0;height: initial;border: none;box-shadow: none;border-radius: 0}:host([appearance="lightweight"]:hover){background: transparent;color: ${Kl}}:host([appearance="lightweight"]:active){background: transparent;color: ${Zl}}:host([appearance="lightweight"]) .content{position: relative}:host([appearance="lightweight"]) .content::before{content: "";display: block;height: calc(${gr} * 1px);position: absolute;top: calc(1em + 4px);width: 100%}:host([appearance="lightweight"]:hover) .content::before{background: ${Kl}}:host([appearance="lightweight"]:active) .content::before{background: ${Zl}}:host([appearance="lightweight"]) .control:${Ja} .content::before{background: ${kd};height: calc(${vr} * 1px)}`.withBehaviors(Ka(Me` :host([appearance="lightweight"]) .control:hover, :host([appearance="lightweight"]) .control:${Ja}{forced-color-adjust: none;background: ${Ei.ButtonFace};color: ${Ei.Highlight}}:host([appearance="lightweight"]) .control:hover .content::before, :host([appearance="lightweight"]) .control:${Ja} .content::before{background: ${Ei.Highlight}}:host([appearance="lightweight"][href]) .control:hover, :host([appearance="lightweight"][href]) .control:${Ja}{background: ${Ei.ButtonFace};box-shadow: none;color: ${Ei.LinkText}}:host([appearance="lightweight"][href]) .control:hover .content::before, :host([appearance="lightweight"][href]) .control:${Ja} .content::before{background: ${Ei.LinkText}}`)),qd=Me` :host([appearance="outline"]){background: transparent;border-color: ${Al}}:host([appearance="outline"]:hover){border-color: ${Ol}}:host([appearance="outline"]:active){border-color: ${Tl}}:host([appearance="outline"]) .control{border-color: inherit}:host([appearance="outline"]) .control:${Ja}{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset;border-color: ${Cd}}`.withBehaviors(Ka(Me` :host([appearance="outline"]) .control{border-color: ${Ei.ButtonText}}:host([appearance="outline"]) .control:${Ja}{forced-color-adjust: none;background-color: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.ButtonText} inset;color: ${Ei.HighlightText};fill: currentColor}:host([appearance="outline"][href]) .control{background: ${Ei.ButtonFace};border-color: ${Ei.LinkText};color: ${Ei.LinkText};fill: currentColor}:host([appearance="outline"][href]) .control:hover, :host([appearance="outline"][href]) .control:${Ja}{forced-color-adjust: none;border-color: ${Ei.LinkText};box-shadow: 0 0 0 1px ${Ei.LinkText} inset}`)),Gd=Me` :host([appearance="stealth"]){background: ${ld}}:host([appearance="stealth"]:hover){background: ${dd}}:host([appearance="stealth"]:active){background: ${hd}}`.withBehaviors(Ka(Me` :host([appearance="stealth"]), :host([appearance="stealth"]) .control{forced-color-adjust: none;background: ${Ei.ButtonFace};border-color: transparent;color: ${Ei.ButtonText};fill: currentColor}:host([appearance="stealth"]:hover) .control{background: ${Ei.Highlight};border-color: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"]:${Ja}) .control{background: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"][href]) .control{color: ${Ei.LinkText}}:host([appearance="stealth"][href]:hover) .control, :host([appearance="stealth"][href]:${Ja}) .control{background: ${Ei.LinkText};border-color: ${Ei.LinkText};color: ${Ei.HighlightText};fill: currentColor}:host([appearance="stealth"][href]:${Ja}) .control{forced-color-adjust: none;box-shadow: 0 0 0 1px ${Ei.LinkText}}`));class Wd{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&&pr.unsubscribe(t)}attach(e){const t=this.cache.get(e)||new Yd(this.ltr,this.rtl,e),i=pr.getValueFor(e);pr.subscribe(t),t.attach(i),this.cache.set(e,t)}}class Yd{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 Kd(e,t){return new Za("appearance",e,t)}const Zd=(e,t)=>Me` ${Vd} `.withBehaviors(Kd("accent",Bd),Kd("hypertext",Ud),Kd("lightweight",jd),Kd("outline",qd),Kd("stealth",Gd));class Qd extends Ri{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")}}_d([de],Qd.prototype,"appearance",void 0),Qd.compose({baseName:"anchor",baseClass:Ri,template:Oi,styles:Zd,shadowOptions:{delegatesFocus:!0}});const Xd=(e,t)=>Me` :host{contain: layout;display: block}`;Hi.compose({baseName:"anchored-region",template:Di,styles:Xd});const Jd=(e,t)=>Me` ${Xa("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( ( (${rr} + ${ur}) * ${fr} + ((${fr} * 8) - 40) ) * 1px );--avatar-text-size: ${br};--avatar-text-ratio: ${fr}}.link{text-decoration: none;color: ${kd};display: flex;flex-direction: row;justify-content: center;align-items: center;min-width: 100%}.square{border-radius: calc(${hr} * 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(Ki)}){position: absolute;display: block}`.withBehaviors(new Wd((e=>Me` ::slotted(${e.tagFor(Ki)}){right: 0}`)(e),(e=>Me` ::slotted(${e.tagFor(Ki)}){left: 0}`)(e)));class eh extends Wi{}_d([de({attribute:"src"})],eh.prototype,"imgSrc",void 0),_d([de],eh.prototype,"alt",void 0);const th=K` ${Ve(e=>e.imgSrc,K`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `;eh.compose({baseName:"avatar",baseClass:Wi,template:Gi,styles:Jd,media:th,shadowOptions:{delegatesFocus:!0}});const ih=(e,t)=>Me` ${Xa("inline-block")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${zr};line-height: ${Cr}}.control{border-radius: calc(${hr} * 1px);padding: calc(((${fr} * 0.5) - ${gr}) * 1px) calc((${fr} - ${gr}) * 1px);color: ${Yl};font-weight: 600;border: calc(${gr} * 1px) solid transparent}.control[style]{font-weight: 400}:host([circular]) .control{border-radius: 100px;padding: 0 calc(${fr} * 1px);height: calc((${Fd} - (${fr} * 3)) * 1px);min-width: calc((${Fd} - (${fr} * 3)) * 1px);display: flex;align-items: center;justify-content: center;box-sizing: border-box}`;Ki.compose({baseName:"badge",template:Yi,styles:ih});const ch=(e,t)=>Me` ${Xa("inline-flex")} :host{background: transparent;box-sizing: border-box;font-family: ${nr};font-size: ${br};fill: currentColor;line-height: ${yr};min-width: calc(${Fd} * 1px);outline: none;color: ${kd}}.listitem{display: flex;align-items: center;width: max-content}.separator{margin: 0 6px;display: flex}.control{align-items: center;box-sizing: border-box;color: ${Yl};cursor: pointer;display: flex;fill: inherit;outline: none;text-decoration: none;white-space: nowrap}.control:hover{color: ${Kl}}.control:active{color: ${Zl}}.control .content{position: relative}.control .content::before{content: "";display: block;height: calc(${gr} * 1px);left: 0;position: absolute;right: 0;top: calc(1em + 4px);width: 100%}.control:hover .content::before{background: ${Kl}}.control:active .content::before{background: ${Zl}}.control:${Ja} .content::before{background: ${kd};height: calc(${vr} * 1px)}.control:not([href]){color: ${kd};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(Ka(Me` .control:hover .content::before, .control:${Ja} .content::before{background: ${Ei.LinkText}}.start, .end{fill: ${Ei.ButtonText}}`));Qi.compose({baseName:"breadcrumb-item",template:Zi,styles:ch,separator:"/",shadowOptions:{delegatesFocus:!0}});const oh=(e,t)=>Me` ${Xa("inline-block")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr}}.list{display: flex;flex-wrap: wrap}`;Ji.compose({baseName:"breadcrumb",template:Xi,styles:oh});const sh=(e,t)=>Me` :host([disabled]), :host([disabled]:hover), :host([disabled]:active){opacity: ${mr};background-color: ${Jl};cursor: ${Qa}}${Vd} `.withBehaviors(Ka(Me` :host([disabled]), :host([disabled]) .control, :host([disabled]:hover), :host([disabled]:active){forced-color-adjust: none;background-color: ${Ei.ButtonFace};border-color: ${Ei.GrayText};color: ${Ei.GrayText};cursor: ${Qa};opacity: 1}`),Kd("accent",Me` :host([appearance="accent"][disabled]), :host([appearance="accent"][disabled]:hover), :host([appearance="accent"][disabled]:active){background: ${Al}}${Bd} `.withBehaviors(Ka(Me` :host([appearance="accent"][disabled]) .control, :host([appearance="accent"][disabled]) .control:hover{background: ${Ei.ButtonFace};border-color: ${Ei.GrayText};color: ${Ei.GrayText}}`))),Kd("lightweight",Me` :host([appearance="lightweight"][disabled]:hover), :host([appearance="lightweight"][disabled]:active){background-color: transparent;color: ${Yl}}:host([appearance="lightweight"][disabled]) .content::before, :host([appearance="lightweight"][disabled]:hover) .content::before, :host([appearance="lightweight"][disabled]:active) .content::before{background: transparent}${jd} `.withBehaviors(Ka(Me` :host([appearance="lightweight"].disabled) .control{forced-color-adjust: none;color: ${Ei.GrayText}}:host([appearance="lightweight"].disabled) .control:hover .content::before{background: none}`))),Kd("outline",Me` :host([appearance="outline"][disabled]), :host([appearance="outline"][disabled]:hover), :host([appearance="outline"][disabled]:active){background: transparent;border-color: ${Al}}${qd} `.withBehaviors(Ka(Me` :host([appearance="outline"][disabled]) .control{border-color: ${Ei.GrayText}}`))),Kd("stealth",Me` :host([appearance="stealth"][disabled]), :host([appearance="stealth"][disabled]:hover), :host([appearance="stealth"][disabled]:active){background: ${ld}}${Gd} `.withBehaviors(Ka(Me` :host([appearance="stealth"][disabled]){background: ${Ei.ButtonFace}}:host([appearance="stealth"][disabled]) .control{background: ${Ei.ButtonFace};border-color: transparent;color: ${Ei.GrayText}}`))));class ah extends lc{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")}}_d([de],ah.prototype,"appearance",void 0),ah.compose({baseName:"button",baseClass:lc,template:ec,styles:sh,shadowOptions:{delegatesFocus:!0}});const nh=Me` ${Xa("block")} :host{--cell-border: none;--cell-height: calc(${Fd} * 1px);--selected-day-outline: 1px solid ${Zl};--selected-day-color: ${Zl};--selected-day-background: ${Jl};--cell-padding: calc(${fr} * 1px);--disabled-day-opacity: ${mr};--inactive-day-opacity: ${mr};font-family: ${nr};font-size: ${br};line-height: ${yr};color: ${kd}}.title{font-size: ${Er};line-height: ${$r};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(${fr} * 1px);margin-top: calc(${fr} * 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: ${Jl};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: ${Qa};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: ${_l};background: ${Zl}}.today.inactive .date{background: transparent;color: inherit;width: auto}`.withBehaviors(Ka(Me` :host{--selected-day-outline: 1px solid ${Ei.Highlight}}.day, .week-day{background: ${Ei.Canvas};color: ${Ei.CanvasText};fill: currentcolor}.day.selected{color: ${Ei.Highlight}}.today .date{background: ${Ei.Highlight};color: ${Ei.HighlightText}}`));uc.compose({baseName:"calendar",template:Tc,styles:nh,title:Nc});const rh=(e,t)=>Me` ${Xa("block")} :host{--elevation: 4;display: block;contain: content;height: var(--card-height, 100%);width: var(--card-width, 100%);box-sizing: border-box;background: ${El};border-radius: calc(${hr} * 1px);${Pd}}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;background: ${Ei.Canvas};box-shadow: 0 0 0 1px ${Ei.CanvasText}}`));class lh extends Ic{connectedCallback(){super.connectedCallback();const e=to(this);e&&El.setValueFor(this,t=>bd.getValueFor(t).evaluate(t,El.getValueFor(e)))}}lh.compose({baseName:"card",baseClass:Ic,template:Rc,styles:rh});const dh=(e,t)=>Me` ${Xa("inline-flex")} :host{align-items: center;outline: none;margin: calc(${fr} * 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((${Fd} / 2 + ${fr}) * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);box-sizing: border-box;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${$d};background: ${od};outline: none;cursor: pointer}.label{font-family: ${nr};color: ${kd};padding-inline-start: calc(${fr} * 2px + 2px);margin-inline-end: calc(${fr} * 2px + 2px);cursor: pointer;font-size: ${br};line-height: ${yr}}.label__hidden{display: none;visibility: hidden}.checked-indicator{width: 100%;height: 100%;display: block;fill: ${Fl};opacity: 0;pointer-events: none}.indeterminate-indicator{border-radius: calc(${hr} * 1px);background: ${Fl};position: absolute;top: 50%;left: 50%;width: 50%;height: 50%;transform: translate(-50%, -50%);opacity: 0}:host(:not([disabled])) .control:hover{background: ${sd};border-color: ${Nd}}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([aria-checked="true"]) .control{background: ${Al};border: calc(${gr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Ol};border: calc(${gr} * 1px) solid ${Ol}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:hover .indeterminate-indicator{background: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Tl};border: calc(${gr} * 1px) solid ${Tl}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{fill: ${_l}}:host([aria-checked="true"]:not([disabled])) .control:active .indeterminate-indicator{background: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([aria-checked="true"]:not(.indeterminate)) .checked-indicator, :host(.indeterminate) .indeterminate-indicator{opacity: 1}:host([disabled]){opacity: ${mr}}`.withBehaviors(Ka(Me` .control{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.Field}}.checked-indicator{fill: ${Ei.FieldText}}.indeterminate-indicator{background: ${Ei.FieldText}}:host(:not([disabled])) .control:hover, .control:active{border-color: ${Ei.Highlight};background: ${Ei.Field}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]) .control{background: ${Ei.Highlight};border-color: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover, .control:active{border-color: ${Ei.Highlight};background: ${Ei.HighlightText}}:host([aria-checked="true"]) .checked-indicator{fill: ${Ei.HighlightText}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{fill: ${Ei.Highlight}}:host([aria-checked="true"]) .indeterminate-indicator{background: ${Ei.HighlightText}}:host([aria-checked="true"]) .control:hover .indeterminate-indicator{background: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .control{forced-color-adjust: none;border-color: ${Ei.GrayText};background: ${Ei.Field}}:host([disabled]) .indeterminate-indicator, :host([aria-checked="true"][disabled]) .control:hover .indeterminate-indicator{forced-color-adjust: none;background: ${Ei.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{forced-color-adjust: none;fill: ${Ei.GrayText}}`));_c.compose({baseName:"checkbox",template:Dc,styles:dh,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 hh=(e,t)=>{const i=e.tagFor(Vc),c=e.name===e.tagFor(es)?"":".listbox";return Me` ${c?"":Xa("inline-flex")} :host ${c}{background: ${El};border: calc(${gr} * 1px) solid ${$d};border-radius: calc(${hr} * 1px);box-sizing: border-box;flex-direction: column;padding: calc(${fr} * 1px) 0}${c?"":Me` :host(:focus-within:not([disabled])){border-color: ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset}:host([disabled]) ::slotted(*){cursor: ${Qa};opacity: ${mr};pointer-events: none}`} ${c||":host([size])"}{max-height: calc( (var(--size) * ${Fd} + (${fr} * ${gr} * 2)) * 1px );overflow-y: auto}:host([size="0"]) ${c}{max-height: none}`.withBehaviors(Ka(Me` :host(:not([multiple]):${Ja}) ::slotted(${i}[aria-selected="true"]), :host([multiple]:${Ja}) ::slotted(${i}[aria-checked="true"]){border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText}}:host(:not([multiple]):${Ja}) ::slotted(${i}[aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentcolor}::slotted(${i}[aria-selected="true"]:not([aria-checked="true"])){background: ${Ei.Highlight};border-color: ${Ei.HighlightText};color: ${Ei.HighlightText}}`))},uh=(e,t)=>{const i=e.name===e.tagFor(Gs);return Me` ${Xa("inline-flex")} :host{--elevation: 14;background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};box-sizing: border-box;color: ${kd};font-family: ${nr};height: calc(${Fd} * 1px);position: relative;user-select: none;min-width: 250px;outline: none;vertical-align: top}${i?Me` :host(:not([aria-haspopup])){--elevation: 0;border: 0;height: auto;min-width: 0}`:""} ${hh(e)} :host .listbox{${Pd} border: none;display: flex;left: 0;position: absolute;width: 100%;z-index: 1}.control + .listbox{--stroke-size: calc(${fr} * ${gr} * 2);max-height: calc( (var(--listbox-max-height) * ${Fd} + var(--stroke-size)) * 1px )}${i?Me` :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: ${br};font-family: inherit;line-height: ${yr};min-height: 100%;padding: 0 calc(${fr} * 2.25px);width: 100%}:host(:not([disabled]):hover){background: ${sd};border-color: ${Ol}}:host(:${Ja}){border-color: ${Cd}}:host(:not([size]):not([multiple]):not([open]):${Ja}), :host([multiple]:${Ja}), :host([size]:${Ja}){box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd}}:host(:not([multiple]):not([size]):${Ja}) ::slotted(${e.tagFor(Vc)}[aria-selected="true"]:not([disabled])){box-shadow: 0 0 0 calc(${vr} * 1px) inset ${xd};border-color: ${Cd};background: ${Rl};color: ${Pl}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]) .control{cursor: ${Qa};user-select: none}:host([disabled]:hover){background: ${ld};color: ${kd};fill: currentcolor}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Tl};border-radius: calc(${hr} * 1px)}:host([open][position="above"]) .listbox{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 0;bottom: calc(${Fd} * 1px)}:host([open][position="below"]) .listbox{border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;top: calc(${Fd} * 1px)}.selected-value{flex: 1 1 auto;font-family: inherit;min-width: calc(var(--listbox-scroll-width, 0) - (${fr} * 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;${Pd}}.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(${fr} * 4px);min-width: calc(${fr} * 4px);width: 1em}::slotted([role="option"]), ::slotted(option){flex: 0 0 auto}`.withBehaviors(Ka(Me` :host(:not([disabled]):hover), :host(:not([disabled]):active){border-color: ${Ei.Highlight}}:host(:not([disabled]):${Ja}){background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.Highlight};color: ${Ei.ButtonText};fill: currentcolor;forced-color-adjust: none}:host(:not([disabled]):${Ja}) .listbox{background: ${Ei.ButtonFace}}:host([disabled]){border-color: ${Ei.GrayText};background-color: ${Ei.ButtonFace};color: ${Ei.GrayText};fill: currentcolor;opacity: 1;forced-color-adjust: none}:host([disabled]:hover){background: ${Ei.ButtonFace}}:host([disabled]) .control{color: ${Ei.GrayText};border-color: ${Ei.GrayText}}:host([disabled]) .control .select-indicator{fill: ${Ei.GrayText}}:host(:${Ja}) ::slotted([aria-selected="true"][role="option"]), :host(:${Ja}) ::slotted(option[aria-selected="true"]), :host(:${Ja}) ::slotted([aria-selected="true"][role="option"]:not([disabled])){background: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText};color: ${Ei.HighlightText};fill: currentcolor}.start, .end, .indicator, .select-indicator, ::slotted(svg){color: ${Ei.ButtonText};fill: currentcolor}`))},fh=(e,t)=>Me` ${uh(e)} :host(:empty) .listbox{display: none}:host([disabled]) *, :host([disabled]){cursor: ${Qa};user-select: none}.selected-value{-webkit-appearance: none;background: transparent;border: none;color: inherit;font-size: ${br};line-height: ${yr};height: calc(100% - (${gr} * 1px));margin: auto 0;width: 100%}.selected-value:hover, .selected-value:${Ja}, .selected-value:disabled, .selected-value:active{outline: none}`;class ph extends Jc{maxHeightChanged(e,t){this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=Math.floor(this.maxHeight/Id.getValueFor(this)).toString();this.computedStylesheet=Me` :host{--listbox-max-height: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}ph.compose({baseName:"combobox",baseClass:Jc,template:(e,t)=>K`<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">${it(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)}" ${Fe("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${tt(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Fe("listbox")}><slot ${Qe({filter:Uc.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:fh,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 mh=(e,t)=>Me` :host{display: flex;position: relative;flex-direction: column}`,gh=(e,t)=>Me` :host{display: grid;padding: 1px 0;box-sizing: border-box;width: 100%;border-bottom: calc(${gr} * 1px) solid ${Rd}}:host(.header){}:host(.sticky-header){background: ${Jl};position: sticky;top: 0}`,vh=(e,t)=>Me` :host{padding: calc(${fr} * 1px) calc(${fr} * 3px);color: ${kd};box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};font-weight: 400;border: transparent calc(${vr} * 1px) solid;overflow: hidden;white-space: nowrap;border-radius: calc(${hr} * 1px)}:host(.column-header){font-weight: 600}:host(:${Ja}){border: ${Cd} calc(${vr} * 1px) solid;outline: none;color: ${kd}}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;border-color: transparent;background: ${Ei.Field};color: ${Ei.FieldText}}:host(:${Ja}){border-color: ${Ei.FieldText};box-shadow: 0 0 0 2px inset ${Ei.Field};color: ${Ei.FieldText}}`));kc.compose({baseName:"data-grid-cell",template:$c,styles:vh}),Lc.compose({baseName:"data-grid-row",template:Ec,styles:gh}),Mc.compose({baseName:"data-grid",template:xc,styles:mh});const bh={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=_n(e);return t?Un.create(t.r,t.g,t.b):null}},yh=Me` :host{background-color: ${El};color: ${kd}}`.withBehaviors(Ka(Me` :host{background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 1px ${Ei.CanvasText};color: ${Ei.ButtonText}}`));function zh(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}class Ch extends Wt{constructor(){super(),this.noPaint=!1;const e={handleChange:this.noPaintChanged.bind(this)};v.getNotifier(this).subscribe(e,"fillColor"),v.getNotifier(this).subscribe(e,"baseLayerLuminance")}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(yh):this.$fastController.addStyles(yh)}}_d([de({attribute:"no-paint",mode:"boolean"})],Ch.prototype,"noPaint",void 0),_d([de({attribute:"fill-color",converter:bh}),zh(El)],Ch.prototype,"fillColor",void 0),_d([de({attribute:"accent-color",converter:bh,mode:"fromView"}),zh(pl)],Ch.prototype,"accentColor",void 0),_d([de({attribute:"neutral-color",converter:bh,mode:"fromView"}),zh(ul)],Ch.prototype,"neutralColor",void 0),_d([de({converter:re}),zh(ur)],Ch.prototype,"density",void 0),_d([de({attribute:"design-unit",converter:re}),zh(fr)],Ch.prototype,"designUnit",void 0),_d([de({attribute:"direction"}),zh(pr)],Ch.prototype,"direction",void 0),_d([de({attribute:"base-height-multiplier",converter:re}),zh(rr)],Ch.prototype,"baseHeightMultiplier",void 0),_d([de({attribute:"base-horizontal-spacing-multiplier",converter:re}),zh(lr)],Ch.prototype,"baseHorizontalSpacingMultiplier",void 0),_d([de({attribute:"control-corner-radius",converter:re}),zh(hr)],Ch.prototype,"controlCornerRadius",void 0),_d([de({attribute:"stroke-width",converter:re}),zh(gr)],Ch.prototype,"strokeWidth",void 0),_d([de({attribute:"focus-stroke-width",converter:re}),zh(vr)],Ch.prototype,"focusStrokeWidth",void 0),_d([de({attribute:"disabled-opacity",converter:re}),zh(mr)],Ch.prototype,"disabledOpacity",void 0),_d([de({attribute:"type-ramp-minus-2-font-size"}),zh(Lr)],Ch.prototype,"typeRampMinus2FontSize",void 0),_d([de({attribute:"type-ramp-minus-2-line-height"}),zh(xr)],Ch.prototype,"typeRampMinus2LineHeight",void 0),_d([de({attribute:"type-ramp-minus-1-font-size"}),zh(zr)],Ch.prototype,"typeRampMinus1FontSize",void 0),_d([de({attribute:"type-ramp-minus-1-line-height"}),zh(Cr)],Ch.prototype,"typeRampMinus1LineHeight",void 0),_d([de({attribute:"type-ramp-base-font-size"}),zh(br)],Ch.prototype,"typeRampBaseFontSize",void 0),_d([de({attribute:"type-ramp-base-line-height"}),zh(yr)],Ch.prototype,"typeRampBaseLineHeight",void 0),_d([de({attribute:"type-ramp-plus-1-font-size"}),zh(Mr)],Ch.prototype,"typeRampPlus1FontSize",void 0),_d([de({attribute:"type-ramp-plus-1-line-height"}),zh(wr)],Ch.prototype,"typeRampPlus1LineHeight",void 0),_d([de({attribute:"type-ramp-plus-2-font-size"}),zh(Sr)],Ch.prototype,"typeRampPlus2FontSize",void 0),_d([de({attribute:"type-ramp-plus-2-line-height"}),zh(kr)],Ch.prototype,"typeRampPlus2LineHeight",void 0),_d([de({attribute:"type-ramp-plus-3-font-size"}),zh(Er)],Ch.prototype,"typeRampPlus3FontSize",void 0),_d([de({attribute:"type-ramp-plus-3-line-height"}),zh($r)],Ch.prototype,"typeRampPlus3LineHeight",void 0),_d([de({attribute:"type-ramp-plus-4-font-size"}),zh(Nr)],Ch.prototype,"typeRampPlus4FontSize",void 0),_d([de({attribute:"type-ramp-plus-4-line-height"}),zh(Ar)],Ch.prototype,"typeRampPlus4LineHeight",void 0),_d([de({attribute:"type-ramp-plus-5-font-size"}),zh(Or)],Ch.prototype,"typeRampPlus5FontSize",void 0),_d([de({attribute:"type-ramp-plus-5-line-height"}),zh(Tr)],Ch.prototype,"typeRampPlus5LineHeight",void 0),_d([de({attribute:"type-ramp-plus-6-font-size"}),zh(Rr)],Ch.prototype,"typeRampPlus6FontSize",void 0),_d([de({attribute:"type-ramp-plus-6-line-height"}),zh(Ir)],Ch.prototype,"typeRampPlus6LineHeight",void 0),_d([de({attribute:"accent-fill-rest-delta",converter:re}),zh(Dr)],Ch.prototype,"accentFillRestDelta",void 0),_d([de({attribute:"accent-fill-hover-delta",converter:re}),zh(Fr)],Ch.prototype,"accentFillHoverDelta",void 0),_d([de({attribute:"accent-fill-active-delta",converter:re}),zh(Hr)],Ch.prototype,"accentFillActiveDelta",void 0),_d([de({attribute:"accent-fill-focus-delta",converter:re}),zh(_r)],Ch.prototype,"accentFillFocusDelta",void 0),_d([de({attribute:"accent-foreground-rest-delta",converter:re}),zh(Pr)],Ch.prototype,"accentForegroundRestDelta",void 0),_d([de({attribute:"accent-foreground-hover-delta",converter:re}),zh(Vr)],Ch.prototype,"accentForegroundHoverDelta",void 0),_d([de({attribute:"accent-foreground-active-delta",converter:re}),zh(Br)],Ch.prototype,"accentForegroundActiveDelta",void 0),_d([de({attribute:"accent-foreground-focus-delta",converter:re}),zh(Ur)],Ch.prototype,"accentForegroundFocusDelta",void 0),_d([de({attribute:"neutral-fill-rest-delta",converter:re}),zh(jr)],Ch.prototype,"neutralFillRestDelta",void 0),_d([de({attribute:"neutral-fill-hover-delta",converter:re}),zh(qr)],Ch.prototype,"neutralFillHoverDelta",void 0),_d([de({attribute:"neutral-fill-active-delta",converter:re}),zh(Gr)],Ch.prototype,"neutralFillActiveDelta",void 0),_d([de({attribute:"neutral-fill-focus-delta",converter:re}),zh(Wr)],Ch.prototype,"neutralFillFocusDelta",void 0),_d([de({attribute:"neutral-fill-input-rest-delta",converter:re}),zh(Yr)],Ch.prototype,"neutralFillInputRestDelta",void 0),_d([de({attribute:"neutral-fill-input-hover-delta",converter:re}),zh(Kr)],Ch.prototype,"neutralFillInputHoverDelta",void 0),_d([de({attribute:"neutral-fill-input-active-delta",converter:re}),zh(Zr)],Ch.prototype,"neutralFillInputActiveDelta",void 0),_d([de({attribute:"neutral-fill-input-focus-delta",converter:re}),zh(Qr)],Ch.prototype,"neutralFillInputFocusDelta",void 0),_d([de({attribute:"neutral-fill-stealth-rest-delta",converter:re}),zh(Xr)],Ch.prototype,"neutralFillStealthRestDelta",void 0),_d([de({attribute:"neutral-fill-stealth-hover-delta",converter:re}),zh(Jr)],Ch.prototype,"neutralFillStealthHoverDelta",void 0),_d([de({attribute:"neutral-fill-stealth-active-delta",converter:re}),zh(el)],Ch.prototype,"neutralFillStealthActiveDelta",void 0),_d([de({attribute:"neutral-fill-stealth-focus-delta",converter:re}),zh(tl)],Ch.prototype,"neutralFillStealthFocusDelta",void 0),_d([de({attribute:"neutral-fill-strong-hover-delta",converter:re}),zh(cl)],Ch.prototype,"neutralFillStrongHoverDelta",void 0),_d([de({attribute:"neutral-fill-strong-active-delta",converter:re}),zh(ol)],Ch.prototype,"neutralFillStrongActiveDelta",void 0),_d([de({attribute:"neutral-fill-strong-focus-delta",converter:re}),zh(sl)],Ch.prototype,"neutralFillStrongFocusDelta",void 0),_d([de({attribute:"base-layer-luminance",converter:re}),zh(dr)],Ch.prototype,"baseLayerLuminance",void 0),_d([de({attribute:"neutral-fill-layer-rest-delta",converter:re}),zh(al)],Ch.prototype,"neutralFillLayerRestDelta",void 0),_d([de({attribute:"neutral-stroke-divider-rest-delta",converter:re}),zh(hl)],Ch.prototype,"neutralStrokeDividerRestDelta",void 0),_d([de({attribute:"neutral-stroke-rest-delta",converter:re}),zh(nl)],Ch.prototype,"neutralStrokeRestDelta",void 0),_d([de({attribute:"neutral-stroke-hover-delta",converter:re}),zh(rl)],Ch.prototype,"neutralStrokeHoverDelta",void 0),_d([de({attribute:"neutral-stroke-active-delta",converter:re}),zh(ll)],Ch.prototype,"neutralStrokeActiveDelta",void 0),_d([de({attribute:"neutral-stroke-focus-delta",converter:re}),zh(dl)],Ch.prototype,"neutralStrokeFocusDelta",void 0);Ch.compose({baseName:"design-system-provider",template:(e,t)=>K`<slot></slot>`,styles:(e,t)=>Me` ${Xa("block")}`});Vo.compose({baseName:"dialog",template:(e,t)=>K`<div class="positioning-region" part="positioning-region">${Ve(e=>e.modal,K`<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}" ${Fe("dialog")}><slot></slot></div></div>`,styles:(e,t)=>Me` :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{${Pd} margin-top: auto;margin-bottom: auto;width: var(--dialog-width);height: var(--dialog-height);background-color: ${El};z-index: 1;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid transparent}`});const Lh=(e,t)=>Me` .disclosure{transition: height 0.35s}.disclosure .invoker::-webkit-details-marker{display: none}.disclosure .invoker{list-style-type: none}:host([appearance="accent"]) .invoker{background: ${Al};color: ${Fl};font-family: ${nr};font-size: ${br};border-radius: calc(${hr} * 1px);outline: none;cursor: pointer;margin: 16px 0;padding: 12px;max-width: max-content}:host([appearance="accent"]) .invoker:active{background: ${Tl};color: ${_l}}:host([appearance="accent"]) .invoker:hover{background: ${Ol};color: ${Hl}}:host([appearance="lightweight"]) .invoker{background: transparent;color: ${Yl};border-bottom: calc(${gr} * 1px) solid ${Yl};cursor: pointer;width: max-content;margin: 16px 0}:host([appearance="lightweight"]) .invoker:active{border-bottom-color: ${Zl}}:host([appearance="lightweight"]) .invoker:hover{border-bottom-color: ${Kl}}.disclosure[open] .invoker ~ *{animation: fadeIn 0.5s ease-in-out}@keyframes fadeIn{0%{opacity: 0}100%{opacity: 1}}`;class xh extends qo{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}}_d([de],xh.prototype,"appearance",void 0),xh.compose({baseName:"disclosure",baseClass:qo,template:jo,styles:Lh});const Mh=(e,t)=>Me` ${Xa("block")} :host{box-sizing: content-box;height: 0;margin: calc(${fr} * 1px) 0;border-top: calc(${gr} * 1px) solid ${Rd};border-left: none}:host([orientation="vertical"]){height: 100%;margin: 0 calc(${fr} * 1px);border-top: none;border-left: calc(${gr} * 1px) solid ${Rd}}`;Yo.compose({baseName:"divider",template:Go,styles:Mh});const wh=(e,t)=>Me` ${Xa("inline-flex")} :host{width: calc(${Fd} * 1px);height: calc(${Fd} * 1px);justify-content: center;align-items: center;margin: 0;position: relative;fill: currentcolor;color: ${Fl};background: transparent;outline: none;border: none;padding: 0}:host::before{content: "";background: ${Al};border: calc(${gr} * 1px) solid ${Al};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: ${mr};cursor: ${Qa};fill: currentcolor;color: ${kd};pointer-events: none}:host([disabled])::before, :host([disabled]:hover)::before, :host([disabled]:active)::before{background: ${ld};border-color: ${$d}}:host(:hover){color: ${Hl}}:host(:hover)::before{background: ${Ol};border-color: ${Ol}}:host(:active){color: ${_l}}:host(:active)::before{background: ${Tl};border-color: ${Tl}}:host(:${Ja}){outline: none}:host(:${Ja})::before{box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd} inset, 0 0 0 calc((${vr} + ${gr}) * 1px) ${xd} inset;border-color: ${Cd}}:host::-moz-focus-inner{border: 0}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas}}:host .next, :host .previous{color: ${Ei.ButtonText};fill: currentcolor}:host::before{background: ${Ei.Canvas};border-color: ${Ei.ButtonText}}:host(:hover)::before{forced-color-adjust: none;background: ${Ei.Highlight};border-color: ${Ei.ButtonText};opacity: 1}:host(:hover) .next, :host(:hover) .previous{forced-color-adjust: none;color: ${Ei.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: ${Ei.Canvas};border-color: ${Ei.GrayText};color: ${Ei.GrayText};fill: ${Ei.GrayText}}:host(:${Ja})::before{forced-color-adjust: none;border-color: ${Ei.Highlight};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Ei.Highlight} inset}`));Xo.compose({baseName:"flipper",template:Qo,styles:wh,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 Sh=Me` .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%)}`,kh=Me` .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%)}`,Eh=Me` .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 Wd(Sh,kh)),$h=(e,t)=>Me` ${Xa("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 Nh extends Fs{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Eh)}}Nh.compose({baseName:"horizontal-scroll",baseClass:Fs,template:Hs,styles:$h,nextFlipper:e=>K`<${e.tagFor(Xo)}@click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Xo)}>`,previousFlipper:e=>K`<${e.tagFor(Xo)}@click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></${e.tagFor(Xo)}>`});const Ah=(e,t)=>Me` ${Xa("inline-flex")} :host{align-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;flex: 0 0 auto;fill: currentcolor;font-size: ${br};height: calc(${Fd} * 1px);line-height: ${yr};margin: 0 calc((${fr} - ${vr}) * 1px);outline: none;overflow: hidden;padding: 0 1ch;user-select: none;white-space: nowrap}:host(:not([disabled]):not([aria-selected="true"]):hover){background: ${dd}}:host(:not([disabled]):not([aria-selected="true"]):active){background: ${hd}}:host([aria-selected="true"]){background: ${Al};color: ${Fl}}:host(:not([disabled])[aria-selected="true"]:hover){background: ${Ol};color: ${Hl}}:host(:not([disabled])[aria-selected="true"]:active){background: ${Tl};color: ${_l}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}.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(${fr} * 4px);width: calc(${fr} * 4px)}::slotted([slot="end"]){margin-inline-start: 1ch}::slotted([slot="start"]){margin-inline-end: 1ch}:host([aria-checked="true"][aria-selected="false"]){border-color: ${Cd}}:host([aria-checked="true"][aria-selected="true"]){border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 2 * 1px) inset ${xd}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled][aria-selected="false"]:hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}:host([aria-checked="true"][aria-selected="false"]){background: ${Ei.ButtonFace};color: ${Ei.ButtonText};border-color: ${Ei.ButtonText}}:host([aria-checked="true"][aria-selected="true"]), :host([aria-checked="true"][aria-selected="true"]:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText};border-color: ${Ei.ButtonText}}`));Vc.compose({baseName:"option",template:Jo,styles:Ah});class Oh extends es{sizeChanged(e,t){super.sizeChanged(e,t),this.updateComputedStylesheet()}updateComputedStylesheet(){this.computedStylesheet&&this.$fastController.removeStyles(this.computedStylesheet);const e=`${this.size}`;this.computedStylesheet=Me` :host{--size: ${e}}`,this.$fastController.addStyles(this.computedStylesheet)}}Oh.compose({baseName:"listbox",baseClass:es,template:ts,styles:hh});const Th=(e,t)=>Me` ${Xa("grid")} :host{contain: layout;overflow: visible;font-family: ${nr};outline: none;box-sizing: border-box;height: calc(${Fd} * 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(${fr} * 1px);white-space: nowrap;background: ${ld};color: ${kd};fill: currentcolor;cursor: pointer;font-size: ${br};line-height: ${yr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 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(:${Ja}){border-color: ${Cd};background: ${ud};color: ${kd}}:host(:hover){background: ${dd};color: ${kd}}:host(:active){background: ${hd}}:host([aria-checked="true"]), :host(.expanded){background: ${Jl};color: ${kd}}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]:hover){color: ${kd};fill: currentcolor;background: ${ld}}:host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){fill: ${kd}}.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: ${kd}}: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(${gr} * 1px) solid ${kd}}:host([aria-checked="true"]) .checkbox, :host([aria-checked="true"]) .radio{background: ${Al};border-color: ${Al}}:host .checkbox{border-radius: calc(${hr} * 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: ${wd}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]){width: 100%;height: 100%;display: block;fill: ${Fl};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: ${Fl};pointer-events: none}:host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){display: block;pointer-events: none}`.withBehaviors(Ka(Me` :host{border-color: transparent;color: ${Ei.ButtonText};forced-color-adjust: none}:host(:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host(:hover) .start, :host(:hover) .end, :host(:hover)::slotted(svg), :host(:active) .start, :host(:active) .end, :host(:active)::slotted(svg){fill: ${Ei.HighlightText}}:host(.expanded){background: ${Ei.Highlight};border-color: ${Ei.Highlight};color: ${Ei.HighlightText}}:host(:${Ja}){background: ${Ei.Highlight};border-color: ${Ei.ButtonText};box-shadow: 0 0 0 calc(${vr} * 1px) inset ${Ei.HighlightText};color: ${Ei.HighlightText};fill: currentcolor}:host([disabled]), :host([disabled]:hover), :host([disabled]:hover) .start, :host([disabled]:hover) .end, :host([disabled]:hover)::slotted(svg){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}:host .expanded-toggle, :host .checkbox, :host .radio{border-color: ${Ei.ButtonText};background: ${Ei.HighlightText}}:host([checked="true"]) .checkbox, :host([checked="true"]) .radio{background: ${Ei.HighlightText};border-color: ${Ei.HighlightText}}:host(:hover) .expanded-toggle, :host(:hover) .checkbox, :host(:hover) .radio, :host(:${Ja}) .expanded-toggle, :host(:${Ja}) .checkbox, :host(:${Ja}) .radio, :host([checked="true"]:hover) .checkbox, :host([checked="true"]:hover) .radio, :host([checked="true"]:${Ja}) .checkbox, :host([checked="true"]:${Ja}) .radio{border-color: ${Ei.HighlightText}}:host([aria-checked="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([aria-checked="true"]) .checkbox-indicator, :host([aria-checked="true"]) ::slotted([slot="checkbox-indicator"]), :host([aria-checked="true"]) ::slotted([slot="radio-indicator"]){fill: ${Ei.Highlight}}:host([aria-checked="true"]) .radio-indicator{background: ${Ei.Highlight}}::slotted([slot="end"]:not(svg)){color: ${Ei.ButtonText}}:host(:hover) ::slotted([slot="end"]:not(svg)), :host(:${Ja}) ::slotted([slot="end"]:not(svg)){color: ${Ei.HighlightText}}`),new Wd(Me` .expand-collapse-glyph{transform: rotate(0deg)}`,Me` .expand-collapse-glyph{transform: rotate(180deg)}`));gs.compose({baseName:"menu-item",template:vs,styles:Th,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 Rh=(e,t)=>Me` ${Xa("block")} :host{--elevation: 11;background: ${El};border: calc(${gr} * 1px) solid transparent;${Pd} margin: 0;border-radius: calc(${hr} * 1px);padding: calc(${fr} * 1px) 0;max-width: 368px;min-width: 64px}:host([slot="submenu"]){width: max-content;margin: 0 calc(${fr} * 1px)}::slotted(hr){box-sizing: content-box;height: 0;margin: 0;border: none;border-top: calc(${gr} * 1px) solid ${Rd}}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas};border-color: ${Ei.CanvasText}}`));class Ih extends ys{connectedCallback(){super.connectedCallback(),El.setValueFor(this,yl)}}Ih.compose({baseName:"menu",template:bs,styles:Rh});const Dh=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.controls{opacity: 0}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${kd}}.step-down-glyph:before{border-top-color: ${kd}}::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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd} inset}:host(:hover:not([disabled])) .controls, :host(:focus-within:not([disabled])) .controls{opacity: 1}:host([appearance="filled"]) .root{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`));class Fh extends ks{constructor(){super(...arguments),this.appearance="outline"}}_d([de],Fh.prototype,"appearance",void 0),Fh.compose({baseName:"number-field",baseClass:ks,styles:Dh,template:(e,t)=>K`<template class="${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe("defaultSlottedNodes")}></slot></label><div class="root" part="root">${it(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}" ${Fe("control")}/>${Ve(e=>!e.hideStep&&!e.readOnly&&!e.disabled,K`<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>`)} ${tt(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 '});hs.compose({baseName:"picker",template:(e,t)=>{const i=e.tagFor(Hi),c=e.tagFor(is),o=e.tagFor(ss),s=e.tagFor(ss),a=function(e){const t=e.tagFor(ns);return K`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.listItemContentsTemplate}"></${t}>`}(e),n=function(e){const t=e.tagFor(os);return K`<${t}value="${e=>e}" :contentsTemplate="${(e,t)=>t.parent.menuOptionContentsTemplate}"></${t}>`}(e);return K`<template :selectedListTag="${()=>o}" :menuTag="${()=>c}" :defaultListItemTemplate="${a}" :defaultMenuOptionTemplate="${n}" @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>${Ve(e=>e.flyoutOpen,K`<${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)}" ${Fe("region")}>${Ve(e=>!e.showNoOptions&&!e.showLoading,K`<slot name="menu-region"></slot>`)} ${Ve(e=>e.showNoOptions&&!e.showLoading,K`<div class="no-options-display" part="no-options-display"><slot name="no-options-region">${e=>e.noSuggestionsText}</slot></div>`)} ${Ve(e=>e.showLoading,K`<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)=>Me` .region{z-index: 1000;overflow: hidden;display: flex;font-family: ${nr};font-size: ${br}}.loaded{opacity: 1;pointer-events: none}.loading-display, .no-options-display{background: ${El};width: 100%;min-height: calc(${Fd} * 1px);display: flex;flex-direction: column;align-items: center;justify-items: center;padding: calc(${fr} * 1px)}.loading-progress{width: 42px;height: 42px}.bottom{flex-direction: column}.top{flex-direction: column-reverse}`,shadowOptions:{}});(class extends is{connectedCallback(){El.setValueFor(this,yl),super.connectedCallback()}}).compose({baseName:"picker-menu",baseClass:is,template:(e,t)=>K`<template role="list" slot="menu-region"><div class="options-display" part="options-display"><div class="header-region" part="header-region"><slot name="header-region" ${Qe("headerElements")}></slot></div><slot ${Qe("menuElements")}></slot><div class="footer-region" part="footer-region"><slot name="footer-region" ${Qe("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)=>Me` :host{background: ${El};--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(${hr} * 1px);padding: calc(${fr} * 1px) 0;border: calc(${gr} * 1px) solid transparent;${Pd}}.suggestions-available-alert{height: 0;opacity: 0;overflow: hidden}`.withBehaviors(Ka(Me` :host{background: ${Ei.Canvas};border-color: ${Ei.CanvasText}}`))}),os.compose({baseName:"picker-menu-option",template:(e,t)=>K`<template role="listitem" tabindex="-1" @click="${(e,t)=>e.handleClick(t.event)}"><slot></slot></template>`,styles:(e,t)=>Me` :host{display: flex;align-items: center;justify-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;fill: currentcolor;font-size: ${br};min-height: calc(${Fd} * 1px);line-height: ${yr};margin: 0 calc(${fr} * 1px);outline: none;overflow: hidden;padding: 0 calc(${fr} * 2.25px);user-select: none;white-space: nowrap}:host(:${Ja}[role="listitem"]){border-color: ${Cd};background: ${ud}}:host(:hover){background: ${dd}}:host(:active){background: ${hd}}:host([aria-selected="true"]){background: ${Al};color: ${Fl}}:host([aria-selected="true"]:hover){background: ${Ol};color: ${Hl}}:host([aria-selected="true"]:active){background: ${Tl};color: ${_l}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}`))}),ss.compose({baseName:"picker-list",template:(e,t)=>K`<template slot="list-region" role="list" class="picker-list"><slot></slot><slot name="input-region"></slot></template>`,styles:(e,t)=>Me` :host{display: flex;flex-direction: row;column-gap: calc(${fr} * 1px);row-gap: calc(${fr} * 1px);flex-wrap: wrap}::slotted([role="combobox"]){min-width: 260px;width: auto;box-sizing: border-box;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 1px);font-family: ${nr};outline: none;user-select: none;font-size: ${br};line-height: ${yr};padding: 0 calc(${fr} * 2px + 1px)}::slotted([role="combobox"]:active){{background: ${sd};border-color: ${Tl}}::slotted([role="combobox"]:focus-within){border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} inset}`.withBehaviors(Ka(Me` ::slotted([role="combobox"]:active){background: ${Ei.Field};border-color: ${Ei.Highlight}}::slotted([role="combobox"]:focus-within){border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}::slotted(input:placeholder){color: ${Ei.GrayText}}`))}),ns.compose({baseName:"picker-list-item",template:(e,t)=>K`<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)=>Me` :host{display: flex;align-items: center;justify-items: center;font-family: ${nr};border-radius: calc(${hr} * 1px);border: calc(${vr} * 1px) solid transparent;box-sizing: border-box;background: ${ld};color: ${kd};cursor: pointer;fill: currentcolor;font-size: ${br};height: calc(${Fd} * 1px);line-height: ${yr};outline: none;overflow: hidden;padding: 0 calc(${fr} * 2.25px);user-select: none;white-space: nowrap}:host(:hover){background: ${dd}}:host(:active){background: ${hd}}:host(:${Ja}){background: ${ud};border-color: ${Cd}}:host([aria-selected="true"]){background: ${Al};color: ${_l}}`.withBehaviors(Ka(Me` :host{border-color: transparent;forced-color-adjust: none;color: ${Ei.ButtonText};fill: currentcolor}:host(:not([aria-selected="true"]):hover), :host([aria-selected="true"]){background: ${Ei.Highlight};color: ${Ei.HighlightText}}:host([disabled]), :host([disabled]:not([aria-selected="true"]):hover){background: ${Ei.Canvas};color: ${Ei.GrayText};fill: currentcolor;opacity: 1}`))});const Hh=(e,t)=>Me` ${Xa("flex")} :host{align-items: center;outline: none;height: calc(${Fd} * 1px);width: calc(${Fd} * 1px);margin: calc(${Fd} * 1px) 0}.progress{height: 100%;width: 100%}.background{stroke: ${Jl};fill: none;stroke-width: 2px}.determinate{stroke: ${Yl};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: ${Yl};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: ${Jl}}:host([paused]) .determinate{stroke: ${wd}}@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(Ka(Me` .indeterminate-indicator-1, .determinate{stroke: ${Ei.FieldText}}.background{stroke: ${Ei.Field}}:host([paused]) .indeterminate-indicator-1{stroke: ${Ei.Field}}:host([paused]) .determinate{stroke: ${Ei.GrayText}}`));$s.compose({baseName:"progress-ring",template:Es,styles:Hh,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 _h=(e,t)=>Me` ${Xa("flex")} :host{align-items: center;outline: none;height: calc(${fr} * 1px);margin: calc(${fr} * 1px) 0}.progress{background-color: ${Jl};border-radius: calc(${fr} * 1px);width: 100%;height: 100%;display: flex;align-items: center;position: relative}.determinate{background-color: ${Yl};border-radius: calc(${fr} * 1px);height: 100%;transition: all 0.2s ease-in-out;display: flex}.indeterminate{height: 100%;border-radius: calc(${fr} * 1px);display: flex;width: 100%;position: relative;overflow: hidden}.indeterminate-indicator-1{position: absolute;opacity: 0;height: 100%;background-color: ${Yl};border-radius: calc(${fr} * 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: ${Yl};border-radius: calc(${fr} * 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: ${Jl}}:host([paused]) .determinate{background-color: ${wd}}@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(Ka(Me` .progress{forced-color-adjust: none;background-color: ${Ei.Field};box-shadow: 0 0 0 1px inset ${Ei.FieldText}}.determinate, .indeterminate-indicator-1, .indeterminate-indicator-2{forced-color-adjust: none;background-color: ${Ei.FieldText}}:host([paused]) .determinate, :host([paused]) .indeterminate-indicator-1, :host([paused]) .indeterminate-indicator-2{background-color: ${Ei.GrayText}}`));$s.compose({baseName:"progress",template:Ns,styles:_h,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 Ph=(e,t)=>Me` ${Xa("flex")} :host{align-items: flex-start;margin: calc(${fr} * 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}`;Os.compose({baseName:"radio-group",template:As,styles:Ph});const Vh=(e,t)=>Me` ${Xa("inline-flex")} :host{--input-size: calc((${Fd} / 2) + ${fr});align-items: center;outline: none;margin: calc(${fr} * 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((${Fd} / 2 + ${fr}) * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);box-sizing: border-box;border-radius: 999px;border: calc(${gr} * 1px) solid ${$d};background: ${od};outline: none;cursor: pointer}.label{font-family: ${nr};color: ${kd};padding-inline-start: calc(${fr} * 2px + 2px);margin-inline-end: calc(${fr} * 2px + 2px);cursor: pointer;font-size: ${br};line-height: ${yr}}.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: ${Fl};fill: ${Fl};opacity: 0;pointer-events: none}:host(:not([disabled])) .control:hover{background: ${sd};border-color: ${Nd}}:host(:not([disabled])) .control:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([aria-checked="true"]) .control{background: ${Al};border: calc(${gr} * 1px) solid ${Al}}:host([aria-checked="true"]:not([disabled])) .control:hover{background: ${Ol};border: calc(${gr} * 1px) solid ${Ol}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator{background: ${Hl};fill: ${Hl}}:host([aria-checked="true"]:not([disabled])) .control:active{background: ${Tl};border: calc(${gr} * 1px) solid ${Tl}}:host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${_l};fill: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([aria-checked="true"]) .checked-indicator{opacity: 1}:host([disabled]){opacity: ${mr}}`.withBehaviors(Ka(Me` .control, :host([aria-checked="true"]:not([disabled])) .control{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.Field}}:host(:not([disabled])) .control:hover{border-color: ${Ei.Highlight};background: ${Ei.Field}}:host([aria-checked="true"]:not([disabled])) .control:hover, :host([aria-checked="true"]:not([disabled])) .control:active{border-color: ${Ei.Highlight};background: ${Ei.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Ei.Highlight};fill: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .control:hover .checked-indicator, :host([aria-checked="true"]:not([disabled])) .control:active .checked-indicator{background: ${Ei.HighlightText};fill: ${Ei.HighlightText}}:host(:${Ja}) .control{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .control{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([disabled]){forced-color-adjust: none;opacity: 1}:host([disabled]) .label{color: ${Ei.GrayText}}:host([disabled]) .control, :host([aria-checked="true"][disabled]) .control:hover, .control:active{background: ${Ei.Field};border-color: ${Ei.GrayText}}:host([disabled]) .checked-indicator, :host([aria-checked="true"][disabled]) .control:hover .checked-indicator{fill: ${Ei.GrayText};background: ${Ei.GrayText}}`));Ds.compose({baseName:"radio",template:Ts,styles:Vh,checkedIndicator:'\n <div part="checked-indicator" class="checked-indicator"></div>\n '});const Bh=yo.create("clear-button-hover").withDefault(e=>{const t=rd.getValueFor(e),i=Xl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).hover}),Uh=yo.create("clear-button-active").withDefault(e=>{const t=rd.getValueFor(e),i=Xl.getValueFor(e);return t.evaluate(e,i.evaluate(e).hover).active});class jh extends Bs{constructor(){super(...arguments),this.appearance="outline"}}_d([de],jh.prototype,"appearance",void 0),jh.compose({baseName:"search",baseClass:Bs,template:(e,t)=>K`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></slot></label><div class="root" part="root" ${Fe("root")}>${it(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}" ${Fe("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>${tt(0,t)}</div></template>`,styles:(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control::-webkit-search-cancel-button{-webkit-appearance: none}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.clear-button{height: calc(100% - 2px);opacity: 0;margin: 1px;background: transparent;color: ${kd};fill: currentcolor;border: none;border-radius: calc(${hr} * 1px);min-width: calc(${Fd} * 1px);font-size: ${br};line-height: ${yr};outline: none;font-family: ${nr};padding: 0 calc((10 + (${fr} * 2 * ${ur})) * 1px)}.clear-button:hover{background: ${dd}}.clear-button:active{background: ${hd}}:host([appearance="filled"]) .clear-button:hover{background: ${Bh}}:host([appearance="filled"]) .clear-button:active{background: ${Uh}}.input-wrapper{display: flex;position: relative;width: 100%;height: 100%}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} 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: ${El}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`)),shadowOptions:{delegatesFocus:!0}});class qh extends Gs{constructor(){super(...arguments),this.listboxScrollWidth=""}connectedCallback(){super.connectedCallback(),this.listbox&&El.setValueFor(this.listbox,yl)}get listboxMaxHeight(){return Math.floor(this.maxHeight/Id.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=Me` :host{--listbox-max-height: ${this.listboxMaxHeight};--listbox-scroll-width: ${this.listboxScrollWidth};--size: ${this.selectSize}}`,this.$fastController.addStyles(this.computedStylesheet)}}_d([b],qh.prototype,"listboxScrollWidth",void 0),qh.compose({baseName:"select",baseClass:Gs,template:Ys,styles:uh,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 Gh=(e,t)=>Me` ${Xa("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(${hr} * 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}${Xa("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, ${Jl});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(Ka(Me` :host{forced-color-adjust: none;background-color: ${Ei.ButtonFace};box-shadow: 0 0 0 1px ${Ei.ButtonText}}${Xa("block")} span.shimmer{display: none}`));Zs.compose({baseName:"skeleton",template:Ks,styles:Gh});const Wh=Me` :host{align-self: start;grid-row: 2;margin-top: -2px;height: calc((${Fd} / 2 + ${fr}) * 1px);width: auto}.container{grid-template-rows: auto auto;grid-template-columns: 0}.label{margin: 2px 0}`,Yh=Me` :host{justify-self: start;grid-column: 2;margin-left: 2px;height: auto;width: calc((${Fd} / 2 + ${fr}) * 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((${fr} / 2) * 3px);align-self: center}`,Kh=(e,t)=>Me` ${Xa("block")} :host{font-family: ${nr};color: ${kd};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((${fr} / 4) * 1px);height: calc(${Fd} * 0.25 * 1px);background: ${$d};justify-self: center}:host(.disabled){opacity: ${mr}}`.withBehaviors(Ka(Me` .mark{forced-color-adjust: none;background: ${Ei.FieldText}}:host(.disabled){forced-color-adjust: none;opacity: 1}:host(.disabled) .label{color: ${Ei.GrayText}}:host(.disabled) .mark{background: ${Ei.GrayText}}`));class Zh extends ea{sliderOrientationChanged(){this.sliderOrientation===Jt?(this.$fastController.addStyles(Wh),this.$fastController.removeStyles(Yh)):(this.$fastController.addStyles(Yh),this.$fastController.removeStyles(Wh))}}Zh.compose({baseName:"slider-label",baseClass:ea,template:Qs,styles:Kh});const Qh=Me` .track-start{left: 0}`,Xh=Me` .track-start{right: 0}`,Jh=(e,t)=>Me` :host([hidden]){display: none}${Xa("inline-grid")} :host{--thumb-size: calc(${Fd} * 0.5 - ${fr});--thumb-translate: calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang: calc((${fr} / 2) * -1);--track-width: ${fr};--fast-slider-height: calc(var(--thumb-size) * 10);align-items: center;width: 100%;margin: calc(${fr} * 1px) 0;user-select: none;box-sizing: border-box;border-radius: calc(${hr} * 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(:${Ja}) .thumb-cursor{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.thumb-container{position: absolute;height: calc(var(--thumb-size) * 1px);width: calc(var(--thumb-size) * 1px);transition: all 0.2s ease;color: ${kd};fill: currentcolor}.thumb-cursor{border: none;width: calc(var(--thumb-size) * 1px);height: calc(var(--thumb-size) * 1px);background: ${kd};border-radius: calc(${hr} * 1px)}.thumb-cursor:hover{background: ${kd};border-color: ${Nd}}.thumb-cursor:active{background: ${kd}}.track-start{background: ${Yl};position: absolute;height: 100%;left: 0;border-radius: calc(${hr} * 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: ${$d};position: absolute;border-radius: calc(${hr} * 1px)}:host([orientation="vertical"]){height: calc(var(--fast-slider-height) * 1px);min-height: calc(var(--thumb-size) * 1px);min-width: calc(${fr} * 20px)}:host([orientation="vertical"]) .track-start{height: auto;width: 100%;top: 0}:host([disabled]), :host([readonly]){cursor: ${Qa}}:host([disabled]){opacity: ${mr}}`.withBehaviors(new Wd(Qh,Xh),Ka(Me` .thumb-cursor{forced-color-adjust: none;border-color: ${Ei.FieldText};background: ${Ei.FieldText}}.thumb-cursor:hover, .thumb-cursor:active{background: ${Ei.Highlight}}.track{forced-color-adjust: none;background: ${Ei.FieldText}}:host(:${Ja}) .thumb-cursor{border-color: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host([disabled]) .track, :host([disabled]) .thumb-cursor{forced-color-adjust: none;background: ${Ei.GrayText}}:host(:${Ja}) .thumb-cursor{background: ${Ei.Highlight};border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}`));oa.compose({baseName:"slider",template:(e,t)=>K`<template role="slider" class="${e=>e.readOnly?"readonly":""} ${e=>e.orientation||Jt}" 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 ${Fe("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 ${Fe("thumb")}part="thumb-container" class="thumb-container" style="${e=>e.position}"><slot name="thumb">${t.thumb||""}</slot></div></div></template>`,styles:Jh,thumb:'\n <div class="thumb-cursor"></div>\n '});const eu=(e,t)=>Me` :host([hidden]){display: none}${Xa("inline-flex")} :host{align-items: center;outline: none;font-family: ${nr};margin: calc(${fr} * 1px) 0;${""} user-select: none}:host([disabled]){opacity: ${mr}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .switch, :host([disabled]) .switch{cursor: ${Qa}}.switch{position: relative;outline: none;box-sizing: border-box;width: calc(${Fd} * 1px);height: calc((${Fd} / 2 + ${fr}) * 1px);background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${$d}}.switch:hover{background: ${sd};border-color: ${Nd};cursor: pointer}host([disabled]) .switch:hover, host([readonly]) .switch:hover{background: ${sd};border-color: ${Nd};cursor: ${Qa}}:host(:not([disabled])) .switch:active{background: ${ad};border-color: ${Ad}}:host(:${Ja}) .switch{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.checked-indicator{position: absolute;top: 5px;bottom: 5px;background: ${kd};border-radius: calc(${hr} * 1px);transition: all 0.2s ease-in-out}.status-message{color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr}}:host([disabled]) .status-message, :host([readonly]) .status-message{cursor: ${Qa}}.label{color: ${kd};margin-inline-end: calc(${fr} * 2px + 2px);font-size: ${br};line-height: ${yr};cursor: pointer}.label__hidden{display: none;visibility: hidden}::slotted([slot="checked-message"]), ::slotted([slot="unchecked-message"]){margin-inline-start: calc(${fr} * 2px + 2px)}:host([aria-checked="true"]) .checked-indicator{background: ${Fl}}:host([aria-checked="true"]) .switch{background: ${Al};border-color: ${Al}}:host([aria-checked="true"]:not([disabled])) .switch:hover{background: ${Ol};border-color: ${Ol}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Hl}}:host([aria-checked="true"]:not([disabled])) .switch:active{background: ${Tl};border-color: ${Tl}}:host([aria-checked="true"]:not([disabled])) .switch:active .checked-indicator{background: ${_l}}:host([aria-checked="true"]:${Ja}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${El}, 0 0 0 4px ${Cd}}.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(Ka(Me` .checked-indicator, :host(:not([disabled])) .switch:active .checked-indicator{forced-color-adjust: none;background: ${Ei.FieldText}}.switch{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:not([disabled])) .switch:hover{background: ${Ei.HighlightText};border-color: ${Ei.Highlight}}:host([aria-checked="true"]) .switch{background: ${Ei.Highlight};border-color: ${Ei.Highlight}}:host([aria-checked="true"]:not([disabled])) .switch:hover, :host(:not([disabled])) .switch:active{background: ${Ei.HighlightText};border-color: ${Ei.Highlight}}:host([aria-checked="true"]) .checked-indicator{background: ${Ei.HighlightText}}:host([aria-checked="true"]:not([disabled])) .switch:hover .checked-indicator{background: ${Ei.Highlight}}:host([disabled]){opacity: 1}:host(:${Ja}) .switch{border-color: ${Ei.Highlight};box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([aria-checked="true"]:${Ja}:not([disabled])) .switch{box-shadow: 0 0 0 2px ${Ei.Field}, 0 0 0 4px ${Ei.FieldText}}:host([disabled]) .checked-indicator{background: ${Ei.GrayText}}:host([disabled]) .switch{background: ${Ei.Field};border-color: ${Ei.GrayText}}`),new Wd(Me` .checked-indicator{left: 5px;right: calc(((${Fd} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{left: calc(((${Fd} / 2) + 1) * 1px);right: 5px}`,Me` .checked-indicator{right: 5px;left: calc(((${Fd} / 2) + 1) * 1px)}:host([aria-checked="true"]) .checked-indicator{right: calc(((${Fd} / 2) + 1) * 1px);left: 5px}`));ra.compose({baseName:"switch",template:sa,styles:eu,switch:'\n <span class="checked-indicator" part="checked-indicator"></span>\n '});const tu=(e,t)=>Me` ${Xa("grid")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};color: ${kd};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(${fr} * 4px) calc(${fr} * 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: ${Al};margin-top: 10px;border-radius: calc(${hr} * 1px) calc(${hr} * 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(${fr} * 4px) calc((${Fd} - ${fr}) * 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: ${Al};margin-top: 0;border-radius: 0 calc(${hr} * 1px) calc(${hr} * 1px) 0}:host([orientation="vertical"]) .activeIndicatorTransition{transition: transform 0.2s linear}`.withBehaviors(Ka(Me` .activeIndicator, :host([orientation="vertical"]) .activeIndicator{forced-color-adjust: none;background: ${Ei.Highlight}}`)),iu=(e,t)=>Me` ${Xa("inline-flex")} :host{box-sizing: border-box;font-family: ${nr};font-size: ${br};line-height: ${yr};height: calc(${Fd} * 1px);padding: calc(${fr} * 5px) calc(${fr} * 4px);color: ${wd};fill: currentcolor;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid transparent;align-items: center;justify-content: center;grid-row: 1;cursor: pointer}:host(:hover){color: ${kd};fill: currentcolor}:host(:active){color: ${kd};fill: currentcolor}:host([disabled]){cursor: ${Qa};opacity: ${mr}}:host([disabled]:hover){color: ${wd};background: ${ld}}:host([aria-selected="true"]){background: ${Jl};color: ${Yl};fill: currentcolor}:host([aria-selected="true"]:hover){background: ${ed};color: ${Kl};fill: currentcolor}:host([aria-selected="true"]:active){background: ${td};color: ${Zl};fill: currentcolor}:host(:${Ja}){outline: none;border: calc(${gr} * 1px) solid ${Cd};box-shadow: 0 0 0 calc((${vr} - ${gr}) * 1px) ${Cd}}:host(:focus){outline: none}:host(.vertical){justify-content: end;grid-column: 2}:host(.vertical[aria-selected="true"]){z-index: 2}:host(.vertical:hover){color: ${kd}}:host(.vertical:active){color: ${kd}}:host(.vertical:hover[aria-selected="true"]){}`.withBehaviors(Ka(Me` :host{forced-color-adjust: none;border-color: transparent;color: ${Ei.ButtonText};fill: currentcolor}:host(:hover), :host(.vertical:hover), :host([aria-selected="true"]:hover){background: ${Ei.Highlight};color: ${Ei.HighlightText};fill: currentcolor}:host([aria-selected="true"]){background: ${Ei.HighlightText};color: ${Ei.Highlight};fill: currentcolor}:host(:${Ja}){border-color: ${Ei.ButtonText};box-shadow: none}:host([disabled]), :host([disabled]:hover){opacity: 1;color: ${Ei.GrayText};background: ${Ei.ButtonFace}}`));ua.compose({baseName:"tab",template:ha,styles:iu});const cu=(e,t)=>Me` ${Xa("block")} :host{box-sizing: border-box;font-size: ${br};line-height: ${yr};padding: 0 calc((6 + (${fr} * 2 * ${ur})) * 1px)}`;da.compose({baseName:"tab-panel",template:la,styles:cu}),ga.compose({baseName:"tabs",template:fa,styles:tu});const ou=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.control{box-sizing: border-box;position: relative;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 2px);font: inherit;font-size: ${br};line-height: ${yr};padding: calc(${fr} * 2px + 1px);width: 100%;resize: none}.control:hover:enabled{background: ${sd};border-color: ${Ol}}.control:active:enabled{background: ${ad};border-color: ${Tl}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}:host(:focus-within) .control{border-color: ${Cd};box-shadow: 0 0 0 1px ${Cd} inset}:host([appearance="filled"]) .control{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .control{background: ${ed}}:host([resize="both"]) .control{resize: both}:host([resize="horizontal"]) .control{resize: horizontal}:host([resize="vertical"]) .control{resize: vertical}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};margin-bottom: 4px}.label__hidden{display: none;visibility: hidden}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}:host([cols]){width: initial}:host([rows]) .control{height: initial}`.withBehaviors(Ka(Me` :host([disabled]){opacity: 1}`));class su extends za{constructor(){super(...arguments),this.appearance="outline"}}_d([de],su.prototype,"appearance",void 0),su.compose({baseName:"text-area",baseClass:za,template:Ca,styles:ou,shadowOptions:{delegatesFocus:!0}});const au=(e,t)=>Me` ${Xa("inline-block")} :host{font-family: ${nr};outline: none;user-select: none}.root{box-sizing: border-box;position: relative;display: flex;flex-direction: row;color: ${kd};background: ${od};border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Al};height: calc(${Fd} * 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(${fr} * 2px + 1px);font-size: ${br};line-height: ${yr}}.control:hover, .control:${Ja}, .control:disabled, .control:active{outline: none}.label{display: block;color: ${kd};cursor: pointer;font-size: ${br};line-height: ${yr};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: ${sd};border-color: ${Ol}}:host(:active:not([disabled])) .root{background: ${sd};border-color: ${Tl}}:host(:focus-within:not([disabled])) .root{border-color: ${Cd};box-shadow: 0 0 0 calc(${vr} * 1px) ${Cd} inset}:host([appearance="filled"]) .root{background: ${Jl}}:host([appearance="filled"]:hover:not([disabled])) .root{background: ${ed}}:host([disabled]) .label, :host([readonly]) .label, :host([readonly]) .control, :host([disabled]) .control{cursor: ${Qa}}:host([disabled]){opacity: ${mr}}:host([disabled]) .control{border-color: ${$d}}`.withBehaviors(Ka(Me` .root, :host([appearance="filled"]) .root{forced-color-adjust: none;background: ${Ei.Field};border-color: ${Ei.FieldText}}:host(:hover:not([disabled])) .root, :host([appearance="filled"]:hover:not([disabled])) .root, :host([appearance="filled"]:hover) .root{background: ${Ei.Field};border-color: ${Ei.Highlight}}.start, .end{fill: currentcolor}:host([disabled]){opacity: 1}:host([disabled]) .root, :host([appearance="filled"]:hover[disabled]) .root{border-color: ${Ei.GrayText};background: ${Ei.Field}}:host(:focus-within:enabled) .root{border-color: ${Ei.Highlight};box-shadow: 0 0 0 1px ${Ei.Highlight} inset}input::placeholder{color: ${Ei.GrayText}}`));class nu extends xs{constructor(){super(...arguments),this.appearance="outline"}}_d([de],nu.prototype,"appearance",void 0),nu.compose({baseName:"text-field",baseClass:xs,template:(e,t)=>K`<template class=" ${e=>e.readOnly?"readonly":""}"><label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></slot></label><div class="root" part="root">${it(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}" ${Fe("control")}/>${tt(0,t)}</div></template>`,styles:au,shadowOptions:{delegatesFocus:!0}});const ru=(e,t)=>Me` ${Xa("inline-flex")} :host{--toolbar-item-gap: calc( (var(--design-unit) + calc(var(--density) + 2)) * 1px );background-color: ${El};border-radius: calc(${hr} * 1px);fill: currentcolor;padding: var(--toolbar-item-gap)}:host(${Ja}){outline: calc(${gr} * 1px) solid ${Od}}.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(Ka(Me` :host(:${Ja}){box-shadow: 0 0 0 calc(${vr} * 1px) ${Ei.Highlight};color: ${Ei.ButtonText};forced-color-adjust: none}`));class lu extends Ma{connectedCallback(){super.connectedCallback();const e=to(this);e&&El.setValueFor(this,t=>bd.getValueFor(t).evaluate(t,El.getValueFor(e)))}}lu.compose({baseName:"toolbar",baseClass:Ma,template:La,styles:ru,shadowOptions:{delegatesFocus:!0}});const du=(e,t)=>{const i=e.tagFor(Hi);return Me` :host{contain: size;overflow: visible;height: 0;width: 0}.tooltip{box-sizing: border-box;border-radius: calc(${hr} * 1px);border: calc(${gr} * 1px) solid ${Cd};box-shadow: 0 0 0 1px ${Cd} inset;background: ${Jl};color: ${kd};padding: 4px;height: fit-content;width: fit-content;font-family: ${nr};font-size: ${br};line-height: ${yr};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(Ka(Me` :host([disabled]){opacity: 1}`))};Va.compose({baseName:"tooltip",template:Sa,styles:du});const hu=Me` .expand-collapse-glyph{transform: rotate(0deg)}:host(.nested) .expand-collapse-button{left: var(--expand-collapse-button-nested-width, calc(${Fd} * -1px))}:host([selected])::after{left: calc(${vr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(45deg)}`,uu=Me` .expand-collapse-glyph{transform: rotate(180deg)}:host(.nested) .expand-collapse-button{right: var(--expand-collapse-button-nested-width, calc(${Fd} * -1px))}:host([selected])::after{right: calc(${vr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-glyph{transform: rotate(135deg)}`,fu=Se`((${rr} / 2) * ${fr}) + ((${fr} * ${ur}) / 2)`,pu=yo.create("tree-item-expand-collapse-hover").withDefault(e=>{const t=rd.getValueFor(e);return t.evaluate(e,t.evaluate(e).hover).hover}),mu=yo.create("tree-item-expand-collapse-selected-hover").withDefault(e=>{const t=Xl.getValueFor(e);return rd.getValueFor(e).evaluate(e,t.evaluate(e).rest).hover}),gu=(e,t)=>Me` /** * 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}}${Xa("block")} :host{contain: content;position: relative;outline: none;color: ${kd};background: ${ld};cursor: pointer;font-family: ${nr};--expand-collapse-button-size: calc(${Fd} * 1px);--tree-item-nested-width: 0}:host(:focus) > .positioning-region{outline: none}:host(:focus) .content-region{outline: none}:host(:${Ja}) .positioning-region{border: ${Cd} calc(${gr} * 1px) solid;border-radius: calc(${hr} * 1px);color: ${kd}}.positioning-region{display: flex;position: relative;box-sizing: border-box;background: ${ld};border: transparent calc(${gr} * 1px) solid;height: calc((${Fd} + 1) * 1px)}.positioning-region::before{content: "";display: block;width: var(--tree-item-nested-width);flex-shrink: 0}:host(:not([disabled])) .positioning-region:hover{background: ${dd}}:host(:not([disabled])) .positioning-region:active{background: ${hd}}.content-region{display: inline-flex;align-items: center;white-space: nowrap;width: 100%;height: calc(${Fd} * 1px);margin-inline-start: calc(${fr} * 2px + 8px);font-size: ${br};line-height: ${yr};font-weight: 400}.items{/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ font-size: calc(1em + (${fr} + 16) * 1px)}.expand-collapse-button{background: none;border: none;outline: none;/* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */ width: calc((${fu} + (${fr} * 2)) * 1px);height: calc((${fu} + (${fr} * 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(${fr} * 2px + 2px)}.end{/* TODO: horizontalSpacing https://github.com/microsoft/fast/issues/2766 */ margin-inline-start: calc(${fr} * 2px + 2px)}:host([expanded]) > .items{animation: treeItemLoading ease-in 10ms;animation-iteration-count: 1;animation-fill-mode: forwards}:host([disabled]) .content-region{opacity: ${mr};cursor: ${Qa}}: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: ${pu}}:host([selected]) .positioning-region{background: ${Jl}}:host([selected]:not([disabled])) .positioning-region:hover{background: ${ed}}:host([selected]:not([disabled])) .positioning-region:active{background: ${td}}:host([selected]:not([disabled])) .expand-collapse-button:hover{background: ${mu}}: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: ${Yl};border-radius: calc(${hr} * 1px);content: "";display: block;position: absolute;top: calc((${Fd} / 4) * 1px);width: 3px;height: calc((${Fd} / 2) * 1px)}::slotted(${e.tagFor(ja)}){--tree-item-nested-width: 1em;--expand-collapse-button-nested-width: calc(${Fd} * -1px)}`.withBehaviors(new Wd(hu,uu),Ka(Me` :host{forced-color-adjust: none;border-color: transparent;background: ${Ei.Field};color: ${Ei.FieldText}}:host .content-region .expand-collapse-glyph{fill: ${Ei.FieldText}}:host .positioning-region:hover, :host([selected]) .positioning-region{background: ${Ei.Highlight}}:host .positioning-region:hover .content-region, :host([selected]) .positioning-region .content-region{color: ${Ei.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: ${Ei.HighlightText}}:host([selected])::after{background: ${Ei.Field}}:host(:${Ja}) .positioning-region{border-color: ${Ei.FieldText};box-shadow: 0 0 0 2px inset ${Ei.Field};color: ${Ei.FieldText}}:host([disabled]) .content-region, :host([disabled]) .positioning-region:hover .content-region{opacity: 1;color: ${Ei.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: ${Ei.GrayText}}:host([disabled]) .positioning-region:hover{background: ${Ei.Field}}.expand-collapse-glyph, .start, .end{fill: ${Ei.FieldText}}:host(.nested) .expand-collapse-button:hover{background: ${Ei.Field}}:host(.nested) .expand-collapse-button:hover .expand-collapse-glyph{fill: ${Ei.FieldText}}`));ja.compose({baseName:"tree-item",template:Ba,styles:gu,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 vu=(e,t)=>Me` ${Xa("flex")} :host{flex-direction: column;align-items: stretch;min-width: fit-content;font-size: 0}:host:focus-visible{outline: none}`;Ga.compose({baseName:"tree-view",template:qa,styles:vu});const bu=(e,t)=>Me` ${Dd()}`;class yu extends Ai{}const zu={delegatesFocus:!0,mode:"open"},Cu={};yu.compose(Object.assign({baseName:"accordion",template:en,styles:bu,shadowOptions:zu},Cu));const Lu=(e,t)=>st(0,t),xu=(e,t)=>Me` ${Hd()} 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 Mu extends Qt{}const wu={delegatesFocus:!0,mode:"open"},Su={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>'};Mu.compose(Object.assign({baseName:"accordion-item",template:Lu,styles:xu,shadowOptions:wu},Su));const ku=(e,t)=>Me` :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 Eu=function(e,t){return Eu=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])},Eu(e,t)};function $u(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}Eu(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var Nu=function(){return Nu=Object.assign||function(e){for(var t,i=1,c=arguments.length;i<c;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Nu.apply(this,arguments)};function Au(e,t){var i={};for(var c in e)Object.prototype.hasOwnProperty.call(e,c)&&t.indexOf(c)<0&&(i[c]=e[c]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(c=Object.getOwnPropertySymbols(e);o<c.length;o++)t.indexOf(c[o])<0&&Object.prototype.propertyIsEnumerable.call(e,c[o])&&(i[c[o]]=e[c[o]])}return i}function Ou(e,t,i,c){var o,s=arguments.length,a=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a}function Tu(e,t){return function(i,c){t(i,c,e)}}function Ru(e,t,i,c){return new(i||(i=Promise))(function(o,s){function a(e){try{r(c.next(e))}catch(e){s(e)}}function n(e){try{r(c.throw(e))}catch(e){s(e)}}function r(e){e.done?o(e.value):function(e){return e instanceof i?e:new i(function(t){t(e)})}(e.value).then(a,n)}r((c=c.apply(e,t||[])).next())})}function Iu(e,t){var i,c,o,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=n(0),a.throw=n(1),a.return=n(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function n(n){return function(r){return function(n){if(i)throw new TypeError("Generator is already executing.");for(;a&&(a=0,n[0]&&(s=0)),s;)try{if(i=1,c&&(o=2&n[0]?c.return:n[0]?c.throw||((o=c.return)&&o.call(c),0):c.next)&&!(o=o.call(c,n[1])).done)return o;switch(c=0,o&&(n=[2&n[0],o.value]),n[0]){case 0:case 1:o=n;break;case 4:return s.label++,{value:n[1],done:!1};case 5:s.label++,c=n[1],n=[0];continue;case 7:n=s.ops.pop(),s.trys.pop();continue;default:if(!(o=s.trys,(o=o.length>0&&o[o.length-1])||6!==n[0]&&2!==n[0])){s=0;continue}if(3===n[0]&&(!o||n[1]>o[0]&&n[1]<o[3])){s.label=n[1];break}if(6===n[0]&&s.label<o[1]){s.label=o[1],o=n;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(n);break}o[2]&&s.ops.pop(),s.trys.pop();continue}n=t.call(e,s)}catch(e){n=[6,e],c=0}finally{i=o=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}([n,r])}}}function Du(e){var t="function"==typeof Symbol&&Symbol.iterator,i=t&&e[t],c=0;if(i)return i.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&c>=e.length&&(e=void 0),{value:e&&e[c++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function Fu(e,t){var i="function"==typeof Symbol&&e[Symbol.iterator];if(!i)return e;var c,o,s=i.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(c=s.next()).done;)a.push(c.value)}catch(e){o={error:e}}finally{try{c&&!c.done&&(i=s.return)&&i.call(s)}finally{if(o)throw o.error}}return a}function Hu(e,t,i){if(i||2===arguments.length)for(var c,o=0,s=t.length;o<s;o++)!c&&o in t||(c||(c=Array.prototype.slice.call(t,0,o)),c[o]=t[o]);return e.concat(c||Array.prototype.slice.call(t))}function _u(e){return this instanceof _u?(this.v=e,this):new _u(e)}function Pu(e,t,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var c,o=i.apply(e,t||[]),s=[];return c=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),a("next"),a("throw"),a("return",function(e){return function(t){return Promise.resolve(t).then(e,l)}}),c[Symbol.asyncIterator]=function(){return this},c;function a(e,t){o[e]&&(c[e]=function(t){return new Promise(function(i,c){s.push([e,t,i,c])>1||n(e,t)})},t&&(c[e]=t(c[e])))}function n(e,t){try{!function(e){e.value instanceof _u?Promise.resolve(e.value.v).then(r,l):d(s[0][2],e)}(o[e](t))}catch(e){d(s[0][3],e)}}function r(e){n("next",e)}function l(e){n("throw",e)}function d(e,t){e(t),s.shift(),s.length&&n(s[0][0],s[0][1])}}function Vu(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,i=e[Symbol.asyncIterator];return i?i.call(e):(e=Du(e),t={},c("next"),c("throw"),c("return"),t[Symbol.asyncIterator]=function(){return this},t);function c(i){t[i]=e[i]&&function(t){return new Promise(function(c,o){(function(e,t,i,c){Promise.resolve(c).then(function(t){e({value:t,done:i})},t)})(c,o,(t=e[i](t)).done,t.value)})}}}function Bu(e,t,i,c){if("a"===i&&!c)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!c:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?c:"a"===i?c.call(e):c?c.value:t.get(e)}function Uu(e,t,i,c,o){if("m"===c)throw new TypeError("Private method is not writable");if("a"===c&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===c?o.call(e,i):o?o.value=i:t.set(e,i),i}"function"==typeof SuppressedError&&SuppressedError;const ju={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},qu={silent:{level:-1},fatal:{level:ju.fatal},error:{level:ju.error},warn:{level:ju.warn},log:{level:ju.log},info:{level:ju.info},success:{level:ju.success},fail:{level:ju.fail},ready:{level:ju.info},start:{level:ju.info},box:{level:ju.info},debug:{level:ju.debug},trace:{level:ju.trace},verbose:{level:ju.verbose}};function Gu(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 Wu(e,t,i=".",c){if(!Gu(t))return Wu(e,{},i,c);const o=Object.assign({},t);for(const t in e){if("__proto__"===t||"constructor"===t)continue;const s=e[t];null!=s&&(c&&c(o,t,s,i)||(Array.isArray(s)&&Array.isArray(o[t])?o[t]=[...s,...o[t]]:Gu(s)&&Gu(o[t])?o[t]=Wu(s,o[t],(i?`${i}.`:"")+t.toString(),c):o[t]=s))}return o}const Yu=(...e)=>e.reduce((e,t)=>Wu(e,t,"",Ku),{});var Ku;function Zu(e){return t=e,"[object Object]"===Object.prototype.toString.call(t)&&(!(!e.message&&!e.args)&&!e.stack);var t}let Qu=!1;const Xu=[];class Ju{options;_lastLog;_mockFn;constructor(e={}){const t=e.types||qu;this.options=Yu({...e,defaults:{...e.defaults},level:ef(e.level,t),reporters:[...e.reporters||[]]},{types:qu,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=ef(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 Ju({...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(){Qu=!0}resumeLogs(){Qu=!1;const e=Xu.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(!Qu)return this._logFn(e,i,t);Xu.push([this,e,i,t])}}_logFn(e,t,i){if((e.level||0)>this.level)return!1;const c={date:new Date,args:[],...e,level:ef(e.level,this.options.types)};!i&&1===t.length&&Zu(t[0])?Object.assign(c,t[0]):c.args=[...t],c.message&&(c.args.unshift(c.message),delete c.message),c.additional&&(Array.isArray(c.additional)||(c.additional=c.additional.split("\n")),c.args.push("\n"+c.additional.join("\n")),delete c.additional),c.type="string"==typeof c.type?c.type.toLowerCase():"log",c.tag="string"==typeof c.tag?c.tag:"";const o=(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=c,this._log(c))};clearTimeout(this._lastLog.timeout);const s=this._lastLog.time&&c.date?c.date.getTime()-this._lastLog.time.getTime():0;if(this._lastLog.time=c.date,s<this.options.throttle)try{const e=JSON.stringify([c.type,c.tag,c.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(o,this.options.throttle))}catch{}o(!0)}_log(e){for(const t of this.options.reporters)t.log(e,{options:this.options})}}function ef(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 tf(e={}){return new Ju(e)}Ju.prototype.add=Ju.prototype.addReporter,Ju.prototype.remove=Ju.prototype.removeReporter,Ju.prototype.clear=Ju.prototype.removeReporter,Ju.prototype.withScope=Ju.prototype.withTag,Ju.prototype.mock=Ju.prototype.mockTypes,Ju.prototype.pause=Ju.prototype.pauseLogs,Ju.prototype.resume=Ju.prototype.resumeLogs;class cf{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,c=e.tag||"",o=`\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${[c,i].filter(Boolean).join(":")}`;"string"==typeof e.args[0]?t(`${s}%c ${e.args[0]}`,o,"",...e.args.slice(1)):t(s,o,...e.args)}}function of(e={}){return tf({reporters:e.reporters||[new cf({})],prompt:(e,t={})=>"confirm"===t.type?Promise.resolve(confirm(e)):Promise.resolve(prompt(e)),...e})}of();const sf={level:ju.debug};function af(e,t=sf){const i=("undefined"!=typeof window?of:tf)().withTag(e);void 0!==(null==t?void 0:t.level)&&(i.level=t.level);const c=i;return c.deprecated=(e,t="Consult docs for better alternative.",i)=>{c.warn(`Deprecated symbol used '${e}'. ${t}`,""+(i?`Will be removed in version ${i}.`:""))},c}const nf=af("foundation-comms"),rf=new RegExp(/wss?:\/\/[-a-zA-Z0-9@:%._+~#=]{1,256}\b([-a-zA-Z0-9()@:%_+.~#?&/=]*)\b\/*$/,"i");var lf;!function(e){e.controlClicked="controlClicked",e.routeChanged="routeChanged"}(lf||(lf={}));class df{trackEvent(e,t){nf.debug(`FoundationAnalytics.trackEvent ${e} : ${JSON.stringify(t)}`)}}const hf=mt.createInterface(e=>e.singleton(df));class uf 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 ff=e=>{class t extends uf{constructor(){super(e)}}return mt.createInterface(e=>e.transient(t))};af("foundation-broadcast-channel");const pf=af("foundation-user"),mf={trackActionExclusions:[],trackPathExclusions:[""],setUser(e,t){if(e.isAuthenticated)throw new Error("User already set. If this is intentional, please call User.unset first.");return pf.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=>(pf.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)},gf=mt.createInterface(e=>e.instance(mf)),vf=ff("genesis-user");const bf=()=>{let e=[];return{subscribe:t=>(e.push(t),()=>e=e.filter(e=>e!==t)),publish(t){e.forEach(e=>e(t))}}},yf=af("foundation-utils");function zf(e){const t=[],i=new Set;return function e(c){const o=Array.from(c.querySelectorAll("*"));t.push(...o),o.forEach(t=>{t.shadowRoot&&!i.has(t.shadowRoot)&&(i.add(t.shadowRoot),e(t.shadowRoot))})}(e),t}function Cf(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 yf.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 c=document.querySelectorAll('[class*="-design-system-provider"],[id*="-design-system-provider"]'),o=Array.from(c),s=zf(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(o.push(...s),o.length>0){const e=o[0],t=e.tagName.toLowerCase(),i=t.split("-design-system-provider")[0];if(i)return yf.debug(`Found provider by document search: ${t}, prefix: ${i}`),{element:e,prefix:i}}return yf.debug(`No provider found. Falling back to ${t}.`),{element:null,prefix:t}}const Lf=["text-field","text-area","combobox"],xf=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]','[role="textbox"]','[role="searchbox"]','[role="combobox"]'],Mf=e=>Lf.map(t=>`${e}-${t}`),wf={rapid:Mf("rapid"),zero:Mf("zero")};function Sf(e,t=[]){const i=e.flatMap(e=>{var t;return null!==(t=wf[e])&&void 0!==t?t:[]}),c=t.filter(Boolean);return Array.from(new Set([...xf,...i,...c])).join(",")}const kf=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 Ef(e){this.keyAttr||(this.target[this.targetName]=e)}function $f(e,t){this.keyAttr&&(this.updateTarget=Ef),this.originalBind.call(this,e,t),this.target.addEventListener(this.changeEvent,this.changeHandler)}function Nf(){this.originalUnbind.call(this),this.target.removeEventListener(this.changeEvent,this.changeHandler)}class Af extends D{constructor(e,t,i,c){super(e),this.keyAttr=c,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=$f,t.unbind=Nf,t.changeEvent=function(e,t){var i;const c=e.tagName;return"default"===t?null!==(i=kf.get(c))&&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,c=t.target[this.keyAttr];i.propertySource[i.propertyName][c]=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 Of(e,t="string",i="default",c){return new Af(e,t,i,c)}function Tf(e,t,i){const c=e=>"function"==typeof e?e:()=>e,o=c(t),s=c(i);return(t,i)=>e(t,i)?o(t,i):s(t,i)}const Rf=/^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,If=e=>{const t=e.split(":");let i,c;2===t.length?[i,c]=t:c=e;const o=(e=>{if(Rf.test(e)){const t=atob(e),i=new Uint8Array(t.length);return[...t].forEach((e,c)=>{i[c]=t.charCodeAt(c)}),i.buffer}return e})(c);if("str"===i){return new TextDecoder("utf-8").decode(o)}return o},Df=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}`:""},Ff=e=>((e,t)=>{if(!t)return!1;const i=`feature.${t}`.toLowerCase(),c=new URLSearchParams(e);for(const[e]of c.entries())if(e.toLowerCase()===i)return!0;return!1})(window.location.search,e);let Hf="webpack";try{"undefined"!=typeof BUILDER&&(Hf=BUILDER)}catch(nC){}let _f="/";try{"undefined"!=typeof PUBLIC_PATH&&(_f=PUBLIC_PATH.replace(/\/$/,""))}catch(e){}let Pf,Vf="gwf";try{"undefined"!=typeof SOCKET_EXT&&(Vf=SOCKET_EXT)}catch(e){}try{Pf=FORCE_HTTP}catch(e){}const Bf=`${location.protocol.replace("http","ws")}//${location.host}${_f}/${Vf}/`;let Uf,jf,qf,Gf,Wf=`${"true"===Pf||Ff("forceHttp")?location.protocol:location.protocol.replace("http","ws")}//${location.host}/${Vf}/`;try{"undefined"!=typeof API_HOST&&(Wf=API_HOST)}catch(e){}try{Uf=HTTP_CONFIG}catch(e){}try{jf=DEFAULT_ORGANISATION}catch(e){}try{qf=DEFAULT_PASSWORD}catch(e){}try{Gf=DEFAULT_USER}catch(e){}let Yf="gwf/event-login-auth";"undefined"!=typeof GENX_LOGIN_URL&&(Yf=GENX_LOGIN_URL),"undefined"!=typeof GENX_LOGIN_REFRESH_URL&&GENX_LOGIN_REFRESH_URL;let Kf="gwf/event-login-details";"undefined"!=typeof GENX_LOGIN_DETAILS_URL&&(Kf=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 Zf="default";"undefined"!=typeof GENX_ENVIRONMENT_LEVEL&&(Zf=GENX_ENVIRONMENT_LEVEL),"undefined"!=typeof GENX_ACCEPT_TERMS_URL&&GENX_ACCEPT_TERMS_URL;class Qf{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")}`}}Ou([b],Qf.prototype,"map",void 0),Ou([b],Qf.prototype,"lastError",void 0);function Xf(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,19).replace("T"," ")}function Jf(e,t){return t?Xf(e):function(e){return!e||isNaN(e)?null:new Date(e).toISOString().slice(0,10)}(e)}const ep={k:1e3,m:1e6,b:1e9},tp=/^(.*?)([kmb])$/i;class ip{constructor(e){const t=new Intl.NumberFormat(e).formatToParts(12345.6),i=[...new Intl.NumberFormat(e,{useGrouping:!1}).format(9876543210)].reverse(),c=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=>c.get(e)}parse(e){const t=e.trim().match(tp),i=t?ep[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 cp="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function op(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var sp,ap={exports:{}},np=ap.exports;
|
|
36
36
|
/*! @preserve
|
|
37
37
|
* numeral.js
|
|
38
38
|
* version : 2.0.6
|
|
@@ -58,8 +58,7 @@ function vz(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var c
|
|
|
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>${Ve(e=>e.speechAvailable,K`<${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>`)} `)(kC(e))} `,XC={contains:TC.containsIgnoreCase,equals:TC.EQ,startsWith:TC.startsWith,endsWith:TC.endsWith,greaterThan:TC.GT,lessThan:TC.LT,greaterThanOrEqual:TC.GE,lessThanOrEqual:TC.LE,notEqual:TC.NE,dateIsToday:TC.dateIsToday,dateIsAfter:TC.dateIsGreaterEqual,dateIsGreaterEqual:TC.dateIsGreaterEqual,dateIsBefore:TC.dateIsLessEqual,dateIsLessEqual:TC.dateIsLessEqual,dateIsEqual:TC.dateIsEqual,dateTimeIsAfter:TC.dateTimeIsGreaterEqual,dateTimeIsGreaterEqual:TC.dateTimeIsGreaterEqual,dateTimeIsBefore:TC.dateTimeIsLessEqual,dateTimeIsLessEqual:TC.dateTimeIsLessEqual};function JC(e){var t,i;const c=null!==(t=XC[e.operator])&&void 0!==t?t:TC.containsIgnoreCase;return(new FC).withField(e.field).withValue(null!==(i=e.value)&&void 0!==i?i:null).withSerialiser(c).withGroup("default").build()}function eL(e,t){return 1===e.length?e[0]:e.reduce((e,i,c)=>0===c?[i]:[...e,t,i],[])}function tL(e){var t;const i=new DC;let c=!1;for(const o of e){if(!(null===(t=o.clauses)||void 0===t?void 0:t.length))continue;const e=o.clauses.map(JC),s="or"===o.logic?NC.Or():NC.And(),a=eL(e,s),n=e.length>1?{join:s}:{};o.negated?i.And([NC.Not(),a]):i.And(1===e.length?e[0]:e,n),c=!0}return c?i.build():""}const iL=["contains","equals","startsWith","endsWith","notEqual"],cL=["equals","greaterThan","lessThan","greaterThanOrEqual","lessThanOrEqual","notEqual"],oL=["dateIsToday","dateIsAfter","dateIsBefore","dateIsEqual","dateIsGreaterEqual","dateIsLessEqual"],sL=["dateTimeIsAfter","dateTimeIsBefore","dateTimeIsGreaterEqual","dateTimeIsLessEqual"],aL={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:"≤"},nL=new Set(["DATE","LOCALDATE"]),rL=new Set(["DATETIME","NANO_TIMESTAMP","LOCALDATETIME","TIMESTAMP"]),lL=new Set(["INT","INTEGER","LONG","SHORT","DOUBLE","BIGDECIMAL","DECIMAL"]);function dL(e){return(e||"").toUpperCase().trim().split("(")[0].trim()}function hL(e){const t=dL(e);return nL.has(t)?oL:rL.has(t)?sL:lL.has(t)?cL:iL}function uL(e){return lL.has(dL(e))}function fL(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 pL(e){return null!=e&&("number"==typeof e?!Number.isNaN(e):"string"==typeof e&&!Number.isNaN(Number(e)))}function mL(e,t){const i=[],c=[],o=new Map;if(Array.isArray(t)&&t.length>0){"string"==typeof t[0]?t.forEach(e=>o.set(e,void 0)):t.forEach(e=>o.set(e.NAME,e))}for(const t of e){const{field:e,operator:s,value:a}=t;if(!e||"string"!=typeof e){c.push({field:String(e),message:"Field name is required"});continue}const n=o.get(e),r=n&&"TYPE"in n?n.TYPE:"STRING";hL(r).includes(s)?!oL.includes(s)&&!sL.includes(s)||"dateIsToday"===s||fL(a)?uL(r)&&cL.includes(s)&&!pL(a)?c.push({field:e,operator:s,value:a,message:"Invalid numeric value"}):o.size>0&&!o.has(e)?c.push({field:e,operator:s,value:a,message:`Unknown field '${e}'`}):i.push(t):c.push({field:e,operator:s,value:a,message:"Invalid date/datetime value; use yyyyMMdd, yyyy-MM-dd, or epoch"}):c.push({field:e,operator:s,value:a,message:`Operator '${s}' is not allowed for field type ${r}`})}return{valid:i,invalid:c}}const gL=af("foundation-notifications");let vL=null;const bL=new Map,yL=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"}`},zL=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)||ju.debug},CL=e=>{gL.log({message:yL(e),level:zL(e)})},LL=(e,t)=>{let i=document.querySelector(`#${e}`);if(!i)if(bL.has(e))i=bL.get(e);else{const t=zf(document).find(t=>t.id===e);t&&(i=t,bL.set(e,t))}if(!i){i=document.createElement("div"),i.setAttribute("id",e),i.style.zIndex="9999";const{element:t,prefix:c}=Cf(document.body,"rapid");if(t)t.appendChild(i),vL=t;else if(vL)vL.appendChild(i);else{const e=document.createElement(`${c}-design-system-provider`);e.appendChild(i),document.body.appendChild(e),vL=e}}return i},xL=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e};var ML,wL,SL;!function(e){e.NOTIFICATION_EVENT="notification-event"}(ML||(ML={})),function(e){e.Top="top",e.Bottom="bottom"}(wL||(wL={})),function(e){e.Left="left",e.Right="right"}(SL||(SL={}));const kL="12px";const EL=(e,t,i)=>{var c,o,s,a,n,r,l,d,h,u,f,p,m,g,v,b,y,z,C;CL(e);const L=t.split("-")[0],x=(null===(o=null===(c=null==e?void 0:e.config)||void 0===c?void 0:c.toast)||void 0===o?void 0:o.position)||"top-right",M=null!==(s=null!=i?i:(e=>zf(document.body).find(t=>"notify-container"===t.tagName.toLowerCase()&&t.position===e))(x))&&void 0!==s?s:LL("notify-container");M&&"notify-container"!==M.tagName.toLowerCase()&&function(e,t){var i,c;switch(t.style.position="fixed",null===(c=null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.toast)||void 0===c?void 0:c.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(`${L}-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 E=document.createElement("div");let $;E.setAttribute("slot","date"),E.textContent=(null===(a=null==e?void 0:e.createdAt)||void 0===a?void 0:a.toLocaleTimeString())||"",(null===(r=null===(n=null==e?void 0:e.config)||void 0===n?void 0:n.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)&&($=document.createElement("div"),$.setAttribute("slot","bottom"),e.config.toast.buttons.forEach(t=>{const i=document.createElement(`${L}-button`);i.textContent=t.placeholder||"example placeholder",i.addEventListener("click",()=>{const{details:c}=e.config.toast;if(t.action)return t.action({details:c,buttonElement:i,toastElement:w})}),t.appearance&&i.setAttribute("appearance",t.appearance),$.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===(C=null===(z=null==e?void 0:e.config)||void 0===z?void 0:z.toast)||void 0===C?void 0:C.closeTimeout}`),w.appendChild(S),w.appendChild(k),w.appendChild(E),$&&w.appendChild($),M.prepend(w)},$L=(e,t,i)=>{if(!e.title)throw new Error("Title is required");if(!e.body)throw new Error("Missing required param 'body'");let c={title:e.title,body:e.body,iconName:e.iconName},o={};e.createdAt&&(c=Object.assign({createdAt:e.createdAt},c)),null!=e.logLevel&&(c=Object.assign({logLevel:e.logLevel},c)),e.toast&&(o=Object.assign({toast:e.toast},o),c=Object.assign({config:o},c)),EL(c,t,i)},NL=Me` :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}`,AL=K` ${Ve(e=>e.allowCloseAll||e.allowManualCollapse,K` ${e=>(e=>K`<div class="header ${e=>ti(["visible",e.slottedNodes.length>1])}">${Ve(e=>e.showCount,K`<span class="header-title">${e=>e.slottedNodes.length}Notifications</span>`)}<div class="notification-header-buttons">${Ve(e=>e.allowManualCollapse,K`<${e}-button @click=${e=>e.handleToggleCollapse()}>${e=>e.stackCollapsed?"Expand":"Collapse"}<${e}-icon class="chevron-up ${e=>ti(["collapse",e.stackCollapsed])}" name="chevron-up"></${e}-icon></${e}-button>`)} ${Ve(e=>e.allowCloseAll,K`<${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 ${Qe("slottedNodes")}@click="${e=>e.handleContainerClick()}"></slot></div>`;let OL=class extends ze{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(gp.shared.pathName)},this.slottedNodes=[]}connectedCallback(){super.connectedCallback(),"bottom-left"!==this.position&&"bottom-right"!==this.position||gL.error("NotifyContainer doesn't currently support bottom corner placements"),v.getNotifier(gp.shared).subscribe(this.routeSubscriber,"pathName"),this.checkRoute(gp.shared.pathName),this.mutationObserver=new MutationObserver(e=>this.handleMutation(e)),this.mutationObserver.observe(this,{childList:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),v.getNotifier(gp.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,c)=>(i.style.top=`${e}px`,e+t[c]),0)}};Ou([de],OL.prototype,"position",void 0),Ou([de({attribute:"stack-threshold"})],OL.prototype,"stackThreshold",void 0),Ou([de({attribute:"allow-manual-collapse",mode:"boolean"})],OL.prototype,"allowManualCollapse",void 0),Ou([de({attribute:"allow-close-all",mode:"boolean"})],OL.prototype,"allowCloseAll",void 0),Ou([de({attribute:"design-system-prefix"})],OL.prototype,"designSystemPrefix",void 0),Ou([de({attribute:"show-count",mode:"boolean"})],OL.prototype,"showCount",void 0),Ou([de({attribute:"stack-collapsed",mode:"boolean"})],OL.prototype,"stackCollapsed",void 0),Ou([de({attribute:"notification-interval"})],OL.prototype,"notificationInterval",void 0),Ou([b],OL.prototype,"sortFn",void 0),Ou([b],OL.prototype,"slottedNodes",void 0),OL=Ou([Ce({name:"notify-container",template:AL,styles:NL})],OL);const TL={alert:e=>{CL(e),alert(yL(e))},toast:EL,dialog:(e,t,i)=>{CL(e);const c=t.split("-")[0],o=document.createElement(`${c}-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):LL("dialog-container");s.appendChild(o),o.notification=e,o.show()},snackbar:(e,t)=>{var i,c,o,s,a,n;CL(e);const r=t.split("-")[0],l=document.createElement(`${r}-snackbar`),d=null!==(o=null===(c=null===(i=e.config)||void 0===i?void 0:i.snackbar)||void 0===c?void 0:c.verticalEdge)&&void 0!==o?o:wL.Bottom,h=null!==(n=null===(a=null===(s=e.config)||void 0===s?void 0:s.snackbar)||void 0===a?void 0:a.horizontalEdge)&&void 0!==n?n:SL.Left,u=LL(`snack-container-${d}-${h}`);u&&((e,t,i)=>{e.style.position="fixed",e.style.top=t===wL.Top?kL:"",e.style.bottom=t===wL.Bottom?kL:"",e.style.left=i===SL.Left?kL:"",e.style.right=i===SL.Right?kL:""})(u,d,h),u.appendChild(l),l.notification=e},banner:(e,t,i)=>{var c;CL(e);const o=t.split("-")[0],s=document.createElement(`${o}-banner`),a=(e=>{for(var t,i;e&&!(e instanceof ShadowRoot);){const c=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(c)return c.style.position="relative",c;e=null===(i=null==e?void 0:e.getRootNode())||void 0===i?void 0:i.host}return xL()})(i);(null===(c=null==a?void 0:a.children)||void 0===c?void 0:c.length)>0&&(s.style.position="absolute",s.style.top="0",s.style.left="0",s.style.width="100%"),a.appendChild(s),s.notification=e}},RL=(e,t,i)=>{Object.keys((null==e?void 0:e.config)||{}).forEach(c=>{TL[c]&&TL[c](e,t,i)})};function IL(e,t,i){(null==t?void 0:t.trim())&&RL({title:e,body:t,config:{toast:{autoClose:!0,closeTimeout:4e3,type:"error"}}},i)}class DL extends Wt{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 GC()}get criteriaChips(){return this.activeGroups.flatMap((e,t)=>e.clauses.map((e,i)=>{var c,o;return{groupIndex:t,clauseIndex:i,fieldLabel:this.getFieldLabel(e.field),operatorLabel:null!==(c=aL[e.operator])&&void 0!==c?c:e.operator,valueLabel:"dateIsToday"===e.operator?"":String(null!==(o=e.value)&&void 0!==o?o:"")}}))}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 c=this.fieldMetadata.find(t=>t.NAME===e);return null!==(i=null!==(t=null==c?void 0:c.UI_LABEL)&&void 0!==t?t:null==c?void 0:c.NAME)&&void 0!==i?i:e}toggleCriteriaView(){this.showingChips?(this.inputValue="",this.showingChips=!1):this.showingChips=!0}removeChip(e,t){var i;const c=this.activeGroups.map(e=>Object.assign(Object.assign({},e),{clauses:[...e.clauses]}));null===(i=c[e])||void 0===i||i.clauses.splice(t,1);const o=c.filter(e=>e.clauses.length>0);if(this.activeGroups=o,0===o.length)this.showingChips=!1,this.lastValidCriteria=null,this.$emit("criteria-changed",null);else{const e=tL(o);this.lastValidCriteria=e,this.$emit("criteria-changed",e)}}clearChips(){this.activeGroups=[],this.showingChips=!1,this.lastValidCriteria=null,this.$emit("criteria-changed",null)}handleSubmit(){return Ru(this,void 0,void 0,function*(){var e,t,i;const c=null===(e=this.inputValue)||void 0===e?void 0:e.trim();if(!c||this.isInterpreting)return;const o=null===(t=this.providerRegistry)||void 0===t?void 0:t.default();if(null==o?void 0:o.interpretCriteria){this.isInterpreting=!0;try{const e=Array.isArray(this.fieldMetadata)?this.fieldMetadata:[],t=yield o.interpretCriteria(c,{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 IL("AI criteria search","AI could not interpret the criteria",kC(this)),void(this.isInterpreting=!1);const{valid:a,invalid:n}=function(e,t){var i;const c=[],o=[];for(const s of e){if(!(null==s?void 0:s.clauses)||!Array.isArray(s.clauses)){o.push({field:"",message:"Group must have a clauses array"});continue}const{valid:e,invalid:a}=mL(s.clauses,t);o.push(...a),e.length>0&&c.push({logic:null!==(i=s.logic)&&void 0!==i?i:"and",negated:s.negated,clauses:e})}return{valid:c,invalid:o}}(t.groups,this.fieldMetadata);if(n.length>0&&(IL("Criteria validation error",0===(s=n).length?"":1===s.length?s[0].message:s.map(e=>e.message).join("; "),kC(this)),this.$emit("validation-errors",n)),a.length>0){const e=[...this.activeGroups,...a],t=tL(e);this.lastValidCriteria=t,this.activeGroups=e,this.inputValue="",this.showingChips=!0,this.$emit("criteria-changed",t)}}catch(e){IL("AI criteria search",e instanceof Error?e.message:"Interpretation failed",kC(this))}finally{this.isInterpreting=!1}var s}else IL("AI criteria search","AI provider not configured",kC(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(!GC())return null;const i=new(window.SpeechRecognition||window.webkitSpeechRecognition);i.continuous=!0,i.interimResults=!0,i.lang="en-US";let c="";return i.onresult=t=>{let i="",o="";for(let e=t.resultIndex;e<t.results.length;e+=1){const c=t.results[e][0].transcript;t.results[e].isFinal?o+=c:i+=c}o?(c+=o,e(c,!0)):i&&e(c+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)}}Ou([KC],DL.prototype,"providerRegistry",void 0),Ou([de],DL.prototype,"placeholder",void 0),Ou([de({mode:"boolean"})],DL.prototype,"disabled",void 0),Ou([b],DL.prototype,"inputValue",void 0),Ou([b],DL.prototype,"isInterpreting",void 0),Ou([b],DL.prototype,"lastValidCriteria",void 0),Ou([b],DL.prototype,"activeGroups",void 0),Ou([b],DL.prototype,"showingChips",void 0),Ou([b],DL.prototype,"fieldMetadata",void 0),Ou([b],DL.prototype,"isRecording",void 0),Ou([y],DL.prototype,"speechAvailable",null),Ou([y],DL.prototype,"criteriaChips",null);const FL=void 0,HL={};DL.compose(Object.assign({baseName:"ai-criteria-search",template:QC,styles:ZC,shadowOptions:FL},HL));const _L=(e,t)=>Me` :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%}`,PL=K` ${e=>(e=>K` ${Ve(()=>qC(),K`<div class="ai-indicator-container" part="ai-indicator-container"><div class=${e=>ti("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>${Ve(e=>e.open,K`<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>${Ve(e=>e.chromeStatusLabel,K`<div class="info-row"><dt class="info-label">Status</dt><dd class="info-value">${e=>e.chromeStatusLabel}</dd></div>`)}</dl>${Ve(e=>e.canInstall,K`<${e}-button class="install-button" appearance="accent" @click=${(e,t)=>{t.event.preventDefault(),e.onInstall()}}>
|
|
61
|
-
Install model </${e}-button>`)}</div>`)}</div>`)} `)(kC(e))} `;class VL extends Wt{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 Ru(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){wC(e,this)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}refreshStatus(){return Ru(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 Ru(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()}}})}}Ou([KC],VL.prototype,"providerRegistry",void 0),Ou([b],VL.prototype,"status",void 0),Ou([b],VL.prototype,"open",void 0),Ou([b],VL.prototype,"state",void 0),Ou([b],VL.prototype,"isInstalling",void 0),Ou([y],VL.prototype,"chromeStatusLabel",null),Ou([y],VL.prototype,"canInstall",null),Ou([y],VL.prototype,"isDownloading",null),VL.compose({baseName:"ai-indicator",template:PL,styles:_L});const BL=(e,t)=>Oi(0,t),UL=(e,t)=>Me` ${Zd()}`;class jL extends Qd{}const qL={delegatesFocus:!0,mode:"open"},GL={};jL.compose(Object.assign({baseName:"anchor",template:BL,styles:UL,shadowOptions:qL},GL));const WL=(e,t)=>Di(),YL=(e,t)=>Me` ${Xd()}`;class KL extends Hi{}const ZL={delegatesFocus:!0,mode:"open"},QL={};KL.compose(Object.assign({baseName:"anchored-region",template:WL,styles:YL,shadowOptions:ZL},QL));const XL=(e,t)=>Gi(0,t),JL=K` ${Ve(e=>e.imgSrc,K`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `,ex=(e,t)=>Me` ${Jd(e)}`;class tx extends eh{}const ix={delegatesFocus:!0,mode:"open"},cx={media:JL};tx.compose(Object.assign({baseName:"avatar",template:XL,styles:ex,shadowOptions:ix},cx));const ox=(e,t)=>Yi(),sx=(e,t)=>Me` ${ih()}`;class ax extends Ki{}const nx=void 0,rx={};ax.compose(Object.assign({baseName:"badge",template:ox,styles:sx,shadowOptions:nx},rx));const lx=Me` @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}`,dx=K` ${e=>(e=>K`<div role="alert" aria-live="polite" class="banner ${e=>e.dismissAnimation}" ${Fe("banner")}><div part="content" class="content"><slot name="content">${Ve(e=>e.notification,K`<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">${Ve(e=>e.notification,K`<${e}-button slot="action" appearance="lightweight" @click=${e=>e.dismiss()}>${e=>{var t,i,c,o;return(null===(o=null===(c=null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner)||void 0===c?void 0:c.dismissingAction)||void 0===o?void 0:o.label)||"Ignore"}}</${e}-button>`)} ${We(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},K`<${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>`)(kC(e))} `,hx={mode:"open",delegatesFocus:!0};class ux extends Wt{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 Ru(this,void 0,void 0,function*(){try{yield this.dismiss(),this.remove()}catch(e){xC.error(e)}})}}Ou([b],ux.prototype,"dismissAnimation",void 0),Ou([b],ux.prototype,"notification",void 0),ux.compose({baseName:"banner",styles:lx,template:dx,shadowOptions:hx});const fx=(e,t)=>Xi(),px=(e,t)=>Me` ${oh()}`;class mx extends Ji{}mx.compose(Object.assign({baseName:"breadcrumb",template:fx,styles:px,shadowOptions:void 0},{}));const gx=(e,t)=>Zi(0,t),vx=(e,t)=>Me` ${ch()}`;class bx extends Qi{}const yx=void 0,zx={separator:"/"};bx.compose(Object.assign({baseName:"breadcrumb-item",template:gx,styles:vx,shadowOptions:yx},zx));const Cx=(e,t)=>ec(0,t),Lx=(e,t)=>Me` ${sh()}`;class xx extends ah{}const Mx={delegatesFocus:!0,mode:"open"},wx={};xx.compose(Object.assign({baseName:"button",template:Cx,styles:Lx,shadowOptions:Mx},wx));const Sx=()=>Me` ${nh}`,kx=(e,t)=>Tc(e,t);class Ex extends uc{}const $x={delegatesFocus:!0,mode:"open"},Nx={};Ex.compose(Object.assign({baseName:"calendar",template:kx,styles:Sx,shadowOptions:$x},Nx));const Ax=(e,t)=>Rc(),Ox=(e,t)=>Me` ${rh()} :host{background-color: var(--fui-card-fill-color);color: var(--fui-card-foreground-color)}`;class Tx extends lh{}const Rx=void 0,Ix={};var Dx,Fx,Hx;Tx.compose(Object.assign({baseName:"card",template:Ax,styles:Ox,shadowOptions:Rx},Ix)),function(e){e.BELOW="below",e.ABOVE="above"}(Dx||(Dx={}));var _x=function(){if(Hx)return Fx;Hx=1;var e=/^\s+|\s+$/g,t=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,c=/^0o[0-7]+$/i,o=parseInt,s="object"==typeof cp&&cp&&cp.Object===Object&&cp,a="object"==typeof self&&self&&self.Object===Object&&self,n=s||a||Function("return this")(),r=Object.prototype.toString,l=Math.max,d=Math.min,h=function(){return n.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 a="function"==typeof s.valueOf?s.valueOf():s;s=u(a)?a+"":a}if("string"!=typeof s)return 0===s?s:+s;s=s.replace(e,"");var n=i.test(s);return n||c.test(s)?o(s.slice(2),n?2:8):t.test(s)?NaN:+s}return Fx=function(e,t,i){var c,o,s,a,n,r,p=0,m=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function b(t){var i=c,s=o;return c=o=void 0,p=t,a=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 C(e);n=setTimeout(z,function(e){var i=t-(e-r);return g?d(i,s-(e-p)):i}(e))}function C(e){return n=void 0,v&&c?b(e):(c=o=void 0,a)}function L(){var e=h(),i=y(e);if(c=arguments,o=this,r=e,i){if(void 0===n)return function(e){return p=e,n=setTimeout(z,t),m?b(e):a}(r);if(g)return n=setTimeout(z,t),b(r)}return void 0===n&&(n=setTimeout(z,t)),a}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),L.cancel=function(){void 0!==n&&clearTimeout(n),p=0,c=r=o=n=void 0},L.flush=function(){return void 0===n?a:C(h())},L},Fx}(),Px=op(_x);const Vx=Me` :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 Bx;let Ux=Bx=class extends MC{constructor(){super(...arguments),this.emptyDataLabel="No matching records",this.allowCustomOptions=!1,this.infiniteScroll=!1,this.pageSize=Bx.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-Bx.scrollLoadThresholdPx&&this.loadNextPage()},this.resizeObserverCallback=e=>{e.forEach(e=>{this.checkOverflow(e.target)})},this.selectChangeHandler=e=>{var t;const i=e.target.value,c=null===(t=this.options)||void 0===t?void 0:t.find(e=>String(e.label)===i);!c&&this.allowCustomOptions&&this.select instanceof ph?this.select.$emit("value-change",{label:i,value:i}):this.select.$emit("value-change",c)}}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 Ru(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:`${kC(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:Bx.defaultPageSize,this.select.addEventListener("open-change",this.selectOpenChangeHandler),yield this.applyInfiniteScrollFetchMode(),!this.isConnected)return;p.queueUpdate(()=>this.attachListboxScrollListener())}this.fetchData(),this.valueField||xC.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 Ru(this,void 0,void 0,function*(){if(this.resourceName&&this.connect.isConnected)try{const e=yield this.resources.getResourceTypeFor(this.resourceName);this.isSnapshot=e!==ab.DATASERVER}catch(e){xC.warn(`Unable to determine the resource type for ${this.resourceName}`,e)}})}attachListboxScrollListener(){var e,t,i,c,o,s,a;this.isConnected&&(null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null!==(o=null!==(i=null===(t=this.select)||void 0===t?void 0:t.scrollableListbox)&&void 0!==i?i:null===(c=this.select)||void 0===c?void 0:c.listbox)&&void 0!==o?o:null===(a=null===(s=this.select)||void 0===s?void 0:s.shadowRoot)||void 0===a?void 0:a.querySelector(".listbox"),this.listboxElement?this.listboxElement.addEventListener("scroll",this.listboxScrollHandler):xC.warn("Unable to locate listbox element, infinite scroll will not be available."))}loadNextPage(){return Ru(this,void 0,void 0,function*(){if(this.loadingMoreRows||!this.canRequestMoreRows())return;this.loadingMoreRows=!0;const e=this.datasource.resourceType===ab.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 ph&&this.select.async&&this.initialSelectedValue?this.asyncModeIntialization():this.fetchGenesisData())}asyncModeIntialization(){return Ru(this,void 0,void 0,function*(){(yield this.datasource.init(this.datasourceOptions(),!0))?_C(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 Bx||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 ph&&!this.select.async&&e){this.resetCombobox();const e=this.getInitialLabel();p.queueUpdate(()=>{this.select.value=String(e),this.select instanceof ph&&this.select.async&&this.selectChangeHandler({target:{value:e}})}),this.initalSelectedValueInitialized=!0}}else if(this.allowCustomOptions&&this.initialSelectedValue&&(!this.initalSelectedValueInitialized||this.select instanceof ph&&!this.select.async)&&(this.resetCombobox(),p.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 ph?String(i?i.label:e):i?String(i.label):""}resetCombobox(){this.select&&this.select instanceof ph&&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){xC.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xC.debug("handleStreamUpdates - Method not implemented.")}};Ux.defaultPageSize=20,Ux.scrollLoadThresholdPx=32,Ou([Wz],Ux.prototype,"resources",void 0),Ou([de({attribute:"label-field"})],Ux.prototype,"labelField",void 0),Ou([de({attribute:"option-element"})],Ux.prototype,"optionElement",void 0),Ou([de({attribute:"value-field"})],Ux.prototype,"valueField",void 0),Ou([de({attribute:"empty-data-label"})],Ux.prototype,"emptyDataLabel",void 0),Ou([de({mode:"boolean",attribute:"allow-custom-options"})],Ux.prototype,"allowCustomOptions",void 0),Ou([de({mode:"boolean",attribute:"infinite-scroll"})],Ux.prototype,"infiniteScroll",void 0),Ou([de({attribute:"page-size",converter:re})],Ux.prototype,"pageSize",void 0),Ou([b],Ux.prototype,"labelFormatter",void 0),Ou([b],Ux.prototype,"labelRowFormatter",void 0),Ou([b],Ux.prototype,"initialSelectedValue",void 0),Ux=Bx=Ou([Ce({name:"options-datasource"})],Ux);let jx=class extends MC{constructor(){super(...arguments),this.isSnapshot=!0,this.baseCriteria=""}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ru(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||xC.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){xC.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){xC.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xC.debug("handleStreamUpdates - Method not implemented.")}};Ou([de({attribute:"value-field"})],jx.prototype,"valueField",void 0),Ou([de({attribute:"label-field"})],jx.prototype,"labelField",void 0),jx=Ou([Ce({name:"multiselect-datasource"})],jx);const qx=(e="foundation")=>K`<label part="label" for="display-field" class=${e=>{var t;return ti("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="label" ${Qe({property:"defaultSlottedNodes",filter:_s})}></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}" ${Fe("filterSearchInput")}value=${Of(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" ${Fe("arrowIcon")}id="arrow-icon" class="${e=>ti(["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>${Ve(e=>e.filterSearchValue&&e.selectedOptions.length,K`<div class="display-value">${e=>e.getDisplayValue}</div>`)}</div>${Ve(e=>e.loading,K`<${e}-progress slot="indicator"></${e}-progress>`)}<section class=${e=>ti("multiselect-dropdown",["resizable",e.resizable])} ${Fe("multiselectDropdown")}part="multiselect-dropdown">${Ve(e=>e.resizable,K`<div class="resize-button" @mousedown=${(e,t)=>e.handleResizeStart(t.event)}></div>`)} ${Ve(e=>e.all,K`<${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 ti("options-header-item",["options-header-item-hidden",!(null===(t=e.optionsHeaderSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="options-header" ${Qe({property:"optionsHeaderSlottedNodes",filter:_s})}></slot></li>${We(e=>e.filteredAvailableOptions,K`<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,c;return null===(c=null===(i=t.parent)||void 0===i?void 0:i.itemRenderer)||void 0===c?void 0:c.call(i,e,t.parent)}}</${e}-checkbox></li>`)}</ol>${Ve(e=>e.showCreatable,K`<${e}-button @click=${e=>e.addOption()}>Create "${e=>e.filterSearchValue}"</${e}-button>`)}</section></div><slot ${Qe({property:"slottedDatasource",filter:e=>e instanceof jx})}></slot>`,Gx=K` ${qx()} `,Wx=void 0,Yx={};class Kx extends Wt{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=Dx.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,c=Math.max(250,this.startWidth+t),o=Math.max(100,this.startHeight+i);this.multiselectDropdown&&(this.multiselectDropdown.style.width=`${c}px`,this.multiselectDropdown.style.maxHeight=`${o}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=Px(this.asyncSetFilter,t)}openChanged(e,t){var i,c,o,s;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.arrowIcon)||void 0===i||i.classList.add("flipped"),null===(c=this.multiselectDropdown)||void 0===c||c.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.remove("flipped"),null===(s=this.multiselectDropdown)||void 0===s||s.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===Dx.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 K` ${"string"==typeof e?K`<span part="option-label">${()=>t.getItemLabel(e)}</span>`:K`<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,c=t.top,o=i-t.bottom;e=o<230&&c>o?Dx.ABOVE:Dx.BELOW}this.multiselectDropdown.classList.toggle("position-above",e===Dx.ABOVE),this.multiselectDropdown.classList.toggle("position-below",e===Dx.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,c;const o="string"==typeof t?t:null!==(i=this.optionLabelGetter(t))&&void 0!==i?i:this.optionValueGetter(t);return(null!==(c=null==o?void 0:o.toLowerCase())&&void 0!==c?c:"")===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(),c="object"==typeof t.value?(o=t.value,Object.values(o).some(t=>t.toLowerCase().includes(e))):String(t.value).toLowerCase().includes(e);var o;return i.includes(e)||c})}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){this.slottedDatasource.length>0?_C(this.slottedDatasource[0],this.filterSearchValue):(this.loading=!1,xC.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality."))}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){wC(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})}}Ou([de],Kx.prototype,"name",void 0),Ou([de({mode:"boolean",attribute:"auto-position"})],Kx.prototype,"autoPosition",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"all",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"allSelected",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"search",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"disabled",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"creatable",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"async",void 0),Ou([de],Kx.prototype,"debounce",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"resizable",void 0),Ou([de],Kx.prototype,"tabindex",void 0),Ou([de({mode:"boolean",attribute:"filter-by-contains"})],Kx.prototype,"filterByContains",void 0),Ou([b],Kx.prototype,"defaultSlottedNodes",void 0),Ou([b],Kx.prototype,"slottedDatasource",void 0),Ou([b],Kx.prototype,"valueFormatter",void 0),Ou([b],Kx.prototype,"loading",void 0),Ou([b],Kx.prototype,"filterSearchValue",void 0),Ou([b],Kx.prototype,"open",void 0),Ou([b],Kx.prototype,"options",void 0),Ou([b],Kx.prototype,"selectedOptions",void 0),Ou([b],Kx.prototype,"filteredAvailableOptions",void 0),Ou([b],Kx.prototype,"scrollContainer",void 0),Ou([de],Kx.prototype,"position",void 0),Ou([b],Kx.prototype,"onAllSelectedCallback",void 0),Ou([b],Kx.prototype,"itemRenderer",void 0),Ou([y],Kx.prototype,"getDisplayValue",null),Ou([y],Kx.prototype,"getPlaceholder",null),Ou([y],Kx.prototype,"isAllOptionsDisabled",null),Ou([y],Kx.prototype,"showCreatable",null),Ou([b],Kx.prototype,"optionsHeaderSlottedNodes",void 0),Kx.compose(Object.assign({baseName:"multiselect",template:Gx,styles:Vx,shadowOptions:Wx},Yx));const Zx=Me` .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}`,Qx=(e="foundation")=>K`<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 ti("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></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 ${Fe("optionsElement")}class="options" part="options">${Ve(e=>e.search,K`<${e}-text-field id="filter-search" part="filter-search" value=${Of(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">${We(e=>e.filteredAvailableOptions,K`<span>${e=>e.type}</span>${We(e=>e.options,K`<${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">${Ve(e=>e.icon||e.svg,K`<div class="icon-container">${Ve(e=>e.icon,K`<${e}-icon style="color:${e=>e.iconColor||"#fff"}" name="${e=>e.icon}" size="xl"></${e}-icon>`)} ${Ve(e=>e.svg,K`<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>${Ve(e=>e.description,K`<p class="description">${e=>e.description}</p>`)}</div></div></${e}-checkbox>`)} `)}</div></div></div>`,Xx=K` ${Qx()} `,Jx=void 0,eM={};class tM extends Wt{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=Dx.BELOW}openChanged(e,t){var i,c;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(c=this.optionsElement)||void 0===c||c.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===Dx.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(),c=this.getBoundingClientRect(),o=i.top+i.height/2;e=c.top<o?Dx.BELOW:Dx.ABOVE}else{const t=this.getBoundingClientRect(),i=window.innerHeight,c=t.top,o=i-t.bottom;e=o<t.height&&c>o?Dx.ABOVE:Dx.BELOW}}e===Dx.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===Dx.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,c=null!==(t=e.label)&&void 0!==t?t:e.value;return(null==i?void 0:i.toLowerCase().includes(this.filterSearchValue.toLowerCase()))||c.toLowerCase().includes(this.filterSearchValue.toLowerCase())?e:void 0});this.filteredAvailableOptions=this.sortFilteredOptions(e)}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){wC(e,this)&&(this.open=!1)}}Ou([de],tM.prototype,"name",void 0),Ou([de({mode:"boolean",attribute:"auto-position"})],tM.prototype,"autoPosition",void 0),Ou([de({mode:"boolean"})],tM.prototype,"search",void 0),Ou([de({mode:"boolean"})],tM.prototype,"disabled",void 0),Ou([b],tM.prototype,"defaultSlottedNodes",void 0),Ou([b],tM.prototype,"valueFormatter",void 0),Ou([b],tM.prototype,"filterSearchValue",void 0),Ou([b],tM.prototype,"open",void 0),Ou([b],tM.prototype,"options",void 0),Ou([b],tM.prototype,"selectedOptions",void 0),Ou([b],tM.prototype,"filteredAvailableOptions",void 0),Ou([b],tM.prototype,"position",void 0),Ou([y],tM.prototype,"getPlaceholder",null),tM.compose(Object.assign({baseName:"categorized-multiselect",template:Xx,styles:Zx,shadowOptions:Jx},eM));const iM=(e,t)=>Dc(0,t),cM=(e,t)=>Me` ${dh()}`;class oM extends _c{}const sM=void 0,aM={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 '};oM.compose(Object.assign({baseName:"checkbox",template:iM,styles:cM,shadowOptions:sM},aM));const nM=(e,t)=>Me` .combo-box-indicator{transition-property: transform;transition-duration: 0.2s;transition-timing-function: ease-out}:host([open]) .combo-box-indicator{transform: rotate(180deg)}${fh(e)}`,rM=(e,t)=>K`<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">${it(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)}" ${Fe("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${tt(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Fe("listbox")}><slot ${Fe("slottedDatasource")} ${Qe({filter:Uc.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`;var lM,dM;class hM extends ph{constructor(){super(...arguments),lM.set(this,void 0),dM.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=Px(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 v.track(this,"value"),this._ourValue}set value(e){var t,i,c;if(void 0===e)return;const o=`${this._ourValue}`;if(this.$fastController.isConnected&&this.options){const o=this.caseSensitive?t=>t.text===e:t=>t.text.toLowerCase()===String(e).toLowerCase(),s=this.options?this.options.findIndex(o):-1,a=null===(t=this.options[this.selectedIndex])||void 0===t?void 0:t.text,n=null===(i=this.options[s])||void 0===i?void 0:i.text;this.selectedIndex=n&&n!==a?s:this.selectedIndex,e&&""!==e.trim()&&-1===s&&(e=(null===(c=this.firstSelectedOption)||void 0===c?void 0:c.text)||e)}o!==e&&(this._ourValue=e,super.valueChanged(o,e),v.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 Ux);(null==t?void 0:t.infiniteScroll)&&(this.async=!0)}filterOptions(){this.autocomplete&&this.autocomplete!==Xc||(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(wC(e,this))this.open=!1;else{if(SC(e,this.indicator))return this.open=!this.open,void(this.open&&this.control.focus());if(!this.ignoreInputClick||!SC(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(Uu(this,dM,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!Bu(this,dM,"f");case"ArrowDown":case"ArrowUp":this.open&&this.firstSelectedOption&&this.autocomplete===Qc&&(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 Bu(this,lM,"f")||Uu(this,lM,this.shadowRoot.querySelector('[part="indicator"]'),"f"),Bu(this,lM,"f")}selectItemByValue(e){var t,i,c;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===(c=this.options)||void 0===c||c.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 Ux);t.length>0?(_C(t[0],this.control.value),p.queueUpdate(()=>{this.control.value=e})):xC.warn("Options-datasource is not connected. Please add a datasource to use this functionality.")}manuallyDispatchChangeEvent(){this.needManualChangeEventDispatch&&this.firstSelectedOption&&this.autocomplete===Qc&&(this.dispatchEvent(new Event("change",{bubbles:!0})),this.needManualChangeEventDispatch=!1)}}lM=new WeakMap,dM=new WeakMap,Ou([b],hM.prototype,"activeDescendant",null),Ou([b],hM.prototype,"slottedDatasource",void 0),Ou([de({mode:"boolean"})],hM.prototype,"async",void 0),Ou([de],hM.prototype,"debounce",void 0),Ou([de({mode:"boolean",attribute:"case-sensitive"})],hM.prototype,"caseSensitive",void 0),Ou([de({mode:"boolean",attribute:"ignore-input-click"})],hM.prototype,"ignoreInputClick",void 0),Ou([de({attribute:"filter-mode"})],hM.prototype,"filterMode",void 0),Ou([de({mode:"boolean",attribute:"scroll-to-selected-when-opening"})],hM.prototype,"scrollToSelectedWhenOpening",void 0),Ou([b],hM.prototype,"scrollToSelectedWhenOpeningOptions",void 0),Ou([de({mode:"boolean",attribute:"scroll-when-selection-changes"})],hM.prototype,"scrollWhenSelectionChanges",void 0),Ou([b],hM.prototype,"scrollWhenSelectionChangesOptions",void 0);const uM={delegatesFocus:!0,mode:"open"},fM={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 '};hM.compose(Object.assign({baseName:"combobox",template:rM,styles:nM,shadowOptions:uM},fM));const pM=(e,t)=>Me` :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}`,mM=K`<div class=${e=>ti(["light",!0],[e.colour,!0])}></div>${Ve(e=>e.showLabel,K`<div class="label">${e=>e.label}</div>`)} `;class gM extends Wt{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")} ✔`}}Ou([mz],gM.prototype,"connect",void 0),Ou([xb],gM.prototype,"session",void 0),Ou([de({mode:"boolean",attribute:"show-label"})],gM.prototype,"showLabel",void 0),Ou([b],gM.prototype,"label",void 0),Ou([b],gM.prototype,"colour",void 0),gM.compose({baseName:"connection-indicator",template:mM,styles:pM});(class extends Mc{}).compose(Object.assign({baseName:"data-grid",template:(e,t)=>xc(e),styles:(e,t)=>Me` ${mh()}`,shadowOptions:void 0},{}));(class extends kc{}).compose(Object.assign({baseName:"data-grid-cell",template:$c,styles:(e,t)=>Me` ${vh()}`,shadowOptions:void 0},{}));(class extends Lc{}).compose(Object.assign({baseName:"data-grid-row",template:Ec,styles:(e,t)=>Me` ${gh()}`,shadowOptions:void 0},{}));const vM=Me` :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}`,bM=[1,7],yM=e=>K`<${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=>ti(["hide-weekends",e.hideWeekends])}">${We(e=>{var t;return null===(t=e.calendar)||void 0===t?void 0:t.weekDays},K` ${Ve((e,t)=>!t.parent.hideWeekends||-1===bM.indexOf(t.index+1),K`<span class="${(e,t)=>ti(["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=>ti(["hide-weekends",e.hideWeekends])}">${We(e=>e.monthList,K` ${Ve((e,t)=>!t.parent.hideWeekends||-1===bM.indexOf(e.dayNumber),K`<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>`,zM=K` ${e=>yM(kC(e))} `;var CM,LM={exports:{}};function xM(){return CM||(CM=1,function(e){e.exports=function(){var e=1e3,t=6e4,i=36e5,c="millisecond",o="second",s="minute",a="hour",n="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 c=String(e);return!c||c.length>=t?e:""+Array(t+1-c.length).join(i)+e},b={s:v,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),c=Math.floor(i/60),o=i%60;return(t<=0?"+":"-")+v(c,2,"0")+":"+v(o,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var c=12*(i.year()-t.year())+(i.month()-t.month()),o=t.clone().add(c,l),s=i-o<0,a=t.clone().add(c+(s?-1:1),l);return+(-(c+(i-o)/(s?o-a:a-o))||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:n,D:u,h:a,m:s,s:o,ms:c,Q:d}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",z={};z[y]=g;var C="$isDayjsObject",L=function(e){return e instanceof S||!(!e||!e[C])},x=function e(t,i,c){var o;if(!t)return y;if("string"==typeof t){var s=t.toLowerCase();z[s]&&(o=s),i&&(z[s]=i,o=s);var a=t.split("-");if(!o&&a.length>1)return e(a[0])}else{var n=t.name;z[n]=t,o=n}return!c&&o&&(y=o),o||!c&&y},M=function(e,t){if(L(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},w=b;w.l=x,w.i=L,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=x(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[C]=!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 c=t.match(p);if(c){var o=c[2]-1||0,s=(c[7]||"0").substring(0,3);return i?new Date(Date.UTC(c[1],o,c[3]||1,c[4]||0,c[5]||0,c[6]||0,s)):new Date(c[1],o,c[3]||1,c[4]||0,c[5]||0,c[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,c=!!w.u(t)||t,d=w.p(e),f=function(e,t){var o=w.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return c?o:o.endOf(n)},p=function(e,t){return w.w(i.toDate()[e].apply(i.toDate("s"),(c?[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 c?f(1,0):f(31,11);case l:return c?f(1,g):f(0,g+1);case r:var y=this.$locale().weekStart||0,z=(m<y?m+7:m)-y;return f(c?v-z:v+(6-z),g);case n:case u:return p(b+"Hours",0);case a:return p(b+"Minutes",1);case s:return p(b+"Seconds",2);case o: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[n]=d+"Date",i[u]=d+"Date",i[l]=d+"Month",i[h]=d+"FullYear",i[a]=d+"Hours",i[s]=d+"Minutes",i[o]=d+"Seconds",i[c]=d+"Milliseconds",i)[r],p=r===n?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(c,d){var u,f=this;c=Number(c);var p=w.p(d),m=function(e){var t=M(f);return w.w(t.date(t.date()+Math.round(e*c)),f)};if(p===l)return this.set(l,this.$M+c);if(p===h)return this.set(h,this.$y+c);if(p===n)return m(1);if(p===r)return m(7);var g=(u={},u[s]=t,u[a]=i,u[o]=e,u)[p]||1,v=this.$d.getTime()+c*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 c=e||"YYYY-MM-DDTHH:mm:ssZ",o=w.z(this),s=this.$H,a=this.$m,n=this.$M,r=i.weekdays,l=i.months,d=i.meridiem,h=function(e,i,o,s){return e&&(e[i]||e(t,c))||o[i].slice(0,s)},u=function(e){return w.s(s%12||12,e,"0")},p=d||function(e,t,i){var c=e<12?"AM":"PM";return i?c.toLowerCase():c};return c.replace(m,function(e,c){return c||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return w.s(t.$y,4,"0");case"M":return n+1;case"MM":return w.s(n+1,2,"0");case"MMM":return h(i.monthsShort,n,l,3);case"MMMM":return h(l,n);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,a,!0);case"A":return p(s,a,!1);case"m":return String(a);case"mm":return w.s(a,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 o}return null}(e)||o.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(c,u,f){var p,m=this,g=w.p(u),v=M(c),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 n:p=(y-b)/864e5;break;case a:p=y/i;break;case s:p=y/t;break;case o: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(),c=x(e,t,!0);return c&&(i.$L=c),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",c],["$s",o],["$m",s],["$H",a],["$W",n],["$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=x,M.isDayjs=L,M.unix=function(e){return M(1e3*e)},M.en=z[y],M.Ls=z,M.p={},M}()}(LM)),LM.exports}var MM,wM=op(xM()),SM={exports:{}};var kM,EM=(MM||(MM=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/,c=/\d\d/,o=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,a={},n=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=a[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var i,c=a.meridiem;if(c){for(var o=1;o<=24;o+=1)if(e.indexOf(c(o,0,t))>-1){i=o>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:[c,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[o,r("seconds")],ss:[o,r("seconds")],m:[o,r("minutes")],mm:[o,r("minutes")],H:[o,r("hours")],h:[o,r("hours")],HH:[o,r("hours")],hh:[o,r("hours")],D:[o,r("day")],DD:[c,r("day")],Do:[s,function(e){var t=a.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var c=1;c<=31;c+=1)t(c).replace(/\[|\]/g,"")===e&&(this.day=c)}],w:[o,r("week")],ww:[c,r("week")],M:[o,r("month")],MM:[c,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:[c,function(e){this.year=n(e)}],YYYY:[/\d{4}/,r("year")],Z:l,ZZ:l};function f(i){var c,o;c=i,o=a&&a.formats;for(var s=(i=c.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,c){var s=c&&c.toUpperCase();return i||o[c]||e[c]||o[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),n=s.length,r=0;r<n;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,c=0;i<n;i+=1){var o=s[i];if("string"==typeof o)c+=o.length;else{var a=o.regex,r=o.parser,l=e.slice(c),d=a.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&&(n=e.parseTwoDigitYear);var c=t.prototype,o=c.parse;c.parse=function(e){var t=e.date,c=e.utc,s=e.args;this.$u=c;var n=s[1];if("string"==typeof n){var r=!0===s[2],l=!0===s[3],d=r||l,h=s[2];l&&(h=s[2]),a=this.$locale(),!r&&h&&(a=i.Ls[h]),this.$d=function(e,t,i,c){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var o=f(t)(e),s=o.year,a=o.month,n=o.day,r=o.hours,l=o.minutes,d=o.seconds,h=o.milliseconds,u=o.zone,p=o.week,m=new Date,g=n||(s||a?1:m.getDate()),v=s||m.getFullYear(),b=0;s&&!a||(b=a>0?a-1:m.getMonth());var y,z=r||0,C=l||0,L=d||0,x=h||0;return u?new Date(Date.UTC(v,b,g,z,C,L,x+60*u.offset*1e3)):i?new Date(Date.UTC(v,b,g,z,C,L,x)):(y=new Date(v,b,g,z,C,L,x),p&&(y=c(y).week(p).toDate()),y)}catch(e){return new Date("")}}(t,n,c,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),d&&t!=this.format(n)&&(this.$d=new Date("")),a={}}else if(n instanceof Array)for(var u=n.length,p=1;p<=u;p+=1){s[1]=n[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 o.call(this,e)}}}()}(SM)),SM.exports),$M=op(EM),NM={exports:{}};var AM,OM=(kM||(kM=1,function(e){e.exports=function(e,t,i){var c=t.prototype,o=function(e){return e&&(e.indexOf?e:e.s)},s=function(e,t,i,c,s){var a=e.name?e:e.$locale(),n=o(a[t]),r=o(a[i]),l=n||r.map(function(e){return e.slice(0,c)});if(!s)return l;var d=a.weekStart;return l.map(function(e,t){return l[(t+(d||0))%7]})},a=function(){return i.Ls[i.locale()]},n=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 n(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};c.localeData=function(){return r.bind(this)()},i.localeData=function(){var e=a();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 n(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},i.months=function(){return s(a(),"months")},i.monthsShort=function(){return s(a(),"monthsShort","months",3)},i.weekdays=function(e){return s(a(),"weekdays",null,null,e)},i.weekdaysShort=function(e){return s(a(),"weekdaysShort","weekdays",3,e)},i.weekdaysMin=function(e){return s(a(),"weekdaysMin","weekdays",2,e)}}}(NM)),NM.exports),TM=op(OM),RM={exports:{}};var IM,DM=(AM||(AM=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,c){var o=i.prototype,s=o.format;c.en.formats=t,o.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var i=this.$locale().formats,c=function(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(e,c,o){var s=o&&o.toUpperCase();return c||i[o]||t[o]||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,c)}})}(RM)),RM.exports),FM=op(DM),HM={exports:{}};var _M=(IM||(IM=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),PM=op(_M);class VM{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()}}wM.extend(PM);class BM{constructor(e=null,t="default"){const i=new VM(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+=wM(i.date).isLeapYear()?1:0)}getDay(e){return new VM(new Date(this.year,this.number-1,e),this.lang)}}wM.extend(PM);class UM{constructor(e=null,t=null,i="default"){this.weekDays=Array.from({length:7}),this.today=new VM(null,i),this.year=null!=e?e:this.today.year,this.month=new BM(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 BM(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new BM(new Date(this.year-1,11),this.lang):new BM(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new BM(new Date(this.year+1,0),this.lang):new BM(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new BM(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new BM(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new BM(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new BM(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new BM(new Date(this.year,this.month.number-1-1),this.lang)}}var jM,qM={exports:{}};function GM(e){return null!=e&&""!==String(e).trim()}jM||(jM=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),c={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(c,null,!0),c}(xM())}(qM)),wM.extend($M),wM.extend(TM),wM.extend(FM);const WM="MM-DD-YYYY";const YM=[1,2,3,4,5,6,7],KM=(e,t,i)=>{if(c=t,-1===e.indexOf(c.dayNumber))return t;var c;const o=YM.filter(t=>-1===e.indexOf(t));let s=o.find(e=>e>t.dayNumber);s||(s=Math.min(...o));const a=t.dayNumber<s?s-t.dayNumber:s-t.dayNumber+7;return o.length?new VM(((e,t=1)=>{const i=new Date(e);return i.setDate(e.getDate()+t),i})(t.Date,a),i):(yf.warn("Date picker disabled days - all days of week have been disabled"),t)};class ZM extends Wt{constructor(){super(...arguments),this.format=WM,this.lang="en-US",this.visible=!1,this.position="bottom",this.disabledDaysOfWeek=[],this.suppressValueChanged=!1,this.cachedFormat=WM,this.clickOutside=e=>this.handleClickOutside(e),this.keydownOutside=e=>this.handleKeydownOutside(e)}formatChanged(e,t){!this.useLocaleFormat&&t&&this.cacheUserFormat(t),t&&this.calendar&&GM(this.value)&&(this.formatDate=wM(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&&(GM(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(),wM.extend($M),wM.extend(FM),wM.extend(TM),this.substringNumber=3,this.useLocaleFormat&&(this.cacheUserFormat(this.format),this.applyLocaleFormat());const e=this.value;!this.allowEmpty||GM(e)?GM(e)?this.applyValue(e):this.initializeWithDefaultDate():this.initializeEmpty()}clear(){this.allowEmpty&&this.clearToEmpty(!0)}get inputValue(){return GM(this.value)?this.formatDate:""}get inputPlaceholder(){var e;return!this.allowEmpty||GM(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=wM().locale(t),c=i.locale();return(o=t)!==(s=c)&&s!==o.split("-")[0]?wM().locale("en").localeData().longDateFormat("L")||"MM/DD/YYYY":i.localeData().longDateFormat("L")||"MM/DD/YYYY";var o,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,c=this.calendar.month.number,o=null!==(t=null===(e=this.currentDate)||void 0===e?void 0:e.Date)&&void 0!==t?t:wM().toDate();this.currentDate=new VM(o,this.effectiveLang),this.calendar=new UM(i,c,this.effectiveLang),GM(this.value)&&(this.formatDate=wM(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=wM();this.currentDate=new VM(e.toDate(),this.effectiveLang),this.calendar=new UM(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 VM(wM().toDate(),this.effectiveLang);(null===(t=this.disabledDaysOfWeek)||void 0===t?void 0:t.length)&&(i=KM(this.disabledDaysOfWeek,i,this.effectiveLang)),this.currentDate=i,e||!this.calendar?this.calendar=new UM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang):this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(this.currentDate.Date).format(WM)),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(),c=wM(i,t,!0);if(c.isValid())return c;const o=wM(i,WM,!0);return o.isValid()?o:null}(e,this.format);t?(this.currentDate=new VM(t.toDate(),this.effectiveLang),this.calendar?this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year):this.calendar=new UM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(this.currentDate.Date).format(WM)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate()}clearToEmpty(e){const t=wM();this.currentDate=new VM(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&&wC(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=ti(["visible",this.visible],this.position,["inline",this.inlineCalendar],["hide-weekends",this.hideWeekends])}isSelectedDate(e){return!(this.allowEmpty&&!GM(this.value))&&wM(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){wM(e.Date).isSame(this.currentDate.Date,"day")&&GM(this.value)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(e.Date).format(WM)),this.$emit("value-changed",this.value),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),i=e.dayNumber-1,c=this.calendar.month.numberOfDays+i,o=Array.from({length:c});for(let e=i;e<c;e+=1)o[e]=this.calendar.month.getDay(e+1-i);for(let e=0;e<i;e+=1){const c=i-(e+1);o[e]=t.getDay(t.numberOfDays-c)}return o}}Ou([de],ZM.prototype,"format",void 0),Ou([de],ZM.prototype,"lang",void 0),Ou([de({attribute:"use-locale-format",mode:"boolean"})],ZM.prototype,"useLocaleFormat",void 0),Ou([de],ZM.prototype,"visible",void 0),Ou([de({attribute:"inline-calendar",mode:"boolean"})],ZM.prototype,"inlineCalendar",void 0),Ou([de({attribute:"hide-weekends",mode:"boolean"})],ZM.prototype,"hideWeekends",void 0),Ou([de],ZM.prototype,"position",void 0),Ou([de],ZM.prototype,"label",void 0),Ou([de({attribute:"allow-empty",mode:"boolean"})],ZM.prototype,"allowEmpty",void 0),Ou([de],ZM.prototype,"placeholder",void 0),Ou([de],ZM.prototype,"value",void 0),Ou([b],ZM.prototype,"currentDate",void 0),Ou([b],ZM.prototype,"currentMonth",void 0),Ou([b],ZM.prototype,"currentYear",void 0),Ou([b],ZM.prototype,"calendarDropdownClasses",void 0),Ou([b],ZM.prototype,"formatDate",void 0),Ou([b],ZM.prototype,"monthList",void 0),Ou([b],ZM.prototype,"disabledDaysOfWeek",void 0),Ou([b],ZM.prototype,"calendar",void 0),ZM.compose(Object.assign({baseName:"date-picker",styles:vM,template:zM,shadowOptions:void 0},{}));class QM{constructor(){this.value=null}}Ou([b],QM.prototype,"value",void 0),new QM;const XM=(e,t,i)=>{const c=i?(e,t)=>e.setValueFor(i,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach(i=>{const o=`${i}Value`;t[o]&&c(e[i],t[o])})};function JM(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}const ew={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=_n(e);return t?Un.create(t.r,t.g,t.b):null}},tw=e=>Kn.from(Un.from(_n(e)));Un.create(1,1,1),Un.create(0,0,0);const iw=_n("#585858"),cw=Un.create(iw.r,iw.g,iw.b),ow=_n("#ffffff"),sw=Un.create(ow.r,ow.g,ow.b),aw=Kn.from(sw),nw=_n("#eeeeee"),rw=Un.create(nw.r,nw.g,nw.b);Kn.from(rw);const lw=_n("#08c3a5"),dw=Un.create(lw.r,lw.g,lw.b);Kn.from(dw);const{create:hw}=yo,uw=hw("fui-fill-color").withDefault(cw),fw=hw({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(sw);function pw(e,t){return e.colorContrast(t,14)}const mw=hw({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault(e=>pw(hw("fui-card-palette").withDefault(aw).getValueFor(e),fw.getValueFor(e)));var gw=Object.freeze({__proto__:null,fuiFillColor:uw,fuiCardFillColor:fw,defaultNeutralForegroundContrast:14,neutralForeground:pw,fuiCardForegroundColor:mw,accentFillActive:Tl,accentFillActiveDelta:Hr,accentFillFocus:Rl,accentFillFocusDelta:_r,accentFillHover:Ol,accentFillHoverDelta:Fr,accentFillRest:Al,accentFillRestDelta:Dr,accentForegroundActive:Zl,accentForegroundActiveDelta:Br,accentForegroundFocus:Ql,accentForegroundFocusDelta:Ur,accentForegroundHover:Kl,accentForegroundHoverDelta:Vr,accentForegroundRest:Yl,accentForegroundRestDelta:Pr,accentPalette:ml,baseHeightMultiplier:rr,baseLayerLuminance:dr,bodyFont:nr,controlCornerRadius:hr,density:ur,designUnit:fr,direction:pr,disabledOpacity:mr,fillColor:El,focusStrokeInner:xd,focusStrokeOuter:Cd,focusStrokeWidth:vr,foregroundOnAccentActive:_l,foregroundOnAccentActiveLarge:jl,foregroundOnAccentFocus:Pl,foregroundOnAccentFocusLarge:ql,foregroundOnAccentHover:Hl,foregroundOnAccentHoverLarge:Ul,foregroundOnAccentRest:Fl,foregroundOnAccentRestLarge:Bl,neutralFillActive:td,neutralFillActiveDelta:Gr,neutralFillFocus:id,neutralFillFocusDelta:Wr,neutralFillHover:ed,neutralFillHoverDelta:qr,neutralFillInputActive:ad,neutralFillInputActiveDelta:Zr,neutralFillInputFocus:nd,neutralFillInputFocusDelta:Qr,neutralFillInputHover:sd,neutralFillInputHoverDelta:Kr,neutralFillInputRest:od,neutralFillInputRestDelta:Yr,neutralFillLayerRest:yd,neutralFillLayerRestDelta:al,neutralFillRest:Jl,neutralFillRestDelta:jr,neutralFillStealthActive:hd,neutralFillStealthActiveDelta:el,neutralFillStealthFocus:ud,neutralFillStealthFocusDelta:tl,neutralFillStealthHover:dd,neutralFillStealthHoverDelta:Jr,neutralFillStealthRest:ld,neutralFillStealthRestDelta:Xr,neutralFillStrongActive:gd,neutralFillStrongActiveDelta:ol,neutralFillStrongFocus:vd,neutralFillStrongFocusDelta:sl,neutralFillStrongHover:md,neutralFillStrongHoverDelta:cl,neutralFillStrongRest:pd,neutralFillStrongRestDelta:il,neutralForegroundHint:wd,neutralForegroundRest:kd,neutralLayer1:Cl,neutralLayer2:xl,neutralLayer3:wl,neutralLayer4:kl,neutralLayerCardContainer:vl,neutralLayerFloating:yl,neutralPalette:fl,neutralStrokeActive:Ad,neutralStrokeActiveDelta:ll,neutralStrokeDividerRest:Rd,neutralStrokeDividerRestDelta:hl,neutralStrokeFocus:Od,neutralStrokeFocusDelta:dl,neutralStrokeHover:Nd,neutralStrokeHoverDelta:rl,neutralStrokeRest:$d,neutralStrokeRestDelta:nl,strokeWidth:gr,typeRampBaseFontSize:br,typeRampBaseLineHeight:yr,typeRampMinus1FontSize:zr,typeRampMinus1LineHeight:Cr,typeRampMinus2FontSize:Lr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Mr,typeRampPlus1LineHeight:wr,typeRampPlus2FontSize:Sr,typeRampPlus2LineHeight:kr,typeRampPlus3FontSize:Er,typeRampPlus3LineHeight:$r,typeRampPlus4FontSize:Nr,typeRampPlus4LineHeight:Ar,typeRampPlus5FontSize:Or,typeRampPlus5LineHeight:Tr,typeRampPlus6FontSize:Rr,typeRampPlus6LineHeight:Ir});const vw=tw("#08c3a5"),bw=tw("#eeeeee"),yw=cr,zw=Li.ltr;var Cw=Object.freeze({__proto__:null,accentPaletteValue:vw,neutralPaletteValue:bw,baseLayerLuminanceValue:yw,directionValue:zw,controlCornerRadiusValue:4,designUnitValue:4});
|
|
61
|
+
Install model </${e}-button>`)}</div>`)}</div>`)} `)(kC(e))} `;class VL extends Wt{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 Ru(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){wC(e,this)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}refreshStatus(){return Ru(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 Ru(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()}}})}}Ou([KC],VL.prototype,"providerRegistry",void 0),Ou([b],VL.prototype,"status",void 0),Ou([b],VL.prototype,"open",void 0),Ou([b],VL.prototype,"state",void 0),Ou([b],VL.prototype,"isInstalling",void 0),Ou([y],VL.prototype,"chromeStatusLabel",null),Ou([y],VL.prototype,"canInstall",null),Ou([y],VL.prototype,"isDownloading",null),VL.compose({baseName:"ai-indicator",template:PL,styles:_L});const BL=(e,t)=>Oi(0,t),UL=(e,t)=>Me` ${Zd()}`;class jL extends Qd{}const qL={delegatesFocus:!0,mode:"open"},GL={};jL.compose(Object.assign({baseName:"anchor",template:BL,styles:UL,shadowOptions:qL},GL));const WL=(e,t)=>Di(),YL=(e,t)=>Me` ${Xd()}`;class KL extends Hi{}const ZL={delegatesFocus:!0,mode:"open"},QL={};KL.compose(Object.assign({baseName:"anchored-region",template:WL,styles:YL,shadowOptions:ZL},QL));const XL=(e,t)=>Gi(0,t),JL=K` ${Ve(e=>e.imgSrc,K`<img src="${e=>e.imgSrc}" alt="${e=>e.alt}" slot="media" class="media" part="media" />`)} `,ex=(e,t)=>Me` ${Jd(e)}`;class tx extends eh{}const ix={delegatesFocus:!0,mode:"open"},cx={media:JL};tx.compose(Object.assign({baseName:"avatar",template:XL,styles:ex,shadowOptions:ix},cx));const ox=(e,t)=>Yi(),sx=(e,t)=>Me` ${ih()}`;class ax extends Ki{}const nx=void 0,rx={};ax.compose(Object.assign({baseName:"badge",template:ox,styles:sx,shadowOptions:nx},rx));const lx=Me` @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}`,dx=K` ${e=>(e=>K`<div role="alert" aria-live="polite" class="banner ${e=>e.dismissAnimation}" ${Fe("banner")}><div part="content" class="content"><slot name="content">${Ve(e=>e.notification,K`<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">${Ve(e=>e.notification,K`<${e}-button slot="action" appearance="lightweight" @click=${e=>e.dismiss()}>${e=>{var t,i,c,o;return(null===(o=null===(c=null===(i=null===(t=e.notification)||void 0===t?void 0:t.config)||void 0===i?void 0:i.banner)||void 0===c?void 0:c.dismissingAction)||void 0===o?void 0:o.label)||"Ignore"}}</${e}-button>`)} ${We(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},K`<${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>`)(kC(e))} `,hx={mode:"open",delegatesFocus:!0};class ux extends Wt{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 Ru(this,void 0,void 0,function*(){try{yield this.dismiss(),this.remove()}catch(e){xC.error(e)}})}}Ou([b],ux.prototype,"dismissAnimation",void 0),Ou([b],ux.prototype,"notification",void 0),ux.compose({baseName:"banner",styles:lx,template:dx,shadowOptions:hx});const fx=(e,t)=>Xi(),px=(e,t)=>Me` ${oh()}`;class mx extends Ji{}mx.compose(Object.assign({baseName:"breadcrumb",template:fx,styles:px,shadowOptions:void 0},{}));const gx=(e,t)=>Zi(0,t),vx=(e,t)=>Me` ${ch()}`;class bx extends Qi{}const yx=void 0,zx={separator:"/"};bx.compose(Object.assign({baseName:"breadcrumb-item",template:gx,styles:vx,shadowOptions:yx},zx));const Cx=(e,t)=>ec(0,t),Lx=(e,t)=>Me` ${sh()}`;class xx extends ah{}const Mx={delegatesFocus:!0,mode:"open"},wx={};xx.compose(Object.assign({baseName:"button",template:Cx,styles:Lx,shadowOptions:Mx},wx));const Sx=()=>Me` ${nh}`,kx=(e,t)=>Tc(e,t);class Ex extends uc{}const $x={delegatesFocus:!0,mode:"open"},Nx={};Ex.compose(Object.assign({baseName:"calendar",template:kx,styles:Sx,shadowOptions:$x},Nx));const Ax=(e,t)=>Rc(),Ox=(e,t)=>Me` ${rh()} :host{background-color: var(--fui-card-fill-color);color: var(--fui-card-foreground-color)}`;class Tx extends lh{}const Rx=void 0,Ix={};var Dx,Fx,Hx;Tx.compose(Object.assign({baseName:"card",template:Ax,styles:Ox,shadowOptions:Rx},Ix)),function(e){e.BELOW="below",e.ABOVE="above"}(Dx||(Dx={}));var _x=function(){if(Hx)return Fx;Hx=1;var e=/^\s+|\s+$/g,t=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,c=/^0o[0-7]+$/i,o=parseInt,s="object"==typeof cp&&cp&&cp.Object===Object&&cp,a="object"==typeof self&&self&&self.Object===Object&&self,n=s||a||Function("return this")(),r=Object.prototype.toString,l=Math.max,d=Math.min,h=function(){return n.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 a="function"==typeof s.valueOf?s.valueOf():s;s=u(a)?a+"":a}if("string"!=typeof s)return 0===s?s:+s;s=s.replace(e,"");var n=i.test(s);return n||c.test(s)?o(s.slice(2),n?2:8):t.test(s)?NaN:+s}return Fx=function(e,t,i){var c,o,s,a,n,r,p=0,m=!1,g=!1,v=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function b(t){var i=c,s=o;return c=o=void 0,p=t,a=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 C(e);n=setTimeout(z,function(e){var i=t-(e-r);return g?d(i,s-(e-p)):i}(e))}function C(e){return n=void 0,v&&c?b(e):(c=o=void 0,a)}function L(){var e=h(),i=y(e);if(c=arguments,o=this,r=e,i){if(void 0===n)return function(e){return p=e,n=setTimeout(z,t),m?b(e):a}(r);if(g)return n=setTimeout(z,t),b(r)}return void 0===n&&(n=setTimeout(z,t)),a}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),L.cancel=function(){void 0!==n&&clearTimeout(n),p=0,c=r=o=n=void 0},L.flush=function(){return void 0===n?a:C(h())},L},Fx}(),Px=op(_x);const Vx=Me` :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 Bx;let Ux=Bx=class extends MC{constructor(){super(...arguments),this.emptyDataLabel="No matching records",this.allowCustomOptions=!1,this.infiniteScroll=!1,this.pageSize=Bx.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-Bx.scrollLoadThresholdPx&&this.loadNextPage()},this.resizeObserverCallback=e=>{e.forEach(e=>{this.checkOverflow(e.target)})},this.selectChangeHandler=e=>{var t;const i=e.target.value,c=null===(t=this.options)||void 0===t?void 0:t.find(e=>String(e.label)===i);!c&&this.allowCustomOptions&&this.select instanceof ph?this.select.$emit("value-change",{label:i,value:i}):this.select.$emit("value-change",c)}}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 Ru(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:`${kC(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:Bx.defaultPageSize,this.select.addEventListener("open-change",this.selectOpenChangeHandler),yield this.applyInfiniteScrollFetchMode(),!this.isConnected)return;p.queueUpdate(()=>this.attachListboxScrollListener())}this.fetchData(),this.valueField||xC.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 Ru(this,void 0,void 0,function*(){if(this.resourceName&&this.connect.isConnected)try{const e=yield this.resources.getResourceTypeFor(this.resourceName);this.isSnapshot=e!==ab.DATASERVER}catch(e){xC.warn(`Unable to determine the resource type for ${this.resourceName}`,e)}})}attachListboxScrollListener(){var e,t,i,c,o,s,a;this.isConnected&&(null===(e=this.listboxElement)||void 0===e||e.removeEventListener("scroll",this.listboxScrollHandler),this.listboxElement=null!==(o=null!==(i=null===(t=this.select)||void 0===t?void 0:t.scrollableListbox)&&void 0!==i?i:null===(c=this.select)||void 0===c?void 0:c.listbox)&&void 0!==o?o:null===(a=null===(s=this.select)||void 0===s?void 0:s.shadowRoot)||void 0===a?void 0:a.querySelector(".listbox"),this.listboxElement?this.listboxElement.addEventListener("scroll",this.listboxScrollHandler):xC.warn("Unable to locate listbox element, infinite scroll will not be available."))}loadNextPage(){return Ru(this,void 0,void 0,function*(){if(this.loadingMoreRows||!this.canRequestMoreRows())return;this.loadingMoreRows=!0;const e=this.datasource.resourceType===ab.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 ph&&this.select.async&&this.initialSelectedValue?this.asyncModeIntialization():this.fetchGenesisData())}asyncModeIntialization(){return Ru(this,void 0,void 0,function*(){(yield this.datasource.init(this.datasourceOptions(),!0))?_C(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 Bx||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 ph&&!this.select.async&&e){this.resetCombobox();const e=this.getInitialLabel();p.queueUpdate(()=>{this.select.value=String(e),this.select instanceof ph&&this.select.async&&this.selectChangeHandler({target:{value:e}})}),this.initalSelectedValueInitialized=!0}}else if(this.allowCustomOptions&&this.initialSelectedValue&&(!this.initalSelectedValueInitialized||this.select instanceof ph&&!this.select.async)&&(this.resetCombobox(),p.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 ph?String(i?i.label:e):i?String(i.label):""}resetCombobox(){this.select&&this.select instanceof ph&&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){xC.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xC.debug("handleStreamUpdates - Method not implemented.")}};Ux.defaultPageSize=20,Ux.scrollLoadThresholdPx=32,Ou([Wz],Ux.prototype,"resources",void 0),Ou([de({attribute:"label-field"})],Ux.prototype,"labelField",void 0),Ou([de({attribute:"option-element"})],Ux.prototype,"optionElement",void 0),Ou([de({attribute:"value-field"})],Ux.prototype,"valueField",void 0),Ou([de({attribute:"empty-data-label"})],Ux.prototype,"emptyDataLabel",void 0),Ou([de({mode:"boolean",attribute:"allow-custom-options"})],Ux.prototype,"allowCustomOptions",void 0),Ou([de({mode:"boolean",attribute:"infinite-scroll"})],Ux.prototype,"infiniteScroll",void 0),Ou([de({attribute:"page-size",converter:re})],Ux.prototype,"pageSize",void 0),Ou([b],Ux.prototype,"labelFormatter",void 0),Ou([b],Ux.prototype,"labelRowFormatter",void 0),Ou([b],Ux.prototype,"initialSelectedValue",void 0),Ux=Bx=Ou([Ce({name:"options-datasource"})],Ux);let jx=class extends MC{constructor(){super(...arguments),this.isSnapshot=!0,this.baseCriteria=""}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ru(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||xC.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){xC.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){xC.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){xC.debug("handleStreamUpdates - Method not implemented.")}};Ou([de({attribute:"value-field"})],jx.prototype,"valueField",void 0),Ou([de({attribute:"label-field"})],jx.prototype,"labelField",void 0),jx=Ou([Ce({name:"multiselect-datasource"})],jx);const qx=(e="foundation")=>K`<label part="label" for="display-field" class=${e=>{var t;return ti("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="label" ${Qe({property:"defaultSlottedNodes",filter:_s})}></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}" ${Fe("filterSearchInput")}value=${Of(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" ${Fe("arrowIcon")}id="arrow-icon" class="${e=>ti(["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>${Ve(e=>e.filterSearchValue&&e.selectedOptions.length,K`<div class="display-value">${e=>e.getDisplayValue}</div>`)}</div>${Ve(e=>e.loading,K`<${e}-progress slot="indicator"></${e}-progress>`)}<section class=${e=>ti("multiselect-dropdown",["resizable",e.resizable])} ${Fe("multiselectDropdown")}part="multiselect-dropdown">${Ve(e=>e.resizable,K`<div class="resize-button" @mousedown=${(e,t)=>e.handleResizeStart(t.event)}></div>`)} ${Ve(e=>e.all,K`<${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 ti("options-header-item",["options-header-item-hidden",!(null===(t=e.optionsHeaderSlottedNodes)||void 0===t?void 0:t.length)])}}><slot name="options-header" ${Qe({property:"optionsHeaderSlottedNodes",filter:_s})}></slot></li>${We(e=>e.filteredAvailableOptions,K`<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,c;return null===(c=null===(i=t.parent)||void 0===i?void 0:i.itemRenderer)||void 0===c?void 0:c.call(i,e,t.parent)}}</${e}-checkbox></li>`)}</ol>${Ve(e=>e.showCreatable,K`<${e}-button @click=${e=>e.addOption()}>Create "${e=>e.filterSearchValue}"</${e}-button>`)}</section></div><slot ${Qe({property:"slottedDatasource",filter:e=>e instanceof jx})}></slot>`,Gx=K` ${qx()} `,Wx=void 0,Yx={};class Kx extends Wt{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=Dx.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,c=Math.max(250,this.startWidth+t),o=Math.max(100,this.startHeight+i);this.multiselectDropdown&&(this.multiselectDropdown.style.width=`${c}px`,this.multiselectDropdown.style.maxHeight=`${o}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=Px(this.asyncSetFilter,t)}openChanged(e,t){var i,c,o,s;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.arrowIcon)||void 0===i||i.classList.add("flipped"),null===(c=this.multiselectDropdown)||void 0===c||c.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.remove("flipped"),null===(s=this.multiselectDropdown)||void 0===s||s.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===Dx.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 K` ${"string"==typeof e?K`<span part="option-label">${()=>t.getItemLabel(e)}</span>`:K`<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,c=t.top,o=i-t.bottom;e=o<230&&c>o?Dx.ABOVE:Dx.BELOW}this.multiselectDropdown.classList.toggle("position-above",e===Dx.ABOVE),this.multiselectDropdown.classList.toggle("position-below",e===Dx.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,c;const o="string"==typeof t?t:null!==(i=this.optionLabelGetter(t))&&void 0!==i?i:this.optionValueGetter(t);return(null!==(c=null==o?void 0:o.toLowerCase())&&void 0!==c?c:"")===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(),c="object"==typeof t.value?(o=t.value,Object.values(o).some(t=>t.toLowerCase().includes(e))):String(t.value).toLowerCase().includes(e);var o;return i.includes(e)||c})}addOption(){this.options=[{value:this.filterSearchValue,label:this.filterSearchValue},...this.options],this.setFilter(),this.selectedOptions=[...this.selectedOptions,this.filterSearchValue]}asyncSetFilter(){this.slottedDatasource.length>0?_C(this.slottedDatasource[0],this.filterSearchValue):(this.loading=!1,xC.warn("Multiselect-datasource is not connected. Please add a datasource to use this functionality."))}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){wC(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})}}Ou([de],Kx.prototype,"name",void 0),Ou([de({mode:"boolean",attribute:"auto-position"})],Kx.prototype,"autoPosition",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"all",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"allSelected",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"search",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"disabled",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"creatable",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"async",void 0),Ou([de],Kx.prototype,"debounce",void 0),Ou([de({mode:"boolean"})],Kx.prototype,"resizable",void 0),Ou([de],Kx.prototype,"tabindex",void 0),Ou([de({mode:"boolean",attribute:"filter-by-contains"})],Kx.prototype,"filterByContains",void 0),Ou([b],Kx.prototype,"defaultSlottedNodes",void 0),Ou([b],Kx.prototype,"slottedDatasource",void 0),Ou([b],Kx.prototype,"valueFormatter",void 0),Ou([b],Kx.prototype,"loading",void 0),Ou([b],Kx.prototype,"filterSearchValue",void 0),Ou([b],Kx.prototype,"open",void 0),Ou([b],Kx.prototype,"options",void 0),Ou([b],Kx.prototype,"selectedOptions",void 0),Ou([b],Kx.prototype,"filteredAvailableOptions",void 0),Ou([b],Kx.prototype,"scrollContainer",void 0),Ou([de],Kx.prototype,"position",void 0),Ou([b],Kx.prototype,"onAllSelectedCallback",void 0),Ou([b],Kx.prototype,"itemRenderer",void 0),Ou([y],Kx.prototype,"getDisplayValue",null),Ou([y],Kx.prototype,"getPlaceholder",null),Ou([y],Kx.prototype,"isAllOptionsDisabled",null),Ou([y],Kx.prototype,"areAllOptionsSelected",null),Ou([y],Kx.prototype,"showCreatable",null),Ou([b],Kx.prototype,"optionsHeaderSlottedNodes",void 0),Kx.compose(Object.assign({baseName:"multiselect",template:Gx,styles:Vx,shadowOptions:Wx},Yx));const Zx=Me` .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}`,Qx=(e="foundation")=>K`<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 ti("label",["label-hidden",!(null===(t=e.defaultSlottedNodes)||void 0===t?void 0:t.length)])}}><slot ${Qe({property:"defaultSlottedNodes",filter:_s})}></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 ${Fe("optionsElement")}class="options" part="options">${Ve(e=>e.search,K`<${e}-text-field id="filter-search" part="filter-search" value=${Of(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">${We(e=>e.filteredAvailableOptions,K`<span>${e=>e.type}</span>${We(e=>e.options,K`<${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">${Ve(e=>e.icon||e.svg,K`<div class="icon-container">${Ve(e=>e.icon,K`<${e}-icon style="color:${e=>e.iconColor||"#fff"}" name="${e=>e.icon}" size="xl"></${e}-icon>`)} ${Ve(e=>e.svg,K`<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>${Ve(e=>e.description,K`<p class="description">${e=>e.description}</p>`)}</div></div></${e}-checkbox>`)} `)}</div></div></div>`,Xx=K` ${Qx()} `,Jx=void 0,eM={};class tM extends Wt{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=Dx.BELOW}openChanged(e,t){var i,c;t?(document.addEventListener("mousedown",this.clickOutside),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(c=this.optionsElement)||void 0===c||c.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===Dx.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(),c=this.getBoundingClientRect(),o=i.top+i.height/2;e=c.top<o?Dx.BELOW:Dx.ABOVE}else{const t=this.getBoundingClientRect(),i=window.innerHeight,c=t.top,o=i-t.bottom;e=o<t.height&&c>o?Dx.ABOVE:Dx.BELOW}}e===Dx.ABOVE?(this.optionsElement.classList.add("position-above"),this.optionsElement.classList.remove("position-below")):e===Dx.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,c=null!==(t=e.label)&&void 0!==t?t:e.value;return(null==i?void 0:i.toLowerCase().includes(this.filterSearchValue.toLowerCase()))||c.toLowerCase().includes(this.filterSearchValue.toLowerCase())?e:void 0});this.filteredAvailableOptions=this.sortFilteredOptions(e)}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){wC(e,this)&&(this.open=!1)}}Ou([de],tM.prototype,"name",void 0),Ou([de({mode:"boolean",attribute:"auto-position"})],tM.prototype,"autoPosition",void 0),Ou([de({mode:"boolean"})],tM.prototype,"search",void 0),Ou([de({mode:"boolean"})],tM.prototype,"disabled",void 0),Ou([b],tM.prototype,"defaultSlottedNodes",void 0),Ou([b],tM.prototype,"valueFormatter",void 0),Ou([b],tM.prototype,"filterSearchValue",void 0),Ou([b],tM.prototype,"open",void 0),Ou([b],tM.prototype,"options",void 0),Ou([b],tM.prototype,"selectedOptions",void 0),Ou([b],tM.prototype,"filteredAvailableOptions",void 0),Ou([b],tM.prototype,"position",void 0),Ou([y],tM.prototype,"getPlaceholder",null),tM.compose(Object.assign({baseName:"categorized-multiselect",template:Xx,styles:Zx,shadowOptions:Jx},eM));const iM=(e,t)=>Dc(0,t),cM=(e,t)=>Me` ${dh()}`;class oM extends _c{}const sM=void 0,aM={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 '};oM.compose(Object.assign({baseName:"checkbox",template:iM,styles:cM,shadowOptions:sM},aM));const nM=(e,t)=>Me` .combo-box-indicator{transition-property: transform;transition-duration: 0.2s;transition-timing-function: ease-out}:host([open]) .combo-box-indicator{transform: rotate(180deg)}${fh(e)}`,rM=(e,t)=>K`<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">${it(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)}" ${Fe("control")}/><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${t.indicator||""}</slot></div></slot>${tt(0,t)}</div><div class="listbox" id="${e=>e.listboxId}" part="listbox" role="listbox" ?disabled="${e=>e.disabled}" ?hidden="${e=>!e.open}" ${Fe("listbox")}><slot ${Fe("slottedDatasource")} ${Qe({filter:Uc.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`;var lM,dM;class hM extends ph{constructor(){super(...arguments),lM.set(this,void 0),dM.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=Px(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 v.track(this,"value"),this._ourValue}set value(e){var t,i,c;if(void 0===e)return;const o=`${this._ourValue}`;if(this.$fastController.isConnected&&this.options){const o=this.caseSensitive?t=>t.text===e:t=>t.text.toLowerCase()===String(e).toLowerCase(),s=this.options?this.options.findIndex(o):-1,a=null===(t=this.options[this.selectedIndex])||void 0===t?void 0:t.text,n=null===(i=this.options[s])||void 0===i?void 0:i.text;this.selectedIndex=n&&n!==a?s:this.selectedIndex,e&&""!==e.trim()&&-1===s&&(e=(null===(c=this.firstSelectedOption)||void 0===c?void 0:c.text)||e)}o!==e&&(this._ourValue=e,super.valueChanged(o,e),v.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 Ux);(null==t?void 0:t.infiniteScroll)&&(this.async=!0)}filterOptions(){this.autocomplete&&this.autocomplete!==Xc||(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(wC(e,this))this.open=!1;else{if(SC(e,this.indicator))return this.open=!this.open,void(this.open&&this.control.focus());if(!this.ignoreInputClick||!SC(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(Uu(this,dM,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!Bu(this,dM,"f");case"ArrowDown":case"ArrowUp":this.open&&this.firstSelectedOption&&this.autocomplete===Qc&&(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 Bu(this,lM,"f")||Uu(this,lM,this.shadowRoot.querySelector('[part="indicator"]'),"f"),Bu(this,lM,"f")}selectItemByValue(e){var t,i,c;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===(c=this.options)||void 0===c||c.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 Ux);t.length>0?(_C(t[0],this.control.value),p.queueUpdate(()=>{this.control.value=e})):xC.warn("Options-datasource is not connected. Please add a datasource to use this functionality.")}manuallyDispatchChangeEvent(){this.needManualChangeEventDispatch&&this.firstSelectedOption&&this.autocomplete===Qc&&(this.dispatchEvent(new Event("change",{bubbles:!0})),this.needManualChangeEventDispatch=!1)}}lM=new WeakMap,dM=new WeakMap,Ou([b],hM.prototype,"activeDescendant",null),Ou([b],hM.prototype,"slottedDatasource",void 0),Ou([de({mode:"boolean"})],hM.prototype,"async",void 0),Ou([de],hM.prototype,"debounce",void 0),Ou([de({mode:"boolean",attribute:"case-sensitive"})],hM.prototype,"caseSensitive",void 0),Ou([de({mode:"boolean",attribute:"ignore-input-click"})],hM.prototype,"ignoreInputClick",void 0),Ou([de({attribute:"filter-mode"})],hM.prototype,"filterMode",void 0),Ou([de({mode:"boolean",attribute:"scroll-to-selected-when-opening"})],hM.prototype,"scrollToSelectedWhenOpening",void 0),Ou([b],hM.prototype,"scrollToSelectedWhenOpeningOptions",void 0),Ou([de({mode:"boolean",attribute:"scroll-when-selection-changes"})],hM.prototype,"scrollWhenSelectionChanges",void 0),Ou([b],hM.prototype,"scrollWhenSelectionChangesOptions",void 0);const uM={delegatesFocus:!0,mode:"open"},fM={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 '};hM.compose(Object.assign({baseName:"combobox",template:rM,styles:nM,shadowOptions:uM},fM));const pM=(e,t)=>Me` :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}`,mM=K`<div class=${e=>ti(["light",!0],[e.colour,!0])}></div>${Ve(e=>e.showLabel,K`<div class="label">${e=>e.label}</div>`)} `;class gM extends Wt{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")} ✔`}}Ou([mz],gM.prototype,"connect",void 0),Ou([xb],gM.prototype,"session",void 0),Ou([de({mode:"boolean",attribute:"show-label"})],gM.prototype,"showLabel",void 0),Ou([b],gM.prototype,"label",void 0),Ou([b],gM.prototype,"colour",void 0),gM.compose({baseName:"connection-indicator",template:mM,styles:pM});(class extends Mc{}).compose(Object.assign({baseName:"data-grid",template:(e,t)=>xc(e),styles:(e,t)=>Me` ${mh()}`,shadowOptions:void 0},{}));(class extends kc{}).compose(Object.assign({baseName:"data-grid-cell",template:$c,styles:(e,t)=>Me` ${vh()}`,shadowOptions:void 0},{}));(class extends Lc{}).compose(Object.assign({baseName:"data-grid-row",template:Ec,styles:(e,t)=>Me` ${gh()}`,shadowOptions:void 0},{}));const vM=Me` :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}`,bM=[1,7],yM=e=>K`<${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=>ti(["hide-weekends",e.hideWeekends])}">${We(e=>{var t;return null===(t=e.calendar)||void 0===t?void 0:t.weekDays},K` ${Ve((e,t)=>!t.parent.hideWeekends||-1===bM.indexOf(t.index+1),K`<span class="${(e,t)=>ti(["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=>ti(["hide-weekends",e.hideWeekends])}">${We(e=>e.monthList,K` ${Ve((e,t)=>!t.parent.hideWeekends||-1===bM.indexOf(e.dayNumber),K`<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>`,zM=K` ${e=>yM(kC(e))} `;var CM,LM={exports:{}};function xM(){return CM||(CM=1,function(e){e.exports=function(){var e=1e3,t=6e4,i=36e5,c="millisecond",o="second",s="minute",a="hour",n="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 c=String(e);return!c||c.length>=t?e:""+Array(t+1-c.length).join(i)+e},b={s:v,z:function(e){var t=-e.utcOffset(),i=Math.abs(t),c=Math.floor(i/60),o=i%60;return(t<=0?"+":"-")+v(c,2,"0")+":"+v(o,2,"0")},m:function e(t,i){if(t.date()<i.date())return-e(i,t);var c=12*(i.year()-t.year())+(i.month()-t.month()),o=t.clone().add(c,l),s=i-o<0,a=t.clone().add(c+(s?-1:1),l);return+(-(c+(i-o)/(s?o-a:a-o))||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:n,D:u,h:a,m:s,s:o,ms:c,Q:d}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",z={};z[y]=g;var C="$isDayjsObject",L=function(e){return e instanceof S||!(!e||!e[C])},x=function e(t,i,c){var o;if(!t)return y;if("string"==typeof t){var s=t.toLowerCase();z[s]&&(o=s),i&&(z[s]=i,o=s);var a=t.split("-");if(!o&&a.length>1)return e(a[0])}else{var n=t.name;z[n]=t,o=n}return!c&&o&&(y=o),o||!c&&y},M=function(e,t){if(L(e))return e.clone();var i="object"==typeof t?t:{};return i.date=e,i.args=arguments,new S(i)},w=b;w.l=x,w.i=L,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=x(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[C]=!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 c=t.match(p);if(c){var o=c[2]-1||0,s=(c[7]||"0").substring(0,3);return i?new Date(Date.UTC(c[1],o,c[3]||1,c[4]||0,c[5]||0,c[6]||0,s)):new Date(c[1],o,c[3]||1,c[4]||0,c[5]||0,c[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,c=!!w.u(t)||t,d=w.p(e),f=function(e,t){var o=w.w(i.$u?Date.UTC(i.$y,t,e):new Date(i.$y,t,e),i);return c?o:o.endOf(n)},p=function(e,t){return w.w(i.toDate()[e].apply(i.toDate("s"),(c?[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 c?f(1,0):f(31,11);case l:return c?f(1,g):f(0,g+1);case r:var y=this.$locale().weekStart||0,z=(m<y?m+7:m)-y;return f(c?v-z:v+(6-z),g);case n:case u:return p(b+"Hours",0);case a:return p(b+"Minutes",1);case s:return p(b+"Seconds",2);case o: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[n]=d+"Date",i[u]=d+"Date",i[l]=d+"Month",i[h]=d+"FullYear",i[a]=d+"Hours",i[s]=d+"Minutes",i[o]=d+"Seconds",i[c]=d+"Milliseconds",i)[r],p=r===n?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(c,d){var u,f=this;c=Number(c);var p=w.p(d),m=function(e){var t=M(f);return w.w(t.date(t.date()+Math.round(e*c)),f)};if(p===l)return this.set(l,this.$M+c);if(p===h)return this.set(h,this.$y+c);if(p===n)return m(1);if(p===r)return m(7);var g=(u={},u[s]=t,u[a]=i,u[o]=e,u)[p]||1,v=this.$d.getTime()+c*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 c=e||"YYYY-MM-DDTHH:mm:ssZ",o=w.z(this),s=this.$H,a=this.$m,n=this.$M,r=i.weekdays,l=i.months,d=i.meridiem,h=function(e,i,o,s){return e&&(e[i]||e(t,c))||o[i].slice(0,s)},u=function(e){return w.s(s%12||12,e,"0")},p=d||function(e,t,i){var c=e<12?"AM":"PM";return i?c.toLowerCase():c};return c.replace(m,function(e,c){return c||function(e){switch(e){case"YY":return String(t.$y).slice(-2);case"YYYY":return w.s(t.$y,4,"0");case"M":return n+1;case"MM":return w.s(n+1,2,"0");case"MMM":return h(i.monthsShort,n,l,3);case"MMMM":return h(l,n);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,a,!0);case"A":return p(s,a,!1);case"m":return String(a);case"mm":return w.s(a,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 o}return null}(e)||o.replace(":","")})},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(c,u,f){var p,m=this,g=w.p(u),v=M(c),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 n:p=(y-b)/864e5;break;case a:p=y/i;break;case s:p=y/t;break;case o: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(),c=x(e,t,!0);return c&&(i.$L=c),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",c],["$s",o],["$m",s],["$H",a],["$W",n],["$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=x,M.isDayjs=L,M.unix=function(e){return M(1e3*e)},M.en=z[y],M.Ls=z,M.p={},M}()}(LM)),LM.exports}var MM,wM=op(xM()),SM={exports:{}};var kM,EM=(MM||(MM=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/,c=/\d\d/,o=/\d\d?/,s=/\d*[^-_:/,()\s\d]+/,a={},n=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=a[e];return t&&(t.indexOf?t:t.s.concat(t.f))},h=function(e,t){var i,c=a.meridiem;if(c){for(var o=1;o<=24;o+=1)if(e.indexOf(c(o,0,t))>-1){i=o>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:[c,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[o,r("seconds")],ss:[o,r("seconds")],m:[o,r("minutes")],mm:[o,r("minutes")],H:[o,r("hours")],h:[o,r("hours")],HH:[o,r("hours")],hh:[o,r("hours")],D:[o,r("day")],DD:[c,r("day")],Do:[s,function(e){var t=a.ordinal,i=e.match(/\d+/);if(this.day=i[0],t)for(var c=1;c<=31;c+=1)t(c).replace(/\[|\]/g,"")===e&&(this.day=c)}],w:[o,r("week")],ww:[c,r("week")],M:[o,r("month")],MM:[c,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:[c,function(e){this.year=n(e)}],YYYY:[/\d{4}/,r("year")],Z:l,ZZ:l};function f(i){var c,o;c=i,o=a&&a.formats;for(var s=(i=c.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,i,c){var s=c&&c.toUpperCase();return i||o[c]||e[c]||o[s].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,i){return t||i.slice(1)})})).match(t),n=s.length,r=0;r<n;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,c=0;i<n;i+=1){var o=s[i];if("string"==typeof o)c+=o.length;else{var a=o.regex,r=o.parser,l=e.slice(c),d=a.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&&(n=e.parseTwoDigitYear);var c=t.prototype,o=c.parse;c.parse=function(e){var t=e.date,c=e.utc,s=e.args;this.$u=c;var n=s[1];if("string"==typeof n){var r=!0===s[2],l=!0===s[3],d=r||l,h=s[2];l&&(h=s[2]),a=this.$locale(),!r&&h&&(a=i.Ls[h]),this.$d=function(e,t,i,c){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var o=f(t)(e),s=o.year,a=o.month,n=o.day,r=o.hours,l=o.minutes,d=o.seconds,h=o.milliseconds,u=o.zone,p=o.week,m=new Date,g=n||(s||a?1:m.getDate()),v=s||m.getFullYear(),b=0;s&&!a||(b=a>0?a-1:m.getMonth());var y,z=r||0,C=l||0,L=d||0,x=h||0;return u?new Date(Date.UTC(v,b,g,z,C,L,x+60*u.offset*1e3)):i?new Date(Date.UTC(v,b,g,z,C,L,x)):(y=new Date(v,b,g,z,C,L,x),p&&(y=c(y).week(p).toDate()),y)}catch(e){return new Date("")}}(t,n,c,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),d&&t!=this.format(n)&&(this.$d=new Date("")),a={}}else if(n instanceof Array)for(var u=n.length,p=1;p<=u;p+=1){s[1]=n[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 o.call(this,e)}}}()}(SM)),SM.exports),$M=op(EM),NM={exports:{}};var AM,OM=(kM||(kM=1,function(e){e.exports=function(e,t,i){var c=t.prototype,o=function(e){return e&&(e.indexOf?e:e.s)},s=function(e,t,i,c,s){var a=e.name?e:e.$locale(),n=o(a[t]),r=o(a[i]),l=n||r.map(function(e){return e.slice(0,c)});if(!s)return l;var d=a.weekStart;return l.map(function(e,t){return l[(t+(d||0))%7]})},a=function(){return i.Ls[i.locale()]},n=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 n(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};c.localeData=function(){return r.bind(this)()},i.localeData=function(){var e=a();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 n(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},i.months=function(){return s(a(),"months")},i.monthsShort=function(){return s(a(),"monthsShort","months",3)},i.weekdays=function(e){return s(a(),"weekdays",null,null,e)},i.weekdaysShort=function(e){return s(a(),"weekdaysShort","weekdays",3,e)},i.weekdaysMin=function(e){return s(a(),"weekdaysMin","weekdays",2,e)}}}(NM)),NM.exports),TM=op(OM),RM={exports:{}};var IM,DM=(AM||(AM=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,c){var o=i.prototype,s=o.format;c.en.formats=t,o.format=function(e){void 0===e&&(e="YYYY-MM-DDTHH:mm:ssZ");var i=this.$locale().formats,c=function(e,i){return e.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(e,c,o){var s=o&&o.toUpperCase();return c||i[o]||t[o]||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,c)}})}(RM)),RM.exports),FM=op(DM),HM={exports:{}};var _M=(IM||(IM=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),PM=op(_M);class VM{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()}}wM.extend(PM);class BM{constructor(e=null,t="default"){const i=new VM(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+=wM(i.date).isLeapYear()?1:0)}getDay(e){return new VM(new Date(this.year,this.number-1,e),this.lang)}}wM.extend(PM);class UM{constructor(e=null,t=null,i="default"){this.weekDays=Array.from({length:7}),this.today=new VM(null,i),this.year=null!=e?e:this.today.year,this.month=new BM(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 BM(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new BM(new Date(this.year-1,11),this.lang):new BM(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new BM(new Date(this.year+1,0),this.lang):new BM(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new BM(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new BM(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new BM(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new BM(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new BM(new Date(this.year,this.month.number-1-1),this.lang)}}var jM,qM={exports:{}};function GM(e){return null!=e&&""!==String(e).trim()}jM||(jM=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),c={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(c,null,!0),c}(xM())}(qM)),wM.extend($M),wM.extend(TM),wM.extend(FM);const WM="MM-DD-YYYY";const YM=[1,2,3,4,5,6,7],KM=(e,t,i)=>{if(c=t,-1===e.indexOf(c.dayNumber))return t;var c;const o=YM.filter(t=>-1===e.indexOf(t));let s=o.find(e=>e>t.dayNumber);s||(s=Math.min(...o));const a=t.dayNumber<s?s-t.dayNumber:s-t.dayNumber+7;return o.length?new VM(((e,t=1)=>{const i=new Date(e);return i.setDate(e.getDate()+t),i})(t.Date,a),i):(yf.warn("Date picker disabled days - all days of week have been disabled"),t)};class ZM extends Wt{constructor(){super(...arguments),this.format=WM,this.lang="en-US",this.visible=!1,this.position="bottom",this.disabledDaysOfWeek=[],this.suppressValueChanged=!1,this.cachedFormat=WM,this.clickOutside=e=>this.handleClickOutside(e),this.keydownOutside=e=>this.handleKeydownOutside(e)}formatChanged(e,t){!this.useLocaleFormat&&t&&this.cacheUserFormat(t),t&&this.calendar&&GM(this.value)&&(this.formatDate=wM(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&&(GM(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(),wM.extend($M),wM.extend(FM),wM.extend(TM),this.substringNumber=3,this.useLocaleFormat&&(this.cacheUserFormat(this.format),this.applyLocaleFormat());const e=this.value;!this.allowEmpty||GM(e)?GM(e)?this.applyValue(e):this.initializeWithDefaultDate():this.initializeEmpty()}clear(){this.allowEmpty&&this.clearToEmpty(!0)}get inputValue(){return GM(this.value)?this.formatDate:""}get inputPlaceholder(){var e;return!this.allowEmpty||GM(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=wM().locale(t),c=i.locale();return(o=t)!==(s=c)&&s!==o.split("-")[0]?wM().locale("en").localeData().longDateFormat("L")||"MM/DD/YYYY":i.localeData().longDateFormat("L")||"MM/DD/YYYY";var o,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,c=this.calendar.month.number,o=null!==(t=null===(e=this.currentDate)||void 0===e?void 0:e.Date)&&void 0!==t?t:wM().toDate();this.currentDate=new VM(o,this.effectiveLang),this.calendar=new UM(i,c,this.effectiveLang),GM(this.value)&&(this.formatDate=wM(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=wM();this.currentDate=new VM(e.toDate(),this.effectiveLang),this.calendar=new UM(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 VM(wM().toDate(),this.effectiveLang);(null===(t=this.disabledDaysOfWeek)||void 0===t?void 0:t.length)&&(i=KM(this.disabledDaysOfWeek,i,this.effectiveLang)),this.currentDate=i,e||!this.calendar?this.calendar=new UM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang):this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(this.currentDate.Date).format(WM)),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(),c=wM(i,t,!0);if(c.isValid())return c;const o=wM(i,WM,!0);return o.isValid()?o:null}(e,this.format);t?(this.currentDate=new VM(t.toDate(),this.effectiveLang),this.calendar?this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year):this.calendar=new UM(this.currentDate.year,this.currentDate.monthNumber,this.effectiveLang),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(this.currentDate.Date).format(WM)),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()):this.allowEmpty?this.clearToEmpty(!1):this.resetToDefaultDate()}clearToEmpty(e){const t=wM();this.currentDate=new VM(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&&wC(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=ti(["visible",this.visible],this.position,["inline",this.inlineCalendar],["hide-weekends",this.hideWeekends])}isSelectedDate(e){return!(this.allowEmpty&&!GM(this.value))&&wM(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){wM(e.Date).isSame(this.currentDate.Date,"day")&&GM(this.value)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=wM(this.currentDate.Date).format(this.format),this.syncValueAttribute(wM(e.Date).format(WM)),this.$emit("value-changed",this.value),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),i=e.dayNumber-1,c=this.calendar.month.numberOfDays+i,o=Array.from({length:c});for(let e=i;e<c;e+=1)o[e]=this.calendar.month.getDay(e+1-i);for(let e=0;e<i;e+=1){const c=i-(e+1);o[e]=t.getDay(t.numberOfDays-c)}return o}}Ou([de],ZM.prototype,"format",void 0),Ou([de],ZM.prototype,"lang",void 0),Ou([de({attribute:"use-locale-format",mode:"boolean"})],ZM.prototype,"useLocaleFormat",void 0),Ou([de],ZM.prototype,"visible",void 0),Ou([de({attribute:"inline-calendar",mode:"boolean"})],ZM.prototype,"inlineCalendar",void 0),Ou([de({attribute:"hide-weekends",mode:"boolean"})],ZM.prototype,"hideWeekends",void 0),Ou([de],ZM.prototype,"position",void 0),Ou([de],ZM.prototype,"label",void 0),Ou([de({attribute:"allow-empty",mode:"boolean"})],ZM.prototype,"allowEmpty",void 0),Ou([de],ZM.prototype,"placeholder",void 0),Ou([de],ZM.prototype,"value",void 0),Ou([b],ZM.prototype,"currentDate",void 0),Ou([b],ZM.prototype,"currentMonth",void 0),Ou([b],ZM.prototype,"currentYear",void 0),Ou([b],ZM.prototype,"calendarDropdownClasses",void 0),Ou([b],ZM.prototype,"formatDate",void 0),Ou([b],ZM.prototype,"monthList",void 0),Ou([b],ZM.prototype,"disabledDaysOfWeek",void 0),Ou([b],ZM.prototype,"calendar",void 0),ZM.compose(Object.assign({baseName:"date-picker",styles:vM,template:zM,shadowOptions:void 0},{}));class QM{constructor(){this.value=null}}Ou([b],QM.prototype,"value",void 0),new QM;const XM=(e,t,i)=>{const c=i?(e,t)=>e.setValueFor(i,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach(i=>{const o=`${i}Value`;t[o]&&c(e[i],t[o])})};function JM(e){return(t,i)=>{t[i+"Changed"]=function(t,i){null!=i?e.setValueFor(this,i):e.deleteValueFor(this)}}}const ew={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=_n(e);return t?Un.create(t.r,t.g,t.b):null}},tw=e=>Kn.from(Un.from(_n(e)));Un.create(1,1,1),Un.create(0,0,0);const iw=_n("#585858"),cw=Un.create(iw.r,iw.g,iw.b),ow=_n("#ffffff"),sw=Un.create(ow.r,ow.g,ow.b),aw=Kn.from(sw),nw=_n("#eeeeee"),rw=Un.create(nw.r,nw.g,nw.b);Kn.from(rw);const lw=_n("#08c3a5"),dw=Un.create(lw.r,lw.g,lw.b);Kn.from(dw);const{create:hw}=yo,uw=hw("fui-fill-color").withDefault(cw),fw=hw({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(sw);function pw(e,t){return e.colorContrast(t,14)}const mw=hw({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault(e=>pw(hw("fui-card-palette").withDefault(aw).getValueFor(e),fw.getValueFor(e)));var gw=Object.freeze({__proto__:null,fuiFillColor:uw,fuiCardFillColor:fw,defaultNeutralForegroundContrast:14,neutralForeground:pw,fuiCardForegroundColor:mw,accentFillActive:Tl,accentFillActiveDelta:Hr,accentFillFocus:Rl,accentFillFocusDelta:_r,accentFillHover:Ol,accentFillHoverDelta:Fr,accentFillRest:Al,accentFillRestDelta:Dr,accentForegroundActive:Zl,accentForegroundActiveDelta:Br,accentForegroundFocus:Ql,accentForegroundFocusDelta:Ur,accentForegroundHover:Kl,accentForegroundHoverDelta:Vr,accentForegroundRest:Yl,accentForegroundRestDelta:Pr,accentPalette:ml,baseHeightMultiplier:rr,baseLayerLuminance:dr,bodyFont:nr,controlCornerRadius:hr,density:ur,designUnit:fr,direction:pr,disabledOpacity:mr,fillColor:El,focusStrokeInner:xd,focusStrokeOuter:Cd,focusStrokeWidth:vr,foregroundOnAccentActive:_l,foregroundOnAccentActiveLarge:jl,foregroundOnAccentFocus:Pl,foregroundOnAccentFocusLarge:ql,foregroundOnAccentHover:Hl,foregroundOnAccentHoverLarge:Ul,foregroundOnAccentRest:Fl,foregroundOnAccentRestLarge:Bl,neutralFillActive:td,neutralFillActiveDelta:Gr,neutralFillFocus:id,neutralFillFocusDelta:Wr,neutralFillHover:ed,neutralFillHoverDelta:qr,neutralFillInputActive:ad,neutralFillInputActiveDelta:Zr,neutralFillInputFocus:nd,neutralFillInputFocusDelta:Qr,neutralFillInputHover:sd,neutralFillInputHoverDelta:Kr,neutralFillInputRest:od,neutralFillInputRestDelta:Yr,neutralFillLayerRest:yd,neutralFillLayerRestDelta:al,neutralFillRest:Jl,neutralFillRestDelta:jr,neutralFillStealthActive:hd,neutralFillStealthActiveDelta:el,neutralFillStealthFocus:ud,neutralFillStealthFocusDelta:tl,neutralFillStealthHover:dd,neutralFillStealthHoverDelta:Jr,neutralFillStealthRest:ld,neutralFillStealthRestDelta:Xr,neutralFillStrongActive:gd,neutralFillStrongActiveDelta:ol,neutralFillStrongFocus:vd,neutralFillStrongFocusDelta:sl,neutralFillStrongHover:md,neutralFillStrongHoverDelta:cl,neutralFillStrongRest:pd,neutralFillStrongRestDelta:il,neutralForegroundHint:wd,neutralForegroundRest:kd,neutralLayer1:Cl,neutralLayer2:xl,neutralLayer3:wl,neutralLayer4:kl,neutralLayerCardContainer:vl,neutralLayerFloating:yl,neutralPalette:fl,neutralStrokeActive:Ad,neutralStrokeActiveDelta:ll,neutralStrokeDividerRest:Rd,neutralStrokeDividerRestDelta:hl,neutralStrokeFocus:Od,neutralStrokeFocusDelta:dl,neutralStrokeHover:Nd,neutralStrokeHoverDelta:rl,neutralStrokeRest:$d,neutralStrokeRestDelta:nl,strokeWidth:gr,typeRampBaseFontSize:br,typeRampBaseLineHeight:yr,typeRampMinus1FontSize:zr,typeRampMinus1LineHeight:Cr,typeRampMinus2FontSize:Lr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Mr,typeRampPlus1LineHeight:wr,typeRampPlus2FontSize:Sr,typeRampPlus2LineHeight:kr,typeRampPlus3FontSize:Er,typeRampPlus3LineHeight:$r,typeRampPlus4FontSize:Nr,typeRampPlus4LineHeight:Ar,typeRampPlus5FontSize:Or,typeRampPlus5LineHeight:Tr,typeRampPlus6FontSize:Rr,typeRampPlus6LineHeight:Ir});const vw=tw("#08c3a5"),bw=tw("#eeeeee"),yw=cr,zw=Li.ltr;var Cw=Object.freeze({__proto__:null,accentPaletteValue:vw,neutralPaletteValue:bw,baseLayerLuminanceValue:yw,directionValue:zw,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)
|
|
@@ -105,4 +104,4 @@ function vz(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var c
|
|
|
105
104
|
+
|
|
106
105
|
</${c}>`)}</div><div class="rule-header"><div class="btn-group rule-actions"><${c}type="button" class="btn btn-sm btn-danger" data-delete="rule" @click="${(e,t)=>e.dispatchDeleteRule(t.event)}">
|
|
107
106
|
Delete Rule </${c}></div></div></div>`}} `;let w6=class extends ze{constructor(){super(...arguments),this.error=!1}connectedCallback(){super.connectedCallback(),Y0(this,this.styles,"rule"),this.config.partialRuleValidationWarning&&(this.error=(e=>{if(!e.field||!e.operator)return!0;if(0===e.operator.nbInputs)return!1;if(!("value"in e))throw new Error("No value set as required for operator");return"boolean"!==G0(e)&&!!(Array.isArray(e.value)?e.value:[e.value]).some(L6)})(this.model))}variadicRule(e){return"many"===e.operator.nbInputs&&"value"in e&&Array.isArray(e.value)}get operandIterator(){var e,t,i;if("many"===(null===(e=this.model.operator)||void 0===e?void 0:e.nbInputs)){if(!this.variadicRule(this.model))throw new Error("Varargs disabled for many nbInputs");return Array(this.model.value.length).fill(!0)}return Array(null!==(i=null===(t=this.model.operator)||void 0===t?void 0:t.nbInputs)&&void 0!==i?i:0).fill(!0)}operandValue(e){if(this.model.operator){if(1===this.model.operator.nbInputs&&"value"in this.model)return this.model.value;if((2===this.model.operator.nbInputs||"many"===this.model.operator.nbInputs)&&"value"in this.model&&Array.isArray(this.model.value))return this.model.value[e];throw new Error("Invalid operand lookup")}}dispatchAddVarArg(){if(!this.variadicRule(this.model))throw new Error("Cannot add inputs for non-variadic operator, or invalid format");const e={ruleId:this.model.ruleId,newData:{operator:this.model.operator,field:this.model.field,value:[...this.model.value,b6(this.model.operator,this.model)]}};this.dispatchEvent(new CustomEvent(K0.UpdateRule,{detail:e,bubbles:!0,composed:!0}))}handleRemoveVarArg(e){const{index:t}=e.detail;if(!this.variadicRule(this.model))throw new Error("Cannot remove inputs for non-variadic operator, or invalid format");const i={ruleId:this.model.ruleId,newData:{operator:this.model.operator,field:this.model.field,value:this.model.value.filter((e,i)=>i!==t)}};this.dispatchEvent(new CustomEvent(K0.UpdateRule,{detail:i,bubbles:!0,composed:!0}))}dispatchDeleteRule(e){e.stopPropagation();const t={ruleId:this.model.ruleId};this.dispatchEvent(new CustomEvent(K0.DelRule,{detail:t,bubbles:!0,composed:!0}))}handleFieldSelected(e){var t;e.stopPropagation();const{fieldId:i}=e.detail,c=null!==(t=this.config.fields.find(e=>e.fieldId===i))&&void 0!==t?t:null,o={ruleId:this.model.ruleId,newData:{field:c,value:null,operator:null}};this.dispatchEvent(new CustomEvent(K0.UpdateRule,{detail:o,bubbles:!0,composed:!0}))}handleValueChanged(e){e.stopPropagation();const{value:t,index:i}=e.detail,c={ruleId:this.model.ruleId,newData:C6(this.model,t,i)};this.dispatchEvent(new CustomEvent(K0.UpdateRule,{detail:c,bubbles:!0,composed:!0}))}handleOperatorSelected(e){var t;e.stopPropagation();const{operatorId:i}=e.detail;if(!i)return;const c=null!==(t=this.config.operators.find(e=>e.type===i))&&void 0!==t?t:null;if(!c)throw new Error(`Unable to find operator of type ${i}`);this.dispatchEvent(new CustomEvent(K0.UpdateRule,{detail:{ruleId:this.model.ruleId,newData:z6(c,this.model)},bubbles:!0,composed:!0}))}};Ou([b],w6.prototype,"config",void 0),Ou([b],w6.prototype,"styles",void 0),Ou([b],w6.prototype,"model",void 0),Ou([b],w6.prototype,"index",void 0),Ou([de({mode:"boolean"})],w6.prototype,"error",void 0),Ou([y],w6.prototype,"operandIterator",null),w6=Ou([Ce({name:"expression-rule",template:M6,styles:x6,shadowOptions:{delegatesFocus:!0}})],w6);let S6=class extends ze{constructor(){super(...arguments),this.model=null,this.ruleCount=0,this.groupCount=0,this.userUpdatingModel=!1,this.handleAddGroup=this._handleAddGroup.bind(this),this.handleAddRule=this._handleAddRule.bind(this),this.handleDeleteGroup=this._handleDeleteGroup.bind(this),this.handleDeleteRule=this._handleDeleteRule.bind(this),this.handleUpdateGroupData=this._handleUpdateGroupData.bind(this),this.handleUpdateRuleData=this._handleUpdateRuleData.bind(this)}configChanged(e,t){this.isValidConfig(t)?t.model?(this.ruleCount=0,this.groupCount=0,this.userUpdatingModel=!0,this.model=V0(t.model,this),this.userUpdatingModel=!1):null===this.model&&this.initBaseModel():console.warn("Invalid config passed to ExpressionBuilder. Verify you've defined operators, fields, and combinators.")}modelChanged(e,t){if(!t||this.userUpdatingModel)return;const i=B0(t);this.dispatchChangeEvent(i)}dispatchChangeEvent(e){this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,cancelable:!0,composed:!0}))}getConfig(){return this.config}getGroupId(){return this.groupCount+=1,`group-${this.groupCount}`}getRuleId(){return this.ruleCount+=1,`rule-${this.ruleCount}`}connectedCallback(){if(super.connectedCallback(),this.addEventListener(K0.AddGroup,this.handleAddGroup),this.addEventListener(K0.DelGroup,this.handleDeleteGroup),this.addEventListener(K0.AddRule,this.handleAddRule),this.addEventListener(K0.DelRule,this.handleDeleteRule),this.addEventListener(K0.UpdateGroup,this.handleUpdateGroupData),this.addEventListener(K0.UpdateRule,this.handleUpdateRuleData),!this.isValidConfig(this.config))return this.config&&console.warn("Config detected during connectedCallback but it isn't valid"),void(this.config=null);this.config.model||this.initBaseModel()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(K0.AddGroup,this.handleAddGroup),this.removeEventListener(K0.DelGroup,this.handleDeleteGroup),this.removeEventListener(K0.AddRule,this.handleAddRule),this.removeEventListener(K0.DelRule,this.handleDeleteRule),this.removeEventListener(K0.UpdateGroup,this.handleUpdateGroupData),this.removeEventListener(K0.UpdateRule,this.handleUpdateRuleData)}isValidConfig(e){var t,i,c;return Boolean(e&&(null===(t=e.combinators)||void 0===t?void 0:t.length)&&(null===(i=e.operators)||void 0===i?void 0:i.length)&&(null===(c=e.fields)||void 0===c?void 0:c.length))}initBaseModel(){if(!this.isValidConfig(this.config))throw new Error("Invalid config set on ExpressionBuilder. Verify you've defined operators, fields, and combinators.");this.model={children:[],level:1,groupId:P0,config:this.config,combinator:this.config.combinators[0]}}_handleAddGroup(e){const{parentGroupId:t,newGroup:i}=e.detail,c={groupId:this.getGroupId(),level:i.level,children:[],config:this.config,combinator:this.config.combinators[0]};this.model=_0(this.model,t,c)}_handleAddRule(e){const{parentGroupId:t}=e.detail,i={ruleId:this.getRuleId(),config:this.config,field:null,operator:null,value:null};this.model=_0(this.model,t,i)}_handleDeleteGroup(e){const{groupId:t}=e.detail;var i,c;this.model=I0(i=this.model,F0(i,c=t).groupId,e=>e.filter(e=>!("groupId"in e)||e.groupId!==c))}_handleDeleteRule(e){const{ruleId:t}=e.detail;var i,c;this.model=I0(i=this.model,H0(i,c=t).groupId,e=>e.filter(e=>!("ruleId"in e)||e.ruleId!==c))}_handleUpdateGroupData(e){const{groupId:t,newData:i}=e.detail;this.model=function(e,t,i){return t===P0?Object.assign(Object.assign({},e),i):I0(e,F0(e,t).groupId,e=>e.map(e=>"groupId"in e&&e.groupId===t?Object.assign(Object.assign({},e),i):e))}(this.model,t,i)}_handleUpdateRuleData(e){const{ruleId:t,newData:i}=e.detail;this.model=function(e,t,i){return I0(e,H0(e,t).groupId,e=>e.map(e=>"ruleId"in e&&e.ruleId===t?Object.assign(Object.assign({},e),i):e))}(this.model,t,i)}};Ou([b],S6.prototype,"config",void 0),Ou([b],S6.prototype,"styles",void 0),Ou([b],S6.prototype,"model",void 0),S6=Ou([Ce({name:"expression-builder",template:i6,styles:Z0})],S6);let k6=class extends S6{};k6=Ou([Ce({name:"foundation-expression-builder",styles:Z0,template:i6})],k6);const E6=["int","short","long"],$6=["double","bigdecimal"],N6=[...E6,...$6],A6=["date","date-time"],O6=["string","enum"],T6=["boolean"],R6=e=>{var t,i,c;return null!==(c=null===(i=null===(t=e.operator)||void 0===t?void 0:t.valueType)||void 0===i?void 0:i.type)&&void 0!==c?c:e.field.type};function I6(e){switch(R6(e)){case"int":case"long":case"double":case"bigdecimal":case"date":case"date-time":case"short":return"NUMBER";case"string":case"enum":return"STRING";case"boolean":return"BOOLEAN"}}function D6(e,t,i){return"value"in e?{TYPE:"BINARY_EXPRESSION",LEFT:{TYPE:"FIELD",NAME:e.field.fieldId},OPERATION:t,RIGHT:{TYPE:i,VALUE:e.value}}:null}function F6(e,t,i){return{TYPE:"BINARY_EXPRESSION",LEFT:{TYPE:"FIELD",NAME:e.field.fieldId},OPERATION:t,RIGHT:i}}function H6(e,t,i=[]){return"value"in e?{TYPE:"METHOD_EXPRESSION",PARAMETERS:[{TYPE:"FIELD",NAME:e.field.fieldId},...i],METHOD:t}:null}function _6(e){const t=!(!("value"in e)||void 0===e.value||null===e.value);return Object.assign(Object.assign({},e),t?{value:(t=>{const i=R6(e);if(O6.includes(i))return t;if(N6.includes(i))return t.toString();if(T6.includes(i))return t;if(Array.isArray(t))throw new Error("Not implemented TernararyOperator or VariadicOperator args in rule value transformer");if(A6.includes(i))return new Date(t).getTime().toString();throw new Error("Unhandled transformRuleValue case")})(e.value)}:{})}function P6(e,t){return{TYPE:"PREDICATE_EXPRESSION",OPERATION:e.combinator.type,EXPRESSIONS:e.children.map(e=>"children"in e?P6(e,t):t(e)).filter(Boolean)}}function V6(e,t){const i=e.operator.nbInputs;if("many"===i||2===i)throw new Error("Not implemented TernararyOperator or VariadicOperator args in rebuildRuleValue");return Object.assign(Object.assign({},e),0===i?{}:{value:(t=>{const i=R6(e);if(O6.includes(i))return t;if(E6.includes(i))return parseInt(t);if($6.includes(i))return parseFloat(t);if(T6.includes(i))return t;if(A6.includes(i)){const e=new Date(parseInt(t));return"date"===i?U0(e):j0(e)}throw new Error("Unhandled rebuildRuleValue case")})(t.VALUE)})}const B6={template:i6,styles:Z0};var U6;!function(e){e.methodCall={CONTAINS_IGNORE_CASE:"CONTAINS_IGNORE_CASE",CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE:"CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE",IS_NULL_OR_BLANK:"IS_NULL_OR_BLANK",NOT_NULL_OR_BLANK:"NOT_NULL_OR_BLANK",TRIM:"TRIM",LONG_TO_DATE:"LONG_TO_DATE",LONG_TO_DATE_TIME:"LONG_TO_DATE_TIME",DATE_TIME_IS_IN_RANGE:"DATE_TIME_IS_IN_RANGE"},e.logicalOperations={AND:"AND",OR:"OR"},e.operations=Object.assign(Object.assign({},e.logicalOperations),{GREATER_THAN:"GREATER_THAN",LESS_THAN:"LESS_THAN",GREATER_THAN_OR_EQUAL:"GREATER_THAN_OR_EQUAL",LESS_THAN_OR_EQUAL:"LESS_THAN_OR_EQUAL",EQUALS:"EQUALS",NOT_EQUALS:"NOT_EQUALS",PLUS:"PLUS",MINUS:"MINUS",MULTIPLY:"MULTIPLY",DIVIDE:"DIVIDE",BITWISE_AND:"BITWISE_AND",BITWISE_OR:"BITWISE_OR",ASSIGNMENT:"ASSIGNMENT",IS_CURRENT:"IS_CURRENT",IS_PREVIOUS:"IS_PREVIOUS"})}(U6||(U6={}));const j6=[{type:U6.logicalOperations.AND,maxRules:"many"},{type:U6.logicalOperations.OR,maxRules:"many"}],q6={EQUALS:U6.operations.EQUALS,NOT_EQUALS:U6.operations.NOT_EQUALS,IS_NULL:"IS_NULL",NOT_NULL:"NOT_NULL",IS_NULL_OR_BLANK:"IS_NULL_OR_BLANK",NOT_NULL_OR_BLANK:"NOT_NULL_OR_BLANK",CONTAINS:"CONTAINS",CONTAINS_WORDS_STARTING_WITH:"CONTAINS_WORDS_STARTING_WITH",CONTAINS_WORDS_STARTING_SPLIT_DELIMITER:"CONTAINS_WORDS_STARTING_SPLIT_DELIMITER",GREATER_THAN:U6.operations.GREATER_THAN,GREATER_THAN_OR_EQUAL:U6.operations.GREATER_THAN_OR_EQUAL,LESS_THAN:U6.operations.LESS_THAN,LESS_THAN_OR_EQUAL:U6.operations.LESS_THAN_OR_EQUAL,IS_BEFORE:"IS_BEFORE",IS_AFTER:"IS_AFTER",ON_OR_BEFORE:"ON_OR_BEFORE",ON_OR_AFTER:"ON_OR_AFTER",IS_CURRENT:U6.operations.IS_CURRENT,IS_PREVIOUS:U6.operations.IS_PREVIOUS},G6=e=>({type:"enum",input:"select",values:e}),W6=G6({HOUR:{label:"Hour",tooltip:"Beginning of the hour immediately preceding the current one to the current hour."},DAY:{label:"Day",tooltip:"Midnight on the day before today to midnight of the current day."},WEEK_DAY:{label:"Week day",tooltip:"Midnight on the day before today to midnight of the current day. If the current day is Monday then the previous day is Friday."},WEEK:{label:"Week",tooltip:"Midnight on the Monday of the previous week to midnight on the Monday of the current week."},MONTH:{label:"Month",tooltip:"Midnight on the 1st of the previous month to midnight on the 1st of the current month."},YEAR:{label:"Year",tooltip:"Midnight on Jan 1st of the previous year to midnight on the 1st Jan of the current year."}}),Y6=G6({HOUR:{label:"Hour",tooltip:"Beginning of the current hour to beginning of the next hour."},DAY:{label:"Day",tooltip:"Midnight on the current day day to midnight of the next day."},WEEK_DAY:{label:"Week day",tooltip:"Midnight on the current day day to midnight of the next day. This filter will never match Sat or Sun, always returning false on the weekends."},WEEK:{label:"Week",tooltip:"Midnight on the Monday of the current week to midnight on the Monday of the next week."},MONTH:{label:"Month",tooltip:"Midnight on the 1st of the current month to midnight on the 1st of the next month."},YEAR:{label:"Year",tooltip:"Midnight on Jan 1st of the current year to midnight on the 1st Jan of the next year."}}),K6=[{type:q6.EQUALS,label:"Equals",nbInputs:1,applyTo:[...O6,...T6,...N6,...A6],tooltip:"Check the equality of the field compared to a set value"},{type:q6.NOT_EQUALS,label:"Not equals",nbInputs:1,applyTo:[...O6,...T6,...N6,...A6],tooltip:"Check that the field is different from a set value"},{type:q6.IS_NULL,label:"Is null",nbInputs:0,applyTo:["enum",...T6,...N6,...A6],tooltip:"Check if the field value is null"},{type:q6.NOT_NULL,label:"Not null",nbInputs:0,applyTo:["enum",...T6,...N6,...A6],tooltip:"Check if the field value is not null"},{type:q6.IS_NULL_OR_BLANK,label:"Is null or blank",nbInputs:0,applyTo:["string"],tooltip:"Check if the field value is null or an empty string"},{type:q6.NOT_NULL_OR_BLANK,label:"Not null or blank",nbInputs:0,applyTo:["string"],tooltip:"Check if the field value is not null and not an empty string"},{type:q6.CONTAINS,label:"Contains",nbInputs:1,applyTo:["string"],tooltip:"Check if the field contains the specified text (case insensitive)"},{type:q6.CONTAINS_WORDS_STARTING_WITH,label:"Contains words starting with",nbInputs:1,applyTo:["string"],tooltip:"Check if the field contains words that start with the specified text, split by whitespace (case insensitive)"},{type:q6.CONTAINS_WORDS_STARTING_SPLIT_DELIMITER,label:"Contains words starting with (split)",nbInputs:2,applyTo:["string"],tooltip:"Check if field contains words starting with text, split by a delimiter (case insensitive)"},{type:q6.GREATER_THAN,label:"Greater than",nbInputs:1,applyTo:[...N6],tooltip:"Check if the field value is greater than a specified number"},{type:q6.GREATER_THAN_OR_EQUAL,label:"Greater than or equal to",nbInputs:1,applyTo:[...N6],tooltip:"Check if the field value is greater than or equal to a specified number"},{type:q6.LESS_THAN,label:"Less than",nbInputs:1,applyTo:[...N6],tooltip:"Check if the field value is less than a specified number"},{type:q6.LESS_THAN_OR_EQUAL,label:"Less than or equal to",nbInputs:1,applyTo:[...N6],tooltip:"Check if the field value is less than or equal to a specified number"},{type:q6.IS_BEFORE,label:"Is before",nbInputs:1,applyTo:[...A6],tooltip:"Check if the field is before a specified date/time"},{type:q6.IS_AFTER,label:"Is after",nbInputs:1,applyTo:[...A6],tooltip:"Check if the field is after a specified date/time"},{type:q6.ON_OR_BEFORE,label:"On or before",nbInputs:1,applyTo:[...A6],tooltip:"Check if the field is on or before a specified date/time"},{type:q6.ON_OR_AFTER,label:"On or after",nbInputs:1,applyTo:[...A6],tooltip:"Check if the field is on or after a specified date/time"},{type:q6.IS_CURRENT,label:"Is current",nbInputs:1,applyTo:[...A6],tooltip:"Check whether the current date/time matches the current hour/day/work day/week/month/year.",valueType:Y6,optgroup:"Relative Period"},{type:q6.IS_PREVIOUS,label:"Is previous",nbInputs:1,applyTo:[...A6],tooltip:"Check whether the current date/time matches the previous hour/day/work day/week/month/year",valueType:W6,optgroup:"Relative Period"}];function Z6(e){var t,i;if(!(null===(t=e.operator)||void 0===t?void 0:t.type)||!(null===(i=e.field)||void 0===i?void 0:i.fieldId))return null;const c=_6(e),o=I6(c),s=function(e){switch(e){case"IS_BEFORE":return"LESS_THAN";case"IS_AFTER":return"GREATER_THAN";case"ON_OR_BEFORE":return"LESS_THAN_OR_EQUAL";case"ON_OR_AFTER":return"GREATER_THAN_OR_EQUAL";default:return e}}(c.operator.type);switch(s){case q6.EQUALS:case q6.NOT_EQUALS:case q6.GREATER_THAN:case q6.GREATER_THAN_OR_EQUAL:case q6.LESS_THAN:case q6.LESS_THAN_OR_EQUAL:return D6(c,s,o);case q6.IS_NULL:return F6(c,U6.operations.EQUALS,{TYPE:"NULL"});case q6.NOT_NULL:return F6(c,U6.operations.NOT_EQUALS,{TYPE:"NULL"});case q6.IS_NULL_OR_BLANK:case q6.NOT_NULL_OR_BLANK:case q6.CONTAINS:case q6.CONTAINS_WORDS_STARTING_WITH:case q6.CONTAINS_WORDS_STARTING_SPLIT_DELIMITER:case q6.IS_CURRENT:case q6.IS_PREVIOUS:return function(e,t){switch(t){case q6.IS_NULL_OR_BLANK:return H6(e,U6.methodCall.IS_NULL_OR_BLANK,[]);case q6.NOT_NULL_OR_BLANK:return H6(e,U6.methodCall.NOT_NULL_OR_BLANK,[]);case q6.CONTAINS:if(!("value"in e))throw new Error("Invalid shape for operator CONTAINS");return H6(e,U6.methodCall.CONTAINS_IGNORE_CASE,[{TYPE:"STRING",VALUE:e.value}]);case q6.CONTAINS_WORDS_STARTING_WITH:if(!("value"in e))throw new Error("Invalid shape for operator CONTAINS_WORDS_STARTING_WITH");return H6(e,U6.methodCall.CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE,[{TYPE:"STRING",VALUE:e.value}]);case q6.CONTAINS_WORDS_STARTING_SPLIT_DELIMITER:if(!("value"in e)||!Array.isArray(e.value)||2!==e.value.length)throw new Error("Invalid shape for CONTAINS_WORDS_STARTING_SPLIT_DELIMITER");return H6(e,U6.methodCall.CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE,e.value.map(e=>({TYPE:"STRING",VALUE:e})));case q6.IS_CURRENT:case q6.IS_PREVIOUS:if(!("value"in e))throw new Error("Invalid shape for operator IS_CURRENT | IS_PREVIOUS");return H6(e,U6.methodCall.DATE_TIME_IS_IN_RANGE,[{TYPE:"STRING",VALUE:e.value},{TYPE:"STRING",VALUE:t===q6.IS_CURRENT?"CURRENT":"PREVIOUS"}]);default:throw new Error("Unreachable default case")}}(c,s);default:throw new Error(`Unmatched case for operator name: ${s}`)}}function Q6(e,t){if("FIELD"!==t.LEFT.TYPE)throw new Error("BinaryExpression LHS must be TYPE === FIELD");if(!["STRING","NUMBER","BOOLEAN","NULL"].includes(t.RIGHT.TYPE))throw new Error("BinaryExpression RHS must be TYPE === NUMBER | STRING | BOOLEAN | NULL");return V6(function(e,t){const i=(()=>{if("NULL"===t.RIGHT.TYPE){const e="EQUALS"===t.OPERATION?q6[q6.IS_NULL]:q6[q6.NOT_NULL];return K6.find(t=>t.type===e)}const i=function(e,t){if("date"!==t.field.type&&"date-time"!==t.field.type)return e;switch(e){case"LESS_THAN":return"IS_BEFORE";case"GREATER_THAN":return"IS_AFTER";case"LESS_THAN_OR_EQUAL":return"ON_OR_BEFORE";case"GREATER_THAN_OR_EQUAL":return"ON_OR_AFTER";default:return e}}(t.OPERATION,e);return K6.find(e=>e.type===i)})();return Object.assign(Object.assign({},e),{operator:i})}({field:e.find(e=>e.fieldId===t.LEFT.NAME)},t),t.RIGHT)}function X6(e,t){return{combinator:j6.find(e=>e.type===t.OPERATION),children:t.EXPRESSIONS.map(t=>{if(!("TYPE"in t))throw new Error("RuleExpression format not yet supported - no TYPE");if("PREDICATE_EXPRESSION"===t.TYPE)return X6(e,t);if("BINARY_EXPRESSION"===t.TYPE)return Q6(e,t);if("METHOD_EXPRESSION"===t.TYPE)return function(e,t){const[i,c]=(()=>{switch(!0){case"IS_NULL_OR_BLANK"===t.METHOD:return[q6[q6.IS_NULL_OR_BLANK],void 0];case"NOT_NULL_OR_BLANK"===t.METHOD:return[q6[q6.NOT_NULL_OR_BLANK],void 0];case"CONTAINS_IGNORE_CASE"===t.METHOD:return[q6[q6.CONTAINS],t.PARAMETERS[1].VALUE];case"CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE"===t.METHOD&&2===t.PARAMETERS.length:return[q6[q6.CONTAINS_WORDS_STARTING_WITH],t.PARAMETERS[1].VALUE];case"CONTAINS_WORDS_STARTING_WITH_IGNORE_CASE"===t.METHOD&&3===t.PARAMETERS.length:return[q6[q6.CONTAINS_WORDS_STARTING_SPLIT_DELIMITER],t.PARAMETERS.slice(1).map(e=>e.VALUE)];case t.METHOD===U6.methodCall.DATE_TIME_IS_IN_RANGE&&3===t.PARAMETERS.length&&"STRING"===t.PARAMETERS[2].TYPE&&("CURRENT"===t.PARAMETERS[2].VALUE||"PREVIOUS"===t.PARAMETERS[2].VALUE):return[q6["CURRENT"===t.PARAMETERS[2].VALUE?q6.IS_CURRENT:q6.IS_PREVIOUS],t.PARAMETERS[1].VALUE];default:throw new Error("Unhandled fromMethodExpression case")}})();return{field:e.find(e=>e.fieldId===t.PARAMETERS[0].NAME),operator:K6.find(e=>e.type===i),value:c}}(e,t);throw new Error("RuleExpression format not yet supported - unsupported TYPE")})}}let J6=class extends S6{ruleConfigChanged(e,t){this.config=Object.assign({combinators:j6,operators:K6,fields:t.fields,maxNesting:t.maxNesting,partialRuleValidationWarning:t.partialRuleValidationWarning},(null==t?void 0:t.model)?{model:X6(t.fields,t.model)}:{})}configChanged(e,t){if(null!==t){if(!t.operators||!t.combinators)throw new Error("Unable to detect operators or combinators. Did you set the config on the rule builder via the config property? Use the ruleConfig property instead");super.configChanged(e,t)}}dispatchChangeEvent(e){const t=P6(e,Z6);this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,cancelable:!0,composed:!0}))}};Ou([b],J6.prototype,"ruleConfig",void 0),J6=Ou([Ce({name:"foundation-rule-expression-builder",styles:Z0,template:i6})],J6);const e8={TRIM:"TRIM",PLUS:"PLUS",MINUS:"MINUS",MULTIPLY:"MULTIPLY",DIVIDE:"DIVIDE",CONVERT_TO_DATE:"CONVERT_TO_DATE",CONVERT_TO_DATE_TIME:"CONVERT_TO_DATE_TIME"},t8=[{type:e8.PLUS,label:"Add (+)",applyTo:[...N6],nbInputs:1,tooltip:"Returns the result of the field value mathematically added to the specified rule value. FIELD + VALUE"},{type:e8.MINUS,label:"Subtract (-)",applyTo:[...N6],nbInputs:1,tooltip:"Returns the result of the field value mathematically subtracted by the specified rule value. FIELD - VALUE"},{type:e8.MULTIPLY,label:"Multiply (*)",applyTo:[...N6],nbInputs:1,tooltip:"Returns the result of the field value mathematically multiplied by the specified rule value. FIELD * VALUE"},{type:e8.DIVIDE,label:"Divide (/)",applyTo:[...N6],nbInputs:1,tooltip:"Returns the result of the field value mathematically divided by the specified rule value. FIELD / VALUE"},{type:e8.CONVERT_TO_DATE,label:"Convert to date",applyTo:["date"],nbInputs:0,tooltip:"Returns the date, which is stored as the epoch time, as a formatted date YYYY/dd/mm"},{type:e8.CONVERT_TO_DATE_TIME,label:"Convert to date time",applyTo:["date-time"],nbInputs:0,tooltip:"Returns the date-time, which is stored as the epoch time, as a formatted date YYYY/dd/mm HH:mm:ss"}];function i8(e){var t,i;if(!(null===(t=e.operator)||void 0===t?void 0:t.type)||!(null===(i=e.field)||void 0===i?void 0:i.fieldId))return null;const c=_6(e),o=I6(c),s=c.operator.type;switch(s){case e8.TRIM:case e8.CONVERT_TO_DATE:case e8.CONVERT_TO_DATE_TIME:return function(e,t){switch(t){case e8.TRIM:return H6(e,U6.methodCall.TRIM,[]);case e8.CONVERT_TO_DATE:return H6(e,U6.methodCall.LONG_TO_DATE,[]);case e8.CONVERT_TO_DATE_TIME:return H6(e,U6.methodCall.LONG_TO_DATE_TIME,[])}}(c,s);case e8.PLUS:case e8.MINUS:case e8.DIVIDE:case e8.MULTIPLY:return D6(c,s,o);default:throw new Error(`Unmatched case for operator name: ${s}`)}}function c8(e,t){if("FIELD"!==t.LEFT.TYPE)throw new Error("BinaryExpression LHS must be TYPE === FIELD");if(!["STRING","NUMBER","BOOLEAN","NULL"].includes(t.RIGHT.TYPE))throw new Error("BinaryExpression RHS must be TYPE === NUMBER | STRING | BOOLEAN | NULL");return V6(function(e,t){const i=(()=>{const i=function(e,t){return"date"===t.field.type||t.field.type,e}(t.OPERATION,e);return t8.find(e=>e.type===i)})();return Object.assign(Object.assign({},e),{operator:i})}({field:e.find(e=>e.fieldId===t.LEFT.NAME)},t),t.RIGHT)}function o8(e,t){return{combinator:N0,children:t.EXPRESSIONS.map(t=>{if(!("TYPE"in t))throw new Error("RuleExpression format not yet supported - no TYPE");if("PREDICATE_EXPRESSION"===t.TYPE)return o8(e,t);if("BINARY_EXPRESSION"===t.TYPE)return c8(e,t);if("METHOD_EXPRESSION"===t.TYPE)return function(e,t){const[i,c]=(()=>{switch(!0){case"TRIM"===t.METHOD:return[e8[e8.TRIM],void 0];case"LONG_TO_DATE"===t.METHOD:return[e8[e8.CONVERT_TO_DATE],void 0];case"LONG_TO_DATE_TIME"===t.METHOD:return[e8[e8.CONVERT_TO_DATE_TIME],void 0];default:throw new Error("Unhandled fromMethodExpression case")}})();return{field:e.find(e=>e.fieldId===t.PARAMETERS[0].NAME),operator:t8.find(e=>e.type===i),value:c}}(e,t);throw new Error("RuleExpression format not yet supported - unsupported TYPE")})}}let s8=class extends S6{valueConfigChanged(e,t){const i={TYPE:"PREDICATE_EXPRESSION",OPERATION:"NULL",EXPRESSIONS:t.model?[t.model]:[]},c=o8(t.fields,i);this.config={combinators:[N0],operators:t8,fields:t.fields,model:c,maxNesting:t.maxNesting,partialRuleValidationWarning:t.partialRuleValidationWarning}}configChanged(e,t){if(null!==t){if(!t.operators||!t.combinators)throw new Error("Unable to detect operators or combinators. Did you set the config on the rule builder via the config property? Use the valueConfig property instead");super.configChanged(e,t)}}dispatchChangeEvent(e){if(!("children"in e))throw new Error("Invalid top level group hierarchy");if(e.children.length>1)throw new Error("Value expressions should not have multiple rules");if(e.children[0]&&"children"in e.children[0])throw new Error("Trying to convert group to rule");const t=0===e.children.length?void 0:i8(e.children[0]);this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,cancelable:!0,composed:!0}))}};Ou([b],s8.prototype,"valueConfig",void 0),s8=Ou([Ce({name:"foundation-value-expression-builder",styles:Z0,template:i6})],s8);const a8=K`<template ${Fe("notificationListener")}><slot></slot></template>`;class n8 extends Wt{constructor(){super(...arguments),this.closeTimeout=0,this.toastButtons=[]}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return Ru(this,void 0,void 0,function*(){e.connectedCallback.call(this),this.addEventListener(ML.NOTIFICATION_EVENT,e=>{e.stopImmediatePropagation(),RL(e.detail,this.tagName,this.notificationListener)}),this.connectionSub=this.connect.isConnected$.subscribe(e=>Ru(this,void 0,void 0,function*(){e&&(yield this.handleReconnection())}))})}handleReconnection(){return Ru(this,void 0,void 0,function*(){var e;this.resourceName&&(null===(e=this.dataSub)||void 0===e||e.unsubscribe(),this.dataSub=void 0,yield this.initializeDatasource(),this.setupDataSubscription())})}initializeDatasource(){return Ru(this,void 0,void 0,function*(){var e;(null===(e=this.datasource)||void 0===e?void 0:e.initialized)&&this.datasource.destroy();if(!(yield this.datasource.init({resourceName:this.resourceName},!0)))throw new Error(`Failed to initialize datasource for ${this.resourceName}`)})}setupDataSubscription(){this.datasource.stream?this.dataSub=this.datasource.stream.subscribe(e=>{e.ROW&&e.SEQUENCE_ID>1&&this.handleStreamUpdate(Hz(e))}):xC.warn(`No stream available for ${this.resourceName}`)}disconnectedCallback(){var e,t,i;super.disconnectedCallback(),null===(e=this.dataSub)||void 0===e||e.unsubscribe(),delete this.dataSub,null===(t=this.connectionSub)||void 0===t||t.unsubscribe(),delete this.connectionSub,null===(i=this.datasource)||void 0===i||i.destroy(),delete this.datasource}handleStreamUpdate(e){const t=e.inserts;t.length>0&&t.forEach(e=>{this.showNotificationToast(e)})}showNotificationToast(e){const{HEADER:t,MESSAGE:i,NOTIFY_SEVERITY:c}=e,o=e.CREATED_AT?new Date(e.CREATED_AT):void 0,s=e.EXPIRY?e.EXPIRY-e.CREATED_AT:void 0;let a=[];this.toastButtons&&this.toastButtons.length>0&&(a=this.toastButtons.filter(({condition:t})=>!t||t({details:e})));const n={title:t,body:i,createdAt:o,toast:{details:e,type:null==c?void 0:c.toLowerCase(),buttons:a,autoClose:void 0!==s?!!s:!!this.closeTimeout,closeTimeout:null!=s?s:this.closeTimeout,position:this.toastPosition}};$L(n,this.tagName)}}Ou([b],n8.prototype,"notificationListener",void 0),Ou([mz],n8.prototype,"connect",void 0),Ou([de({attribute:"resource-name"})],n8.prototype,"resourceName",void 0),Ou([de({attribute:"close-timeout",converter:re})],n8.prototype,"closeTimeout",void 0),Ou([b],n8.prototype,"toastButtons",void 0),Ou([de({attribute:"toast-position"})],n8.prototype,"toastPosition",void 0),Ou([Kz],n8.prototype,"datasource",void 0),n8.compose({baseName:"notification-listener",template:a8,shadowOptions:{mode:"open",delegatesFocus:!0}});const r8=af("foundation-router"),l8="$router",d8=Object.freeze({getOrCreateFor:e=>{const t=e[l8];return void 0!==t?t:e[l8]=new h8(e)},find:e=>zy.find(e),from:e=>zy.from(e)});class h8 extends Cy{}const u8=/^([a-z][a-z0-9+\-.]*:)?\/\//i;function f8(e){return u8.test(e)}function p8(e){return e.config instanceof By?e:d8.find(e)}function m8(){null===document.querySelector("foundation-router, fast-router")&&window.dispatchEvent(new PopStateEvent("popstate"))}const g8=Object.freeze({path:Object.freeze({get current(){return jb.path.current},generateRoute:(e,t,...i)=>Ru(void 0,[e,t,...i],void 0,function*(e,t,i={}){let c=p8(e);for(;null!==c;){const e=yield c.config.generateRouteFromPath(t,i);if(null!==e)return e;c=c.parent}return null}),push:(e,t=!0)=>{e&&f8(e)?location.href=e:(history.pushState({},document.title,e),m8(),t&&g8.path.trigger(e))},replace:(e,t=!0)=>{e&&f8(e)?location.href=e:(history.replaceState({},document.title,e),m8(),t&&g8.path.trigger(e))},trigger:e=>{jb.path.trigger(e)}}),name:Object.freeze({generateRoute:(e,t,...i)=>Ru(void 0,[e,t,...i],void 0,function*(e,t,i={}){let c=p8(e);for(;null!==c;){const e=yield c.config.generateRouteFromName(t,i);if(null!==e)return e;c=c.parent}return null}),push:(e,t,...i)=>Ru(void 0,[e,t,...i],void 0,function*(e,t,i={},c=!0){const o=yield g8.name.generateRoute(e,t,i);null!==o&&g8.path.push(o,c)}),replace:(e,t,...i)=>Ru(void 0,[e,t,...i],void 0,function*(e,t,i={},c=!0){const o=yield g8.name.generateRoute(e,t,i);null!==o&&g8.path.replace(o,c)}),trigger:(e,t,...i)=>Ru(void 0,[e,t,...i],void 0,function*(e,t,i={}){const c=yield g8.name.generateRoute(e,t,i);null!==c&&g8.path.trigger(c)})})}),v8=e=>!e.navId||"header"===e.navId||"side-nav"===e.navId;class b8 extends gy{constructor(){super(...arguments),this.definitions=[]}map(...e){const t=this.owner,i=!t.parent,c=t.basename;i&&(""!==c&&"/"!==c)&&(r8.debug("Route paths remap required due to detected sub-path deployment"),e=e.map(e=>{if(!e.path)return e;if(e.path.startsWith(c))return r8.debug(`'${e.path}' path okay as is`),e;const t="/"!==e.path.charAt(0)?"/":"",i=`${c}${t}${e.path}`;return r8.debug(`'${e.path}' path modified to '${i}'`),Object.assign(Object.assign({},e),{path:i})})),this.definitions=[...e,...this.definitions],super.map(...e)}}Ou([b],b8.prototype,"definitions",void 0);class y8 extends By{constructor(){super(),this.logger=r8,this.loginPath="login",this.notFoundPath="not-found",this.notPermittedPath="not-permitted",this.routes=new b8(this),this.basename=_f,this.routes=new b8(this)}getNavItems(e=v8){return function(e,t=v8,i=10){const c=[];return e.filter(e=>e.navItems&&e.navItems.some(t)).forEach((e,o)=>{e.navItems.filter(t).map((t,c)=>{var s,a,n,r;const l=null!==(s=t.placementIndex)&&void 0!==s?s:o*i+c;return Object.assign(Object.assign({},t),{navId:null!==(a=t.navId)&&void 0!==a?a:"header",placementIndex:l,routePath:null!==(n=t.routePath)&&void 0!==n?n:e.path,routeName:null!==(r=t.routeName)&&void 0!==r?r:e.name})}).forEach(e=>c.push(e))}),c.sort((e,t)=>e.placementIndex-t.placementIndex)}(this.routes.definitions,e)}configureAnalytics(){this.contributors.push({navigate:e=>Ru(this,void 0,void 0,function*(){this.analytics.trackEvent(lf.routeChanged,{path:e.route.endpoint.path})})})}configureRoutePermittedChecks(){this.contributors.push({navigate:e=>Ru(this,void 0,void 0,function*(){var t;const{settings:i}=e.route;!1===(null===(t=null==i?void 0:i.isPermitted)||void 0===t?void 0:t.call(i))&&e.cancel(()=>{var t,c;if(this.user.isAuthenticated){const o=null!==(c=null===(t=i.notPermittedPath)||void 0===t?void 0:t.call(i))&&void 0!==c?c:this.notPermittedPath;this.logger.debug(`User not permitted to access route. Re-routing to ${o}.`),g8.name.replace(e.router,o)}else this.user.trackPath(),g8.name.replace(e.router,this.loginPath)})})})}configureFallbackRouteDefinition(){this.routes.fallback(()=>{let e={redirect:this.notFoundPath};return this.user.isAuthenticated||(this.user.trackPath(),this._session.captureReturnUrl(),e={redirect:this.loginPath}),this.logger.debug(`Route unresolved. Re-routing to ${e.redirect}.`),e})}navigationPhaseLoginRedirect(e){e.cancel(()=>{this.user.trackPath(),this._session.captureReturnUrl(),g8.name.replace(e.router,this.loginPath)})}generateRouteFromName(e,t){const i=Object.create(null,{generateRouteFromName:{get:()=>super.generateRouteFromName}});return Ru(this,void 0,void 0,function*(){const c=yield i.generateRouteFromName.call(this,e,t);return c?this.generateNavigationPath(c):null})}navigateTo(e){return Ru(this,void 0,void 0,function*(){if(e.name)return this.relativeTo||this.logger.error("unable to navigate by name as the relativeTo router is not set"),void(yield g8.name.push(this.relativeTo,e.name,e.params,e.trigger));e.path&&g8.path.push(this.generateNavigationPath(e.path,e.params),e.trigger)})}generateNavigationPath(e,t){const i=this.getNavigationPathBasename(),c=Qb.build(t);let o=i&&!e.startsWith(i)?function(e,t="/",i=!1){const c=e.join(t).replace(new RegExp(t+"{1,}","g"),t);return!i&&c.endsWith(t)?c.slice(0,-1):c}([i,e]):e;return o=c?`${o}?${c}`:o,o}getNavigationPathBasename(){var e,t;const i=this.parent,c=null===(t=null===(e=null==i?void 0:i.relativeTo)||void 0===e?void 0:e.route)||void 0===t?void 0:t.endpoint.route.path;return c?c.replace(`/*${uy}`,""):this.basename?this.basename:""}construct(e){return this.container.get(e)}}Ou([gt],y8.prototype,"container",void 0),Ou([hf],y8.prototype,"analytics",void 0),Ou([tb],y8.prototype,"user",void 0),Ou([xb],y8.prototype,"_session",void 0);const z8="navigate-to",C8="generate-navigation-path";let L8=class extends(d8.from(ze)){constructor(){super(...arguments),this.logger=r8,this.onNavigateTo=e=>{e.stopImmediatePropagation(),this.config.navigateTo(e.detail)},this.onGenerateNavigationPath=e=>{e.stopImmediatePropagation();const{path:t,params:i,callback:c}=e.detail;if(!c)return;c(this.config.generateNavigationPath(t,i))}}get router(){return this[l8]}connectedCallback(){var e,t;super.connectedCallback(),this.config.isConfigured||(null!==(e=(t=this.config).relativeTo)&&void 0!==e||(t.relativeTo=this.router),p.queueUpdate(()=>Ru(this,void 0,void 0,function*(){this.router.config?this.router.connect():this.router.config=this.config})),this.addEventListeners())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}addEventListeners(){this.addEventListener(z8,this.onNavigateTo),this.addEventListener(C8,this.onGenerateNavigationPath)}removeEventListeners(){this.removeEventListener(z8,this.onNavigateTo),this.removeEventListener(C8,this.onGenerateNavigationPath)}};L8=Ou([Ce({name:"foundation-router"})],L8);const x8=e=>K`<${e}-card class=${e=>ti("stepper-tab",["stepper-tab-hidden",e.hideTabs])}part="stepper-tab" @tab-clicked="${(e,t)=>e.handleStepClick(t.event.detail)}" role="stepper-tab" data-test-id="stepper-tab"><div class=${e=>ti("stepper-tab-menu",["stepper-tab-menu-hidden",e.hideTabs])}part="stepper-tab-menu"><slot name="tab" ${Qe("tabs")}></slot></div>${Ve(e=>e.orientation===pa,K`<div class="stepper-tab-progress" part="stepper-tab-progress"><${e}-progress-ring class="progress-ring" part="progress-ring" value=${e=>e.progressValue}></${e}-progress-ring><label>You have completed ${e=>e.progressValue}% of the fields required to create a project</label></div>`)}</${e}-card>${Ve(e=>!e.indicatorOnly,K`<${e}-card class="stepper-tab-panel" part="stepper-tab-panel" data-test-id="stepper-tab-panel"><div class="stepper-panel-container" part="stepper-panel-container"><slot name="tab-panel" ${Qe("tabpanels")}></slot></div>${Ve(e=>!e.hideAllButtons,K`<div class="action-buttons-container" part="action-buttons-container"><slot name="action-buttons"><${e}-button @click=${e=>e.previousStep()}?disabled=${e=>e.disabledPreviousStep}>Back</${e}-button>${Ve(e=>e.isLastStep&&!e.hideSubmitButton,K`<${e}-button @click=${e=>e._submit()}?disabled=${e=>e.islastStepValid}data-test-id="submit-button">
|
|
108
|
-
Submit </${e}-button>`)} ${Ve(e=>!e.isLastStep,K`<${e}-button @click=${e=>e.nextStep()}data-test-id="next-button">Next</${e}-button>`)}</slot></div>`)}</${e}-card>`)} `,M8=K` ${e=>x8(kC(e))} `,w8=Me` :host{display: flex;height: 100%;width: 100%}:host([orientation='horizontal']){flex-direction: column}.stepper-tab{display: flex;flex-direction: column;width: 100%;height: 100%;max-width: 280px;border-radius: 0}.action-buttons-container{width: 100%;display: flex;justify-content: flex-end}.stepper-panel-container{height: 100%;overflow: hidden;padding: 15px}.stepper-tab-menu{display: flex;flex-direction: column;width: 100%;margin-bottom: 30px}.stepper-tab-menu-hidden{display: none}.stepper-tab-progress{display: flex;flex-direction: column;align-items: center;justify-content: start;flex: 1}.stepper-tab-progress .progress-ring{--design-unit: 10;margin: 0}.stepper-tab-panel{display: flex;flex-direction: column;justify-content: space-between;width: 100%;min-width: 370px;border-radius: 0}label{padding: 0 10px;color: rgb(135 155 166);display: block;cursor: pointer;text-align: center;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}:host([orientation='horizontal']) .stepper-tab-menu{height: 100%;width: 100%;display: flex;flex-direction: row;margin-bottom: 0;align-items: center;justify-content: center;gap: calc(var(--design-unit) * 4px);padding: 0 calc(var(--design-unit) * 4px)}:host([orientation='horizontal']) .stepper-tab-hidden{display: none}:host([orientation='horizontal']) .stepper-tab{max-width: 100%;max-height: 70px;height: 70px}`;class S8 extends Wt{constructor(){super(...arguments),this.allowBackwardJumps=!1,this.allowForwardJumps=!1,this.hideAllButtons=!1,this.hideTabs=!1,this.indicatorOnly=!1,this.orientation=pa,this.tabs=[],this.tabpanels=[],this.progressValue=0,this.activeTabIndex=0,this.pendingNextStep=!1,this.slotsInitialized=!1,this.setTabs=()=>{this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if("tab"===e.slot){const i=this.activeTabIndex===t,c=t+1===this.tabIds.length,o=this.tabIds[t],s=this.tabpanelIds[t];e.setAttribute("id",o),e.setAttribute("aria-selected",i?"true":"false"),e.setAttribute("aria-disabled",i?"false":"true"),e.setAttribute("selected",i?"true":"false"),e.setAttribute("orientation",this.orientation),s&&e.setAttribute("aria-controls",s),e.setAttribute("tab-position",String(t+1)),e.setAttribute("isLast",String(c)),e.setAttribute("hideStepNumber",String(!0===this.hideStepNumber)),e.setAttribute("tabindex",i?"0":"-1"),e.setAttribute("showCursorPointer",String(t<=this.activeTabIndex&&this.allowBackwardJumps||t>this.activeTabIndex&&this.allowForwardJumps)),i&&(this.activetab=e,this.activeid=o)}}),0===this.activeTabIndex&&this.resetCompletedState()},this.getCompletedTabs=()=>{let e=0;this.tabs.forEach(t=>{t.isCompleted()&&(e+=1)});const t=this.indicatorOnly?this.tabs.length:this.tabpanels.length;this.progressValue=t?Math.round(e/t*100):0},this.setTabPanels=()=>{this.tabpanels.forEach((e,t)=>{const i=this.tabIds[t],c=this.tabpanelIds[t];e.setAttribute("id",c),e.setAttribute("aria-labelledby",i),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})}}orientationChanged(){this.$fastController.isConnected&&(this.setTabs(),this.setTabPanels())}activeidChanged(e,t){this.$fastController.isConnected&&(this.indicatorOnly||this.tabs.length<=this.tabpanels.length)&&(this.setTabs(),this.setTabPanels(),this.getCompletedTabs())}tabsChanged(){this.$fastController.isConnected&&(this.indicatorOnly||this.tabs.length<=this.tabpanels.length)&&(this.setTabsAndTabPanels(),this.checkAndExecutePendingNextStep())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.setTabsAndTabPanels(),this.checkAndExecutePendingNextStep())}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}setTabsAndTabPanels(){this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs(),this.setTabPanels(),this.getCompletedTabs(),this.slotsInitialized=this.tabs.length>0&&(this.indicatorOnly||this.tabpanels.length>0)}checkAndExecutePendingNextStep(){this.pendingNextStep&&this.slotsInitialized&&(this.pendingNextStep=!1,this.nextStep())}getActiveIndex(){return void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}goToStep(e,t=!1){const i=e-1;if(e<1||e>this.tabs.length)return xC.warn(`[Stepper] Invalid step number: ${e}. Must be between 1 and ${this.tabs.length}`),!1;if(i===this.activeTabIndex)return!1;if(t){if(i<this.activeTabIndex)return this.handleBackwardJump(i);if(i>this.activeTabIndex)return this.handleForwardJump(i)}if(i<this.activeTabIndex&&this.allowBackwardJumps){return this.handleBackwardJump(i)}if(i>this.activeTabIndex&&this.allowForwardJumps){return this.handleForwardJump(i)}return i===this.activeTabIndex+1?(this.nextStep(),!0):(xC.warn(`[Stepper] Cannot jump to step ${e}. Jumps are not allowed or step is not adjacent.`),!1)}goToFirstStep(){return this.goToStep(1,!0)}goToLastStep(){return this.goToStep(this.tabs.length,!0)}handleStepClick(e){e<this.activeTabIndex&&this.allowBackwardJumps?this.handleBackwardJump(e):e>this.activeTabIndex&&this.allowForwardJumps&&this.handleForwardJump(e)}handleBackwardJump(e){for(let t=e+1;t<=this.activeTabIndex;t+=1)this.tabs[t].completed=!1;return this.activeTabIndex=e,this.activetab=this.tabs[e],this.activeid=this.tabIds[e],this.$emit("step-click",{activetab:this.activetab,activeid:this.activeid}),!0}handleForwardJump(e){for(let t=this.activeTabIndex;t<e;t+=1)if(this.validation&&this.validation[t]){if(!this.validation[t].isValid())return this.tabs[t].completed=!1,this.tabs[t].error=!0,this.getCompletedTabs(),this.$emit("validation-failure",{stepIndex:t,stepId:this.tabIds[t],message:`Validation failed for step ${t+1}`}),!1;this.tabs[t].error=!1}for(let t=this.activeTabIndex;t<e;t+=1)this.tabs[t].completed=!0,this.tabs[t].error=!1;return this.tabs[e].completed=!1,this.tabs[e].error=!1,this.activeTabIndex=e,this.activetab=this.tabs[e],this.activeid=this.tabIds[e],this.getCompletedTabs(),this.$emit("step-click",{activetab:this.activetab,activeid:this.activeid}),!0}get disabledPreviousStep(){return 0===this.activeTabIndex}get isLastStep(){return this.activeTabIndex+1===this.tabs.length}get islastStepValid(){var e;const t=this.tabs.length-1;return this.activeTabIndex===t&&(this.validation&&(null===(e=this.validation[t])||void 0===e?void 0:e.isValid())||!this.validation||!this.validation[t])?(this.tabs[t].completed=!0,this.getCompletedTabs(),!1):(this.tabs[t].completed=!1,this.getCompletedTabs(),!0)}_submit(){this.$emit("submit")}nextStep(){var e;if(!this.slotsInitialized)return void(this.pendingNextStep=!0);if(this.validation&&this.validation[this.activeTabIndex]){if(!this.validation[this.activeTabIndex].isValid())return this.tabs[this.activeTabIndex].completed=!1,this.tabs[this.activeTabIndex].error=!0,void this.getCompletedTabs();this.tabs[this.activeTabIndex].error=!1}this.activeTabIndex+2<=this.tabIds.length&&(this.tabs[this.activeTabIndex].completed=!0,this.activeTabIndex=this.activeTabIndex+1,this.activeid=this.tabIds[this.activeTabIndex],this.$emit("next-step"),this.$emit("validation-success"));const t=this.tabs.length-1,i=this.activeTabIndex===t;this.hideSubmitButton&&i&&(this.validation&&(null===(e=this.validation[t])||void 0===e?void 0:e.isValid())||!this.validation||!this.validation[t])?(this.tabs[t].completed=!0,this.getCompletedTabs()):(this.tabs[t].completed=!1,this.getCompletedTabs())}previousStep(){0!==this.activeTabIndex&&(this.tabs[this.activeTabIndex].completed=!1,this.activeTabIndex=this.activeTabIndex-1,this.activeid=this.tabIds[this.activeTabIndex])}getTabIds(){return this.tabs.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`tab-${Si()}`})}getTabPanelIds(){return this.tabpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`panel-${Si()}`})}resetCompletedState(){this.tabs.forEach(e=>e.completed=!1)}}Ou([de({attribute:"hide-submit-button",mode:"boolean"})],S8.prototype,"hideSubmitButton",void 0),Ou([de({attribute:"hide-step-number",mode:"boolean"})],S8.prototype,"hideStepNumber",void 0),Ou([de({attribute:"allow-backward-jumps",mode:"boolean"})],S8.prototype,"allowBackwardJumps",void 0),Ou([de({attribute:"allow-forward-jumps",mode:"boolean"})],S8.prototype,"allowForwardJumps",void 0),Ou([de({attribute:"hide-all-buttons",mode:"boolean"})],S8.prototype,"hideAllButtons",void 0),Ou([de({attribute:"hide-tabs",mode:"boolean"})],S8.prototype,"hideTabs",void 0),Ou([de({attribute:"indicator-only",mode:"boolean"})],S8.prototype,"indicatorOnly",void 0),Ou([de],S8.prototype,"orientation",void 0),Ou([de],S8.prototype,"activeid",void 0),Ou([b],S8.prototype,"tabs",void 0),Ou([b],S8.prototype,"tabpanels",void 0),Ou([b],S8.prototype,"validation",void 0),Ou([b],S8.prototype,"progressValue",void 0),Ou([b],S8.prototype,"activeTabIndex",void 0),Ou([y],S8.prototype,"disabledPreviousStep",null),Ou([y],S8.prototype,"isLastStep",null),Ou([y],S8.prototype,"islastStepValid",null);const k8=void 0,E8={};S8.compose(Object.assign({baseName:"stepper",template:M8,styles:w8,shadowOptions:k8},E8));(class extends Mu{}).compose(Object.assign({baseName:"accordion-item",template:(e,t)=>Lu(0,t),styles:(e,t)=>Me` ${xu()} :host{--icon-container-calculator: calc( (6 + (var(--design-unit) * 6)) * 1px );/* height of section - (padding top +padding-bottom) */ --icon-margin-calculation: calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px)}.region{padding: 0 calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px);color: var(--accent-foreground-rest)}:host([expanded]) .region{color: var(--accent-foreground-rest)}slot[name='expanded-icon']{display: none;stroke: none}slot[name='collapsed-icon'] path.plus-sign, slot[name='expanded-icon'] path.minus-sign{stroke: white}slot[name='expanded-icon'], slot[name='collapsed-icon']{background: var(--neutral-fill-rest);fill: none;stroke: none;height: calc(((var(--design-unit) * 4)) * 1px);width: calc(((var(--design-unit) * 4)) * 1px)}svg:not(:root){height: calc(((var(--design-unit) * 4)) * 1px);width: calc(((var(--design-unit) * 4)) * 1px)}.icon{height: var( --icon-container-calculator );/* UX 30px* for now it's 30 on default design unit - 4/ */ width: var(--icon-container-calculator);/* UX 30px */ margin: var(--icon-margin-calculation) var(--icon-margin-calculation) var(--icon-margin-calculation) 0}.button{padding: 0 calc((8 + (var(--design-unit) * 2 * var(--density))) * 1px) 0 calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px)}.heading{grid-template-columns: auto 1fr auto;align-items: center}`,shadowOptions:wu},Su));(class extends yu{}).compose(Object.assign({baseName:"accordion",template:(e,t)=>en(),styles:(e,t)=>Me` ${bu()} :host{border-top: none;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest)}.heading{height: calc(var(--base-height-multiplier) * 4px)}`,shadowOptions:zu},Cu));(class extends UC{}).compose({baseName:"actions-menu",styles:(e,t)=>Me` :host{--actions-opener-height-multiplier: 0.6px;--menu-item-height-multiplier: 0.5px}${ku()} rapid-menu-item{display: flex;user-select: none}rapid-menu-item::part(content){margin-inline: calc(var(--design-unit) * 3px)}rapid-menu-item[disabled]{pointer-events: none}.actions-vertical .actions-menu{padding: 0}.actions-vertical .menu-item{margin: 0;padding: calc(var(--design-unit) * 4px);border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover)}.actions-vertical .menu-item:last-child{border-bottom: none}.actions-vertical .menu-item:focus{border: calc(var(--stroke-width) * 1px) solid var(--accent-foreground-focus)}`,template:BC});const $8=Me` ${ZC}`;(class extends DL{}).compose(Object.assign({baseName:"ai-criteria-search",template:(e,t)=>QC,styles:$8,shadowOptions:FL},HL));function N8(e,t){return new Za("appearance",e,t)}(class extends VL{}).compose({baseName:"ai-indicator",template:PL,styles:(e,t)=>Me` ${_L()} :host{--green: var(--success-color);--trafic-light-green: var(--success-color);--red: var(--error-color);--trafic-light-red: var(--error-color);--amber: var(--warning-color);--trafic-light-amber: var(--warning-color)}`});const A8=Me` :host([appearance='primary']){background: var(--accent-fill-rest);color: var(--foreground-on-accent-rest)}:host([appearance='primary']:hover){background: var(--accent-fill-hover);color: var(--foreground-on-accent-hover)}:host([appearance='primary']:active){background: var(--accent-fill-active);color: var(--foreground-on-accent-active)}:host([appearance='primary'][disabled]), :host([appearance='primary'][disabled]):hover, :host([appearance='primary'][disabled]):active{opacity: 50%}`,O8=Me` :host([appearance='secondary']){background: var(--secondary-fill-rest);color: contrast-color(var(--secondary-fill-rest))}:host([appearance='secondary']:hover){background: var(--secondary-fill-hover);color: contrast-color(var(--secondary-fill-hover))}:host([appearance='secondary']:active){background: var(--secondary-fill-active);color: contrast-color(var(--secondary-fill-active))}:host([appearance='secondary'][disabled]), :host([appearance='secondary'][disabled]):hover, :host([appearance='secondary'][disabled]):active{opacity: 50%}`,T8=Me` :host([appearance='neutral']){background: var(--neutral-button-fill, var(--neutral-fill-rest));border: var(--neutral-button-border, 0);color: var(--neutral-button-foreground, var(--neutral-foreground-rest))}:host([appearance='neutral']:hover){background: color-mix( in srgb, var(--neutral-button-fill, var(--neutral-fill-hover)), transparent 20% )}:host([appearance='neutral']:active){background: color-mix( in srgb, var(--neutral-button-fill, var(--neutral-fill-active)), transparent 30% )}:host([appearance='neutral'][disabled]), :host([appearance='neutral'][disabled]):hover, :host([appearance='neutral'][disabled]):active{opacity: 50%;background: var(--neutral-button-fill, var(--neutral-fill-rest));color: var(--neutral-button-foreground, var(--neutral-foreground-rest));border: var(--neutral-button-border, 0)}`,R8=Me` :host([appearance='danger']){background: var(--error-fill-rest);color: contrast-color(var(--error-fill-rest));border: 0}:host([appearance='danger']:hover){background: var(--error-fill-hover);color: contrast-color(var(--error-fill-hover))}:host([appearance='danger']:active){background: var(--error-fill-active);color: contrast-color(var(--error-fill-active))}:host([appearance='danger'][disabled]), :host([appearance='danger'][disabled]):hover, :host([appearance='danger'][disabled]):active{opacity: 50%}`,I8=Me` :host([appearance='success']){background: var(--success-fill-rest);color: contrast-color(var(--success-fill-rest));border: 0}:host([appearance='success']:hover){background: var(--success-fill-hover);color: contrast-color(var(--success-fill-hover))}:host([appearance='success']:active){background: var(--success-fill-active);color: contrast-color(var(--success-fill-active))}:host([appearance='success'][disabled]), :host([appearance='success'][disabled]):hover, :host([appearance='success'][disabled]):active{opacity: 50%}`,D8=Me` :host([appearance='warning']){background: var(--warning-fill-rest);color: contrast-color(var(--warning-fill-rest));border: 0}:host([appearance='warning']:hover){background: var(--warning-fill-hover);color: contrast-color(var(--warning-fill-hover))}:host([appearance='warning']:active){background: var(--warning-fill-active);color: contrast-color(var(--warning-fill-active))}:host([appearance='warning'][disabled]), :host([appearance='warning'][disabled]):hover, :host([appearance='warning'][disabled]):active{opacity: 50%}`,F8=Me` :host([appearance='tertiary']){background: var(--tertiary-fill-rest);color: contrast-color(var(--tertiary-fill-rest));border: 0}:host([appearance='tertiary']:hover){background: var(--tertiary-fill-hover);color: contrast-color(var(--tertiary-fill-hover))}:host([appearance='tertiary']:active){background: var(--tertiary-fill-active);color: contrast-color(var(--tertiary-fill-active))}:host([appearance='tertiary'][disabled]), :host([appearance='tertiary'][disabled]):hover, :host([appearance='tertiary'][disabled]):active{opacity: 50%}`,H8=Me` :host([appearance='primary-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest)}:host([appearance='primary-outline']:hover){background: var(--accent-fill-hover);color: contrast-color(var(--accent-fill-hover))}:host([appearance='primary-outline']:active){background: var(--accent-fill-active);color: contrast-color(var(--accent-fill-active))}:host([appearance='primary-outline'][disabled]), :host([appearance='primary-outline'][disabled]):hover, :host([appearance='primary-outline'][disabled]):active{opacity: 50%}`,_8=Me` :host([appearance='secondary-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--secondary-fill-rest)}:host([appearance='secondary-outline']:hover){background: var(--secondary-fill-hover);color: contrast-color(var(--secondary-fill-hover))}:host([appearance='secondary-outline']:active){background: var(--secondary-fill-active);color: contrast-color(var(--secondary-fill-active))}:host([appearance='secondary-outline'][disabled]), :host([appearance='secondary-outline'][disabled]):hover, :host([appearance='secondary-outline'][disabled]):active{opacity: 50%}`,P8=Me` :host([appearance='neutral-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host([appearance='neutral-outline']:hover){background: var(--neutral-fill-hover);color: contrast-color(var(--neutral-fill-hover))}:host([appearance='neutral-outline']:active){background: var(--neutral-fill-active);color: contrast-color(var(--neutral-fill-active))}:host([appearance='neutral-outline'][disabled]), :host([appearance='neutral-outline'][disabled]):hover, :host([appearance='neutral-outline'][disabled]):active{opacity: 50%}`,V8=Me` :host([appearance='link']){background: none;border: none;color: var(--accent-foreground-rest)}:host([appearance='link']) .control{padding: 0}:host([appearance='link']:hover){color: var(--accent-foreground-hover)}:host([appearance='link'][disabled]), :host([appearance='link'][disabled]):hover, :host([appearance='link'][disabled]):active{opacity: 50%}`,B8=(e,t)=>Me` ${Lx()} ${Me` :host{font-weight: 500;color: var(--neutral-foreground-rest);box-sizing: border-box;font-size: var(--type-ramp-base-font-size);height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px)}.control{padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px)}.start{margin-inline-end: calc(var(--design-unit) * 2px)}.end{margin-inline-start: calc(var(--design-unit) * 2px)}.control:has(.start){padding-left: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px)}.control:has(.end){padding-right: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px)}:host([appearance='neutral']){background: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest)}:host([appearance='neutral']:hover){background: var(--neutral-fill-rest)}:host([appearance='neutral']:active){background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%));border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest)}:host([appearance='neutral'][disabled]), :host([appearance='neutral'][disabled]):hover, :host([appearance='neutral'][disabled]):active{background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);opacity: 100%}:host([appearance='accent']){color: contrast-color(var(--accent-fill-rest))}`} `.withBehaviors(N8("primary",A8),N8("secondary",O8),N8("tertiary",F8),N8("neutral",T8),N8("danger",R8),N8("success",I8),N8("warning",D8),N8("primary-outline",H8),N8("secondary-outline",_8),N8("neutral-outline",P8),N8("link",V8));(class extends jL{}).compose(Object.assign({baseName:"anchor",template:(e,t)=>BL(0,t),styles:(e,t)=>Me` ${UL()} ${B8()} `.withBehaviors(...B8().behaviors),shadowOptions:qL},GL));(class extends KL{}).compose(Object.assign({baseName:"anchored-region",template:(e,t)=>WL(),styles:(e,t)=>Me` ${YL()}`,shadowOptions:ZL},QL));(class extends tx{}).compose(Object.assign({baseName:"avatar",template:(e,t)=>XL(0,t),styles:(e,t)=>Me` ${ex(e)}`,shadowOptions:ix},cx));(class extends ax{}).compose(Object.assign({baseName:"badge",template:(e,t)=>ox(),styles:(e,t)=>Me` ${sx()} :host{--badge-fill-primary: var(--accent-fill-rest);--badge-fill-neutral: var(--neutral-fill-rest);--badge-fill-success: var(--success-color);--badge-fill-danger: var(--error-color);--badge-fill-warning: var(--warning-color);--badge-fill-buy: var(--buy-color);--badge-fill-sell: var(--sell-color);--badge-color-text: var(--neutral-foreground-rest);font-size: var(--type-ramp-minus-2-font-size)}:host .control{padding: calc(${fr} * 1px) calc(${fr} * 2px);border: none}`,shadowOptions:nx},rx));const U8=Me` ${lx} :host{--banner-height: calc( ((var(--design-unit) + 2) * var(--base-height-multiplier)) + (var(--design-unit) * var(--design-unit)) * 1px )}.banner{background-color: var(--neutral-layer-1);color: var(--neutral-foreground-rest);padding: calc(var(--design-unit) * 4px)}.content{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height)}`,j8=hx;(class extends ux{}).compose({baseName:"banner",shadowOptions:j8,styles:U8,template:dx});(class extends bx{}).compose(Object.assign({baseName:"breadcrumb-item",template:(e,t)=>gx(0,t),styles:(e,t)=>Me` ${vx()} .listitem{color: var(--accent-foreground-rest)}.control{color: var(--neutral-foreground-rest)}.control:hover{color: var(--neutral-foreground-rest)}.separator{color: var(--neutral-stroke-rest);margin: 0 12px}.control:hover .content::before{background: var(--neutral-foreground-rest)}.control .start{width: calc(var(--base-height-multiplier) * 3px);height: calc(var(--base-height-multiplier) * 3px);display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);margin: 0 -4px 0 0}.control:hover .start{background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%)}`,shadowOptions:yx},zx));(class extends mx{}).compose(Object.assign({baseName:"breadcrumb",template:(e,t)=>fx(),styles:(e,t)=>Me` ${px()}`,shadowOptions:void 0},{}));(class extends xx{}).compose(Object.assign({baseName:"button",template:(e,t)=>Cx(0,t),styles:B8,shadowOptions:Mx},wx));(class extends Ex{}).compose(Object.assign({baseName:"calendar",template:(e,t)=>kx(e,t),styles:()=>Me` ${Sx()}`,shadowOptions:$x},Nx));(class extends Tx{}).compose(Object.assign({baseName:"card",template:(e,t)=>Ax(),styles:(e,t)=>Me` ${Ox()} :host{background: var(--neutral-layer-card-container);color: ${kd};border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));box-shadow: var(--card-box-shadow, none);border: var( --card-border, 1px solid var(--neutral-stroke-rest) );/** uses a token instead of #2E3339 value available in ux docs */ /* box-shadow and border-radius are being calculated at host level by using design-tokens */}::slotted(rapid-card){background: var(--neutral-layer-3)}`,shadowOptions:Rx},Ix));const q8=Me` ${Zx} .label{color: var(--neutral-foreground-hint)}.options{background: var(--neutral-layer-4)}rapid-checkbox:hover:not([disabled]){background: var(--neutral-layer-4)}`,G8=K` ${Qx("rapid")} `;const W8=eM,Y8=Jx;(class extends tM{}).compose(Object.assign({baseName:"categorized-multiselect",template:G8,styles:q8,shadowOptions:Y8},W8));(class extends oM{}).compose(Object.assign({baseName:"checkbox",template:(e,t)=>iM(0,t),styles:(e,t)=>Me` ${cM()} :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator{fill: var(--neutral-foreground-rest)}.checked-indicator{fill: contrast-color(var(--accent-fill-rest));box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;border-radius: calc(var(--control-corner-radius) * 1px)}.label{padding-inline-start: calc(var(--design-unit) * 2px)}`,shadowOptions:sM},aM));(class extends hM{}).compose(Object.assign({baseName:"combobox",template:(e,t)=>rM(0,t),styles:(e,t)=>Me` ${nM(e)} :host{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );min-width: 0}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not([open])){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host .listbox ::slotted(*:last-child){border-bottom: none}.control{padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:active{background: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}.combo-box-indicator{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);transition: all 0.35s}.selected-value{height: calc(100% - (var(--design-unit) * 1px));padding: 0;margin: 0}:host(:focus-within:not([disabled])) .indicator{background-color: transparent}:host([open]) .combo-box-indicator{transition: all 0.35s;transform: rotate(180deg)}::slotted([role='option']){margin: 0}`,shadowOptions:uM},fM));(class extends gM{}).compose({baseName:"connection-indicator",template:mM,styles:(e,t)=>Me` ${pM()} :host{--light-size: calc(var(--design-unit) * 3px);--red: var(--error-color);--trafic-light-red: color-mix(in srgb, var(--red), transparent 0%);--trafic-light-red-glow: color-mix(in srgb, var(--red), transparent 60%) 0 0 4px 4px, color-mix(in srgb, var(--red), transparent 80%) 0 0 8px 8px;--green: var(--success-color);--trafic-light-green: color-mix(in srgb, var(--green), transparent 0%);--trafic-light-green-glow: color-mix(in srgb, var(--green), transparent 60%) 0 0 4px 4px, color-mix(in srgb, var(--green), transparent 80%) 0 0 8px 8px}.light{margin: calc(var(--design-unit) * 4px)}.label{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);color: var(--neutral-stroke-rest)}`});const K8=K` ${yM("rapid")} `;var Z8;(class extends ZM{}).compose(Object.assign({baseName:"date-picker",template:K8,styles:()=>Me` ${vM} :host{--primary-gradient-angle: -113.5deg;display: inline-block}.calendar-dropdown{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}.input-icon-container{display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px)}.input-icon-container:hover{background-color: var(--neutral-fill-rest)}.date-toggle::part(end){margin-inline-end: calc(var(--design-unit) * 1px)}.date-toggle{margin-bottom: 0}.month-day{width: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px);height: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px)}.week-days span{font-size: var(--type-ramp-minus-2-font-size)}`,shadowOptions:void 0},{})),function(e){e.primary="#11C9FC",e.neutral="#7C909B",e.error="#F9644D",e.success="#7ACC79",e.warning="#FFB660",e.tertiary="#7B2FBE",e.info="#11C9FC",e.buy="#7ACC79",e.sell="#F14376",e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(Z8||(Z8={}));const{create:Q8}=yo,X8=_n(Z8.error),J8=Un.create(X8.r,X8.g,X8.b),e5=Q8("error-color").withDefault(J8),t5=_n(Z8.success),i5=Un.create(t5.r,t5.g,t5.b),c5=Q8("success-color").withDefault(i5),o5=_n(Z8.warning),s5=Un.create(o5.r,o5.g,o5.b),a5=Q8("warning-color").withDefault(s5),n5=_n(Z8.buy),r5=Un.create(n5.r,n5.g,n5.b),l5=Q8("buy-color").withDefault(r5),d5=_n(Z8.sell),h5=Un.create(d5.r,d5.g,d5.b),u5=Q8("sell-color").withDefault(h5),f5=_n(Z8.info),p5=Un.create(f5.r,f5.g,f5.b),m5=Q8("info-color").withDefault(p5),g5=_n(Z8.error),v5=Un.create(g5.r,g5.g,g5.b),b5=Q8("serious-notify-color").withDefault(v5),{create:y5}=yo,z5=e=>yo.create({name:e,cssCustomPropertyName:null}),C5=Un.create(1,1,1),L5=Un.create(0,0,0);function x5(e,t){const i=e,c=z5(`${i}-palette`).withDefault(e=>Kn.from(t.getValueFor(e))),o=z5(`${i}-fill-rest-delta`).withDefault(0),s=z5(`${i}-fill-hover-delta`).withDefault(4),a=z5(`${i}-fill-active-delta`).withDefault(-5),n=z5(`${i}-fill-focus-delta`).withDefault(0),r=z5(`${i}-foreground-rest-delta`).withDefault(0),l=z5(`${i}-foreground-hover-delta`).withDefault(6),d=z5(`${i}-foreground-active-delta`).withDefault(-4),h=z5(`${i}-foreground-focus-delta`).withDefault(0),u=z5(`${i}-fill-recipe`).withDefault({evaluate:(e,t)=>function(e,t,i,c,o,s,a,n,r){const l=e.source,d=t.closestIndexOf(i)>=Math.max(a,n,r)?-1:1,h=e.closestIndexOf(l),u=h+-1*d*c,f=u+d*o,p=u+d*s;return{rest:e.get(u),hover:e.get(h),active:e.get(f),focus:e.get(p)}}(c.getValueFor(e),fl.getValueFor(e),null!=t?t:El.getValueFor(e),s.getValueFor(e),a.getValueFor(e),n.getValueFor(e),jr.getValueFor(e),qr.getValueFor(e),Gr.getValueFor(e))}),f=y5(`${i}-fill-rest`).withDefault(e=>u.getValueFor(e).evaluate(e).rest),p=y5(`${i}-fill-hover`).withDefault(e=>u.getValueFor(e).evaluate(e).hover),m=y5(`${i}-fill-active`).withDefault(e=>u.getValueFor(e).evaluate(e).active),g=y5(`${i}-fill-focus`).withDefault(e=>u.getValueFor(e).evaluate(e).focus),v=e=>(t,i)=>function(e,t){return e.contrast(C5)>=t?C5:L5}(null!=i?i:f.getValueFor(t),e),b=z5(`foreground-on-${i}-recipe`).withDefault({evaluate:(e,t)=>v(4.5)(e,t)}),y=y5(`foreground-on-${i}-rest`).withDefault(e=>b.getValueFor(e).evaluate(e,f.getValueFor(e))),z=y5(`foreground-on-${i}-hover`).withDefault(e=>b.getValueFor(e).evaluate(e,p.getValueFor(e))),C=y5(`foreground-on-${i}-active`).withDefault(e=>b.getValueFor(e).evaluate(e,m.getValueFor(e))),L=y5(`foreground-on-${i}-focus`).withDefault(e=>b.getValueFor(e).evaluate(e,g.getValueFor(e))),x=z5(`foreground-on-${i}-large-recipe`).withDefault({evaluate:(e,t)=>v(7)(e,t)}),M=y5(`foreground-on-${i}-rest-large`).withDefault(e=>x.getValueFor(e).evaluate(e,f.getValueFor(e))),w=y5(`foreground-on-${i}-hover-large`).withDefault(e=>x.getValueFor(e).evaluate(e,p.getValueFor(e))),S=y5(`foreground-on-${i}-active-large`).withDefault(e=>x.getValueFor(e).evaluate(e,m.getValueFor(e))),k=y5(`foreground-on-${i}-focus-large`).withDefault(e=>x.getValueFor(e).evaluate(e,g.getValueFor(e))),E=z5(`${i}-foreground-recipe`).withDefault({evaluate:(e,t)=>function(e,t,i,c,o,s,a){const n=e.source,r=e.closestIndexOf(n),l=Wn(t)?-1:1,d=r+(1===l?Math.min(c,o):Math.max(l*c,l*o)),h=e.colorContrast(t,i,d,l),u=e.closestIndexOf(h),f=u+l*Math.abs(c-o),p=1===l?c<o:l*c>l*o,m=p?u:f,g=p?f:u;return{rest:e.get(m),hover:e.get(g),active:e.get(m+l*s),focus:e.get(m+l*a)}}(c.getValueFor(e),null!=t?t:El.getValueFor(e),4.5,r.getValueFor(e),l.getValueFor(e),d.getValueFor(e),h.getValueFor(e))}),$=y5(`${i}-foreground-rest`).withDefault(e=>E.getValueFor(e).evaluate(e).rest),N=y5(`${i}-foreground-hover`).withDefault(e=>E.getValueFor(e).evaluate(e).hover),A=y5(`${i}-foreground-active`).withDefault(e=>E.getValueFor(e).evaluate(e).active),O=y5(`${i}-foreground-focus`).withDefault(e=>E.getValueFor(e).evaluate(e).focus);return{palette:c,fillRestDelta:o,fillHoverDelta:s,fillActiveDelta:a,fillFocusDelta:n,foregroundRestDelta:r,foregroundHoverDelta:l,foregroundActiveDelta:d,foregroundFocusDelta:h,fillRecipe:u,fillRest:f,fillHover:p,fillActive:m,fillFocus:g,foregroundOnRecipe:b,foregroundOnRest:y,foregroundOnHover:z,foregroundOnActive:C,foregroundOnFocus:L,foregroundOnLargeRecipe:x,foregroundOnRestLarge:M,foregroundOnHoverLarge:w,foregroundOnActiveLarge:S,foregroundOnFocusLarge:k,foregroundRecipe:E,foregroundRest:$,foregroundHover:N,foregroundActive:A,foregroundFocus:O}}const M5=_n(Z8.green),w5=Un.create(M5.r,M5.g,M5.b),S5=yo.create("secondary-color").withDefault(w5),{palette:k5,fillRestDelta:E5,fillHoverDelta:$5,fillActiveDelta:N5,fillFocusDelta:A5,foregroundRestDelta:O5,foregroundHoverDelta:T5,foregroundActiveDelta:R5,foregroundFocusDelta:I5,fillRecipe:D5,fillRest:F5,fillHover:H5,fillActive:_5,fillFocus:P5,foregroundOnRecipe:V5,foregroundOnRest:B5,foregroundOnHover:U5,foregroundOnActive:j5,foregroundOnFocus:q5,foregroundOnLargeRecipe:G5,foregroundOnRestLarge:W5,foregroundOnHoverLarge:Y5,foregroundOnActiveLarge:K5,foregroundOnFocusLarge:Z5,foregroundRecipe:Q5,foregroundRest:X5,foregroundHover:J5,foregroundActive:e7,foregroundFocus:t7}=x5("secondary",S5),i7=_n(Z8.tertiary),c7=Un.create(i7.r,i7.g,i7.b),o7=yo.create("tertiary-color").withDefault(c7),{palette:s7,fillRestDelta:a7,fillHoverDelta:n7,fillActiveDelta:r7,fillFocusDelta:l7,foregroundRestDelta:d7,foregroundHoverDelta:h7,foregroundActiveDelta:u7,foregroundFocusDelta:f7,fillRecipe:p7,fillRest:m7,fillHover:g7,fillActive:v7,fillFocus:b7,foregroundOnRecipe:y7,foregroundOnRest:z7,foregroundOnHover:C7,foregroundOnActive:L7,foregroundOnFocus:x7,foregroundOnLargeRecipe:M7,foregroundOnRestLarge:w7,foregroundOnHoverLarge:S7,foregroundOnActiveLarge:k7,foregroundOnFocusLarge:E7,foregroundRecipe:$7,foregroundRest:N7,foregroundHover:A7,foregroundActive:O7,foregroundFocus:T7}=x5("tertiary",o7),{palette:R7,fillRestDelta:I7,fillHoverDelta:D7,fillActiveDelta:F7,fillFocusDelta:H7,foregroundRestDelta:_7,foregroundHoverDelta:P7,foregroundActiveDelta:V7,foregroundFocusDelta:B7,fillRecipe:U7,fillRest:j7,fillHover:q7,fillActive:G7,fillFocus:W7,foregroundOnRecipe:Y7,foregroundOnRest:K7,foregroundOnHover:Z7,foregroundOnActive:Q7,foregroundOnFocus:X7,foregroundOnLargeRecipe:J7,foregroundOnRestLarge:e9,foregroundOnHoverLarge:t9,foregroundOnActiveLarge:i9,foregroundOnFocusLarge:c9,foregroundRecipe:o9,foregroundRest:s9,foregroundHover:a9,foregroundActive:n9,foregroundFocus:r9}=x5("error",e5),{palette:l9,fillRestDelta:d9,fillHoverDelta:h9,fillActiveDelta:u9,fillFocusDelta:f9,foregroundRestDelta:p9,foregroundHoverDelta:m9,foregroundActiveDelta:g9,foregroundFocusDelta:v9,fillRecipe:b9,fillRest:y9,fillHover:z9,fillActive:C9,fillFocus:L9,foregroundOnRecipe:x9,foregroundOnRest:M9,foregroundOnHover:w9,foregroundOnActive:S9,foregroundOnFocus:k9,foregroundOnLargeRecipe:E9,foregroundOnRestLarge:$9,foregroundOnHoverLarge:N9,foregroundOnActiveLarge:A9,foregroundOnFocusLarge:O9,foregroundRecipe:T9,foregroundRest:R9,foregroundHover:I9,foregroundActive:D9,foregroundFocus:F9}=x5("success",c5),{palette:H9,fillRestDelta:_9,fillHoverDelta:P9,fillActiveDelta:V9,fillFocusDelta:B9,foregroundRestDelta:U9,foregroundHoverDelta:j9,foregroundActiveDelta:q9,foregroundFocusDelta:G9,fillRecipe:W9,fillRest:Y9,fillHover:K9,fillActive:Z9,fillFocus:Q9,foregroundOnRecipe:X9,foregroundOnRest:J9,foregroundOnHover:eee,foregroundOnActive:tee,foregroundOnFocus:iee,foregroundOnLargeRecipe:cee,foregroundOnRestLarge:oee,foregroundOnHoverLarge:see,foregroundOnActiveLarge:aee,foregroundOnFocusLarge:nee,foregroundRecipe:ree,foregroundRest:lee,foregroundHover:dee,foregroundActive:hee,foregroundFocus:uee}=x5("warning",a5);var fee=Object.freeze({__proto__:null,accentFillActive:Tl,accentFillActiveDelta:Hr,accentFillFocus:Rl,accentFillFocusDelta:_r,accentFillHover:Ol,accentFillHoverDelta:Fr,accentFillRest:Al,accentFillRestDelta:Dr,accentForegroundActive:Zl,accentForegroundActiveDelta:Br,accentForegroundFocus:Ql,accentForegroundFocusDelta:Ur,accentForegroundHover:Kl,accentForegroundHoverDelta:Vr,accentForegroundRest:Yl,accentForegroundRestDelta:Pr,accentPalette:ml,baseHeightMultiplier:rr,baseLayerLuminance:dr,bodyFont:nr,controlCornerRadius:hr,density:ur,designUnit:fr,direction:pr,disabledOpacity:mr,fillColor:El,focusStrokeInner:xd,focusStrokeOuter:Cd,focusStrokeWidth:vr,foregroundOnAccentActive:_l,foregroundOnAccentActiveLarge:jl,foregroundOnAccentFocus:Pl,foregroundOnAccentFocusLarge:ql,foregroundOnAccentHover:Hl,foregroundOnAccentHoverLarge:Ul,foregroundOnAccentRest:Fl,foregroundOnAccentRestLarge:Bl,neutralFillActive:td,neutralFillActiveDelta:Gr,neutralFillFocus:id,neutralFillFocusDelta:Wr,neutralFillHover:ed,neutralFillHoverDelta:qr,neutralFillInputActive:ad,neutralFillInputActiveDelta:Zr,neutralFillInputFocus:nd,neutralFillInputFocusDelta:Qr,neutralFillInputHover:sd,neutralFillInputHoverDelta:Kr,neutralFillInputRest:od,neutralFillInputRestDelta:Yr,neutralFillLayerRest:yd,neutralFillLayerRestDelta:al,neutralFillRest:Jl,neutralFillRestDelta:jr,neutralFillStealthActive:hd,neutralFillStealthActiveDelta:el,neutralFillStealthFocus:ud,neutralFillStealthFocusDelta:tl,neutralFillStealthHover:dd,neutralFillStealthHoverDelta:Jr,neutralFillStealthRest:ld,neutralFillStealthRestDelta:Xr,neutralFillStrongActive:gd,neutralFillStrongActiveDelta:ol,neutralFillStrongFocus:vd,neutralFillStrongFocusDelta:sl,neutralFillStrongHover:md,neutralFillStrongHoverDelta:cl,neutralFillStrongRest:pd,neutralFillStrongRestDelta:il,neutralForegroundHint:wd,neutralForegroundRest:kd,neutralLayer1:Cl,neutralLayer2:xl,neutralLayer3:wl,neutralLayer4:kl,neutralLayerCardContainer:vl,neutralLayerFloating:yl,neutralPalette:fl,neutralStrokeActive:Ad,neutralStrokeActiveDelta:ll,neutralStrokeDividerRest:Rd,neutralStrokeDividerRestDelta:hl,neutralStrokeFocus:Od,neutralStrokeFocusDelta:dl,neutralStrokeHover:Nd,neutralStrokeHoverDelta:rl,neutralStrokeRest:$d,neutralStrokeRestDelta:nl,strokeWidth:gr,typeRampBaseFontSize:br,typeRampBaseLineHeight:yr,typeRampMinus1FontSize:zr,typeRampMinus1LineHeight:Cr,typeRampMinus2FontSize:Lr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Mr,typeRampPlus1LineHeight:wr,typeRampPlus2FontSize:Sr,typeRampPlus2LineHeight:kr,typeRampPlus3FontSize:Er,typeRampPlus3LineHeight:$r,typeRampPlus4FontSize:Nr,typeRampPlus4LineHeight:Ar,typeRampPlus5FontSize:Or,typeRampPlus5LineHeight:Tr,typeRampPlus6FontSize:Rr,typeRampPlus6LineHeight:Ir,defaultErrorColor:J8,errorColor:e5,defaultSuccessColor:i5,successColor:c5,defaultWarningColor:s5,warningColor:a5,defaultBuyColor:r5,buyColor:l5,defaultSellColor:h5,sellColor:u5,defaultInfoColor:p5,infoColor:m5,defaultSeriousNotifyColor:v5,seriousNotifyColor:b5,defaultSecondaryColor:w5,secondaryColor:S5,secondaryPalette:k5,secondaryFillRestDelta:E5,secondaryFillHoverDelta:$5,secondaryFillActiveDelta:N5,secondaryFillFocusDelta:A5,secondaryForegroundRestDelta:O5,secondaryForegroundHoverDelta:T5,secondaryForegroundActiveDelta:R5,secondaryForegroundFocusDelta:I5,secondaryFillRecipe:D5,secondaryFillRest:F5,secondaryFillHover:H5,secondaryFillActive:_5,secondaryFillFocus:P5,foregroundOnSecondaryRecipe:V5,foregroundOnSecondaryRest:B5,foregroundOnSecondaryHover:U5,foregroundOnSecondaryActive:j5,foregroundOnSecondaryFocus:q5,foregroundOnSecondaryLargeRecipe:G5,foregroundOnSecondaryRestLarge:W5,foregroundOnSecondaryHoverLarge:Y5,foregroundOnSecondaryActiveLarge:K5,foregroundOnSecondaryFocusLarge:Z5,secondaryForegroundRecipe:Q5,secondaryForegroundRest:X5,secondaryForegroundHover:J5,secondaryForegroundActive:e7,secondaryForegroundFocus:t7,defaultTertiaryColor:c7,tertiaryColor:o7,tertiaryPalette:s7,tertiaryFillRestDelta:a7,tertiaryFillHoverDelta:n7,tertiaryFillActiveDelta:r7,tertiaryFillFocusDelta:l7,tertiaryForegroundRestDelta:d7,tertiaryForegroundHoverDelta:h7,tertiaryForegroundActiveDelta:u7,tertiaryForegroundFocusDelta:f7,tertiaryFillRecipe:p7,tertiaryFillRest:m7,tertiaryFillHover:g7,tertiaryFillActive:v7,tertiaryFillFocus:b7,foregroundOnTertiaryRecipe:y7,foregroundOnTertiaryRest:z7,foregroundOnTertiaryHover:C7,foregroundOnTertiaryActive:L7,foregroundOnTertiaryFocus:x7,foregroundOnTertiaryLargeRecipe:M7,foregroundOnTertiaryRestLarge:w7,foregroundOnTertiaryHoverLarge:S7,foregroundOnTertiaryActiveLarge:k7,foregroundOnTertiaryFocusLarge:E7,tertiaryForegroundRecipe:$7,tertiaryForegroundRest:N7,tertiaryForegroundHover:A7,tertiaryForegroundActive:O7,tertiaryForegroundFocus:T7,errorPalette:R7,errorFillRestDelta:I7,errorFillHoverDelta:D7,errorFillActiveDelta:F7,errorFillFocusDelta:H7,errorForegroundRestDelta:_7,errorForegroundHoverDelta:P7,errorForegroundActiveDelta:V7,errorForegroundFocusDelta:B7,errorFillRecipe:U7,errorFillRest:j7,errorFillHover:q7,errorFillActive:G7,errorFillFocus:W7,foregroundOnErrorRecipe:Y7,foregroundOnErrorRest:K7,foregroundOnErrorHover:Z7,foregroundOnErrorActive:Q7,foregroundOnErrorFocus:X7,foregroundOnErrorLargeRecipe:J7,foregroundOnErrorRestLarge:e9,foregroundOnErrorHoverLarge:t9,foregroundOnErrorActiveLarge:i9,foregroundOnErrorFocusLarge:c9,errorForegroundRecipe:o9,errorForegroundRest:s9,errorForegroundHover:a9,errorForegroundActive:n9,errorForegroundFocus:r9,successPalette:l9,successFillRestDelta:d9,successFillHoverDelta:h9,successFillActiveDelta:u9,successFillFocusDelta:f9,successForegroundRestDelta:p9,successForegroundHoverDelta:m9,successForegroundActiveDelta:g9,successForegroundFocusDelta:v9,successFillRecipe:b9,successFillRest:y9,successFillHover:z9,successFillActive:C9,successFillFocus:L9,foregroundOnSuccessRecipe:x9,foregroundOnSuccessRest:M9,foregroundOnSuccessHover:w9,foregroundOnSuccessActive:S9,foregroundOnSuccessFocus:k9,foregroundOnSuccessLargeRecipe:E9,foregroundOnSuccessRestLarge:$9,foregroundOnSuccessHoverLarge:N9,foregroundOnSuccessActiveLarge:A9,foregroundOnSuccessFocusLarge:O9,successForegroundRecipe:T9,successForegroundRest:R9,successForegroundHover:I9,successForegroundActive:D9,successForegroundFocus:F9,warningPalette:H9,warningFillRestDelta:_9,warningFillHoverDelta:P9,warningFillActiveDelta:V9,warningFillFocusDelta:B9,warningForegroundRestDelta:U9,warningForegroundHoverDelta:j9,warningForegroundActiveDelta:q9,warningForegroundFocusDelta:G9,warningFillRecipe:W9,warningFillRest:Y9,warningFillHover:K9,warningFillActive:Z9,warningFillFocus:Q9,foregroundOnWarningRecipe:X9,foregroundOnWarningRest:J9,foregroundOnWarningHover:eee,foregroundOnWarningActive:tee,foregroundOnWarningFocus:iee,foregroundOnWarningLargeRecipe:cee,foregroundOnWarningRestLarge:oee,foregroundOnWarningHoverLarge:see,foregroundOnWarningActiveLarge:aee,foregroundOnWarningFocusLarge:nee,warningForegroundRecipe:ree,warningForegroundRest:lee,warningForegroundHover:dee,warningForegroundActive:hee,warningForegroundFocus:uee});const pee=tw(Z8.primary),mee=tw(Z8.neutral),gee=tw(Z8.green),vee=tw(Z8.tertiary),bee=tw(Z8.error),yee=tw(Z8.success),zee=tw(Z8.warning),Cee=cr,Lee=Li.ltr,xee='"Segoe UI", Arial, Helvetica, sans-serif',Mee="14px",wee="20px",See={design_tokens:{color:{accent:{$value:pee.source.toColorString(),$type:"color"},neutral:{$value:mee.source.toColorString(),$type:"color"},secondary:{$value:gee.source.toColorString(),$type:"color"},tertiary:{$value:vee.source.toColorString(),$type:"color"},error:{$value:bee.source.toColorString(),$type:"color"},success:{$value:yee.source.toColorString(),$type:"color"},warning:{$value:zee.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:xee,$type:"fontFamily"}},typography:{baseFontSize:{$value:Mee,$type:"dimension"},baseLineHeight:{$value:wee,$type:"dimension"}},mode:{luminance:{$value:Cee,$type:"number"}},style:{density:{$value:0,$type:"number"},baseHeightMultiplier:{$value:10,$type:"number"},borderRadius:{$value:4,$type:"number"},strokeWidth:{$value:1,$type:"number"}},space:{designUnit:{$value:4,$type:"number"}}}};var kee=Object.freeze({__proto__:null,accentPaletteValue:pee,neutralPaletteValue:mee,secondaryPaletteValue:gee,tertiaryPaletteValue:vee,errorPaletteValue:bee,successPaletteValue:yee,warningPaletteValue:zee,baseLayerLuminanceValue:Cee,accentFillRestDeltaValue:0,accentFillHoverDeltaValue:4,accentFillActiveDeltaValue:-5,accentFillFocusDeltaValue:0,accentForegroundRestDeltaValue:0,accentForegroundHoverDeltaValue:6,accentForegroundActiveDeltaValue:-4,accentForegroundFocusDeltaValue:0,neutralFillRestDeltaValue:7,neutralFillHoverDeltaValue:10,neutralFillActiveDeltaValue:5,neutralFillFocusDeltaValue:0,neutralFillInputRestDeltaValue:0,neutralFillInputHoverDeltaValue:5,neutralFillInputActiveDeltaValue:0,neutralFillInputFocusDeltaValue:10,neutralFillStealthRestDeltaValue:0,neutralFillStealthHoverDeltaValue:5,neutralFillStealthActiveDeltaValue:3,neutralFillStealthFocusDeltaValue:0,neutralFillStrongRestDeltaValue:0,neutralFillStrongHoverDeltaValue:8,neutralFillStrongActiveDeltaValue:-5,neutralFillStrongFocusDeltaValue:0,neutralFillLayerRestDeltaValue:3,neutralStrokeRestDeltaValue:25,neutralStrokeHoverDeltaValue:40,neutralStrokeActiveDeltaValue:16,neutralStrokeFocusDeltaValue:25,neutralStrokeDividerRestDeltaValue:8,designTokens:See,prefix:"rapid",directionValue:Lee,disabledOpacityValue:.3,strokeWidthValue:1,focusStrokeWidthValue:2,baseHeightMultiplierValue:10,controlCornerRadiusValue:4,densityValue:0,designUnitValue:4,bodyFontValue:xee,typeRampBaseFontSizeValue:Mee,typeRampBaseLineHeightValue:wee,typeRampMinus1FontSizeValue:"13px",typeRampMinus1LineHeightValue:"19px",typeRampMinus2FontSizeValue:"12px",typeRampMinus2LineHeightValue:"18px",typeRampPlus1FontSizeValue:"15px",typeRampPlus1LineHeightValue:"21px",typeRampPlus2FontSizeValue:"16px",typeRampPlus2LineHeightValue:"22px",typeRampPlus3FontSizeValue:"17px",typeRampPlus3LineHeightValue:"23px",typeRampPlus4FontSizeValue:"18px",typeRampPlus4LineHeightValue:"24px",typeRampPlus5FontSizeValue:"19px",typeRampPlus5LineHeightValue:"25px",typeRampPlus6FontSizeValue:"20px",typeRampPlus6LineHeightValue:"26px"});(class extends Ch{constructor(){super(),XM(fee,kee,this)}}).compose({baseName:"design-system-provider",template:K`<slot></slot>`});const Eee=Me` ${QK} :host{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}dialog{position: var(--dialog-position, fixed);top: 0;bottom: 0;border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));text-align: left;line-height: normal;box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);background-color: var(--dialog-background, var(--neutral-layer-1))}.top{display: flex;align-items: center;justify-content: space-between;color: var(--neutral-foreground-rest);margin-bottom: calc(var(--design-unit) * 2px);font-weight: 500}.bottom{display: flex;flex-wrap: wrap;justify-content: flex-end;color: var(--neutral-foreground-rest);gap: calc(var(--design-unit) * 2px)}:host slot:first-of-type{color: ${kd}}::slotted(rapid-button){margin-top: calc(var(--design-unit) * 4px - 1px)}slot[name='top']::slotted(*){margin: 0;font-size: var(--type-ramp-base-font-size);color: var(--neutral-foreground-hint);font-weight: 700}.content-wrapper{min-width: var(--dialog-min-width);min-height: var(--dialog-min-height);height: fit-content;width: fit-content;max-width: var(--dialog-max-width);max-height: var(--dialog-max-height);display: flex;flex-direction: column;justify-content: space-between;align-items: stretch}.close-icon:hover svg{background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%)}.close-icon svg g path{fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%)}.close-icon:hover svg g path{fill: var(--neutral-foreground-rest)}.close-icon:active svg{background-color: var(--neutral-layer-4)}.close-icon:active svg g path{fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%)}.header-controls{rapid-button{--base-height-multiplier: 8}rapid-button::part(control){padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px)}}`,$ee=bZ,Nee=JK,Aee=vZ;(class extends zZ{}).compose(Object.assign({baseName:"dialog",shadowOptions:Aee,styles:Eee,template:Nee},$ee));(class extends xZ{}).compose(Object.assign({baseName:"disclosure",template:(e,t)=>CZ(),styles:(e,t)=>Me` ${LZ()} :host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height);color: var(--neutral-foreground-rest)}:host([appearance='accent']) .invoker{padding: calc((10 + (var(--design-unit) * 2 * var(--density))) * 1px)}#disclosure-content{padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);text-align: center}`,shadowOptions:vZ},MZ));(class extends kZ{}).compose(Object.assign({baseName:"divider",template:(e,t)=>wZ(),styles:(e,t)=>Me` ${SZ()}`,shadowOptions:EZ},$Z));(class extends TZ{}).compose({baseName:"dropdown-menu",styles:(e,t)=>Me` ${NZ("rapid")} .actions-menu{border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);gap: 0;margin: calc(var(--design-unit) * 1px) 0}rapid-menu{margin: 0 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * -2px);border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}`,template:OZ});const Oee=Me` ${RZ}`;function Tee(e,...t){let i="";return e.forEach((e,c)=>{i+=e,c<t.length&&(i+=t[c])}),i}(class extends UZ{}).compose({baseName:"environment-indicator",styles:Oee,template:IZ});const Ree={number:"rapid-number-field",text:"rapid-text-field",date:"rapid-text-field",datetimeLocal:"rapid-text-field",checkbox:"rapid-checkbox",button:"rapid-button",select:"rapid-select",option:"rapid-option",optgroup:"rapid-optgroup",radio:{input:"rapid-radio",group:"rapid-radio-group"}},Iee=Tee` rapid-select, rapid-text-field, rapid-number-field{min-width: 180px}rapid-button.btn{padding: 0}rapid-button.btn-success{background-color: var(--accent-fill-active);border-color: var(--accent-fill-active)}rapid-button.btn-danger{background-color: var(--error-color);border-color: var(--error-border-color)}rapid-select::part(listbox){max-height: 15vh}`,Dee=Tee` border: unset;border: 1px solid var(--focus-stroke-outer);padding: calc(var(--design-unit) * 2.5px);border-radius: 10px;margin: calc(var(--design-unit) * 1px);`,Fee={value:Tee` ${Iee} rapid-number-field, rapid-text-field{margin-bottom: 0}rapid-number-field::part(label){display: none}p.validation-msg{color: var(--neutral-foreground-rest)}`,rule:Tee` ${Iee} div.rule-container{${Dee}}div.rule-container.error{border-color: var(--error-border-color)}`,operator:Tee` ${Iee} rapid-select{min-width: 350px}`,field:Tee` ${Iee} rapid-select{min-width: 350px}`,group:Tee` ${Iee} div.rules-group-container{${Dee}}p.group-combinator-link{padding-left: calc(var(--design-unit) * 2.5px);color: var(--neutral-foreground-rest)}`};let Hee=class extends k6{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],Hee.prototype,"styles",void 0),Hee=Ou([Ce({name:"rapid-expression-builder",styles:B6.styles,template:B6.template})],Hee);let _ee=class extends J6{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],_ee.prototype,"styles",void 0),_ee=Ou([Ce({name:"rapid-rule-expression-builder",styles:B6.styles,template:B6.template})],_ee);let Pee=class extends s8{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],Pee.prototype,"styles",void 0),Pee=Ou([Ce({name:"rapid-value-expression-builder",styles:B6.styles,template:B6.template})],Pee);const Vee=Me` ${uQ} ::-webkit-scrollbar{width: calc(var(--design-unit) * 3px)}::-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: var(--neutral-fill-rest);border: calc(var(--stroke-width) * 3px) solid var(--neutral-layer-4)}:host::part(select-file-button), :host::part(upload-file-button){margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px)}`,Bee=K` ${fQ("rapid")} `,Uee=CQ,jee=zQ;(class extends yQ{}).compose(Object.assign({baseName:"file-upload",shadowOptions:jee,styles:Vee,template:Bee},Uee));const qee=K` ${TQ("rapid")} `;(class extends IQ{}).compose({baseName:"filter-bar",template:qee,styles:(e,t)=>Me` ${AQ()} .toggle, .toggle-collapsed{background: var(--neutral-layer-4);color: var(--neutral-foreground-hint)}.toggle{border-top: calc(var(--stroke-width) * 2px) solid}.toggle:hover, .toggle-collapsed:hover{color: var(--accent-foreground-rest)}.filter-bar{background: var(--neutral-layer-3)}`});const Gee=K` ${kQ("rapid")} `;(class extends NQ{}).compose({baseName:"filter",template:Gee,styles:(e,t)=>Me` ${LQ} .filter-wrapper{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}.close-icon{border: calc(var(--stroke-width) * 1px) solid transparent}.close-icon:hover{border-color: var(--error-color);background: color-mix(in srgb, var(--error-color), transparent 75%)}.close-icon:hover svg path{fill: var(--error-color)}rapid-select{margin-bottom: calc(var(--design-unit) * 2px)}.flex-row rapid-text-field, .flex-row rapid-select{flex: 1}`});(class extends BQ{}).compose(Object.assign({baseName:"flipper",template:(e,t)=>PQ(0,t),styles:(e,t)=>Me` ${VQ()} :host{color: var(--neutral-foreground-rest)}:host(:hover){color: var(--neutral-foreground-rest)}:host::before{background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);color: var(--neutral-foreground-rest)}:host(:hover)::before{background: var(--accent-fill-rest);color: var(--neutral-foreground-rest)}`,shadowOptions:UQ},jQ));const Wee=Me` ${qQ} div.flyout{background-color: var(--neutral-layer-1);border-color: var(--neutral-stroke-rest);color: var(--neutral-foreground-rest);padding: calc(var(--design-unit) * 4px)}div.background{padding: calc(var(--design-unit) * 4px) 0}:host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height)}:host([position='left']) div.flyout{border-right-style: solid;border-right-width: calc(var(--stroke-width) * 1px)}:host([position='right']) div.flyout{border-left-style: solid;border-left-width: calc(var(--stroke-width) * 1px)}div.exit{cursor: pointer;width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);display: flex;justify-content: center;align-items: center}div.content, div.footer{padding: 0 0 calc(var(--design-unit) * 2px)}div.exit:hover{background-color: var(--neutral-fill-hover);border-radius: calc(var(--stroke-width) * 3px)}`,Yee=K` ${GQ("rapid")} `,Kee=ZQ,Zee=KQ;(class extends YQ{}).compose(Object.assign({baseName:"flyout",shadowOptions:Zee,styles:Wee,template:Yee},Kee));const Qee={nextFlipper:K`<rapid-flipper @click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></rapid-flipper>`,previousFlipper:K`<rapid-flipper @click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></rapid-flipper>`};(class extends nX{}).compose(Object.assign({baseName:"horizontal-scroll",template:(e,t)=>sX(e,t),styles:(e,t)=>Me` ${aX()}`,shadowOptions:rX},Qee));const Xee=K` ${hX("rapid")} `;const Jee=pX,ete=fX;(class extends gX{}).compose(Object.assign({baseName:"icon",template:Xee,styles:(e,t)=>Me` ${dX()}`,shadowOptions:ete},Jee));(class extends MX{}).compose(Object.assign({baseName:"option",template:(e,t)=>LX(0,t),styles:(e,t)=>Me` ${xX()} :host{border-radius: 0;padding: 0 calc(var(--design-unit) * 4px);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host(.selected), :host(:not([disabled])[aria-selected='true']:active), :host(:not([disabled])[aria-selected='true']:hover){background: var(--neutral-layer-2);color: var(--accent-fill-rest);font-weight: 500}`,shadowOptions:wX},SX));(class extends yX{}).compose(Object.assign({baseName:"listbox",template:(e,t)=>vX(),styles:(e,t)=>Me` ${bX(e)} :host{padding: 0;max-width: 300px;/** if removed max-width will be fit-content */}::slotted(*:last-child){border-bottom: none}`,shadowOptions:zX},CX));const tte=IX;(class extends RX{}).compose(Object.assign({baseName:"menu-item",template:(e,t)=>OX(e,t),styles:(e,t)=>Me` ${TX()} :host{margin: 0;--control-corner-radius: 0;background: var(--neutral-fill-stealth-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host(:hover){background: color-mix(in srgb, ${dd}, transparent 15%);border: calc(var(--focus-stroke-width) * 1px) solid color-mix(in srgb, ${dd}, transparent 15%)}:host(:focus){background: var(--neutral-fill-stealth-hover)}:host(.indent-0){border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover)}/* UX team wants border: solid 1px #2E3339;background: #2E3339 */ /* tokens being used by fast background: ${dd} color: ${kd} */`,shadowOptions:tte},DX));(class extends $X{}).compose(Object.assign({baseName:"menu",template:(e,t)=>kX(),styles:(e,t)=>Me` ${EX()} :host{border: calc(var(--focus-stroke-width) * 1px) solid color-mix(in srgb, ${dd}, transparent 15%);padding: 0}`,shadowOptions:NX},AX));const ite=Me` ${Eee}`,cte=PX,ote=HX,ste=_X;(class extends VX{}).compose(Object.assign({baseName:"modal",shadowOptions:ste,styles:ite,template:ote},cte));const ate=Me` ${Vx} .root{min-width: 0}.control{height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );min-height: 0;outline: none;border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);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);box-sizing: border-box}:host(:focus-within:not([disabled])) .control{outline: none;border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}.control:hover:not(:focus):not([disabled]){outline: none;border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}#display-field{min-height: unset;padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);font-family: var(--body-font), sans-serif;font-size: var(--type-ramp-base-font-size);background-color: transparent}#display-field:focus{outline: none;background: unset}#display-field:hover:not(:focus):not([disabled]){outline: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);left: calc( 100% - ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) * 1px );background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}#arrow-icon{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);fill: var(--neutral-foreground-rest)}.label{color: var(--neutral-foreground-hint)}.options{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);overflow-x: hidden}rapid-checkbox{border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px) calc((var(--design-unit) + 1) * 1px);margin: 0}rapid-checkbox:hover:not([disabled]){background: var(--neutral-layer-4)}rapid-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap}rapid-checkbox[disabled]{cursor: not-allowed}`,nte=K` ${qx("rapid")} `;const rte=Yx,lte=Wx;(class extends Kx{}).compose(Object.assign({baseName:"multiselect",template:nte,styles:ate,shadowOptions:lte},rte));(class extends n8{}).compose({baseName:"notification-listener",template:a8,shadowOptions:{mode:"open",delegatesFocus:!0}});const dte=aJ,hte=BX,ute=sJ;(class extends oJ{}).compose(Object.assign({baseName:"number-field",template:hte,styles:(e,t)=>Me` :host{flex: 1 1 auto;box-sizing: border-box}:host([disabled]){opacity: var(--disabled-opacity);cursor: not-allowed}:host .control{height: 100%;width: 100%;border: none;background-color: transparent;padding: 0 calc(var(--design-unit) * 2px);color: var(--neutral-foreground-rest);font-size: var(--type-ramp-base-font-size);font-family: var(--body-font)}:host .root{display: flex;box-sizing: border-box;position: relative;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:hover:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host(:focus-within:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{display: block;color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0;font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}.label-hidden{margin: 0}.controls{position: absolute;right: 3px;width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer}.step-down, .step-up{width: 1em;height: 1em;margin: -2px}.step-up-glyph, .step-down-glyph{fill: var(--neutral-foreground-hint)}.control:focus-visible{outline: none}:host .control-field .control{width: 100%}${lQ}`,shadowOptions:ute},dte));(class extends lJ{}).compose({baseName:"optgroup",template:(e,t)=>rJ(),styles:(e,t)=>Me` ${nJ()}`});(class extends bJ{}).compose(Object.assign({baseName:"system-health-overlay",template:yJ,styles:zJ,shadowOptions:CJ},LJ));(class extends j1{}).compose(Object.assign({baseName:"progress-ring",template:(e,t)=>B1(0,t),styles:(e,t)=>Me` ${U1()}`,shadowOptions:q1},G1));(class extends uJ{}).compose(Object.assign({baseName:"progress",template:(e,t)=>dJ(0,t),styles:(e,t)=>Me` ${hJ()}`,shadowOptions:fJ},pJ));(class extends e2{}).compose(Object.assign({baseName:"radio-group",template:(e,t)=>X1(),styles:(e,t)=>Me` ${J1()}`,shadowOptions:t2},i2));(class extends K1{}).compose(Object.assign({baseName:"radio",template:(e,t)=>W1(0,t),styles:(e,t)=>Me` ${Y1()} :host{margin: 0}:host .control{background: transparent}:host([aria-checked='true']) .control{background: transparent;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host .label{padding-inline-start: calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:hover{background: transparent}:host([aria-checked='true']:not([disabled])) .control:hover{background: transparent;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover)}.checked-indicator, :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator{background: var(--accent-fill-rest)}`,shadowOptions:Z1},Q1));let fte=class extends(zy.from(ze)){connectedCallback(){super.connectedCallback(),p.queueUpdate(()=>Ru(this,void 0,void 0,function*(){this.$router.config=this.config}))}};fte=Ou([Ce({name:"rapid-router"})],fte);const pte=Me` ${k2} :host{font-family: var(--body-font)}`,mte=K` ${W2("rapid")} `;(class extends K2{}).compose(Object.assign({baseName:"scheduler-cron-builder",template:mte,styles:pte,shadowOptions:Z2},Q2));const gte=Me` ${X2} :host{font-family: var(--body-font)}`,vte=K` ${J2("rapid")} `;(class extends t3{}).compose(Object.assign({baseName:"scheduler-timezone",template:vte,styles:gte,shadowOptions:i3},c3));const bte=Me` ${c2} :host{font-family: var(--body-font)}`,yte=K` ${o2("rapid")} `;(class extends a2{}).compose(Object.assign({baseName:"scheduler",template:yte,styles:bte,shadowOptions:n2},r2));(class extends f3{}).compose(Object.assign({baseName:"search-bar-combobox",template:(e,t)=>h3(0,t),styles:(e,t)=>Me` ${d3(e)} :host{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--neutral-stroke-rest));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not([open])){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host .listbox ::slotted(*:last-child){border-bottom: none}`,shadowOptions:p3},m3));const zte=Me` ${o3}`,Cte=K` ${s3("rapid")} `;(class extends n3{}).compose(Object.assign({baseName:"search-bar",template:Cte,styles:zte,shadowOptions:r3},l3));(class extends x3{}).compose(Object.assign({baseName:"section-navigator",template:v3,styles:(e,t)=>g3,shadowOptions:M3},w3));(class extends E3{}).compose(Object.assign({baseName:"segmented-control",template:(e,t)=>S3(),styles:(e,t)=>Me` ${k3()} :host{font-family: var(--body-font);margin: 0}:host ::slotted(*){transition: color 0.4s ease 0s}:host ::slotted(label){color: var(--neutral-foreground-rest)}:host ::slotted(rapid-segmented-item:first-of-type){border-radius: calc(var(--control-corner-radius) * 1px) 0 0 calc(var(--control-corner-radius) * 1px);border-right-width: 0}:host ::slotted(rapid-segmented-item:last-of-type){border-radius: 0 calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px) 0;border-left-width: 0}:host ::slotted(rapid-segmented-item:only-of-type){border-radius: calc(var(--control-corner-radius) * 1px);border-left-width: 1px;border-right-width: 1px}:host ::slotted(*[aria-checked='true']){background: var(--neutral-fill-rest);box-shadow: none;color: var(--neutral-foreground-rest)}:host([appearance='primary']) ::slotted(*[aria-checked='true']){background: var(--accent-fill-rest);border-color: transparent;box-shadow: none;color: var(--foreground-on-accent-rest)}`,shadowOptions:void 0},{}));(class extends K1{}).compose(Object.assign({baseName:"segmented-item",template:(e,t)=>$3(),styles:(e,t)=>Me` ${N3()} :host{color: var(--neutral-fill-strong-rest);font-size: var(--type-ramp-minus-2-font-size);font-weight: 500;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);box-sizing: border-box;height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);margin: 0}:host([aria-checked='true']){color: color-mix(in srgb, white, transparent 10%)}`,shadowOptions:void 0},{}));(class extends T3{}).compose(Object.assign({baseName:"select",template:(e,t)=>A3(0,t),styles:(e,t)=>Me` ${O3(e)} :host{border-radius: calc(var(--control-corner-radius) * 1px);border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not(.open)){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}.control{padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:active{background: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}.select-indicator{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);transition: all 0.35s;min-width: unset;min-height: unset}.selected-value{display: flex;align-items: center;height: calc(100% - (var(--design-unit) * 1px));padding: 0;margin: 0}:host(:focus-within:not([disabled])) .indicator{background-color: transparent}:host([open]) .select-indicator{transition: all 0.35s;transform: rotate(180deg)}::slotted([role='option']){margin: 0}`,shadowOptions:R3},I3));(class extends H3{}).compose(Object.assign({baseName:"skeleton",template:(e,t)=>D3(),styles:(e,t)=>Me` ${F3()} :host{--skeleton-fill: var( --neutral-fill-stealth-rest );/** value in ux doc rgba(242 242 242 / 0.1) */}`,shadowOptions:_3},P3));(class extends Y3{}).compose(Object.assign({baseName:"slider-label",template:(e,t)=>G3(),styles:(e,t)=>Me` ${W3()} .label{padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);border-radius: calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-4);background-color: var(--neutral-fill-strong-hover);color: var(--neutral-layer-4);text-align: center;font-size: var(--type-ramp-minus-1-font-size, 12px)}`,shadowOptions:K3},Z3));(class extends U3{}).compose(Object.assign({baseName:"slider",template:(e,t)=>V3(0,t),styles:(e,t)=>Me` ${B3()} .thumb-cursor{background: var(--accent-fill-rest);border-radius: calc(var(--control-corner-radius) * 2px)}.thumb-cursor:hover, .thumb-cursor:focus, .thumb-cursor:active{background: var(--accent-fill-rest);border-radius: transparent}:host(:focus-visible) .thumb-cursor{box-shadow: 0 0 0 0}.thumb-cursor:hover::after, .thumb-cursor:focus::after, .thumb-cursor:active::after{content: '';height: calc(var(--thumb-size) * 2px);width: calc(var(--thumb-size) * 2px);border-radius: calc(var(--control-corner-radius) * 4px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1}.thumb-cursor:hover::after{background-color: color-mix(in srgb, ${Al}, transparent 90%)}.thumb-cursor:focus::after{background-color: color-mix(in srgb, ${Al}, transparent 80%)}.thumb-cursor:active::after{background-color: color-mix(in srgb, ${Al}, transparent 70%)}.track{background-color: var(--neutral-fill-rest)}:host([orientation='horizontal']) .track .track-progress{background-color: var(--neutral-stroke-rest);height: calc((var(--track-width) + 2) * 1px) !important}:host([orientation='vertical']) .track .track-progress{background-color: var(--neutral-stroke-rest);width: calc((var(--track-width) + 2) * 1px) !important}`,shadowOptions:j3},q3));const Lte=Me` ${e4} .snackbar{border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);background-color: var(--neutral-layer-1);padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 4px)}:host([type='error']) .snackbar::after{background-color: var(--error-color)}.content{font-family: var(--body-font);font-size: var(--type-ramp-minus-2-font-size);color: var(--neutral-foreground-rest)}.action{gap: calc(var(--design-unit) * 2px)}`,xte=K` ${t4("rapid")} `,Mte=c4;(class extends o4{}).compose({baseName:"snackbar",shadowOptions:Mte,styles:Lte,template:xte});(class extends n4{}).compose({baseName:"stacking-icons",template:a4,styles:(e,t)=>Me` ${s4()}`});(class extends d4{}).compose({baseName:"status-pill",template:l4,styles:r4});(class extends b4{}).compose(Object.assign({baseName:"stepper-tab-panel",template:(e,t)=>v4(),shadowOptions:y4},z4));const wte=K` ${h4("rapid")} `;(class extends p4{}).compose(Object.assign({baseName:"stepper-tab",template:wte,styles:(e,t)=>Me` ${f4()} rapid-tree-item{--design-unit: 2.5;--neutral-fill-stealth-rest: var(--neutral-layer-3);--neutral-fill-stealth-hover: var(--fill-color);--neutral-fill-rest: var(--fill-color);--base-height-multiplier: 14.5;border-bottom: calc(var(--stroke-width) * 1px) solid var(--fill-color)}.completed-icon{color: var(--success-color)}.tree-item::part(positioning-region)::before{width: var(--tree-item-nested-width)}.stepper-icon{margin-right: calc(var(--design-unit) * 2px)}.error-icon{color: var(--error-color)}.step-number{font-size: var(--type-ramp-minus-1-font-size);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-input-rest)}.step-title{font-size: var(--type-ramp-base-font-size)}.angle-icon{margin: 0 calc(var(--design-unit) * 4px)}:host([completed]) .step-number{border-color: var(--success-color);color: white;background-color: var(--success-color)}:host([completed]) .step-title{color: var(--success-color)}:host([error]) .step-number{border-color: var(--error-color);color: white;background-color: var(--error-color)}:host([error]) .step-title{color: var(--error-color)}`,shadowOptions:m4},g4));const Ste=Me` ${w8} :host{font-family: var(--body-font)}:host([orientation='horizontal']){height: 100%}.stepper-tab-panel{border: none;height: auto}:host([orientation='horizontal']) .stepper-tab-panel{height: 100%}.stepper-tab{background-color: var(--neutral-layer-3);border: none}.stepper-panel-container{padding: calc(var(--design-unit) * 4px)}.action-buttons-container{padding: calc(var(--design-unit) * 2px);width: auto;gap: calc(var(--design-unit) * 2px)}.stepper-tab-menu{margin-bottom: calc(var(--design-unit) * 4px)}.stepper-tab-progress{padding: calc(var(--design-unit) * 4px) 0}label{padding: 0 calc(var(--design-unit) * 2px);color: var(--neutral-foreground-hint)}`,kte=K` ${x8("rapid")} `;(class extends S8{}).compose(Object.assign({baseName:"stepper",template:kte,styles:Ste,shadowOptions:k8},E8));const Ete={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};(class extends x4{}).compose(Object.assign({baseName:"switch",template:(e,t)=>C4(0,t),styles:(e,t)=>Me` ${L4()} :host{--primary-gradient-angle: -113.5deg}.switch{background: none;border-color: var(--neutral-stroke-rest)}.checked-indicator{background-color: var(--neutral-stroke-rest)}.switch:hover{border-color: var(--neutral-stroke-rest);background: none}:host([aria-checked='true']) .switch{background: none}:host([aria-checked='true']) .checked-indicator{background: var(--accent-fill-rest)}:host([aria-checked='true']:not([disabled])) .switch:hover, :host([aria-checked='true']:not([disabled])) .switch:active{background: none}:host([aria-checked='true']:not([disabled])) .switch:hover .checked-indicator, :host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator{background: var(--accent-fill-rest)}`,shadowOptions:M4},Ete));(class extends T4{}).compose(Object.assign({baseName:"tab-panel",template:(e,t)=>A4(),styles:(e,t)=>Me` ${O4()} :host{padding: 0;background-color: var(--neutral-layer-card-container);border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px)) var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));border-style: solid;border-width: var(--tabs-border-width, 1px);border-color: var(--tabs-border-color, var(--neutral-stroke-rest))}`,shadowOptions:R4},I4));(class extends E4{}).compose(Object.assign({baseName:"tab",template:(e,t)=>S4(),styles:(e,t)=>Me` ${k4()} :host{background-color: var(--neutral-layer-2);border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);margin-right: calc(var(--design-unit) * 5px);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host([aria-selected='true']), :host([aria-selected='true']:hover){background-color: var(--neutral-layer-4);font-weight: 700}`,shadowOptions:$4},N4));(class extends H4{}).compose(Object.assign({baseName:"tabs",template:(e,t)=>D4(0,t),styles:(e,t)=>Me` ${F4()} :host{background: var(--neutral-layer-3);border-radius: calc(var(--control-corner-radius) * 1px)}:host(:not([appearance='secondary'])){background: var(--rapid-layout-item-background, var(--neutral-layer-3));border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));border: var(--card-border, 0)}:host([appearance='secondary']){background: transparent}:host .tablist{padding: 0;display: grid;width: max-content;margin-top: 0}:host .tabpanel{height: 100%;min-height: 0}:host([appearance='secondary']) .tablist{margin-bottom: 0}:host .end, :host .start{padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);height: calc(100% - 1px);display: flex;align-items: center}::slotted([slot='tab']:hover){color: var(--neutral-foreground-rest);background: var(--neutral-layer-1)}::slotted([role='tab']){border-radius: calc(var(--control-corner-radius) * 1.5px) calc(var(--control-corner-radius) * 1.5px) 0 0;background: var(--tab-rest-background-color, var(--neutral-layer-4));padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);margin-right: 2px;box-shadow: none;font-size: var(--type-ramp-minus-1-font-size);border-style: solid;border-width: var(--tab-rest-border-width, 1px);border-color: var(--tab-rest-border-color, transparent)}::slotted([role='tab'][aria-selected='true']:not([appearance='secondary'])){border-style: solid;border-width: var(--tab-active-border-width, 1px 1px 0 1px);border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));background: var(--tab-active-background-color, var(--neutral-layer-card-container))}::slotted([role='tab'][aria-selected='true']){color: var(--accent-foreground-rest);background: var(--neutral-layer-card-container)}/* stylelint-disable selector-class-pattern */ .activeIndicator{display: none}:host([appearance='secondary']) .tablist .activeIndicator{display: block;height: 1px;margin-top: unset}::slotted([role='tab'][aria-selected='true'][appearance='secondary']){background: none}::slotted([role='tab'][appearance='secondary']){margin-left: 0;box-shadow: none;background: none}:host([appearance='secondary']:hover){color: var(--neutral-foreground-rest);background: none}:host([appearance='secondary']) ::slotted([role='tabpanel']){border: 0}`,shadowOptions:_4},P4));(class extends U4{}).compose(Object.assign({baseName:"text-area",template:(e,t)=>V4(),styles:(e,t)=>Me` ${B4()} :host{display: grid;flex: 1 1 auto;box-sizing: border-box}:host .control{height: 100%;border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);border-radius: calc(var(--control-corner-radius) * 1px);padding: calc(var(--design-unit) * 2px)}:host(:hover:not([disabled])) .control{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .control{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}`,shadowOptions:j4},q4));(class extends Y4{}).compose(Object.assign({baseName:"text-field",template:(e,t)=>G4(0,t),styles:(e,t)=>Me` ${W4()} :host{display: block;flex: 1 1 auto;box-sizing: border-box}:host .control{height: 100%;border-radius: calc(var(--control-corner-radius) * 1px);padding: 0 calc(var(--design-unit) * 2px)}:host .control-field .control{width: 100%}:host .root{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:hover:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover);box-shadow: none}:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{margin: 0}:host input::placeholder{color: var(--neutral-foreground-hint);opacity: 75%}`,shadowOptions:K4},Z4));const $te=Me` ${Q4} .toast{background-color: ${Cl};border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}.top{align-items: flex-start}:host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height);color: var(--neutral-foreground-rest)}.content{font-size: var(--type-ramp-minus-1-font-size)}.date{margin: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px)}.content-wrapper{padding: calc(var(--design-unit) * 2px)}.toast::after{background-color: var(--accent-fill-rest);border-radius: 0;height: calc(100% - calc(var(--design-unit) * 5px));margin: calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px)}:host([notify='warning']) .toast::after{background-color: var(--warning-color)}:host([notify='success']) .toast::after{background-color: var(--success-color)}:host([notify='critical']) .toast::after, :host([notify='serious']) .toast::after, :host([notify='error']) .toast::after{background-color: var(--error-color)}`,Nte=t0,Ate=e0;(class extends i0{}).compose(Object.assign({baseName:"toast",shadowOptions:Ate,styles:$te,template:J4},Nte));(class extends s0{}).compose(Object.assign({baseName:"toolbar",template:(e,t)=>c0(0,t),styles:(e,t)=>Me` ${o0()} :host{align-items: center;color: var(--neutral-foreground-rest)}.positioning-region{align-items: center}`,shadowOptions:a0},n0));(class extends d0{}).compose(Object.assign({baseName:"tooltip",template:(e,t)=>r0(e),styles:(e,t)=>Me` ${l0(e)} :host{visibility: visible}.tooltip{padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);text-align: center;white-space: inherit;font-weight: 400}rapid-anchored-region.bottom .tooltip{margin-top: calc(var(--design-unit) * 1px);margin-left: calc(var(--design-unit) * 2px)}rapid-anchored-region.top.right .tooltip, rapid-anchored-region.bottom.right .tooltip{margin-left: 0}`,shadowOptions:h0},u0));const Ote={expandCollapseGlyph:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="expand-collapse-glyph">\n <path d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"/>\n </svg>'};(class extends m0{}).compose(Object.assign({baseName:"tree-item",template:(e,t)=>f0(0,t),styles:(e,t)=>Me` ${p0(e)} :host{font-size: var(--type-ramp-base-font-size);color: var(--neutral-foreground-rest);background-color: transparent}:host(.nested) .expand-collapse-button{background: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);width: calc(var(--design-unit) * 5px);height: calc(var(--design-unit) * 5px);margin-left: calc(var(--design-unit) * 2px)}:host([selected]) .positioning-region{background: var(--neutral-fill-stealth-active)}.positioning-region::before{width: calc(var(--design-unit) * 1px)}:host([selected])::after{background: var(--accent-fill-rest);background-origin: border-box;background-size: cover;background-repeat: no-repeat}:host([slot='item']) .content-region{margin-inline-start: calc(var(--design-unit) * 4px + var(--expand-collapse-button-size))}.expand-collapse-glyph{width: calc(var(--design-unit) * 3px);height: calc(var(--design-unit) * 3px)}`,shadowOptions:g0},Ote));(class extends z0{}).compose(Object.assign({baseName:"tree-view",template:(e,t)=>b0(),styles:(e,t)=>Me` ${y0()}`,shadowOptions:C0},L0));const Tte=K` ${M0("rapid")} `;function Rte(...e){return t=>{for(const i of e)"function"==typeof i?i(t):null!=i&&(i.current=t)}}(class extends E0{}).compose(Object.assign({baseName:"url-input",template:Tte,styles:(e,t)=>Me` ${x0()} a{color: var(--accent-fill-rest);opacity: 65%}a:hover{opacity: 100%}.url-input-link{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px)}`,shadowOptions:S0},k0));const Ite=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-accordion",{...o,ref:t},c)}),Dte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-accordion-item",{...o,ref:t},c)}),Fte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-actions-menu",{...o,ref:t},c)}),Hte=i.default.forwardRef(function(e,t){const{onCriteriaChanged:c,onValidationErrors:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("criteria-changed",t);const i=e=>l.current?.(e);return e.addEventListener("validation-errors",i),()=>{e.removeEventListener("criteria-changed",t),e.removeEventListener("validation-errors",i)}},[]),i.default.createElement("rapid-ai-criteria-search",{...a,ref:Rte(n,t)},s)}),_te=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-ai-indicator",{...o,ref:t},c)}),Pte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-anchor",{...o,ref:t},c)}),Vte=i.default.forwardRef(function(e,t){const{onLoaded:c,onPositionchange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("loaded",t);const i=e=>l.current?.(e);return e.addEventListener("positionchange",i),()=>{e.removeEventListener("loaded",t),e.removeEventListener("positionchange",i)}},[]),i.default.createElement("rapid-anchored-region",{...a,ref:Rte(n,t)},s)}),Bte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-avatar",{...o,ref:t},c)}),Ute=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-badge",{...o,ref:t},c)}),jte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-banner",{...o,ref:t},c)}),qte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-breadcrumb",{...o,ref:t},c)}),Gte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-breadcrumb-item",{...o,ref:t},c)}),Wte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-button",{...o,ref:t},c)}),Yte=i.default.forwardRef(function(e,t){const{onDateselected:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("dateselected",t),()=>{e.removeEventListener("dateselected",t)}},[]),i.default.createElement("rapid-calendar",{...s,ref:Rte(a,t)},o)}),Kte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-card",{...o,ref:t},c)}),Zte=i.default.forwardRef(function(e,t){const{onSelectionChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("selectionChange",t),()=>{e.removeEventListener("selectionChange",t)}},[]),i.default.createElement("rapid-categorized-multiselect",{...s,ref:Rte(a,t)},o)}),Qte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-checkbox",{...o,ref:t},c)}),Xte=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-combobox",{...s,ref:Rte(a,t)},o)}),Jte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-connection-indicator",{...o,ref:t},c)}),eie=i.default.forwardRef(function(e,t){const{onValueChanged:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("value-changed",t),()=>{e.removeEventListener("value-changed",t)}},[]),i.default.createElement("rapid-date-picker",{...s,ref:Rte(a,t)},o)}),tie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-design-system-provider",{...o,ref:t},c)}),iie=i.default.forwardRef(function(e,t){const{onClose:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("close",t),()=>{e.removeEventListener("close",t)}},[]),i.default.createElement("rapid-dialog",{...s,ref:Rte(a,t)},o)}),cie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-disclosure",{...o,ref:t},c)}),oie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-divider",{...o,ref:t},c)}),sie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-dropdown-menu",{...o,ref:t},c)}),aie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-environment-indicator",{...o,ref:t},c)}),nie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(Hee)??"rapid-expression-builder",{...d,ref:Rte(h,t)},l)}),rie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(_ee)??"rapid-rule-expression-builder",{...d,ref:Rte(h,t)},l)}),lie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(Pee)??"rapid-value-expression-builder",{...d,ref:Rte(h,t)},l)}),die=i.default.forwardRef(function(e,t){const{onFileSelected:c,onSuccess:o,onErrorOut:s,onClear:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("file-selected",t);const i=e=>h.current?.(e);e.addEventListener("success",i);const c=e=>u.current?.(e);e.addEventListener("errorOut",c);const o=e=>f.current?.(e);return e.addEventListener("clear",o),()=>{e.removeEventListener("file-selected",t),e.removeEventListener("success",i),e.removeEventListener("errorOut",c),e.removeEventListener("clear",o)}},[]),i.default.createElement("rapid-file-upload",{...r,ref:Rte(l,t)},n)}),hie=i.default.forwardRef(function(e,t){const{onFilterChanged:c,onFilterCleared:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("filter-changed",t);const i=e=>l.current?.(e);return e.addEventListener("filter-cleared",i),()=>{e.removeEventListener("filter-changed",t),e.removeEventListener("filter-cleared",i)}},[]),i.default.createElement("rapid-filter",{...a,ref:Rte(n,t)},s)}),uie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-filter-bar",{...o,ref:t},c)}),fie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-flipper",{...o,ref:t},c)}),pie=i.default.forwardRef(function(e,t){const{onClosed:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("closed",t),()=>{e.removeEventListener("closed",t)}},[]),i.default.createElement("rapid-flyout",{...s,ref:Rte(a,t)},o)}),mie=i.default.forwardRef(function(e,t){const{onScrollstart:c,onScrollend:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("scrollstart",t);const i=e=>l.current?.(e);return e.addEventListener("scrollend",i),()=>{e.removeEventListener("scrollstart",t),e.removeEventListener("scrollend",i)}},[]),i.default.createElement("rapid-horizontal-scroll",{...a,ref:Rte(n,t)},s)}),gie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-icon",{...o,ref:t},c)}),vie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-listbox",{...o,ref:t},c)}),bie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-option",{...o,ref:t},c)}),yie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-menu",{...o,ref:t},c)}),zie=i.default.forwardRef(function(e,t){const{onOnMenuClick:c,onExpandedChange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("onMenuClick",t);const i=e=>l.current?.(e);return e.addEventListener("expanded-change",i),()=>{e.removeEventListener("onMenuClick",t),e.removeEventListener("expanded-change",i)}},[]),i.default.createElement("rapid-menu-item",{...a,ref:Rte(n,t)},s)}),Cie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-modal",{...o,ref:t},c)}),Lie=i.default.forwardRef(function(e,t){const{onSelectionChange:c,onClear:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("selectionChange",t);const i=e=>l.current?.(e);return e.addEventListener("clear",i),()=>{e.removeEventListener("selectionChange",t),e.removeEventListener("clear",i)}},[]),i.default.createElement("rapid-multiselect",{...a,ref:Rte(n,t)},s)}),xie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-notification-listener",{...o,ref:t},c)}),Mie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-number-field",{...o,ref:t},c)}),wie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-optgroup",{...o,ref:t},c)}),Sie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-progress",{...o,ref:t},c)}),kie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-progress-ring",{...o,ref:t},c)}),Eie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-radio",{...o,ref:t},c)}),$ie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-radio-group",{...o,ref:t},c)}),Nie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement(customElements.getName(fte)??"rapid-router",{...o,ref:t},c)}),Aie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler",{...o,ref:t},c)}),Oie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler-cron-builder",{...o,ref:t},c)}),Tie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler-timezone",{...o,ref:t},c)}),Rie=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-search-bar-combobox",{...s,ref:Rte(a,t)},o)}),Iie=i.default.forwardRef(function(e,t){const{onSelectionChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("selectionChange",t),()=>{e.removeEventListener("selectionChange",t)}},[]),i.default.createElement("rapid-search-bar",{...s,ref:Rte(a,t)},o)}),Die=i.default.forwardRef(function(e,t){const{onSectionNavigatorSetState:c,onSectionNavigatorSetStates:o,onSectionNavigatorClearState:s,onSectionNavigatorClearAllStates:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("section-navigator-set-state",t);const i=e=>h.current?.(e);e.addEventListener("section-navigator-set-states",i);const c=e=>u.current?.(e);e.addEventListener("section-navigator-clear-state",c);const o=e=>f.current?.(e);return e.addEventListener("section-navigator-clear-all-states",o),()=>{e.removeEventListener("section-navigator-set-state",t),e.removeEventListener("section-navigator-set-states",i),e.removeEventListener("section-navigator-clear-state",c),e.removeEventListener("section-navigator-clear-all-states",o)}},[]),i.default.createElement("rapid-section-navigator",{...r,ref:Rte(l,t)},n)}),Fie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-segmented-control",{...o,ref:t},c)}),Hie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-segmented-item",{...o,ref:t},c)}),_ie=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-select",{...s,ref:Rte(a,t)},o)}),Pie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-skeleton",{...o,ref:t},c)}),Vie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-slider",{...o,ref:t},c)}),Bie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-slider-label",{...o,ref:t},c)}),Uie=i.default.forwardRef(function(e,t){const{onAutoDismiss:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("autoDismiss",t),()=>{e.removeEventListener("autoDismiss",t)}},[]),i.default.createElement("rapid-snackbar",{...s,ref:Rte(a,t)},o)}),jie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-stacking-icons",{...o,ref:t},c)}),qie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-status-pill",{...o,ref:t},c)}),Gie=i.default.forwardRef(function(e,t){const{onStepClick:c,onValidationFailure:o,onNextStep:s,onValidationSuccess:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("step-click",t);const i=e=>h.current?.(e);e.addEventListener("validation-failure",i);const c=e=>u.current?.(e);e.addEventListener("next-step",c);const o=e=>f.current?.(e);return e.addEventListener("validation-success",o),()=>{e.removeEventListener("step-click",t),e.removeEventListener("validation-failure",i),e.removeEventListener("next-step",c),e.removeEventListener("validation-success",o)}},[]),i.default.createElement("rapid-stepper",{...r,ref:Rte(l,t)},n)}),Wie=i.default.forwardRef(function(e,t){const{onTabClicked:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("tab-clicked",t),()=>{e.removeEventListener("tab-clicked",t)}},[]),i.default.createElement("rapid-stepper-tab",{...s,ref:Rte(a,t)},o)}),Yie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-stepper-tab-panel",{...o,ref:t},c)}),Kie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-switch",{...o,ref:t},c)}),Zie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tab",{...o,ref:t},c)}),Qie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tab-panel",{...o,ref:t},c)}),Xie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tabs",{...o,ref:t},c)}),Jie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-text-area",{...o,ref:t},c)}),ece=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-text-field",{...o,ref:t},c)}),tce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-toast",{...o,ref:t},c)}),ice=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-toolbar",{...o,ref:t},c)}),cce=i.default.forwardRef(function(e,t){const{onDismiss:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("dismiss",t),()=>{e.removeEventListener("dismiss",t)}},[]),i.default.createElement("rapid-tooltip",{...s,ref:Rte(a,t)},o)}),oce=i.default.forwardRef(function(e,t){const{onExpandedChange:c,onSelectedChange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("expanded-change",t);const i=e=>l.current?.(e);return e.addEventListener("selected-change",i),()=>{e.removeEventListener("expanded-change",t),e.removeEventListener("selected-change",i)}},[]),i.default.createElement("rapid-tree-item",{...a,ref:Rte(n,t)},s)}),sce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tree-view",{...o,ref:t},c)}),ace=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-url-input",{...o,ref:t},c)}),nce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-system-health-overlay",{...o,ref:t},c)});var rce=Object.freeze({__proto__:null,Accordion:Ite,AccordionItem:Dte,ActionsMenu:Fte,AiCriteriaSearch:Hte,AiIndicator:_te,Anchor:Pte,AnchoredRegion:Vte,Avatar:Bte,Badge:Ute,Banner:jte,Breadcrumb:qte,BreadcrumbItem:Gte,Button:Wte,Calendar:Yte,Card:Kte,CategorizedMultiselect:Zte,Checkbox:Qte,Combobox:Xte,ConnectionIndicator:Jte,DatePicker:eie,DesignSystemProvider:tie,Dialog:iie,Disclosure:cie,Divider:oie,DropdownMenu:sie,EnvironmentIndicator:aie,RapidExpressionBuilder:nie,RapidRuleExpressionBuilder:rie,RapidValueExpressionBuilder:lie,FileUpload:die,Filter:hie,FilterBar:uie,Flipper:fie,Flyout:pie,HorizontalScroll:mie,Icon:gie,Listbox:vie,ListboxOption:bie,Menu:yie,MenuItem:zie,Modal:Cie,Multiselect:Lie,NotificationListener:xie,NumberField:Mie,Optgroup:wie,Progress:Sie,ProgressRing:kie,Radio:Eie,RadioGroup:$ie,RapidRouter:Nie,Scheduler:Aie,SchedulerCronBuilder:Oie,SchedulerTimezone:Tie,SearchBarCombobox:Rie,SearchBar:Iie,SectionNavigator:Die,SegmentedControl:Fie,SegmentedItem:Hie,Select:_ie,Skeleton:Pie,Slider:Vie,SliderLabel:Bie,Snackbar:Uie,StackingIcons:jie,StatusPill:qie,Stepper:Gie,StepperTab:Wie,StepperTabPanel:Yie,Switch:Kie,Tab:Zie,TabPanel:Qie,Tabs:Xie,TextArea:Jie,TextField:ece,Toast:tce,Toolbar:ice,Tooltip:cce,TreeItem:oce,TreeView:sce,UrlInput:ace,SystemHealthOverlay:nce});if("undefined"!=typeof window){const e=window;e.rapid||(e.rapid={}),e.rapid.react=rce}}(React);
|
|
107
|
+
Submit </${e}-button>`)} ${Ve(e=>!e.isLastStep,K`<${e}-button @click=${e=>e.nextStep()}data-test-id="next-button">Next</${e}-button>`)}</slot></div>`)}</${e}-card>`)} `,M8=K` ${e=>x8(kC(e))} `,w8=Me` :host{display: flex;height: 100%;width: 100%}:host([orientation='horizontal']){flex-direction: column}.stepper-tab{display: flex;flex-direction: column;width: 100%;height: 100%;max-width: 280px;border-radius: 0}.action-buttons-container{width: 100%;display: flex;justify-content: flex-end}.stepper-panel-container{height: 100%;overflow: hidden;padding: 15px}.stepper-tab-menu{display: flex;flex-direction: column;width: 100%;margin-bottom: 30px}.stepper-tab-menu-hidden{display: none}.stepper-tab-progress{display: flex;flex-direction: column;align-items: center;justify-content: start;flex: 1}.stepper-tab-progress .progress-ring{--design-unit: 10;margin: 0}.stepper-tab-panel{display: flex;flex-direction: column;justify-content: space-between;width: 100%;min-width: 370px;border-radius: 0}label{padding: 0 10px;color: rgb(135 155 166);display: block;cursor: pointer;text-align: center;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}:host([orientation='horizontal']) .stepper-tab-menu{height: 100%;width: 100%;display: flex;flex-direction: row;margin-bottom: 0;align-items: center;justify-content: center;gap: calc(var(--design-unit) * 4px);padding: 0 calc(var(--design-unit) * 4px)}:host([orientation='horizontal']) .stepper-tab-hidden{display: none}:host([orientation='horizontal']) .stepper-tab{max-width: 100%;max-height: 70px;height: 70px}`;class S8 extends Wt{constructor(){super(...arguments),this.allowBackwardJumps=!1,this.allowForwardJumps=!1,this.hideAllButtons=!1,this.hideTabs=!1,this.indicatorOnly=!1,this.orientation=pa,this.tabs=[],this.tabpanels=[],this.progressValue=0,this.activeTabIndex=0,this.pendingNextStep=!1,this.slotsInitialized=!1,this.setTabs=()=>{this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if("tab"===e.slot){const i=this.activeTabIndex===t,c=t+1===this.tabIds.length,o=this.tabIds[t],s=this.tabpanelIds[t];e.setAttribute("id",o),e.setAttribute("aria-selected",i?"true":"false"),e.setAttribute("aria-disabled",i?"false":"true"),e.setAttribute("selected",i?"true":"false"),e.setAttribute("orientation",this.orientation),s&&e.setAttribute("aria-controls",s),e.setAttribute("tab-position",String(t+1)),e.setAttribute("isLast",String(c)),e.setAttribute("hideStepNumber",String(!0===this.hideStepNumber)),e.setAttribute("tabindex",i?"0":"-1"),e.setAttribute("showCursorPointer",String(t<=this.activeTabIndex&&this.allowBackwardJumps||t>this.activeTabIndex&&this.allowForwardJumps)),i&&(this.activetab=e,this.activeid=o)}}),0===this.activeTabIndex&&this.resetCompletedState()},this.getCompletedTabs=()=>{let e=0;this.tabs.forEach(t=>{t.isCompleted()&&(e+=1)});const t=this.indicatorOnly?this.tabs.length:this.tabpanels.length;this.progressValue=t?Math.round(e/t*100):0},this.setTabPanels=()=>{this.tabpanels.forEach((e,t)=>{const i=this.tabIds[t],c=this.tabpanelIds[t];e.setAttribute("id",c),e.setAttribute("aria-labelledby",i),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})}}orientationChanged(){this.$fastController.isConnected&&(this.setTabs(),this.setTabPanels())}activeidChanged(e,t){this.$fastController.isConnected&&(this.indicatorOnly||this.tabs.length<=this.tabpanels.length)&&(this.setTabs(),this.setTabPanels(),this.getCompletedTabs())}tabsChanged(){this.$fastController.isConnected&&(this.indicatorOnly||this.tabs.length<=this.tabpanels.length)&&(this.setTabsAndTabPanels(),this.checkAndExecutePendingNextStep())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.setTabsAndTabPanels(),this.checkAndExecutePendingNextStep())}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}setTabsAndTabPanels(){this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs(),this.setTabPanels(),this.getCompletedTabs(),this.slotsInitialized=this.tabs.length>0&&(this.indicatorOnly||this.tabpanels.length>0)}checkAndExecutePendingNextStep(){this.pendingNextStep&&this.slotsInitialized&&(this.pendingNextStep=!1,this.nextStep())}getActiveIndex(){return void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}goToStep(e,t=!1){const i=e-1;if(e<1||e>this.tabs.length)return xC.warn(`[Stepper] Invalid step number: ${e}. Must be between 1 and ${this.tabs.length}`),!1;if(i===this.activeTabIndex)return!1;if(t){if(i<this.activeTabIndex)return this.handleBackwardJump(i);if(i>this.activeTabIndex)return this.handleForwardJump(i)}if(i<this.activeTabIndex&&this.allowBackwardJumps){return this.handleBackwardJump(i)}if(i>this.activeTabIndex&&this.allowForwardJumps){return this.handleForwardJump(i)}return i===this.activeTabIndex+1?(this.nextStep(),!0):(xC.warn(`[Stepper] Cannot jump to step ${e}. Jumps are not allowed or step is not adjacent.`),!1)}goToFirstStep(){return this.goToStep(1,!0)}goToLastStep(){return this.goToStep(this.tabs.length,!0)}handleStepClick(e){e<this.activeTabIndex&&this.allowBackwardJumps?this.handleBackwardJump(e):e>this.activeTabIndex&&this.allowForwardJumps&&this.handleForwardJump(e)}handleBackwardJump(e){for(let t=e+1;t<=this.activeTabIndex;t+=1)this.tabs[t].completed=!1;return this.activeTabIndex=e,this.activetab=this.tabs[e],this.activeid=this.tabIds[e],this.$emit("step-click",{activetab:this.activetab,activeid:this.activeid}),!0}handleForwardJump(e){for(let t=this.activeTabIndex;t<e;t+=1)if(this.validation&&this.validation[t]){if(!this.validation[t].isValid())return this.tabs[t].completed=!1,this.tabs[t].error=!0,this.getCompletedTabs(),this.$emit("validation-failure",{stepIndex:t,stepId:this.tabIds[t],message:`Validation failed for step ${t+1}`}),!1;this.tabs[t].error=!1}for(let t=this.activeTabIndex;t<e;t+=1)this.tabs[t].completed=!0,this.tabs[t].error=!1;return this.tabs[e].completed=!1,this.tabs[e].error=!1,this.activeTabIndex=e,this.activetab=this.tabs[e],this.activeid=this.tabIds[e],this.getCompletedTabs(),this.$emit("step-click",{activetab:this.activetab,activeid:this.activeid}),!0}get disabledPreviousStep(){return 0===this.activeTabIndex}get isLastStep(){return this.activeTabIndex+1===this.tabs.length}get islastStepValid(){var e;const t=this.tabs.length-1;return this.activeTabIndex===t&&(this.validation&&(null===(e=this.validation[t])||void 0===e?void 0:e.isValid())||!this.validation||!this.validation[t])?(this.tabs[t].completed=!0,this.getCompletedTabs(),!1):(this.tabs[t].completed=!1,this.getCompletedTabs(),!0)}_submit(){this.$emit("submit")}nextStep(){var e;if(!this.slotsInitialized)return void(this.pendingNextStep=!0);if(this.validation&&this.validation[this.activeTabIndex]){if(!this.validation[this.activeTabIndex].isValid())return this.tabs[this.activeTabIndex].completed=!1,this.tabs[this.activeTabIndex].error=!0,void this.getCompletedTabs();this.tabs[this.activeTabIndex].error=!1}this.activeTabIndex+2<=this.tabIds.length&&(this.tabs[this.activeTabIndex].completed=!0,this.activeTabIndex=this.activeTabIndex+1,this.activeid=this.tabIds[this.activeTabIndex],this.$emit("next-step"),this.$emit("validation-success"));const t=this.tabs.length-1,i=this.activeTabIndex===t;this.hideSubmitButton&&i&&(this.validation&&(null===(e=this.validation[t])||void 0===e?void 0:e.isValid())||!this.validation||!this.validation[t])?(this.tabs[t].completed=!0,this.getCompletedTabs()):(this.tabs[t].completed=!1,this.getCompletedTabs())}previousStep(){0!==this.activeTabIndex&&(this.tabs[this.activeTabIndex].completed=!1,this.activeTabIndex=this.activeTabIndex-1,this.activeid=this.tabIds[this.activeTabIndex])}getTabIds(){return this.tabs.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`tab-${Si()}`})}getTabPanelIds(){return this.tabpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`panel-${Si()}`})}resetCompletedState(){this.tabs.forEach(e=>e.completed=!1)}}Ou([de({attribute:"hide-submit-button",mode:"boolean"})],S8.prototype,"hideSubmitButton",void 0),Ou([de({attribute:"hide-step-number",mode:"boolean"})],S8.prototype,"hideStepNumber",void 0),Ou([de({attribute:"allow-backward-jumps",mode:"boolean"})],S8.prototype,"allowBackwardJumps",void 0),Ou([de({attribute:"allow-forward-jumps",mode:"boolean"})],S8.prototype,"allowForwardJumps",void 0),Ou([de({attribute:"hide-all-buttons",mode:"boolean"})],S8.prototype,"hideAllButtons",void 0),Ou([de({attribute:"hide-tabs",mode:"boolean"})],S8.prototype,"hideTabs",void 0),Ou([de({attribute:"indicator-only",mode:"boolean"})],S8.prototype,"indicatorOnly",void 0),Ou([de],S8.prototype,"orientation",void 0),Ou([de],S8.prototype,"activeid",void 0),Ou([b],S8.prototype,"tabs",void 0),Ou([b],S8.prototype,"tabpanels",void 0),Ou([b],S8.prototype,"validation",void 0),Ou([b],S8.prototype,"progressValue",void 0),Ou([b],S8.prototype,"activeTabIndex",void 0),Ou([y],S8.prototype,"disabledPreviousStep",null),Ou([y],S8.prototype,"isLastStep",null),Ou([y],S8.prototype,"islastStepValid",null);const k8=void 0,E8={};S8.compose(Object.assign({baseName:"stepper",template:M8,styles:w8,shadowOptions:k8},E8));(class extends Mu{}).compose(Object.assign({baseName:"accordion-item",template:(e,t)=>Lu(0,t),styles:(e,t)=>Me` ${xu()} :host{--icon-container-calculator: calc( (6 + (var(--design-unit) * 6)) * 1px );/* height of section - (padding top +padding-bottom) */ --icon-margin-calculation: calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px)}.region{padding: 0 calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px);color: var(--accent-foreground-rest)}:host([expanded]) .region{color: var(--accent-foreground-rest)}slot[name='expanded-icon']{display: none;stroke: none}slot[name='collapsed-icon'] path.plus-sign, slot[name='expanded-icon'] path.minus-sign{stroke: white}slot[name='expanded-icon'], slot[name='collapsed-icon']{background: var(--neutral-fill-rest);fill: none;stroke: none;height: calc(((var(--design-unit) * 4)) * 1px);width: calc(((var(--design-unit) * 4)) * 1px)}svg:not(:root){height: calc(((var(--design-unit) * 4)) * 1px);width: calc(((var(--design-unit) * 4)) * 1px)}.icon{height: var( --icon-container-calculator );/* UX 30px* for now it's 30 on default design unit - 4/ */ width: var(--icon-container-calculator);/* UX 30px */ margin: var(--icon-margin-calculation) var(--icon-margin-calculation) var(--icon-margin-calculation) 0}.button{padding: 0 calc((8 + (var(--design-unit) * 2 * var(--density))) * 1px) 0 calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px)}.heading{grid-template-columns: auto 1fr auto;align-items: center}`,shadowOptions:wu},Su));(class extends yu{}).compose(Object.assign({baseName:"accordion",template:(e,t)=>en(),styles:(e,t)=>Me` ${bu()} :host{border-top: none;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest)}.heading{height: calc(var(--base-height-multiplier) * 4px)}`,shadowOptions:zu},Cu));(class extends UC{}).compose({baseName:"actions-menu",styles:(e,t)=>Me` :host{--actions-opener-height-multiplier: 0.6px;--menu-item-height-multiplier: 0.5px}${ku()} rapid-menu-item{display: flex;user-select: none}rapid-menu-item::part(content){margin-inline: calc(var(--design-unit) * 3px)}rapid-menu-item[disabled]{pointer-events: none}.actions-vertical .actions-menu{padding: 0}.actions-vertical .menu-item{margin: 0;padding: calc(var(--design-unit) * 4px);border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover)}.actions-vertical .menu-item:last-child{border-bottom: none}.actions-vertical .menu-item:focus{border: calc(var(--stroke-width) * 1px) solid var(--accent-foreground-focus)}`,template:BC});const $8=Me` ${ZC}`;(class extends DL{}).compose(Object.assign({baseName:"ai-criteria-search",template:(e,t)=>QC,styles:$8,shadowOptions:FL},HL));function N8(e,t){return new Za("appearance",e,t)}(class extends VL{}).compose({baseName:"ai-indicator",template:PL,styles:(e,t)=>Me` ${_L()} :host{--green: var(--success-color);--trafic-light-green: var(--success-color);--red: var(--error-color);--trafic-light-red: var(--error-color);--amber: var(--warning-color);--trafic-light-amber: var(--warning-color)}`});const A8=Me` :host([appearance='primary']){background: var(--accent-fill-rest);color: var(--foreground-on-accent-rest)}:host([appearance='primary']:hover){background: var(--accent-fill-hover);color: var(--foreground-on-accent-hover)}:host([appearance='primary']:active){background: var(--accent-fill-active);color: var(--foreground-on-accent-active)}:host([appearance='primary'][disabled]), :host([appearance='primary'][disabled]):hover, :host([appearance='primary'][disabled]):active{opacity: 50%}`,O8=Me` :host([appearance='secondary']){background: var(--secondary-fill-rest);color: contrast-color(var(--secondary-fill-rest))}:host([appearance='secondary']:hover){background: var(--secondary-fill-hover);color: contrast-color(var(--secondary-fill-hover))}:host([appearance='secondary']:active){background: var(--secondary-fill-active);color: contrast-color(var(--secondary-fill-active))}:host([appearance='secondary'][disabled]), :host([appearance='secondary'][disabled]):hover, :host([appearance='secondary'][disabled]):active{opacity: 50%}`,T8=Me` :host([appearance='neutral']){background: var(--neutral-button-fill, var(--neutral-fill-rest));border: var(--neutral-button-border, 0);color: var(--neutral-button-foreground, var(--neutral-foreground-rest))}:host([appearance='neutral']:hover){background: color-mix( in srgb, var(--neutral-button-fill, var(--neutral-fill-hover)), transparent 20% )}:host([appearance='neutral']:active){background: color-mix( in srgb, var(--neutral-button-fill, var(--neutral-fill-active)), transparent 30% )}:host([appearance='neutral'][disabled]), :host([appearance='neutral'][disabled]):hover, :host([appearance='neutral'][disabled]):active{opacity: 50%;background: var(--neutral-button-fill, var(--neutral-fill-rest));color: var(--neutral-button-foreground, var(--neutral-foreground-rest));border: var(--neutral-button-border, 0)}`,R8=Me` :host([appearance='danger']){background: var(--error-fill-rest);color: contrast-color(var(--error-fill-rest));border: 0}:host([appearance='danger']:hover){background: var(--error-fill-hover);color: contrast-color(var(--error-fill-hover))}:host([appearance='danger']:active){background: var(--error-fill-active);color: contrast-color(var(--error-fill-active))}:host([appearance='danger'][disabled]), :host([appearance='danger'][disabled]):hover, :host([appearance='danger'][disabled]):active{opacity: 50%}`,I8=Me` :host([appearance='success']){background: var(--success-fill-rest);color: contrast-color(var(--success-fill-rest));border: 0}:host([appearance='success']:hover){background: var(--success-fill-hover);color: contrast-color(var(--success-fill-hover))}:host([appearance='success']:active){background: var(--success-fill-active);color: contrast-color(var(--success-fill-active))}:host([appearance='success'][disabled]), :host([appearance='success'][disabled]):hover, :host([appearance='success'][disabled]):active{opacity: 50%}`,D8=Me` :host([appearance='warning']){background: var(--warning-fill-rest);color: contrast-color(var(--warning-fill-rest));border: 0}:host([appearance='warning']:hover){background: var(--warning-fill-hover);color: contrast-color(var(--warning-fill-hover))}:host([appearance='warning']:active){background: var(--warning-fill-active);color: contrast-color(var(--warning-fill-active))}:host([appearance='warning'][disabled]), :host([appearance='warning'][disabled]):hover, :host([appearance='warning'][disabled]):active{opacity: 50%}`,F8=Me` :host([appearance='tertiary']){background: var(--tertiary-fill-rest);color: contrast-color(var(--tertiary-fill-rest));border: 0}:host([appearance='tertiary']:hover){background: var(--tertiary-fill-hover);color: contrast-color(var(--tertiary-fill-hover))}:host([appearance='tertiary']:active){background: var(--tertiary-fill-active);color: contrast-color(var(--tertiary-fill-active))}:host([appearance='tertiary'][disabled]), :host([appearance='tertiary'][disabled]):hover, :host([appearance='tertiary'][disabled]):active{opacity: 50%}`,H8=Me` :host([appearance='primary-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest)}:host([appearance='primary-outline']:hover){background: var(--accent-fill-hover);color: contrast-color(var(--accent-fill-hover))}:host([appearance='primary-outline']:active){background: var(--accent-fill-active);color: contrast-color(var(--accent-fill-active))}:host([appearance='primary-outline'][disabled]), :host([appearance='primary-outline'][disabled]):hover, :host([appearance='primary-outline'][disabled]):active{opacity: 50%}`,_8=Me` :host([appearance='secondary-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--secondary-fill-rest)}:host([appearance='secondary-outline']:hover){background: var(--secondary-fill-hover);color: contrast-color(var(--secondary-fill-hover))}:host([appearance='secondary-outline']:active){background: var(--secondary-fill-active);color: contrast-color(var(--secondary-fill-active))}:host([appearance='secondary-outline'][disabled]), :host([appearance='secondary-outline'][disabled]):hover, :host([appearance='secondary-outline'][disabled]):active{opacity: 50%}`,P8=Me` :host([appearance='neutral-outline']){background: none;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host([appearance='neutral-outline']:hover){background: var(--neutral-fill-hover);color: contrast-color(var(--neutral-fill-hover))}:host([appearance='neutral-outline']:active){background: var(--neutral-fill-active);color: contrast-color(var(--neutral-fill-active))}:host([appearance='neutral-outline'][disabled]), :host([appearance='neutral-outline'][disabled]):hover, :host([appearance='neutral-outline'][disabled]):active{opacity: 50%}`,V8=Me` :host([appearance='link']){background: none;border: none;color: var(--accent-foreground-rest)}:host([appearance='link']) .control{padding: 0}:host([appearance='link']:hover){color: var(--accent-foreground-hover)}:host([appearance='link'][disabled]), :host([appearance='link'][disabled]):hover, :host([appearance='link'][disabled]):active{opacity: 50%}`,B8=(e,t)=>Me` ${Lx()} ${Me` :host{font-weight: 500;color: var(--neutral-foreground-rest);box-sizing: border-box;font-size: var(--type-ramp-base-font-size);height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px)}.control{padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px)}.start{margin-inline-end: calc(var(--design-unit) * 2px)}.end{margin-inline-start: calc(var(--design-unit) * 2px)}.control:has(.start){padding-left: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px)}.control:has(.end){padding-right: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px)}:host([appearance='neutral']){background: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest)}:host([appearance='neutral']:hover){background: var(--neutral-fill-rest)}:host([appearance='neutral']:active){background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%));border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest)}:host([appearance='neutral'][disabled]), :host([appearance='neutral'][disabled]):hover, :host([appearance='neutral'][disabled]):active{background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);opacity: 100%}:host([appearance='accent']){color: contrast-color(var(--accent-fill-rest))}`} `.withBehaviors(N8("primary",A8),N8("secondary",O8),N8("tertiary",F8),N8("neutral",T8),N8("danger",R8),N8("success",I8),N8("warning",D8),N8("primary-outline",H8),N8("secondary-outline",_8),N8("neutral-outline",P8),N8("link",V8));(class extends jL{}).compose(Object.assign({baseName:"anchor",template:(e,t)=>BL(0,t),styles:(e,t)=>Me` ${UL()} ${B8()} `.withBehaviors(...B8().behaviors),shadowOptions:qL},GL));(class extends KL{}).compose(Object.assign({baseName:"anchored-region",template:(e,t)=>WL(),styles:(e,t)=>Me` ${YL()}`,shadowOptions:ZL},QL));(class extends tx{}).compose(Object.assign({baseName:"avatar",template:(e,t)=>XL(0,t),styles:(e,t)=>Me` ${ex(e)}`,shadowOptions:ix},cx));(class extends ax{}).compose(Object.assign({baseName:"badge",template:(e,t)=>ox(),styles:(e,t)=>Me` ${sx()} :host{--badge-fill-primary: var(--accent-fill-rest);--badge-fill-neutral: var(--neutral-fill-rest);--badge-fill-success: var(--success-color);--badge-fill-danger: var(--error-color);--badge-fill-warning: var(--warning-color);--badge-fill-buy: var(--buy-color);--badge-fill-sell: var(--sell-color);--badge-color-text: var(--neutral-foreground-rest);font-size: var(--type-ramp-minus-2-font-size)}:host .control{padding: calc(${fr} * 1px) calc(${fr} * 2px);border: none}`,shadowOptions:nx},rx));const U8=Me` ${lx} :host{--banner-height: calc( ((var(--design-unit) + 2) * var(--base-height-multiplier)) + (var(--design-unit) * var(--design-unit)) * 1px )}.banner{background-color: var(--neutral-layer-1);color: var(--neutral-foreground-rest);padding: calc(var(--design-unit) * 4px)}.content{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height)}`,j8=hx;(class extends ux{}).compose({baseName:"banner",shadowOptions:j8,styles:U8,template:dx});(class extends bx{}).compose(Object.assign({baseName:"breadcrumb-item",template:(e,t)=>gx(0,t),styles:(e,t)=>Me` ${vx()} .listitem{color: var(--accent-foreground-rest)}.control{color: var(--neutral-foreground-rest)}.control:hover{color: var(--neutral-foreground-rest)}.separator{color: var(--neutral-stroke-rest);margin: 0 12px}.control:hover .content::before{background: var(--neutral-foreground-rest)}.control .start{width: calc(var(--base-height-multiplier) * 3px);height: calc(var(--base-height-multiplier) * 3px);display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);margin: 0 -4px 0 0}.control:hover .start{background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%)}`,shadowOptions:yx},zx));(class extends mx{}).compose(Object.assign({baseName:"breadcrumb",template:(e,t)=>fx(),styles:(e,t)=>Me` ${px()}`,shadowOptions:void 0},{}));(class extends xx{}).compose(Object.assign({baseName:"button",template:(e,t)=>Cx(0,t),styles:B8,shadowOptions:Mx},wx));(class extends Ex{}).compose(Object.assign({baseName:"calendar",template:(e,t)=>kx(e,t),styles:()=>Me` ${Sx()}`,shadowOptions:$x},Nx));(class extends Tx{}).compose(Object.assign({baseName:"card",template:(e,t)=>Ax(),styles:(e,t)=>Me` ${Ox()} :host{background: var(--neutral-layer-card-container);color: ${kd};border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));box-shadow: var(--card-box-shadow, none);border: var( --card-border, 1px solid var(--neutral-stroke-rest) );/** uses a token instead of #2E3339 value available in ux docs */ /* box-shadow and border-radius are being calculated at host level by using design-tokens */}::slotted(rapid-card){background: var(--neutral-layer-3)}`,shadowOptions:Rx},Ix));const q8=Me` ${Zx} .label{color: var(--neutral-foreground-hint)}.options{background: var(--neutral-layer-4)}rapid-checkbox:hover:not([disabled]){background: var(--neutral-layer-4)}`,G8=K` ${Qx("rapid")} `;const W8=eM,Y8=Jx;(class extends tM{}).compose(Object.assign({baseName:"categorized-multiselect",template:G8,styles:q8,shadowOptions:Y8},W8));(class extends oM{}).compose(Object.assign({baseName:"checkbox",template:(e,t)=>iM(0,t),styles:(e,t)=>Me` ${cM()} :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator{fill: var(--neutral-foreground-rest)}.checked-indicator{fill: contrast-color(var(--accent-fill-rest));box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;border-radius: calc(var(--control-corner-radius) * 1px)}.label{padding-inline-start: calc(var(--design-unit) * 2px)}`,shadowOptions:sM},aM));(class extends hM{}).compose(Object.assign({baseName:"combobox",template:(e,t)=>rM(0,t),styles:(e,t)=>Me` ${nM(e)} :host{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );min-width: 0}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not([open])){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host .listbox ::slotted(*:last-child){border-bottom: none}.control{padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:active{background: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}.combo-box-indicator{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);transition: all 0.35s}.selected-value{height: calc(100% - (var(--design-unit) * 1px));padding: 0;margin: 0}:host(:focus-within:not([disabled])) .indicator{background-color: transparent}:host([open]) .combo-box-indicator{transition: all 0.35s;transform: rotate(180deg)}::slotted([role='option']){margin: 0}`,shadowOptions:uM},fM));(class extends gM{}).compose({baseName:"connection-indicator",template:mM,styles:(e,t)=>Me` ${pM()} :host{--light-size: calc(var(--design-unit) * 3px);--red: var(--error-color);--trafic-light-red: color-mix(in srgb, var(--red), transparent 0%);--trafic-light-red-glow: color-mix(in srgb, var(--red), transparent 60%) 0 0 4px 4px, color-mix(in srgb, var(--red), transparent 80%) 0 0 8px 8px;--green: var(--success-color);--trafic-light-green: color-mix(in srgb, var(--green), transparent 0%);--trafic-light-green-glow: color-mix(in srgb, var(--green), transparent 60%) 0 0 4px 4px, color-mix(in srgb, var(--green), transparent 80%) 0 0 8px 8px}.light{margin: calc(var(--design-unit) * 4px)}.label{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);color: var(--neutral-stroke-rest)}`});const K8=K` ${yM("rapid")} `;var Z8;(class extends ZM{}).compose(Object.assign({baseName:"date-picker",template:K8,styles:()=>Me` ${vM} :host{--primary-gradient-angle: -113.5deg;display: inline-block}.calendar-dropdown{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}.input-icon-container{display: flex;justify-content: center;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px)}.input-icon-container:hover{background-color: var(--neutral-fill-rest)}.date-toggle::part(end){margin-inline-end: calc(var(--design-unit) * 1px)}.date-toggle{margin-bottom: 0}.month-day{width: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px);height: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px)}.week-days span{font-size: var(--type-ramp-minus-2-font-size)}`,shadowOptions:void 0},{})),function(e){e.primary="#11C9FC",e.neutral="#7C909B",e.error="#F9644D",e.success="#7ACC79",e.warning="#FFB660",e.tertiary="#7B2FBE",e.info="#11C9FC",e.buy="#7ACC79",e.sell="#F14376",e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(Z8||(Z8={}));const{create:Q8}=yo,X8=_n(Z8.error),J8=Un.create(X8.r,X8.g,X8.b),e5=Q8("error-color").withDefault(J8),t5=_n(Z8.success),i5=Un.create(t5.r,t5.g,t5.b),c5=Q8("success-color").withDefault(i5),o5=_n(Z8.warning),s5=Un.create(o5.r,o5.g,o5.b),a5=Q8("warning-color").withDefault(s5),n5=_n(Z8.buy),r5=Un.create(n5.r,n5.g,n5.b),l5=Q8("buy-color").withDefault(r5),d5=_n(Z8.sell),h5=Un.create(d5.r,d5.g,d5.b),u5=Q8("sell-color").withDefault(h5),f5=_n(Z8.info),p5=Un.create(f5.r,f5.g,f5.b),m5=Q8("info-color").withDefault(p5),g5=_n(Z8.error),v5=Un.create(g5.r,g5.g,g5.b),b5=Q8("serious-notify-color").withDefault(v5),{create:y5}=yo,z5=e=>yo.create({name:e,cssCustomPropertyName:null}),C5=Un.create(1,1,1),L5=Un.create(0,0,0);function x5(e,t){const i=e,c=z5(`${i}-palette`).withDefault(e=>Kn.from(t.getValueFor(e))),o=z5(`${i}-fill-rest-delta`).withDefault(0),s=z5(`${i}-fill-hover-delta`).withDefault(4),a=z5(`${i}-fill-active-delta`).withDefault(-5),n=z5(`${i}-fill-focus-delta`).withDefault(0),r=z5(`${i}-foreground-rest-delta`).withDefault(0),l=z5(`${i}-foreground-hover-delta`).withDefault(6),d=z5(`${i}-foreground-active-delta`).withDefault(-4),h=z5(`${i}-foreground-focus-delta`).withDefault(0),u=z5(`${i}-fill-recipe`).withDefault({evaluate:(e,t)=>function(e,t,i,c,o,s,a,n,r){const l=e.source,d=t.closestIndexOf(i)>=Math.max(a,n,r)?-1:1,h=e.closestIndexOf(l),u=h+-1*d*c,f=u+d*o,p=u+d*s;return{rest:e.get(u),hover:e.get(h),active:e.get(f),focus:e.get(p)}}(c.getValueFor(e),fl.getValueFor(e),null!=t?t:El.getValueFor(e),s.getValueFor(e),a.getValueFor(e),n.getValueFor(e),jr.getValueFor(e),qr.getValueFor(e),Gr.getValueFor(e))}),f=y5(`${i}-fill-rest`).withDefault(e=>u.getValueFor(e).evaluate(e).rest),p=y5(`${i}-fill-hover`).withDefault(e=>u.getValueFor(e).evaluate(e).hover),m=y5(`${i}-fill-active`).withDefault(e=>u.getValueFor(e).evaluate(e).active),g=y5(`${i}-fill-focus`).withDefault(e=>u.getValueFor(e).evaluate(e).focus),v=e=>(t,i)=>function(e,t){return e.contrast(C5)>=t?C5:L5}(null!=i?i:f.getValueFor(t),e),b=z5(`foreground-on-${i}-recipe`).withDefault({evaluate:(e,t)=>v(4.5)(e,t)}),y=y5(`foreground-on-${i}-rest`).withDefault(e=>b.getValueFor(e).evaluate(e,f.getValueFor(e))),z=y5(`foreground-on-${i}-hover`).withDefault(e=>b.getValueFor(e).evaluate(e,p.getValueFor(e))),C=y5(`foreground-on-${i}-active`).withDefault(e=>b.getValueFor(e).evaluate(e,m.getValueFor(e))),L=y5(`foreground-on-${i}-focus`).withDefault(e=>b.getValueFor(e).evaluate(e,g.getValueFor(e))),x=z5(`foreground-on-${i}-large-recipe`).withDefault({evaluate:(e,t)=>v(7)(e,t)}),M=y5(`foreground-on-${i}-rest-large`).withDefault(e=>x.getValueFor(e).evaluate(e,f.getValueFor(e))),w=y5(`foreground-on-${i}-hover-large`).withDefault(e=>x.getValueFor(e).evaluate(e,p.getValueFor(e))),S=y5(`foreground-on-${i}-active-large`).withDefault(e=>x.getValueFor(e).evaluate(e,m.getValueFor(e))),k=y5(`foreground-on-${i}-focus-large`).withDefault(e=>x.getValueFor(e).evaluate(e,g.getValueFor(e))),E=z5(`${i}-foreground-recipe`).withDefault({evaluate:(e,t)=>function(e,t,i,c,o,s,a){const n=e.source,r=e.closestIndexOf(n),l=Wn(t)?-1:1,d=r+(1===l?Math.min(c,o):Math.max(l*c,l*o)),h=e.colorContrast(t,i,d,l),u=e.closestIndexOf(h),f=u+l*Math.abs(c-o),p=1===l?c<o:l*c>l*o,m=p?u:f,g=p?f:u;return{rest:e.get(m),hover:e.get(g),active:e.get(m+l*s),focus:e.get(m+l*a)}}(c.getValueFor(e),null!=t?t:El.getValueFor(e),4.5,r.getValueFor(e),l.getValueFor(e),d.getValueFor(e),h.getValueFor(e))}),$=y5(`${i}-foreground-rest`).withDefault(e=>E.getValueFor(e).evaluate(e).rest),N=y5(`${i}-foreground-hover`).withDefault(e=>E.getValueFor(e).evaluate(e).hover),A=y5(`${i}-foreground-active`).withDefault(e=>E.getValueFor(e).evaluate(e).active),O=y5(`${i}-foreground-focus`).withDefault(e=>E.getValueFor(e).evaluate(e).focus);return{palette:c,fillRestDelta:o,fillHoverDelta:s,fillActiveDelta:a,fillFocusDelta:n,foregroundRestDelta:r,foregroundHoverDelta:l,foregroundActiveDelta:d,foregroundFocusDelta:h,fillRecipe:u,fillRest:f,fillHover:p,fillActive:m,fillFocus:g,foregroundOnRecipe:b,foregroundOnRest:y,foregroundOnHover:z,foregroundOnActive:C,foregroundOnFocus:L,foregroundOnLargeRecipe:x,foregroundOnRestLarge:M,foregroundOnHoverLarge:w,foregroundOnActiveLarge:S,foregroundOnFocusLarge:k,foregroundRecipe:E,foregroundRest:$,foregroundHover:N,foregroundActive:A,foregroundFocus:O}}const M5=_n(Z8.green),w5=Un.create(M5.r,M5.g,M5.b),S5=yo.create("secondary-color").withDefault(w5),{palette:k5,fillRestDelta:E5,fillHoverDelta:$5,fillActiveDelta:N5,fillFocusDelta:A5,foregroundRestDelta:O5,foregroundHoverDelta:T5,foregroundActiveDelta:R5,foregroundFocusDelta:I5,fillRecipe:D5,fillRest:F5,fillHover:H5,fillActive:_5,fillFocus:P5,foregroundOnRecipe:V5,foregroundOnRest:B5,foregroundOnHover:U5,foregroundOnActive:j5,foregroundOnFocus:q5,foregroundOnLargeRecipe:G5,foregroundOnRestLarge:W5,foregroundOnHoverLarge:Y5,foregroundOnActiveLarge:K5,foregroundOnFocusLarge:Z5,foregroundRecipe:Q5,foregroundRest:X5,foregroundHover:J5,foregroundActive:e7,foregroundFocus:t7}=x5("secondary",S5),i7=_n(Z8.tertiary),c7=Un.create(i7.r,i7.g,i7.b),o7=yo.create("tertiary-color").withDefault(c7),{palette:s7,fillRestDelta:a7,fillHoverDelta:n7,fillActiveDelta:r7,fillFocusDelta:l7,foregroundRestDelta:d7,foregroundHoverDelta:h7,foregroundActiveDelta:u7,foregroundFocusDelta:f7,fillRecipe:p7,fillRest:m7,fillHover:g7,fillActive:v7,fillFocus:b7,foregroundOnRecipe:y7,foregroundOnRest:z7,foregroundOnHover:C7,foregroundOnActive:L7,foregroundOnFocus:x7,foregroundOnLargeRecipe:M7,foregroundOnRestLarge:w7,foregroundOnHoverLarge:S7,foregroundOnActiveLarge:k7,foregroundOnFocusLarge:E7,foregroundRecipe:$7,foregroundRest:N7,foregroundHover:A7,foregroundActive:O7,foregroundFocus:T7}=x5("tertiary",o7),{palette:R7,fillRestDelta:I7,fillHoverDelta:D7,fillActiveDelta:F7,fillFocusDelta:H7,foregroundRestDelta:_7,foregroundHoverDelta:P7,foregroundActiveDelta:V7,foregroundFocusDelta:B7,fillRecipe:U7,fillRest:j7,fillHover:q7,fillActive:G7,fillFocus:W7,foregroundOnRecipe:Y7,foregroundOnRest:K7,foregroundOnHover:Z7,foregroundOnActive:Q7,foregroundOnFocus:X7,foregroundOnLargeRecipe:J7,foregroundOnRestLarge:e9,foregroundOnHoverLarge:t9,foregroundOnActiveLarge:i9,foregroundOnFocusLarge:c9,foregroundRecipe:o9,foregroundRest:s9,foregroundHover:a9,foregroundActive:n9,foregroundFocus:r9}=x5("error",e5),{palette:l9,fillRestDelta:d9,fillHoverDelta:h9,fillActiveDelta:u9,fillFocusDelta:f9,foregroundRestDelta:p9,foregroundHoverDelta:m9,foregroundActiveDelta:g9,foregroundFocusDelta:v9,fillRecipe:b9,fillRest:y9,fillHover:z9,fillActive:C9,fillFocus:L9,foregroundOnRecipe:x9,foregroundOnRest:M9,foregroundOnHover:w9,foregroundOnActive:S9,foregroundOnFocus:k9,foregroundOnLargeRecipe:E9,foregroundOnRestLarge:$9,foregroundOnHoverLarge:N9,foregroundOnActiveLarge:A9,foregroundOnFocusLarge:O9,foregroundRecipe:T9,foregroundRest:R9,foregroundHover:I9,foregroundActive:D9,foregroundFocus:F9}=x5("success",c5),{palette:H9,fillRestDelta:_9,fillHoverDelta:P9,fillActiveDelta:V9,fillFocusDelta:B9,foregroundRestDelta:U9,foregroundHoverDelta:j9,foregroundActiveDelta:q9,foregroundFocusDelta:G9,fillRecipe:W9,fillRest:Y9,fillHover:K9,fillActive:Z9,fillFocus:Q9,foregroundOnRecipe:X9,foregroundOnRest:J9,foregroundOnHover:eee,foregroundOnActive:tee,foregroundOnFocus:iee,foregroundOnLargeRecipe:cee,foregroundOnRestLarge:oee,foregroundOnHoverLarge:see,foregroundOnActiveLarge:aee,foregroundOnFocusLarge:nee,foregroundRecipe:ree,foregroundRest:lee,foregroundHover:dee,foregroundActive:hee,foregroundFocus:uee}=x5("warning",a5);var fee=Object.freeze({__proto__:null,accentFillActive:Tl,accentFillActiveDelta:Hr,accentFillFocus:Rl,accentFillFocusDelta:_r,accentFillHover:Ol,accentFillHoverDelta:Fr,accentFillRest:Al,accentFillRestDelta:Dr,accentForegroundActive:Zl,accentForegroundActiveDelta:Br,accentForegroundFocus:Ql,accentForegroundFocusDelta:Ur,accentForegroundHover:Kl,accentForegroundHoverDelta:Vr,accentForegroundRest:Yl,accentForegroundRestDelta:Pr,accentPalette:ml,baseHeightMultiplier:rr,baseLayerLuminance:dr,bodyFont:nr,controlCornerRadius:hr,density:ur,designUnit:fr,direction:pr,disabledOpacity:mr,fillColor:El,focusStrokeInner:xd,focusStrokeOuter:Cd,focusStrokeWidth:vr,foregroundOnAccentActive:_l,foregroundOnAccentActiveLarge:jl,foregroundOnAccentFocus:Pl,foregroundOnAccentFocusLarge:ql,foregroundOnAccentHover:Hl,foregroundOnAccentHoverLarge:Ul,foregroundOnAccentRest:Fl,foregroundOnAccentRestLarge:Bl,neutralFillActive:td,neutralFillActiveDelta:Gr,neutralFillFocus:id,neutralFillFocusDelta:Wr,neutralFillHover:ed,neutralFillHoverDelta:qr,neutralFillInputActive:ad,neutralFillInputActiveDelta:Zr,neutralFillInputFocus:nd,neutralFillInputFocusDelta:Qr,neutralFillInputHover:sd,neutralFillInputHoverDelta:Kr,neutralFillInputRest:od,neutralFillInputRestDelta:Yr,neutralFillLayerRest:yd,neutralFillLayerRestDelta:al,neutralFillRest:Jl,neutralFillRestDelta:jr,neutralFillStealthActive:hd,neutralFillStealthActiveDelta:el,neutralFillStealthFocus:ud,neutralFillStealthFocusDelta:tl,neutralFillStealthHover:dd,neutralFillStealthHoverDelta:Jr,neutralFillStealthRest:ld,neutralFillStealthRestDelta:Xr,neutralFillStrongActive:gd,neutralFillStrongActiveDelta:ol,neutralFillStrongFocus:vd,neutralFillStrongFocusDelta:sl,neutralFillStrongHover:md,neutralFillStrongHoverDelta:cl,neutralFillStrongRest:pd,neutralFillStrongRestDelta:il,neutralForegroundHint:wd,neutralForegroundRest:kd,neutralLayer1:Cl,neutralLayer2:xl,neutralLayer3:wl,neutralLayer4:kl,neutralLayerCardContainer:vl,neutralLayerFloating:yl,neutralPalette:fl,neutralStrokeActive:Ad,neutralStrokeActiveDelta:ll,neutralStrokeDividerRest:Rd,neutralStrokeDividerRestDelta:hl,neutralStrokeFocus:Od,neutralStrokeFocusDelta:dl,neutralStrokeHover:Nd,neutralStrokeHoverDelta:rl,neutralStrokeRest:$d,neutralStrokeRestDelta:nl,strokeWidth:gr,typeRampBaseFontSize:br,typeRampBaseLineHeight:yr,typeRampMinus1FontSize:zr,typeRampMinus1LineHeight:Cr,typeRampMinus2FontSize:Lr,typeRampMinus2LineHeight:xr,typeRampPlus1FontSize:Mr,typeRampPlus1LineHeight:wr,typeRampPlus2FontSize:Sr,typeRampPlus2LineHeight:kr,typeRampPlus3FontSize:Er,typeRampPlus3LineHeight:$r,typeRampPlus4FontSize:Nr,typeRampPlus4LineHeight:Ar,typeRampPlus5FontSize:Or,typeRampPlus5LineHeight:Tr,typeRampPlus6FontSize:Rr,typeRampPlus6LineHeight:Ir,defaultErrorColor:J8,errorColor:e5,defaultSuccessColor:i5,successColor:c5,defaultWarningColor:s5,warningColor:a5,defaultBuyColor:r5,buyColor:l5,defaultSellColor:h5,sellColor:u5,defaultInfoColor:p5,infoColor:m5,defaultSeriousNotifyColor:v5,seriousNotifyColor:b5,defaultSecondaryColor:w5,secondaryColor:S5,secondaryPalette:k5,secondaryFillRestDelta:E5,secondaryFillHoverDelta:$5,secondaryFillActiveDelta:N5,secondaryFillFocusDelta:A5,secondaryForegroundRestDelta:O5,secondaryForegroundHoverDelta:T5,secondaryForegroundActiveDelta:R5,secondaryForegroundFocusDelta:I5,secondaryFillRecipe:D5,secondaryFillRest:F5,secondaryFillHover:H5,secondaryFillActive:_5,secondaryFillFocus:P5,foregroundOnSecondaryRecipe:V5,foregroundOnSecondaryRest:B5,foregroundOnSecondaryHover:U5,foregroundOnSecondaryActive:j5,foregroundOnSecondaryFocus:q5,foregroundOnSecondaryLargeRecipe:G5,foregroundOnSecondaryRestLarge:W5,foregroundOnSecondaryHoverLarge:Y5,foregroundOnSecondaryActiveLarge:K5,foregroundOnSecondaryFocusLarge:Z5,secondaryForegroundRecipe:Q5,secondaryForegroundRest:X5,secondaryForegroundHover:J5,secondaryForegroundActive:e7,secondaryForegroundFocus:t7,defaultTertiaryColor:c7,tertiaryColor:o7,tertiaryPalette:s7,tertiaryFillRestDelta:a7,tertiaryFillHoverDelta:n7,tertiaryFillActiveDelta:r7,tertiaryFillFocusDelta:l7,tertiaryForegroundRestDelta:d7,tertiaryForegroundHoverDelta:h7,tertiaryForegroundActiveDelta:u7,tertiaryForegroundFocusDelta:f7,tertiaryFillRecipe:p7,tertiaryFillRest:m7,tertiaryFillHover:g7,tertiaryFillActive:v7,tertiaryFillFocus:b7,foregroundOnTertiaryRecipe:y7,foregroundOnTertiaryRest:z7,foregroundOnTertiaryHover:C7,foregroundOnTertiaryActive:L7,foregroundOnTertiaryFocus:x7,foregroundOnTertiaryLargeRecipe:M7,foregroundOnTertiaryRestLarge:w7,foregroundOnTertiaryHoverLarge:S7,foregroundOnTertiaryActiveLarge:k7,foregroundOnTertiaryFocusLarge:E7,tertiaryForegroundRecipe:$7,tertiaryForegroundRest:N7,tertiaryForegroundHover:A7,tertiaryForegroundActive:O7,tertiaryForegroundFocus:T7,errorPalette:R7,errorFillRestDelta:I7,errorFillHoverDelta:D7,errorFillActiveDelta:F7,errorFillFocusDelta:H7,errorForegroundRestDelta:_7,errorForegroundHoverDelta:P7,errorForegroundActiveDelta:V7,errorForegroundFocusDelta:B7,errorFillRecipe:U7,errorFillRest:j7,errorFillHover:q7,errorFillActive:G7,errorFillFocus:W7,foregroundOnErrorRecipe:Y7,foregroundOnErrorRest:K7,foregroundOnErrorHover:Z7,foregroundOnErrorActive:Q7,foregroundOnErrorFocus:X7,foregroundOnErrorLargeRecipe:J7,foregroundOnErrorRestLarge:e9,foregroundOnErrorHoverLarge:t9,foregroundOnErrorActiveLarge:i9,foregroundOnErrorFocusLarge:c9,errorForegroundRecipe:o9,errorForegroundRest:s9,errorForegroundHover:a9,errorForegroundActive:n9,errorForegroundFocus:r9,successPalette:l9,successFillRestDelta:d9,successFillHoverDelta:h9,successFillActiveDelta:u9,successFillFocusDelta:f9,successForegroundRestDelta:p9,successForegroundHoverDelta:m9,successForegroundActiveDelta:g9,successForegroundFocusDelta:v9,successFillRecipe:b9,successFillRest:y9,successFillHover:z9,successFillActive:C9,successFillFocus:L9,foregroundOnSuccessRecipe:x9,foregroundOnSuccessRest:M9,foregroundOnSuccessHover:w9,foregroundOnSuccessActive:S9,foregroundOnSuccessFocus:k9,foregroundOnSuccessLargeRecipe:E9,foregroundOnSuccessRestLarge:$9,foregroundOnSuccessHoverLarge:N9,foregroundOnSuccessActiveLarge:A9,foregroundOnSuccessFocusLarge:O9,successForegroundRecipe:T9,successForegroundRest:R9,successForegroundHover:I9,successForegroundActive:D9,successForegroundFocus:F9,warningPalette:H9,warningFillRestDelta:_9,warningFillHoverDelta:P9,warningFillActiveDelta:V9,warningFillFocusDelta:B9,warningForegroundRestDelta:U9,warningForegroundHoverDelta:j9,warningForegroundActiveDelta:q9,warningForegroundFocusDelta:G9,warningFillRecipe:W9,warningFillRest:Y9,warningFillHover:K9,warningFillActive:Z9,warningFillFocus:Q9,foregroundOnWarningRecipe:X9,foregroundOnWarningRest:J9,foregroundOnWarningHover:eee,foregroundOnWarningActive:tee,foregroundOnWarningFocus:iee,foregroundOnWarningLargeRecipe:cee,foregroundOnWarningRestLarge:oee,foregroundOnWarningHoverLarge:see,foregroundOnWarningActiveLarge:aee,foregroundOnWarningFocusLarge:nee,warningForegroundRecipe:ree,warningForegroundRest:lee,warningForegroundHover:dee,warningForegroundActive:hee,warningForegroundFocus:uee});const pee=tw(Z8.primary),mee=tw(Z8.neutral),gee=tw(Z8.green),vee=tw(Z8.tertiary),bee=tw(Z8.error),yee=tw(Z8.success),zee=tw(Z8.warning),Cee=cr,Lee=Li.ltr,xee='"Segoe UI", Arial, Helvetica, sans-serif',Mee="14px",wee="20px",See={design_tokens:{color:{accent:{$value:pee.source.toColorString(),$type:"color"},neutral:{$value:mee.source.toColorString(),$type:"color"},secondary:{$value:gee.source.toColorString(),$type:"color"},tertiary:{$value:vee.source.toColorString(),$type:"color"},error:{$value:bee.source.toColorString(),$type:"color"},success:{$value:yee.source.toColorString(),$type:"color"},warning:{$value:zee.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:xee,$type:"fontFamily"}},typography:{baseFontSize:{$value:Mee,$type:"dimension"},baseLineHeight:{$value:wee,$type:"dimension"}},mode:{luminance:{$value:Cee,$type:"number"}},style:{density:{$value:0,$type:"number"},baseHeightMultiplier:{$value:10,$type:"number"},borderRadius:{$value:4,$type:"number"},strokeWidth:{$value:1,$type:"number"}},space:{designUnit:{$value:4,$type:"number"}}}};var kee=Object.freeze({__proto__:null,accentPaletteValue:pee,neutralPaletteValue:mee,secondaryPaletteValue:gee,tertiaryPaletteValue:vee,errorPaletteValue:bee,successPaletteValue:yee,warningPaletteValue:zee,baseLayerLuminanceValue:Cee,accentFillRestDeltaValue:0,accentFillHoverDeltaValue:4,accentFillActiveDeltaValue:-5,accentFillFocusDeltaValue:0,accentForegroundRestDeltaValue:0,accentForegroundHoverDeltaValue:6,accentForegroundActiveDeltaValue:-4,accentForegroundFocusDeltaValue:0,neutralFillRestDeltaValue:7,neutralFillHoverDeltaValue:10,neutralFillActiveDeltaValue:5,neutralFillFocusDeltaValue:0,neutralFillInputRestDeltaValue:0,neutralFillInputHoverDeltaValue:5,neutralFillInputActiveDeltaValue:0,neutralFillInputFocusDeltaValue:10,neutralFillStealthRestDeltaValue:0,neutralFillStealthHoverDeltaValue:5,neutralFillStealthActiveDeltaValue:3,neutralFillStealthFocusDeltaValue:0,neutralFillStrongRestDeltaValue:0,neutralFillStrongHoverDeltaValue:8,neutralFillStrongActiveDeltaValue:-5,neutralFillStrongFocusDeltaValue:0,neutralFillLayerRestDeltaValue:3,neutralStrokeRestDeltaValue:25,neutralStrokeHoverDeltaValue:40,neutralStrokeActiveDeltaValue:16,neutralStrokeFocusDeltaValue:25,neutralStrokeDividerRestDeltaValue:8,designTokens:See,prefix:"rapid",directionValue:Lee,disabledOpacityValue:.3,strokeWidthValue:1,focusStrokeWidthValue:2,baseHeightMultiplierValue:10,controlCornerRadiusValue:4,densityValue:0,designUnitValue:4,bodyFontValue:xee,typeRampBaseFontSizeValue:Mee,typeRampBaseLineHeightValue:wee,typeRampMinus1FontSizeValue:"13px",typeRampMinus1LineHeightValue:"19px",typeRampMinus2FontSizeValue:"12px",typeRampMinus2LineHeightValue:"18px",typeRampPlus1FontSizeValue:"15px",typeRampPlus1LineHeightValue:"21px",typeRampPlus2FontSizeValue:"16px",typeRampPlus2LineHeightValue:"22px",typeRampPlus3FontSizeValue:"17px",typeRampPlus3LineHeightValue:"23px",typeRampPlus4FontSizeValue:"18px",typeRampPlus4LineHeightValue:"24px",typeRampPlus5FontSizeValue:"19px",typeRampPlus5LineHeightValue:"25px",typeRampPlus6FontSizeValue:"20px",typeRampPlus6LineHeightValue:"26px"});(class extends Ch{constructor(){super(),XM(fee,kee,this)}}).compose({baseName:"design-system-provider",template:K`<slot></slot>`});const Eee=Me` ${QK} :host{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}dialog{position: var(--dialog-position, fixed);top: 0;bottom: 0;border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));text-align: left;line-height: normal;box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);background-color: var(--dialog-background, var(--neutral-layer-1))}.top{display: flex;align-items: center;justify-content: space-between;color: var(--neutral-foreground-rest);margin-bottom: calc(var(--design-unit) * 2px);font-weight: 500}.bottom{display: flex;flex-wrap: wrap;justify-content: flex-end;color: var(--neutral-foreground-rest);gap: calc(var(--design-unit) * 2px)}:host slot:first-of-type{color: ${kd}}::slotted(rapid-button){margin-top: calc(var(--design-unit) * 4px - 1px)}slot[name='top']::slotted(*){margin: 0;font-size: var(--type-ramp-base-font-size);color: var(--neutral-foreground-hint);font-weight: 700}.content-wrapper{min-width: var(--dialog-min-width);min-height: var(--dialog-min-height);height: fit-content;width: fit-content;max-width: var(--dialog-max-width);max-height: var(--dialog-max-height);display: flex;flex-direction: column;justify-content: space-between;align-items: stretch}.close-icon:hover svg{background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%)}.close-icon svg g path{fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%)}.close-icon:hover svg g path{fill: var(--neutral-foreground-rest)}.close-icon:active svg{background-color: var(--neutral-layer-4)}.close-icon:active svg g path{fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%)}.header-controls{rapid-button{--base-height-multiplier: 8}rapid-button::part(control){padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px)}}`,$ee=bZ,Nee=JK,Aee=vZ;(class extends zZ{}).compose(Object.assign({baseName:"dialog",shadowOptions:Aee,styles:Eee,template:Nee},$ee));(class extends xZ{}).compose(Object.assign({baseName:"disclosure",template:(e,t)=>CZ(),styles:(e,t)=>Me` ${LZ()} :host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height);color: var(--neutral-foreground-rest)}:host([appearance='accent']) .invoker{padding: calc((10 + (var(--design-unit) * 2 * var(--density))) * 1px)}#disclosure-content{padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);text-align: center}`,shadowOptions:vZ},MZ));(class extends kZ{}).compose(Object.assign({baseName:"divider",template:(e,t)=>wZ(),styles:(e,t)=>Me` ${SZ()}`,shadowOptions:EZ},$Z));(class extends TZ{}).compose({baseName:"dropdown-menu",styles:(e,t)=>Me` ${NZ("rapid")} .actions-menu{border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);gap: 0;margin: calc(var(--design-unit) * 1px) 0}rapid-menu{margin: 0 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * -2px);border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}`,template:OZ});const Oee=Me` ${RZ}`;function Tee(e,...t){let i="";return e.forEach((e,c)=>{i+=e,c<t.length&&(i+=t[c])}),i}(class extends UZ{}).compose({baseName:"environment-indicator",styles:Oee,template:IZ});const Ree={number:"rapid-number-field",text:"rapid-text-field",date:"rapid-text-field",datetimeLocal:"rapid-text-field",checkbox:"rapid-checkbox",button:"rapid-button",select:"rapid-select",option:"rapid-option",optgroup:"rapid-optgroup",radio:{input:"rapid-radio",group:"rapid-radio-group"}},Iee=Tee` rapid-select, rapid-text-field, rapid-number-field{min-width: 180px}rapid-button.btn{padding: 0}rapid-button.btn-success{background-color: var(--accent-fill-active);border-color: var(--accent-fill-active)}rapid-button.btn-danger{background-color: var(--error-color);border-color: var(--error-border-color)}rapid-select::part(listbox){max-height: 15vh}`,Dee=Tee` border: unset;border: 1px solid var(--focus-stroke-outer);padding: calc(var(--design-unit) * 2.5px);border-radius: 10px;margin: calc(var(--design-unit) * 1px);`,Fee={value:Tee` ${Iee} rapid-number-field, rapid-text-field{margin-bottom: 0}rapid-number-field::part(label){display: none}p.validation-msg{color: var(--neutral-foreground-rest)}`,rule:Tee` ${Iee} div.rule-container{${Dee}}div.rule-container.error{border-color: var(--error-border-color)}`,operator:Tee` ${Iee} rapid-select{min-width: 350px}`,field:Tee` ${Iee} rapid-select{min-width: 350px}`,group:Tee` ${Iee} div.rules-group-container{${Dee}}p.group-combinator-link{padding-left: calc(var(--design-unit) * 2.5px);color: var(--neutral-foreground-rest)}`};let Hee=class extends k6{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],Hee.prototype,"styles",void 0),Hee=Ou([Ce({name:"rapid-expression-builder",styles:B6.styles,template:B6.template})],Hee);let _ee=class extends J6{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],_ee.prototype,"styles",void 0),_ee=Ou([Ce({name:"rapid-rule-expression-builder",styles:B6.styles,template:B6.template})],_ee);let Pee=class extends s8{constructor(){super(...arguments),this.styles={customElements:Ree,customStyles:Fee}}};Ou([b],Pee.prototype,"styles",void 0),Pee=Ou([Ce({name:"rapid-value-expression-builder",styles:B6.styles,template:B6.template})],Pee);const Vee=Me` ${uQ} ::-webkit-scrollbar{width: calc(var(--design-unit) * 3px)}::-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: var(--neutral-fill-rest);border: calc(var(--stroke-width) * 3px) solid var(--neutral-layer-4)}:host::part(select-file-button), :host::part(upload-file-button){margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px)}`,Bee=K` ${fQ("rapid")} `,Uee=CQ,jee=zQ;(class extends yQ{}).compose(Object.assign({baseName:"file-upload",shadowOptions:jee,styles:Vee,template:Bee},Uee));const qee=K` ${TQ("rapid")} `;(class extends IQ{}).compose({baseName:"filter-bar",template:qee,styles:(e,t)=>Me` ${AQ()} .toggle, .toggle-collapsed{background: var(--neutral-layer-4);color: var(--neutral-foreground-hint)}.toggle{border-top: calc(var(--stroke-width) * 2px) solid}.toggle:hover, .toggle-collapsed:hover{color: var(--accent-foreground-rest)}.filter-bar{background: var(--neutral-layer-3)}`});const Gee=K` ${kQ("rapid")} `;(class extends NQ{}).compose({baseName:"filter",template:Gee,styles:(e,t)=>Me` ${LQ} .filter-wrapper{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}.close-icon{border: calc(var(--stroke-width) * 1px) solid transparent}.close-icon:hover{border-color: var(--error-color);background: color-mix(in srgb, var(--error-color), transparent 75%)}.close-icon:hover svg path{fill: var(--error-color)}rapid-select{margin-bottom: calc(var(--design-unit) * 2px)}.flex-row rapid-text-field, .flex-row rapid-select{flex: 1}`});(class extends BQ{}).compose(Object.assign({baseName:"flipper",template:(e,t)=>PQ(0,t),styles:(e,t)=>Me` ${VQ()} :host{color: var(--neutral-foreground-rest)}:host(:hover){color: var(--neutral-foreground-rest)}:host::before{background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);color: var(--neutral-foreground-rest)}:host(:hover)::before{background: var(--accent-fill-rest);color: var(--neutral-foreground-rest)}`,shadowOptions:UQ},jQ));const Wee=Me` ${qQ} div.flyout{background-color: var(--neutral-layer-1);border-color: var(--neutral-stroke-rest);color: var(--neutral-foreground-rest);padding: calc(var(--design-unit) * 4px)}div.background{padding: calc(var(--design-unit) * 4px) 0}:host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height)}:host([position='left']) div.flyout{border-right-style: solid;border-right-width: calc(var(--stroke-width) * 1px)}:host([position='right']) div.flyout{border-left-style: solid;border-left-width: calc(var(--stroke-width) * 1px)}div.exit{cursor: pointer;width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);display: flex;justify-content: center;align-items: center}div.content, div.footer{padding: 0 0 calc(var(--design-unit) * 2px)}div.exit:hover{background-color: var(--neutral-fill-hover);border-radius: calc(var(--stroke-width) * 3px)}`,Yee=K` ${GQ("rapid")} `,Kee=ZQ,Zee=KQ;(class extends YQ{}).compose(Object.assign({baseName:"flyout",shadowOptions:Zee,styles:Wee,template:Yee},Kee));const Qee={nextFlipper:K`<rapid-flipper @click="${e=>e.scrollToNext()}" aria-hidden="${e=>e.flippersHiddenFromAT}"></rapid-flipper>`,previousFlipper:K`<rapid-flipper @click="${e=>e.scrollToPrevious()}" direction="previous" aria-hidden="${e=>e.flippersHiddenFromAT}"></rapid-flipper>`};(class extends nX{}).compose(Object.assign({baseName:"horizontal-scroll",template:(e,t)=>sX(e,t),styles:(e,t)=>Me` ${aX()}`,shadowOptions:rX},Qee));const Xee=K` ${hX("rapid")} `;const Jee=pX,ete=fX;(class extends gX{}).compose(Object.assign({baseName:"icon",template:Xee,styles:(e,t)=>Me` ${dX()}`,shadowOptions:ete},Jee));(class extends MX{}).compose(Object.assign({baseName:"option",template:(e,t)=>LX(0,t),styles:(e,t)=>Me` ${xX()} :host{border-radius: 0;padding: 0 calc(var(--design-unit) * 4px);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host(.selected), :host(:not([disabled])[aria-selected='true']:active), :host(:not([disabled])[aria-selected='true']:hover){background: var(--neutral-layer-2);color: var(--accent-fill-rest);font-weight: 500}`,shadowOptions:wX},SX));(class extends yX{}).compose(Object.assign({baseName:"listbox",template:(e,t)=>vX(),styles:(e,t)=>Me` ${bX(e)} :host{padding: 0;max-width: 300px;/** if removed max-width will be fit-content */}::slotted(*:last-child){border-bottom: none}`,shadowOptions:zX},CX));const tte=IX;(class extends RX{}).compose(Object.assign({baseName:"menu-item",template:(e,t)=>OX(e,t),styles:(e,t)=>Me` ${TX()} :host{margin: 0;--control-corner-radius: 0;background: var(--neutral-fill-stealth-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host(:hover){background: color-mix(in srgb, ${dd}, transparent 15%);border: calc(var(--focus-stroke-width) * 1px) solid color-mix(in srgb, ${dd}, transparent 15%)}:host(:focus){background: var(--neutral-fill-stealth-hover)}:host(.indent-0){border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover)}/* UX team wants border: solid 1px #2E3339;background: #2E3339 */ /* tokens being used by fast background: ${dd} color: ${kd} */`,shadowOptions:tte},DX));(class extends $X{}).compose(Object.assign({baseName:"menu",template:(e,t)=>kX(),styles:(e,t)=>Me` ${EX()} :host{border: calc(var(--focus-stroke-width) * 1px) solid color-mix(in srgb, ${dd}, transparent 15%);padding: 0}`,shadowOptions:NX},AX));const ite=Me` ${Eee}`,cte=PX,ote=HX,ste=_X;(class extends VX{}).compose(Object.assign({baseName:"modal",shadowOptions:ste,styles:ite,template:ote},cte));const ate=Me` ${Vx} .root{min-width: 0}.control{height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px );min-height: 0;outline: none;border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);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);box-sizing: border-box}:host(:focus-within:not([disabled])) .control{outline: none;border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}.control:hover:not(:focus):not([disabled]){outline: none;border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}#display-field{min-height: unset;padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);font-family: var(--body-font), sans-serif;font-size: var(--type-ramp-base-font-size);background-color: transparent}#display-field:focus{outline: none;background: unset}#display-field:hover:not(:focus):not([disabled]){outline: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);left: calc( 100% - ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) * 1px );background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}#arrow-icon{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);fill: var(--neutral-foreground-rest)}.label{color: var(--neutral-foreground-hint)}.options{border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);overflow-x: hidden}rapid-checkbox{border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px) calc((var(--design-unit) + 1) * 1px);margin: 0}rapid-checkbox:hover:not([disabled]){background: var(--neutral-layer-4)}rapid-checkbox::part(label){overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap}rapid-checkbox[disabled]{cursor: not-allowed}`,nte=K` ${qx("rapid")} `;const rte=Yx,lte=Wx;(class extends Kx{}).compose(Object.assign({baseName:"multiselect",template:nte,styles:ate,shadowOptions:lte},rte));(class extends n8{}).compose({baseName:"notification-listener",template:a8,shadowOptions:{mode:"open",delegatesFocus:!0}});const dte=aJ,hte=BX,ute=sJ;(class extends oJ{}).compose(Object.assign({baseName:"number-field",template:hte,styles:(e,t)=>Me` :host{flex: 1 1 auto;box-sizing: border-box}:host([disabled]){opacity: var(--disabled-opacity);cursor: not-allowed}:host .control{height: 100%;width: 100%;border: none;background-color: transparent;padding: 0 calc(var(--design-unit) * 2px);color: var(--neutral-foreground-rest);font-size: var(--type-ramp-base-font-size);font-family: var(--body-font)}:host .root{display: flex;box-sizing: border-box;position: relative;align-items: center;border-radius: calc(var(--control-corner-radius) * 1px);border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:hover:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host(:focus-within:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{display: block;color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0;font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);line-height: var(--type-ramp-base-line-height)}.label-hidden{margin: 0}.controls{position: absolute;right: 3px;width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center;flex-direction: column;cursor: pointer}.step-down, .step-up{width: 1em;height: 1em;margin: -2px}.step-up-glyph, .step-down-glyph{fill: var(--neutral-foreground-hint)}.control:focus-visible{outline: none}:host .control-field .control{width: 100%}${lQ}`,shadowOptions:ute},dte));(class extends lJ{}).compose({baseName:"optgroup",template:(e,t)=>rJ(),styles:(e,t)=>Me` ${nJ()}`});(class extends bJ{}).compose(Object.assign({baseName:"system-health-overlay",template:yJ,styles:zJ,shadowOptions:CJ},LJ));(class extends j1{}).compose(Object.assign({baseName:"progress-ring",template:(e,t)=>B1(0,t),styles:(e,t)=>Me` ${U1()}`,shadowOptions:q1},G1));(class extends uJ{}).compose(Object.assign({baseName:"progress",template:(e,t)=>dJ(0,t),styles:(e,t)=>Me` ${hJ()}`,shadowOptions:fJ},pJ));(class extends e2{}).compose(Object.assign({baseName:"radio-group",template:(e,t)=>X1(),styles:(e,t)=>Me` ${J1()}`,shadowOptions:t2},i2));(class extends K1{}).compose(Object.assign({baseName:"radio",template:(e,t)=>W1(0,t),styles:(e,t)=>Me` ${Y1()} :host{margin: 0}:host .control{background: transparent}:host([aria-checked='true']) .control{background: transparent;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}:host .label{padding-inline-start: calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:hover{background: transparent}:host([aria-checked='true']:not([disabled])) .control:hover{background: transparent;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover)}.checked-indicator, :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator{background: var(--accent-fill-rest)}`,shadowOptions:Z1},Q1));let fte=class extends(zy.from(ze)){connectedCallback(){super.connectedCallback(),p.queueUpdate(()=>Ru(this,void 0,void 0,function*(){this.$router.config=this.config}))}};fte=Ou([Ce({name:"rapid-router"})],fte);const pte=Me` ${k2} :host{font-family: var(--body-font)}`,mte=K` ${W2("rapid")} `;(class extends K2{}).compose(Object.assign({baseName:"scheduler-cron-builder",template:mte,styles:pte,shadowOptions:Z2},Q2));const gte=Me` ${X2} :host{font-family: var(--body-font)}`,vte=K` ${J2("rapid")} `;(class extends t3{}).compose(Object.assign({baseName:"scheduler-timezone",template:vte,styles:gte,shadowOptions:i3},c3));const bte=Me` ${c2} :host{font-family: var(--body-font)}`,yte=K` ${o2("rapid")} `;(class extends a2{}).compose(Object.assign({baseName:"scheduler",template:yte,styles:bte,shadowOptions:n2},r2));(class extends f3{}).compose(Object.assign({baseName:"search-bar-combobox",template:(e,t)=>h3(0,t),styles:(e,t)=>Me` ${d3(e)} :host{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--neutral-stroke-rest));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not([open])){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}:host .listbox ::slotted(*:last-child){border-bottom: none}`,shadowOptions:p3},m3));const zte=Me` ${o3}`,Cte=K` ${s3("rapid")} `;(class extends n3{}).compose(Object.assign({baseName:"search-bar",template:Cte,styles:zte,shadowOptions:r3},l3));(class extends x3{}).compose(Object.assign({baseName:"section-navigator",template:v3,styles:(e,t)=>g3,shadowOptions:M3},w3));(class extends E3{}).compose(Object.assign({baseName:"segmented-control",template:(e,t)=>S3(),styles:(e,t)=>Me` ${k3()} :host{font-family: var(--body-font);margin: 0}:host ::slotted(*){transition: color 0.4s ease 0s}:host ::slotted(label){color: var(--neutral-foreground-rest)}:host ::slotted(rapid-segmented-item:first-of-type){border-radius: calc(var(--control-corner-radius) * 1px) 0 0 calc(var(--control-corner-radius) * 1px);border-right-width: 0}:host ::slotted(rapid-segmented-item:last-of-type){border-radius: 0 calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px) 0;border-left-width: 0}:host ::slotted(rapid-segmented-item:only-of-type){border-radius: calc(var(--control-corner-radius) * 1px);border-left-width: 1px;border-right-width: 1px}:host ::slotted(*[aria-checked='true']){background: var(--neutral-fill-rest);box-shadow: none;color: var(--neutral-foreground-rest)}:host([appearance='primary']) ::slotted(*[aria-checked='true']){background: var(--accent-fill-rest);border-color: transparent;box-shadow: none;color: var(--foreground-on-accent-rest)}`,shadowOptions:void 0},{}));(class extends K1{}).compose(Object.assign({baseName:"segmented-item",template:(e,t)=>$3(),styles:(e,t)=>Me` ${N3()} :host{color: var(--neutral-fill-strong-rest);font-size: var(--type-ramp-minus-2-font-size);font-weight: 500;border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);box-sizing: border-box;height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);margin: 0}:host([aria-checked='true']){color: color-mix(in srgb, white, transparent 10%)}`,shadowOptions:void 0},{}));(class extends T3{}).compose(Object.assign({baseName:"select",template:(e,t)=>A3(0,t),styles:(e,t)=>Me` ${O3(e)} :host{border-radius: calc(var(--control-corner-radius) * 1px);border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:focus-within:not([disabled])){border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus)}:host(:hover:not([disabled]):not(.open)){border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host([open][position='below']) .listbox{padding: 0;margin-top: calc(${fr} * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);border-radius: calc(var(--control-corner-radius) * 1px)}.control{padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px)}:host(:not([disabled])) .control:active{background: none}.indicator{width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));border-radius: calc(var(--control-corner-radius) * 1px);display: flex;justify-content: center;align-items: center}.select-indicator{width: calc(var(--design-unit) * 3.5px);height: calc(var(--design-unit) * 3.5px);transition: all 0.35s;min-width: unset;min-height: unset}.selected-value{display: flex;align-items: center;height: calc(100% - (var(--design-unit) * 1px));padding: 0;margin: 0}:host(:focus-within:not([disabled])) .indicator{background-color: transparent}:host([open]) .select-indicator{transition: all 0.35s;transform: rotate(180deg)}::slotted([role='option']){margin: 0}`,shadowOptions:R3},I3));(class extends H3{}).compose(Object.assign({baseName:"skeleton",template:(e,t)=>D3(),styles:(e,t)=>Me` ${F3()} :host{--skeleton-fill: var( --neutral-fill-stealth-rest );/** value in ux doc rgba(242 242 242 / 0.1) */}`,shadowOptions:_3},P3));(class extends Y3{}).compose(Object.assign({baseName:"slider-label",template:(e,t)=>G3(),styles:(e,t)=>Me` ${W3()} .label{padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);border-radius: calc(var(--control-corner-radius) * 1px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-4);background-color: var(--neutral-fill-strong-hover);color: var(--neutral-layer-4);text-align: center;font-size: var(--type-ramp-minus-1-font-size, 12px)}`,shadowOptions:K3},Z3));(class extends U3{}).compose(Object.assign({baseName:"slider",template:(e,t)=>V3(0,t),styles:(e,t)=>Me` ${B3()} .thumb-cursor{background: var(--accent-fill-rest);border-radius: calc(var(--control-corner-radius) * 2px)}.thumb-cursor:hover, .thumb-cursor:focus, .thumb-cursor:active{background: var(--accent-fill-rest);border-radius: transparent}:host(:focus-visible) .thumb-cursor{box-shadow: 0 0 0 0}.thumb-cursor:hover::after, .thumb-cursor:focus::after, .thumb-cursor:active::after{content: '';height: calc(var(--thumb-size) * 2px);width: calc(var(--thumb-size) * 2px);border-radius: calc(var(--control-corner-radius) * 4px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1}.thumb-cursor:hover::after{background-color: color-mix(in srgb, ${Al}, transparent 90%)}.thumb-cursor:focus::after{background-color: color-mix(in srgb, ${Al}, transparent 80%)}.thumb-cursor:active::after{background-color: color-mix(in srgb, ${Al}, transparent 70%)}.track{background-color: var(--neutral-fill-rest)}:host([orientation='horizontal']) .track .track-progress{background-color: var(--neutral-stroke-rest);height: calc((var(--track-width) + 2) * 1px) !important}:host([orientation='vertical']) .track .track-progress{background-color: var(--neutral-stroke-rest);width: calc((var(--track-width) + 2) * 1px) !important}`,shadowOptions:j3},q3));const Lte=Me` ${e4} .snackbar{border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);background-color: var(--neutral-layer-1);padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 4px)}:host([type='error']) .snackbar::after{background-color: var(--error-color)}.content{font-family: var(--body-font);font-size: var(--type-ramp-minus-2-font-size);color: var(--neutral-foreground-rest)}.action{gap: calc(var(--design-unit) * 2px)}`,xte=K` ${t4("rapid")} `,Mte=c4;(class extends o4{}).compose({baseName:"snackbar",shadowOptions:Mte,styles:Lte,template:xte});(class extends n4{}).compose({baseName:"stacking-icons",template:a4,styles:(e,t)=>Me` ${s4()}`});(class extends d4{}).compose({baseName:"status-pill",template:l4,styles:r4});(class extends b4{}).compose(Object.assign({baseName:"stepper-tab-panel",template:(e,t)=>v4(),shadowOptions:y4},z4));const wte=K` ${h4("rapid")} `;(class extends p4{}).compose(Object.assign({baseName:"stepper-tab",template:wte,styles:(e,t)=>Me` ${f4()} rapid-tree-item{--design-unit: 2.5;--neutral-fill-stealth-rest: var(--neutral-layer-3);--neutral-fill-stealth-hover: var(--fill-color);--neutral-fill-rest: var(--fill-color);--base-height-multiplier: 14.5;border-bottom: calc(var(--stroke-width) * 1px) solid var(--fill-color)}.completed-icon{color: var(--success-color)}.tree-item::part(positioning-region)::before{width: var(--tree-item-nested-width)}.stepper-icon{margin-right: calc(var(--design-unit) * 2px)}.error-icon{color: var(--error-color)}.step-number{font-size: var(--type-ramp-minus-1-font-size);border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-input-rest)}.step-title{font-size: var(--type-ramp-base-font-size)}.angle-icon{margin: 0 calc(var(--design-unit) * 4px)}:host([completed]) .step-number{border-color: var(--success-color);color: white;background-color: var(--success-color)}:host([completed]) .step-title{color: var(--success-color)}:host([error]) .step-number{border-color: var(--error-color);color: white;background-color: var(--error-color)}:host([error]) .step-title{color: var(--error-color)}`,shadowOptions:m4},g4));const Ste=Me` ${w8} :host{font-family: var(--body-font)}:host([orientation='horizontal']){height: 100%}.stepper-tab-panel{border: none;height: auto}:host([orientation='horizontal']) .stepper-tab-panel{height: 100%}.stepper-tab{background-color: var(--neutral-layer-3);border: none}.stepper-panel-container{padding: calc(var(--design-unit) * 4px)}.action-buttons-container{padding: calc(var(--design-unit) * 2px);width: auto;gap: calc(var(--design-unit) * 2px)}.stepper-tab-menu{margin-bottom: calc(var(--design-unit) * 4px)}.stepper-tab-progress{padding: calc(var(--design-unit) * 4px) 0}label{padding: 0 calc(var(--design-unit) * 2px);color: var(--neutral-foreground-hint)}`,kte=K` ${x8("rapid")} `;(class extends S8{}).compose(Object.assign({baseName:"stepper",template:kte,styles:Ste,shadowOptions:k8},E8));const Ete={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};(class extends x4{}).compose(Object.assign({baseName:"switch",template:(e,t)=>C4(0,t),styles:(e,t)=>Me` ${L4()} :host{--primary-gradient-angle: -113.5deg}.switch{background: none;border-color: var(--neutral-stroke-rest)}.checked-indicator{background-color: var(--neutral-stroke-rest)}.switch:hover{border-color: var(--neutral-stroke-rest);background: none}:host([aria-checked='true']) .switch{background: none}:host([aria-checked='true']) .checked-indicator{background: var(--accent-fill-rest)}:host([aria-checked='true']:not([disabled])) .switch:hover, :host([aria-checked='true']:not([disabled])) .switch:active{background: none}:host([aria-checked='true']:not([disabled])) .switch:hover .checked-indicator, :host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator{background: var(--accent-fill-rest)}`,shadowOptions:M4},Ete));(class extends T4{}).compose(Object.assign({baseName:"tab-panel",template:(e,t)=>A4(),styles:(e,t)=>Me` ${O4()} :host{padding: 0;background-color: var(--neutral-layer-card-container);border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px)) var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));border-style: solid;border-width: var(--tabs-border-width, 1px);border-color: var(--tabs-border-color, var(--neutral-stroke-rest))}`,shadowOptions:R4},I4));(class extends E4{}).compose(Object.assign({baseName:"tab",template:(e,t)=>S4(),styles:(e,t)=>Me` ${k4()} :host{background-color: var(--neutral-layer-2);border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);margin-right: calc(var(--design-unit) * 5px);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host([aria-selected='true']), :host([aria-selected='true']:hover){background-color: var(--neutral-layer-4);font-weight: 700}`,shadowOptions:$4},N4));(class extends H4{}).compose(Object.assign({baseName:"tabs",template:(e,t)=>D4(0,t),styles:(e,t)=>Me` ${F4()} :host{background: var(--neutral-layer-3);border-radius: calc(var(--control-corner-radius) * 1px)}:host(:not([appearance='secondary'])){background: var(--rapid-layout-item-background, var(--neutral-layer-3));border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));border: var(--card-border, 0)}:host([appearance='secondary']){background: transparent}:host .tablist{padding: 0;display: grid;width: max-content;margin-top: 0}:host .tabpanel{height: 100%;min-height: 0}:host([appearance='secondary']) .tablist{margin-bottom: 0}:host .end, :host .start{padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);height: calc(100% - 1px);display: flex;align-items: center}::slotted([slot='tab']:hover){color: var(--neutral-foreground-rest);background: var(--neutral-layer-1)}::slotted([role='tab']){border-radius: calc(var(--control-corner-radius) * 1.5px) calc(var(--control-corner-radius) * 1.5px) 0 0;background: var(--tab-rest-background-color, var(--neutral-layer-4));padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);margin-right: 2px;box-shadow: none;font-size: var(--type-ramp-minus-1-font-size);border-style: solid;border-width: var(--tab-rest-border-width, 1px);border-color: var(--tab-rest-border-color, transparent)}::slotted([role='tab'][aria-selected='true']:not([appearance='secondary'])){border-style: solid;border-width: var(--tab-active-border-width, 1px 1px 0 1px);border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));background: var(--tab-active-background-color, var(--neutral-layer-card-container))}::slotted([role='tab'][aria-selected='true']){color: var(--accent-foreground-rest);background: var(--neutral-layer-card-container)}/* stylelint-disable selector-class-pattern */ .activeIndicator{display: none}:host([appearance='secondary']) .tablist .activeIndicator{display: block;height: 1px;margin-top: unset}::slotted([role='tab'][aria-selected='true'][appearance='secondary']){background: none}::slotted([role='tab'][appearance='secondary']){margin-left: 0;box-shadow: none;background: none}:host([appearance='secondary']:hover){color: var(--neutral-foreground-rest);background: none}:host([appearance='secondary']) ::slotted([role='tabpanel']){border: 0}`,shadowOptions:_4},P4));(class extends U4{}).compose(Object.assign({baseName:"text-area",template:(e,t)=>V4(),styles:(e,t)=>Me` ${B4()} :host{display: grid;flex: 1 1 auto;box-sizing: border-box}:host .control{height: 100%;border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);border-radius: calc(var(--control-corner-radius) * 1px);padding: calc(var(--design-unit) * 2px)}:host(:hover:not([disabled])) .control{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover)}:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .control{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}`,shadowOptions:j4},q4));(class extends Y4{}).compose(Object.assign({baseName:"text-field",template:(e,t)=>G4(0,t),styles:(e,t)=>Me` ${W4()} :host{display: block;flex: 1 1 auto;box-sizing: border-box}:host .control{height: 100%;border-radius: calc(var(--control-corner-radius) * 1px);padding: 0 calc(var(--design-unit) * 2px)}:host .control-field .control{width: 100%}:host .root{border-style: solid;border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));background-color: var(--neutral-fill-input-rest);height: calc( (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px )}:host(:hover:not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));background: var(--neutral-fill-input-hover);box-shadow: none}:host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .root{border-style: solid;border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));background-color: var(--neutral-fill-input-focus);box-shadow: none}.label{color: var(--neutral-foreground-hint);font-weight: 700;margin: calc(var(--design-unit) * 2px) 0}.label-hidden{margin: 0}:host input::placeholder{color: var(--neutral-foreground-hint);opacity: 75%}`,shadowOptions:K4},Z4));const $te=Me` ${Q4} .toast{background-color: ${Cl};border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest)}.top{align-items: flex-start}:host{font-size: var(--type-ramp-base-font-size);font-family: var(--body-font);line-height: var(--type-ramp-base-line-height);color: var(--neutral-foreground-rest)}.content{font-size: var(--type-ramp-minus-1-font-size)}.date{margin: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px)}.content-wrapper{padding: calc(var(--design-unit) * 2px)}.toast::after{background-color: var(--accent-fill-rest);border-radius: 0;height: calc(100% - calc(var(--design-unit) * 5px));margin: calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px)}:host([notify='warning']) .toast::after{background-color: var(--warning-color)}:host([notify='success']) .toast::after{background-color: var(--success-color)}:host([notify='critical']) .toast::after, :host([notify='serious']) .toast::after, :host([notify='error']) .toast::after{background-color: var(--error-color)}`,Nte=t0,Ate=e0;(class extends i0{}).compose(Object.assign({baseName:"toast",shadowOptions:Ate,styles:$te,template:J4},Nte));(class extends s0{}).compose(Object.assign({baseName:"toolbar",template:(e,t)=>c0(0,t),styles:(e,t)=>Me` ${o0()} :host{align-items: center;color: var(--neutral-foreground-rest)}.positioning-region{align-items: center}`,shadowOptions:a0},n0));(class extends d0{}).compose(Object.assign({baseName:"tooltip",template:(e,t)=>r0(e),styles:(e,t)=>Me` ${l0(e)} :host{visibility: visible}.tooltip{padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);text-align: center;white-space: inherit;font-weight: 400}rapid-anchored-region.bottom .tooltip{margin-top: calc(var(--design-unit) * 1px);margin-left: calc(var(--design-unit) * 2px)}rapid-anchored-region.top.right .tooltip, rapid-anchored-region.bottom.right .tooltip{margin-left: 0}`,shadowOptions:h0},u0));const Ote={expandCollapseGlyph:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="expand-collapse-glyph">\n <path d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"/>\n </svg>'};(class extends m0{}).compose(Object.assign({baseName:"tree-item",template:(e,t)=>f0(0,t),styles:(e,t)=>Me` ${p0(e)} :host{font-size: var(--type-ramp-base-font-size);color: var(--neutral-foreground-rest);background-color: transparent}:host(.nested) .expand-collapse-button{background: var(--neutral-fill-rest);border-radius: calc(var(--control-corner-radius) * 1px);width: calc(var(--design-unit) * 5px);height: calc(var(--design-unit) * 5px);margin-left: calc(var(--design-unit) * 2px)}:host([selected]) .positioning-region{background: var(--neutral-fill-stealth-active)}.positioning-region::before{width: calc(var(--design-unit) * 1px)}:host([selected])::after{background: var(--accent-fill-rest);background-origin: border-box;background-size: cover;background-repeat: no-repeat}:host([slot='item']) .content-region{margin-inline-start: calc(var(--design-unit) * 4px + var(--expand-collapse-button-size))}.expand-collapse-glyph{width: calc(var(--design-unit) * 3px);height: calc(var(--design-unit) * 3px)}`,shadowOptions:g0},Ote));(class extends z0{}).compose(Object.assign({baseName:"tree-view",template:(e,t)=>b0(),styles:(e,t)=>Me` ${y0()}`,shadowOptions:C0},L0));const Tte=K` ${M0("rapid")} `;function Rte(...e){return t=>{for(const i of e)"function"==typeof i?i(t):null!=i&&(i.current=t)}}(class extends E0{}).compose(Object.assign({baseName:"url-input",template:Tte,styles:(e,t)=>Me` ${x0()} a{color: var(--accent-fill-rest);opacity: 65%}a:hover{opacity: 100%}.url-input-link{font-family: var(--body-font);font-size: var(--type-ramp-base-font-size);top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px)}`,shadowOptions:S0},k0));const Ite=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-accordion-item",{...o,ref:t},c)}),Dte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-accordion",{...o,ref:t},c)}),Fte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-actions-menu",{...o,ref:t},c)}),Hte=i.default.forwardRef(function(e,t){const{onCriteriaChanged:c,onValidationErrors:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("criteria-changed",t);const i=e=>l.current?.(e);return e.addEventListener("validation-errors",i),()=>{e.removeEventListener("criteria-changed",t),e.removeEventListener("validation-errors",i)}},[]),i.default.createElement("rapid-ai-criteria-search",{...a,ref:Rte(n,t)},s)}),_te=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-ai-indicator",{...o,ref:t},c)}),Pte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-anchor",{...o,ref:t},c)}),Vte=i.default.forwardRef(function(e,t){const{onLoaded:c,onPositionchange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("loaded",t);const i=e=>l.current?.(e);return e.addEventListener("positionchange",i),()=>{e.removeEventListener("loaded",t),e.removeEventListener("positionchange",i)}},[]),i.default.createElement("rapid-anchored-region",{...a,ref:Rte(n,t)},s)}),Bte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-avatar",{...o,ref:t},c)}),Ute=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-badge",{...o,ref:t},c)}),jte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-banner",{...o,ref:t},c)}),qte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-breadcrumb",{...o,ref:t},c)}),Gte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-breadcrumb-item",{...o,ref:t},c)}),Wte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-button",{...o,ref:t},c)}),Yte=i.default.forwardRef(function(e,t){const{onDateselected:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("dateselected",t),()=>{e.removeEventListener("dateselected",t)}},[]),i.default.createElement("rapid-calendar",{...s,ref:Rte(a,t)},o)}),Kte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-card",{...o,ref:t},c)}),Zte=i.default.forwardRef(function(e,t){const{onSelectionChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("selectionChange",t),()=>{e.removeEventListener("selectionChange",t)}},[]),i.default.createElement("rapid-categorized-multiselect",{...s,ref:Rte(a,t)},o)}),Qte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-checkbox",{...o,ref:t},c)}),Xte=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-combobox",{...s,ref:Rte(a,t)},o)}),Jte=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-connection-indicator",{...o,ref:t},c)}),eie=i.default.forwardRef(function(e,t){const{onValueChanged:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("value-changed",t),()=>{e.removeEventListener("value-changed",t)}},[]),i.default.createElement("rapid-date-picker",{...s,ref:Rte(a,t)},o)}),tie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-design-system-provider",{...o,ref:t},c)}),iie=i.default.forwardRef(function(e,t){const{onClose:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("close",t),()=>{e.removeEventListener("close",t)}},[]),i.default.createElement("rapid-dialog",{...s,ref:Rte(a,t)},o)}),cie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-disclosure",{...o,ref:t},c)}),oie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-divider",{...o,ref:t},c)}),sie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-dropdown-menu",{...o,ref:t},c)}),aie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-environment-indicator",{...o,ref:t},c)}),nie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(Hee)??"rapid-expression-builder",{...d,ref:Rte(h,t)},l)}),rie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(_ee)??"rapid-rule-expression-builder",{...d,ref:Rte(h,t)},l)}),lie=i.default.forwardRef(function(e,t){const{onAddGroup:c,onDelGroup:o,onAddRule:s,onDelRule:a,onUpdateGroup:n,onUpdateRule:r,children:l,...d}=e,h=i.default.useRef(null),u=i.default.useRef(c);u.current=c;const f=i.default.useRef(o);f.current=o;const p=i.default.useRef(s);p.current=s;const m=i.default.useRef(a);m.current=a;const g=i.default.useRef(n);g.current=n;const v=i.default.useRef(r);return v.current=r,i.default.useLayoutEffect(()=>{const e=h.current;if(!e)return;const t=e=>u.current?.(e);e.addEventListener("add-group",t);const i=e=>f.current?.(e);e.addEventListener("del-group",i);const c=e=>p.current?.(e);e.addEventListener("add-rule",c);const o=e=>m.current?.(e);e.addEventListener("del-rule",o);const s=e=>g.current?.(e);e.addEventListener("update-group",s);const a=e=>v.current?.(e);return e.addEventListener("update-rule",a),()=>{e.removeEventListener("add-group",t),e.removeEventListener("del-group",i),e.removeEventListener("add-rule",c),e.removeEventListener("del-rule",o),e.removeEventListener("update-group",s),e.removeEventListener("update-rule",a)}},[]),i.default.createElement(customElements.getName(Pee)??"rapid-value-expression-builder",{...d,ref:Rte(h,t)},l)}),die=i.default.forwardRef(function(e,t){const{onFileSelected:c,onSuccess:o,onErrorOut:s,onClear:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("file-selected",t);const i=e=>h.current?.(e);e.addEventListener("success",i);const c=e=>u.current?.(e);e.addEventListener("errorOut",c);const o=e=>f.current?.(e);return e.addEventListener("clear",o),()=>{e.removeEventListener("file-selected",t),e.removeEventListener("success",i),e.removeEventListener("errorOut",c),e.removeEventListener("clear",o)}},[]),i.default.createElement("rapid-file-upload",{...r,ref:Rte(l,t)},n)}),hie=i.default.forwardRef(function(e,t){const{onFilterChanged:c,onFilterCleared:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("filter-changed",t);const i=e=>l.current?.(e);return e.addEventListener("filter-cleared",i),()=>{e.removeEventListener("filter-changed",t),e.removeEventListener("filter-cleared",i)}},[]),i.default.createElement("rapid-filter",{...a,ref:Rte(n,t)},s)}),uie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-filter-bar",{...o,ref:t},c)}),fie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-flipper",{...o,ref:t},c)}),pie=i.default.forwardRef(function(e,t){const{onClosed:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("closed",t),()=>{e.removeEventListener("closed",t)}},[]),i.default.createElement("rapid-flyout",{...s,ref:Rte(a,t)},o)}),mie=i.default.forwardRef(function(e,t){const{onScrollstart:c,onScrollend:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("scrollstart",t);const i=e=>l.current?.(e);return e.addEventListener("scrollend",i),()=>{e.removeEventListener("scrollstart",t),e.removeEventListener("scrollend",i)}},[]),i.default.createElement("rapid-horizontal-scroll",{...a,ref:Rte(n,t)},s)}),gie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-icon",{...o,ref:t},c)}),vie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-listbox",{...o,ref:t},c)}),bie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-option",{...o,ref:t},c)}),yie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-menu",{...o,ref:t},c)}),zie=i.default.forwardRef(function(e,t){const{onOnMenuClick:c,onExpandedChange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("onMenuClick",t);const i=e=>l.current?.(e);return e.addEventListener("expanded-change",i),()=>{e.removeEventListener("onMenuClick",t),e.removeEventListener("expanded-change",i)}},[]),i.default.createElement("rapid-menu-item",{...a,ref:Rte(n,t)},s)}),Cie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-modal",{...o,ref:t},c)}),Lie=i.default.forwardRef(function(e,t){const{onSelectionChange:c,onClear:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("selectionChange",t);const i=e=>l.current?.(e);return e.addEventListener("clear",i),()=>{e.removeEventListener("selectionChange",t),e.removeEventListener("clear",i)}},[]),i.default.createElement("rapid-multiselect",{...a,ref:Rte(n,t)},s)}),xie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-notification-listener",{...o,ref:t},c)}),Mie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-number-field",{...o,ref:t},c)}),wie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-optgroup",{...o,ref:t},c)}),Sie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-progress",{...o,ref:t},c)}),kie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-progress-ring",{...o,ref:t},c)}),Eie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-radio",{...o,ref:t},c)}),$ie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-radio-group",{...o,ref:t},c)}),Nie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement(customElements.getName(fte)??"rapid-router",{...o,ref:t},c)}),Aie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler",{...o,ref:t},c)}),Oie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler-cron-builder",{...o,ref:t},c)}),Tie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-scheduler-timezone",{...o,ref:t},c)}),Rie=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-search-bar-combobox",{...s,ref:Rte(a,t)},o)}),Iie=i.default.forwardRef(function(e,t){const{onSelectionChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("selectionChange",t),()=>{e.removeEventListener("selectionChange",t)}},[]),i.default.createElement("rapid-search-bar",{...s,ref:Rte(a,t)},o)}),Die=i.default.forwardRef(function(e,t){const{onSectionNavigatorSetState:c,onSectionNavigatorSetStates:o,onSectionNavigatorClearState:s,onSectionNavigatorClearAllStates:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("section-navigator-set-state",t);const i=e=>h.current?.(e);e.addEventListener("section-navigator-set-states",i);const c=e=>u.current?.(e);e.addEventListener("section-navigator-clear-state",c);const o=e=>f.current?.(e);return e.addEventListener("section-navigator-clear-all-states",o),()=>{e.removeEventListener("section-navigator-set-state",t),e.removeEventListener("section-navigator-set-states",i),e.removeEventListener("section-navigator-clear-state",c),e.removeEventListener("section-navigator-clear-all-states",o)}},[]),i.default.createElement("rapid-section-navigator",{...r,ref:Rte(l,t)},n)}),Fie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-segmented-control",{...o,ref:t},c)}),Hie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-segmented-item",{...o,ref:t},c)}),_ie=i.default.forwardRef(function(e,t){const{onOpenChange:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("open-change",t),()=>{e.removeEventListener("open-change",t)}},[]),i.default.createElement("rapid-select",{...s,ref:Rte(a,t)},o)}),Pie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-skeleton",{...o,ref:t},c)}),Vie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-slider",{...o,ref:t},c)}),Bie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-slider-label",{...o,ref:t},c)}),Uie=i.default.forwardRef(function(e,t){const{onAutoDismiss:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("autoDismiss",t),()=>{e.removeEventListener("autoDismiss",t)}},[]),i.default.createElement("rapid-snackbar",{...s,ref:Rte(a,t)},o)}),jie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-stacking-icons",{...o,ref:t},c)}),qie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-status-pill",{...o,ref:t},c)}),Gie=i.default.forwardRef(function(e,t){const{onStepClick:c,onValidationFailure:o,onNextStep:s,onValidationSuccess:a,children:n,...r}=e,l=i.default.useRef(null),d=i.default.useRef(c);d.current=c;const h=i.default.useRef(o);h.current=o;const u=i.default.useRef(s);u.current=s;const f=i.default.useRef(a);return f.current=a,i.default.useLayoutEffect(()=>{const e=l.current;if(!e)return;const t=e=>d.current?.(e);e.addEventListener("step-click",t);const i=e=>h.current?.(e);e.addEventListener("validation-failure",i);const c=e=>u.current?.(e);e.addEventListener("next-step",c);const o=e=>f.current?.(e);return e.addEventListener("validation-success",o),()=>{e.removeEventListener("step-click",t),e.removeEventListener("validation-failure",i),e.removeEventListener("next-step",c),e.removeEventListener("validation-success",o)}},[]),i.default.createElement("rapid-stepper",{...r,ref:Rte(l,t)},n)}),Wie=i.default.forwardRef(function(e,t){const{onTabClicked:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("tab-clicked",t),()=>{e.removeEventListener("tab-clicked",t)}},[]),i.default.createElement("rapid-stepper-tab",{...s,ref:Rte(a,t)},o)}),Yie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-stepper-tab-panel",{...o,ref:t},c)}),Kie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-switch",{...o,ref:t},c)}),Zie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tab",{...o,ref:t},c)}),Qie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tab-panel",{...o,ref:t},c)}),Xie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tabs",{...o,ref:t},c)}),Jie=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-text-area",{...o,ref:t},c)}),ece=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-text-field",{...o,ref:t},c)}),tce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-toast",{...o,ref:t},c)}),ice=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-toolbar",{...o,ref:t},c)}),cce=i.default.forwardRef(function(e,t){const{onDismiss:c,children:o,...s}=e,a=i.default.useRef(null),n=i.default.useRef(c);return n.current=c,i.default.useLayoutEffect(()=>{const e=a.current;if(!e)return;const t=e=>n.current?.(e);return e.addEventListener("dismiss",t),()=>{e.removeEventListener("dismiss",t)}},[]),i.default.createElement("rapid-tooltip",{...s,ref:Rte(a,t)},o)}),oce=i.default.forwardRef(function(e,t){const{onExpandedChange:c,onSelectedChange:o,children:s,...a}=e,n=i.default.useRef(null),r=i.default.useRef(c);r.current=c;const l=i.default.useRef(o);return l.current=o,i.default.useLayoutEffect(()=>{const e=n.current;if(!e)return;const t=e=>r.current?.(e);e.addEventListener("expanded-change",t);const i=e=>l.current?.(e);return e.addEventListener("selected-change",i),()=>{e.removeEventListener("expanded-change",t),e.removeEventListener("selected-change",i)}},[]),i.default.createElement("rapid-tree-item",{...a,ref:Rte(n,t)},s)}),sce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-tree-view",{...o,ref:t},c)}),ace=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-url-input",{...o,ref:t},c)}),nce=i.default.forwardRef(function(e,t){const{children:c,...o}=e;return i.default.createElement("rapid-system-health-overlay",{...o,ref:t},c)});var rce=Object.freeze({__proto__:null,AccordionItem:Ite,Accordion:Dte,ActionsMenu:Fte,AiCriteriaSearch:Hte,AiIndicator:_te,Anchor:Pte,AnchoredRegion:Vte,Avatar:Bte,Badge:Ute,Banner:jte,Breadcrumb:qte,BreadcrumbItem:Gte,Button:Wte,Calendar:Yte,Card:Kte,CategorizedMultiselect:Zte,Checkbox:Qte,Combobox:Xte,ConnectionIndicator:Jte,DatePicker:eie,DesignSystemProvider:tie,Dialog:iie,Disclosure:cie,Divider:oie,DropdownMenu:sie,EnvironmentIndicator:aie,RapidExpressionBuilder:nie,RapidRuleExpressionBuilder:rie,RapidValueExpressionBuilder:lie,FileUpload:die,Filter:hie,FilterBar:uie,Flipper:fie,Flyout:pie,HorizontalScroll:mie,Icon:gie,Listbox:vie,ListboxOption:bie,Menu:yie,MenuItem:zie,Modal:Cie,Multiselect:Lie,NotificationListener:xie,NumberField:Mie,Optgroup:wie,Progress:Sie,ProgressRing:kie,Radio:Eie,RadioGroup:$ie,RapidRouter:Nie,Scheduler:Aie,SchedulerCronBuilder:Oie,SchedulerTimezone:Tie,SearchBarCombobox:Rie,SearchBar:Iie,SectionNavigator:Die,SegmentedControl:Fie,SegmentedItem:Hie,Select:_ie,Skeleton:Pie,Slider:Vie,SliderLabel:Bie,Snackbar:Uie,StackingIcons:jie,StatusPill:qie,Stepper:Gie,StepperTab:Wie,StepperTabPanel:Yie,Switch:Kie,Tab:Zie,TabPanel:Qie,Tabs:Xie,TextArea:Jie,TextField:ece,Toast:tce,Toolbar:ice,Tooltip:cce,TreeItem:oce,TreeView:sce,UrlInput:ace,SystemHealthOverlay:nce});if("undefined"!=typeof window){const e=window;e.rapid||(e.rapid={}),e.rapid.react=rce}}(React);
|