diff --git a/libs/features/spectrum-web-components/dist/alert-dialog.js b/libs/features/spectrum-web-components/dist/alert-dialog.js index 76fea58205..1549b458a9 100644 --- a/libs/features/spectrum-web-components/dist/alert-dialog.js +++ b/libs/features/spectrum-web-components/dist/alert-dialog.js @@ -1,9 +1,9 @@ /* eslint-disable */ /* Generated by Milo */ -import{html as a,SpectrumElement as w}from"/libs/features/spectrum-web-components/dist/base.js";import{property as z,query as x}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/button.js";import{FocusVisiblePolyfillMixin as C}from"/libs/features/spectrum-web-components/dist/shared.js";import{conditionAttributeWithId as c}from"/libs/features/spectrum-web-components/dist/base.js";var n=class{constructor(t,{target:e,config:r,callback:i,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=o??this.o,this.callback=i,window.ResizeObserver?(this.u=new ResizeObserver(l=>{this.handleChanges(l),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};import{css as v}from"/libs/features/spectrum-web-components/dist/base.js";var b=v` +import{html as a,SpectrumElement as w}from"/libs/features/spectrum-web-components/dist/base.js";import{property as z,query as x}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/button.js";import{FocusVisiblePolyfillMixin as C}from"/libs/features/spectrum-web-components/dist/shared.js";import{randomID as k}from"/libs/features/spectrum-web-components/dist/shared.js";import{conditionAttributeWithId as c}from"/libs/features/spectrum-web-components/dist/base.js";var n=class{constructor(t,{target:e,config:r,callback:i,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=o??this.o,this.callback=i,window.ResizeObserver?(this.u=new ResizeObserver(l=>{this.handleChanges(l),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};import{css as v}from"/libs/features/spectrum-web-components/dist/base.js";var b=v` :host{--spectrum-alert-dialog-min-width:var(--spectrum-alert-dialog-minimum-width);--spectrum-alert-dialog-max-width:var(--spectrum-alert-dialog-maximum-width);--spectrum-alert-dialog-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-dialog-warning-icon-color:var(--spectrum-notice-visual-color);--spectrum-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color);--spectrum-alert-dialog-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-alert-dialog-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-alert-dialog-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-alert-dialog-title-font-size:var(--spectrum-alert-dialog-title-size);--spectrum-alert-dialog-title-line-height:var(--spectrum-heading-line-height);--spectrum-alert-dialog-title-color:var(--spectrum-heading-color);--spectrum-alert-dialog-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-alert-dialog-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-alert-dialog-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-alert-dialog-body-font-size:var(--spectrum-alert-dialog-description-size);--spectrum-alert-dialog-body-line-height:var(--spectrum-line-height-100);--spectrum-alert-dialog-body-color:var(--spectrum-body-color);--spectrum-alert-dialog-title-to-divider:var(--spectrum-spacing-200);--spectrum-alert-dialog-divider-to-description:var(--spectrum-spacing-300);--spectrum-alert-dialog-title-to-icon:var(--spectrum-spacing-300);--mod-buttongroup-justify-content:flex-end;box-sizing:border-box;min-inline-size:var(--mod-alert-dialog-min-width,var(--spectrum-alert-dialog-min-width));max-inline-size:var(--mod-alert-dialog-max-width,var(--spectrum-alert-dialog-max-width));max-block-size:inherit;padding:var(--mod-alert-dialog-padding,var(--spectrum-alert-dialog-padding));outline:none;inline-size:fit-content;display:flex}.icon{inline-size:var(--mod-alert-dialog-icon-size,var(--spectrum-alert-dialog-icon-size));block-size:var(--mod-alert-dialog-icon-size,var(--spectrum-alert-dialog-icon-size));flex-shrink:0;margin-inline-start:var(--mod-alert-dialog-title-to-icon,var(--spectrum-alert-dialog-title-to-icon))}:host([variant=warning]){--mod-icon-color:var(--mod-alert-dialog-warning-icon-color,var(--spectrum-alert-dialog-warning-icon-color))}:host([variant=error]){--mod-icon-color:var(--mod-alert-dialog-error-icon-color,var(--spectrum-alert-dialog-error-icon-color))}.grid{display:grid}.header{justify-content:space-between;align-items:baseline;display:flex}::slotted([slot=heading]){font-family:var(--mod-alert-dialog-title-font-family,var(--spectrum-alert-dialog-title-font-family));font-weight:var(--mod-alert-dialog-title-font-weight,var(--spectrum-alert-dialog-title-font-weight));font-style:var(--mod-alert-dialog-title-font-style,var(--spectrum-alert-dialog-title-font-style));font-size:var(--mod-alert-dialog-title-font-size,var(--spectrum-alert-dialog-title-font-size));line-height:var(--mod-alert-dialog-title-line-height,var(--spectrum-alert-dialog-title-line-height));color:var(--mod-alert-dialog-title-color,var(--spectrum-alert-dialog-title-color));margin:0;margin-block-end:var(--mod-alert-dialog-title-to-divider,var(--spectrum-alert-dialog-title-to-divider))}.content{font-family:var(--mod-alert-dialog-body-font-family,var(--spectrum-alert-dialog-body-font-family));font-weight:var(--mod-alert-dialog-body-font-weight,var(--spectrum-alert-dialog-body-font-weight));font-style:var(--mod-alert-dialog-body-font-style,var(--spectrum-alert-dialog-body-font-style));font-size:var(--mod-alert-dialog-body-font-size,var(--spectrum-alert-dialog-body-font-size));line-height:var(--mod-alert-dialog-body-line-height,var(--spectrum-alert-dialog-body-line-height));color:var(--mod-alert-dialog-body-color,var(--spectrum-alert-dialog-body-color));-webkit-overflow-scrolling:touch;margin:0;margin-block-start:var(--mod-alert-dialog-divider-to-description,var(--spectrum-alert-dialog-divider-to-description));margin-block-end:var(--mod-alert-dialog-description-to-buttons,var(--spectrum-alert-dialog-description-to-buttons));overflow-y:auto}@media (forced-colors:active){:host{border:solid}} -`,m=b;var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,g=(s,t,e,r)=>{for(var i=r>1?void 0:r?y(t,e):t,o=s.length-1,l;o>=0;o--)(l=s[o])&&(i=(r?l(t,e,i):l(i))||i);return r&&i&&f(t,e,i),i},k=["confirmation","information","warning","error","destructive","secondary"],E=0;function u(s,t){let e=s.assignedElements(),r=[];return e.forEach(i=>{if(i.id)r.push(i.id);else{let o=t+`-${E++}`;i.id=o,r.push(o)}}),r}var d=class h extends C(w){constructor(){super(...arguments),this.resizeController=new n(this,{callback:()=>{this.shouldManageTabOrderForScrolling()}}),this._variant="",this.labelledbyId=`sp-dialog-label-${h.instanceCount++}`,this.shouldManageTabOrderForScrolling=()=>{if(!this.contentElement)return;let{offsetHeight:t,scrollHeight:e}=this.contentElement;t{for(var i=r>1?void 0:r?y(t,e):t,o=s.length-1,l;o>=0;o--)(l=s[o])&&(i=(r?l(t,e,i):l(i))||i);return r&&i&&f(t,e,i),i},E=["confirmation","information","warning","error","destructive","secondary"];function u(s,t){let e=s.assignedElements(),r=[];return e.forEach(i=>{if(i.id)r.push(i.id);else{let o=t+`-${k()}`;i.id=o,r.push(o)}}),r}var d=class m extends C(w){constructor(){super(...arguments),this.resizeController=new n(this,{callback:()=>{this.shouldManageTabOrderForScrolling()}}),this._variant="",this.labelledbyId=`sp-dialog-label-${m.instanceCount++}`,this.shouldManageTabOrderForScrolling=()=>{if(!this.contentElement)return;let{offsetHeight:t,scrollHeight:e}=this.contentElement;t `;default:return a``}}renderHeading(){return a` @@ -23,4 +23,4 @@ import{html as a,SpectrumElement as w}from"/libs/features/spectrum-web-component ${this.renderContent()} ${this.renderButtons()} - `}};d.instanceCount=0,g([x(".content")],d.prototype,"contentElement",2),g([z({type:String,reflect:!0})],d.prototype,"variant",1);var p=d;import{defineElement as D}from"/libs/features/spectrum-web-components/dist/base.js";D("sp-alert-dialog",p);export{p as AlertDialog,k as alertDialogVariants}; + `}};d.instanceCount=0,g([x(".content")],d.prototype,"contentElement",2),g([z({type:String,reflect:!0})],d.prototype,"variant",1);var p=d;import{defineElement as D}from"/libs/features/spectrum-web-components/dist/base.js";D("sp-alert-dialog",p);export{p as AlertDialog,E as alertDialogVariants}; diff --git a/libs/features/spectrum-web-components/dist/button-group.js b/libs/features/spectrum-web-components/dist/button-group.js index d049e34c89..b8a4f7e94e 100644 --- a/libs/features/spectrum-web-components/dist/button-group.js +++ b/libs/features/spectrum-web-components/dist/button-group.js @@ -1,8 +1,8 @@ /* eslint-disable */ /* Generated by Milo */ -import{html as h,SizedMixin as v,SpectrumElement as d}from"/libs/features/spectrum-web-components/dist/base.js";import{property as f}from"/libs/features/spectrum-web-components/dist/base.js";import{css as c}from"/libs/features/spectrum-web-components/dist/base.js";var l=c` - :host([size=s]){--spectrum-buttongroup-spacing-horizontal:var(--spectrum-spacing-200);--spectrum-buttongroup-spacing-vertical:var(--spectrum-spacing-200)}:host,:host([size=l]),:host([size=xl]){--spectrum-buttongroup-spacing-horizontal:var(--spectrum-spacing-300);--spectrum-buttongroup-spacing-vertical:var(--spectrum-spacing-300)}:host{gap:var(--mod-buttongroup-spacing-horizontal,var(--spectrum-buttongroup-spacing-horizontal));justify-content:var(--mod-buttongroup-justify-content,normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--mod-buttongroup-spacing-vertical,var(--spectrum-buttongroup-spacing-vertical));flex-direction:column;display:inline-flex}:host([vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-flex-grow:1}:host([dir=ltr][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:left}:host([dir=rtl][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:right} -`,p=l;var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,g=(a,r,o,s)=>{for(var t=s>1?void 0:s?m(r,o):r,i=a.length-1,n;i>=0;i--)(n=a[i])&&(t=(s?n(r,o,t):n(t))||t);return s&&t&&u(r,o,t),t},e=class extends v(d,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[p]}handleSlotchange({target:r}){r.assignedElements().forEach(o=>{o.size=this.size})}render(){return h` +import{html as h,SizedMixin as v,SpectrumElement as b}from"/libs/features/spectrum-web-components/dist/base.js";import{property as d}from"/libs/features/spectrum-web-components/dist/base.js";import{css as c}from"/libs/features/spectrum-web-components/dist/base.js";var u=c` + :host{--spectrum-buttongroup-spacing-horizontal:var(--spectrum-spacing-300);--spectrum-buttongroup-spacing-vertical:var(--spectrum-spacing-300)}:host([size=s]){--spectrum-buttongroup-spacing-horizontal:var(--spectrum-spacing-200);--spectrum-buttongroup-spacing-vertical:var(--spectrum-spacing-200)}:host([size=l]),:host,:host([size=xl]){--spectrum-buttongroup-spacing-horizontal:var(--spectrum-spacing-300);--spectrum-buttongroup-spacing-vertical:var(--spectrum-spacing-300)}:host{gap:var(--mod-buttongroup-spacing-horizontal,var(--spectrum-buttongroup-spacing-horizontal));justify-content:var(--mod-buttongroup-justify-content,normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--mod-buttongroup-spacing-vertical,var(--spectrum-buttongroup-spacing-vertical));flex-direction:column;display:inline-flex}:host([vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-flex-grow:1}:host([dir=ltr][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:left}:host([dir=rtl][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:right} +`,p=u;var l=Object.defineProperty,g=Object.getOwnPropertyDescriptor,m=(a,r,o,s)=>{for(var t=s>1?void 0:s?g(r,o):r,i=a.length-1,n;i>=0;i--)(n=a[i])&&(t=(s?n(r,o,t):n(t))||t);return s&&t&&l(r,o,t),t},e=class extends v(b,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[p]}handleSlotchange({target:r}){r.assignedElements().forEach(o=>{o.size=this.size})}render(){return h` - `}};g([f({type:Boolean,reflect:!0})],e.prototype,"vertical",2);import{defineElement as b}from"/libs/features/spectrum-web-components/dist/base.js";b("sp-button-group",e); + `}};m([d({type:Boolean,reflect:!0})],e.prototype,"vertical",2);import{defineElement as f}from"/libs/features/spectrum-web-components/dist/base.js";f("sp-button-group",e); diff --git a/libs/features/spectrum-web-components/dist/checkbox.js b/libs/features/spectrum-web-components/dist/checkbox.js index 6ac2807a31..894a288bb4 100644 --- a/libs/features/spectrum-web-components/dist/checkbox.js +++ b/libs/features/spectrum-web-components/dist/checkbox.js @@ -1,7 +1,7 @@ /* eslint-disable */ /* Generated by Milo */ -import{html as r,SizedMixin as C,SpectrumElement as p}from"/libs/features/spectrum-web-components/dist/base.js";import{property as l}from"/libs/features/spectrum-web-components/dist/base.js";import{html as x}from"/libs/features/spectrum-web-components/dist/base.js";import{property as b,query as f}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as g}from"/libs/features/spectrum-web-components/dist/base.js";var k=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(a,o,i,c)=>{for(var e=c>1?void 0:c?v(o,i):o,h=a.length-1,s;h>=0;h--)(s=a[h])&&(e=(c?s(o,i,e):s(e))||e);return c&&e&&k(o,i,e),e};function u(a){class o extends a{constructor(){super(...arguments),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let c=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(c)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return x` +import{html as r,SizedMixin as C,SpectrumElement as p}from"/libs/features/spectrum-web-components/dist/base.js";import{property as l}from"/libs/features/spectrum-web-components/dist/base.js";import{html as x}from"/libs/features/spectrum-web-components/dist/base.js";import{property as b,query as f}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as g}from"/libs/features/spectrum-web-components/dist/base.js";var v=Object.defineProperty,k=Object.getOwnPropertyDescriptor,d=(a,o,i,c)=>{for(var e=c>1?void 0:c?k(o,i):o,h=a.length-1,s;h>=0;h--)(s=a[h])&&(e=(c?s(o,i,e):s(e))||e);return c&&e&&v(o,i,e),e};function u(a){class o extends a{constructor(){super(...arguments),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let c=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(c)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return x` `}}return d([b({type:Boolean,reflect:!0})],o.prototype,"checked",2),d([b({type:String,reflect:!0})],o.prototype,"name",2),d([b({type:Boolean,reflect:!0})],o.prototype,"readonly",2),d([f("#input")],o.prototype,"inputElement",2),o}import{css as z}from"/libs/features/spectrum-web-components/dist/base.js";var y=z` - :host{--spectrum-checkbox-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-checkbox-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-checkbox-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-checkbox-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-checkbox-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-checkbox-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-control-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-checkmark-color:var(--spectrum-gray-75);--spectrum-checkbox-invalid-color-default:var(--spectrum-negative-color-900);--spectrum-checkbox-invalid-color-hover:var(--spectrum-negative-color-1000);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(--spectrum-negative-color-1000);--spectrum-checkbox-emphasized-color-default:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-color-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-color-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-color-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-control-selected-color-default:var(--spectrum-neutral-background-color-selected-default);--spectrum-checkbox-control-selected-color-hover:var(--spectrum-neutral-background-color-selected-hover);--spectrum-checkbox-control-selected-color-down:var(--spectrum-neutral-background-color-selected-down);--spectrum-checkbox-control-selected-color-focus:var(--spectrum-neutral-background-color-selected-key-focus);--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-control-corner-radius:var(--spectrum-corner-radius-75);--spectrum-checkbox-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-checkbox-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(--spectrum-animation-duration-100)}:host([size=s]){--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-small);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}:host{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}:host([size=l]){--spectrum-checkbox-font-size:var(--spectrum-font-size-200);--spectrum-checkbox-height:var(--spectrum-component-height-200);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-200)}:host([size=xl]){--spectrum-checkbox-font-size:var(--spectrum-font-size-300);--spectrum-checkbox-height:var(--spectrum-component-height-300);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-extra-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-300)}:host{color:var(--highcontrast-checkbox-content-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)));min-block-size:var(--mod-checkbox-height,var(--spectrum-checkbox-height));vertical-align:top;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}:host:active #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-color-down,var(--spectrum-checkbox-control-color-down)))}:host:active #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-selected-color-down,var(--spectrum-checkbox-control-selected-color-down)))}:host:active #label{color:var(--highcontrast-checkbox-content-color-down,var(--mod-checkbox-content-color-down,var(--spectrum-checkbox-content-color-down)))}:host([invalid][invalid]) #input:checked+#box:before,:host([invalid][invalid]) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)))}:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before,:host([invalid][invalid]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([readonly]):active #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([readonly]) #input:disabled+#box:before,:host([readonly]) #input:checked:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}:host([readonly]) #input:disabled~#label,:host([readonly]) #input:checked:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:block;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-default,var(--spectrum-checkbox-emphasized-color-default)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)))}@media (hover:hover){:host([invalid][invalid]:hover) #input:checked+#box:before,:host([invalid][invalid]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([indeterminate]:hover) #input:checked+#box:before,:host([indeterminate]:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([invalid][invalid][indeterminate]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-color-hover,var(--spectrum-checkbox-control-color-hover)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host(:hover) #label,:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)))}:host([emphasized]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][indeterminate]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)))}}:host([emphasized][indeterminate]):active #box:before,:host([emphasized][indeterminate]):active #input:checked+#box:before,:host([emphasized]):active #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-down,var(--spectrum-checkbox-emphasized-color-down)))}:host([emphasized][invalid][invalid]):active #input:checked+#box:before,:host([emphasized][invalid][invalid]):active #box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-invalid-color-down,var(--spectrum-checkbox-invalid-color-down)))}:host([emphasized]:focus-visible) #input:checked+#box:before,:host([emphasized]:focus-visible) #box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#label{text-align:start;font-size:var(--mod-checkbox-font-size,var(--spectrum-checkbox-font-size));transition:color var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;line-height:var(--mod-checkbox-line-height,var(--spectrum-checkbox-line-height));margin-block-start:var(--mod-checkbox-top-to-text,var(--spectrum-checkbox-top-to-text));margin-inline-start:var(--mod-checkbox-text-to-control,var(--spectrum-checkbox-text-to-control))}#label:lang(ja),#label:lang(zh),#label:lang(ko){line-height:var(--mod-checkbox-line-height-cjk,var(--spectrum-checkbox-line-height-cjk))}#input{color:var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness))var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));margin:calc(var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap))*-1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}#box{box-sizing:border-box;inline-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));block-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));--spectrum-checkbox-spacing:calc(var(--mod-checkbox-height,var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)));margin:calc(var(--mod-checkbox-spacing,var(--spectrum-checkbox-spacing))/2)0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)));z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));block-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));border-radius:var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius));border-width:var(--mod-checkbox-border-width,var(--spectrum-checkbox-border-width));transition:border var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)) + var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)));content:"";margin:var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap));transition:box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out,margin var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)));opacity:0;transition:opacity var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,transform var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;transform:scale(0)}#partialCheckmark{display:none}#input:disabled+#box:before,#input:checked:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-control-color-disabled,var(--spectrum-checkbox-control-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}#input:disabled~#label,#input:checked:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-content-color-disabled,var(--spectrum-checkbox-content-color-disabled)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)));outline-style:auto;outline-width:var(--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host{--spectrum-checkbox-control-color-default:var(--system-spectrum-checkbox-control-color-default);--spectrum-checkbox-control-color-hover:var(--system-spectrum-checkbox-control-color-hover);--spectrum-checkbox-control-color-down:var(--system-spectrum-checkbox-control-color-down);--spectrum-checkbox-control-color-focus:var(--system-spectrum-checkbox-control-color-focus)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none} + :host{--spectrum-checkbox-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-checkbox-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-checkbox-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-checkbox-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-checkbox-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-checkbox-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-control-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-checkmark-color:var(--spectrum-gray-75);--spectrum-checkbox-invalid-color-default:var(--spectrum-negative-color-900);--spectrum-checkbox-invalid-color-hover:var(--spectrum-negative-color-1000);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(--spectrum-negative-color-1000);--spectrum-checkbox-emphasized-color-default:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-color-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-color-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-color-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-control-selected-color-default:var(--spectrum-neutral-background-color-selected-default);--spectrum-checkbox-control-selected-color-hover:var(--spectrum-neutral-background-color-selected-hover);--spectrum-checkbox-control-selected-color-down:var(--spectrum-neutral-background-color-selected-down);--spectrum-checkbox-control-selected-color-focus:var(--spectrum-neutral-background-color-selected-key-focus);--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-control-corner-radius:var(--spectrum-corner-radius-75);--spectrum-checkbox-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-checkbox-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(--spectrum-animation-duration-100)}:host([size=s]){--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-small);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}:host{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}:host([size=l]){--spectrum-checkbox-font-size:var(--spectrum-font-size-200);--spectrum-checkbox-height:var(--spectrum-component-height-200);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-200)}:host([size=xl]){--spectrum-checkbox-font-size:var(--spectrum-font-size-300);--spectrum-checkbox-height:var(--spectrum-component-height-300);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-extra-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-300)}:host{color:var(--highcontrast-checkbox-content-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)));min-block-size:var(--mod-checkbox-height,var(--spectrum-checkbox-height));vertical-align:top;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-color-down,var(--spectrum-checkbox-control-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-selected-color-down,var(--spectrum-checkbox-control-selected-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--mod-checkbox-content-color-down,var(--spectrum-checkbox-content-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:block;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-default,var(--spectrum-checkbox-emphasized-color-default)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-color-hover,var(--spectrum-checkbox-control-color-hover)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-down,var(--spectrum-checkbox-emphasized-color-down)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-invalid-color-down,var(--spectrum-checkbox-invalid-color-down)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#label{text-align:start;font-size:var(--mod-checkbox-font-size,var(--spectrum-checkbox-font-size));transition:color var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;line-height:var(--mod-checkbox-line-height,var(--spectrum-checkbox-line-height));margin-block-start:var(--mod-checkbox-top-to-text,var(--spectrum-checkbox-top-to-text));margin-inline-start:var(--mod-checkbox-text-to-control,var(--spectrum-checkbox-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-checkbox-line-height-cjk,var(--spectrum-checkbox-line-height-cjk))}#input{color:var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default));box-sizing:border-box;opacity:.0001;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness))var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));margin:calc(var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap))*-1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}#box{--spectrum-checkbox-spacing:calc(var(--mod-checkbox-height,var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)));margin:calc(var(--mod-checkbox-spacing,var(--spectrum-checkbox-spacing))/2)0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));block-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)));z-index:0;content:"";border-radius:var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius));border-width:var(--mod-checkbox-border-width,var(--spectrum-checkbox-border-width));transition:border var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)) + var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)));content:"";margin:var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap));transition:box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out,margin var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)));opacity:0;transition:opacity var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,transform var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-control-color-disabled,var(--spectrum-checkbox-control-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-content-color-disabled,var(--spectrum-checkbox-content-color-disabled)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap,var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)));outline-style:auto;outline-width:var(--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host{--spectrum-checkbox-control-color-default:var(--system-spectrum-checkbox-control-color-default);--spectrum-checkbox-control-color-hover:var(--system-spectrum-checkbox-control-color-hover);--spectrum-checkbox-control-color-down:var(--system-spectrum-checkbox-control-color-down);--spectrum-checkbox-control-color-focus:var(--system-spectrum-checkbox-control-color-focus)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none} `,m=y;import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import E from"/libs/features/spectrum-web-components/dist/icons/checkmark.js";import j from"/libs/features/spectrum-web-components/dist/icons/dash.js";var w=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(a,o,i,c)=>{for(var e=c>1?void 0:c?I(o,i):o,h=a.length-1,s;h>=0;h--)(s=a[h])&&(e=(c?s(o,i,e):s(e))||e);return c&&e&&w(o,i,e),e},B={s:()=>r` *,.footer>.spectrum-Button+.spectrum-Button{margin-bottom:0}.button-group{grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top));padding-inline-start:var(--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size));display:flex}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero hero"". . . . .closeButton closeButton"".heading header header typeIcon closeButton closeButton"".divider divider divider divider divider."".content content content content content."".footer footer buttonGroup buttonGroup buttonGroup."". . . . . . ."}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color));grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;place-self:start end;margin-block-start:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding));margin-inline-end:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding))}:host([mode=fullscreen]){inline-size:100%;height:100%}:host([mode=fullscreenTakeover]){inline-size:100%;border-radius:0;height:100%}:host([mode=fullscreen]),:host([mode=fullscreenTakeover]){max-height:none;max-inline-size:none}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr auto auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . . . ."".heading header buttonGroup."".divider divider divider."".content content content."". . . . .";display:grid}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size))}:host([mode=fullscreen]) .content,:host([mode=fullscreenTakeover]) .content{max-height:none}:host([mode=fullscreen]) .footer,:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .footer,:host([mode=fullscreenTakeover]) .button-group{padding-block-start:0}:host([mode=fullscreen]) .footer,:host([mode=fullscreenTakeover]) .footer{display:none}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{grid-area:buttonGroup;align-self:start}@media screen and (width<=700px){.grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading heading heading heading."".header header header header."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . ."}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero hero"". . . . .closeButton closeButton"".heading heading heading heading closeButton closeButton"".header header header header header."".divider divider divider divider divider."".content content content content content."".footer footer buttonGroup buttonGroup buttonGroup."". . . . . . ."}.header{justify-content:flex-start}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . ."".heading."".header."".divider."".content."".buttonGroup."". . .";display:grid}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top))}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size))}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(--spectrum-dialog-confirm-description-text-color,var(--spectrum-gray-800))}.type-icon{color:var(--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color));grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){width:100%;height:auto}.grid{grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading heading heading typeIcon."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . ."} -`,k=B;import{AlertDialog as L}from"/libs/features/spectrum-web-components/dist/alert-dialog.js";import{classMap as D}from"/libs/features/spectrum-web-components/dist/base.js";var E=Object.defineProperty,C=Object.getOwnPropertyDescriptor,u=(a,o,t,r)=>{for(var i=r>1?void 0:r?C(o,t):o,n=a.length-1,d;n>=0;n--)(d=a[n])&&(i=(r?d(o,t,i):d(i))||i);return r&&i&&E(o,t,i),i},m=class extends G(L,['[slot="hero"]','[slot="footer"]','[slot="button"]']){constructor(){super(...arguments),this.error=!1,this.dismissable=!1,this.noDivider=!1}static get styles(){return[k]}get hasFooter(){return this.getSlotContentPresence('[slot="footer"]')}get hasButtons(){return this.getSlotContentPresence('[slot="button"]')}get hasHero(){return this.getSlotContentPresence('[slot="hero"]')}close(){this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))}renderHero(){return p` +import{html as g,nothing as v}from"/libs/features/spectrum-web-components/dist/base.js";import{property as f,query as P}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/divider.js";import"/libs/features/spectrum-web-components/dist/button.js";import"/libs/features/spectrum-web-components/dist/button-group.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{ObserveSlotPresence as S}from"/libs/features/spectrum-web-components/dist/shared.js";import{css as T}from"/libs/features/spectrum-web-components/dist/base.js";var E=T` + :host{--spectrum-dialog-fullscreen-header-text-size:28px;--spectrum-dialog-min-inline-size:288px;--spectrum-dialog-confirm-small-width:400px;--spectrum-dialog-confirm-medium-width:480px;--spectrum-dialog-confirm-large-width:640px;--spectrum-dialog-confirm-divider-block-spacing-start:var(--spectrum-spacing-300);--spectrum-dialog-confirm-divider-block-spacing-end:var(--spectrum-spacing-200);--spectrum-dialog-confirm-description-text-color:var(--spectrum-gray-800);--spectrum-dialog-confirm-title-text-color:var(--spectrum-gray-900);--spectrum-dialog-confirm-description-text-line-height:var(--spectrum-line-height-100);--spectrum-dialog-confirm-title-text-line-height:var(--spectrum-line-height-100);--spectrum-dialog-heading-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-dialog-confirm-description-padding:var(--spectrum-spacing-50);--spectrum-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--spectrum-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-gap-size:var(--spectrum-component-pill-edge-to-text-100);--spectrum-dialog-confirm-buttongroup-padding-top:var(--spectrum-spacing-600);--spectrum-dialog-confirm-close-button-size:var(--spectrum-component-height-100);--spectrum-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--spectrum-dialog-confirm-divider-height:var(--spectrum-spacing-50);box-sizing:border-box;min-inline-size:var(--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size));max-block-size:inherit;outline:none;inline-size:fit-content;max-inline-size:100%;display:flex}:host([size=s]){inline-size:var(--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width))}:host([size=m]){inline-size:var(--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width))}:host([size=l]){inline-size:var(--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width))}::slotted([slot=hero]){block-size:var(--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height));background-position:50%;background-size:cover;border-start-start-radius:var(--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius));border-start-end-radius:var(--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius));grid-area:a;overflow:hidden}.grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"a a a a a a"". . . . . ."".b c c c."".d d d d."".e e e e."".f f g g."". . . . . .";inline-size:100%;display:grid}::slotted([slot=heading]){font-size:var(--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size));font-weight:var(--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight));line-height:var(--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height));color:var(--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color));outline:none;grid-area:b;margin:0;padding-inline-end:var(--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size))}.no-header::slotted([slot=heading]){grid-area:h/h/i/i;padding-inline-end:0}.header{box-sizing:border-box;outline:none;grid-area:c;justify-content:flex-end;align-items:center;display:flex}.divider{grid-area:d;inline-size:100%;margin-block-start:var(--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end));margin-block-end:var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start))}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)) - var(--mod-dialog-confirm-description-padding,var(--spectrum-dialog-confirm-description-padding))*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)) + var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)) + var(--mod-dialog-confirm-divider-height,var(--spectrum-dialog-confirm-divider-height)))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;font-size:var(--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size));font-weight:var(--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight));line-height:var(--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height));color:var(--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color));padding:calc(var(--mod-dialog-confirm-description-padding,var(--spectrum-dialog-confirm-description-padding))*2);margin:0 var(--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin));outline:none;grid-area:e;overflow-y:auto}.footer{outline:none;flex-wrap:wrap;grid-area:f;padding-block-start:var(--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top));display:flex}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-block-end:0}.button-group{grid-area:g;justify-content:flex-end;padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top));padding-inline-start:var(--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size));display:flex}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"a a a a a a a"". . . . .l l"".b c c m l l"".d d d d d."".e e e e e."".f f g g g."". . . . . . ."}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color));grid-area:f/f/g/g}.close-button{grid-area:l;place-self:start end;margin-block-start:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding));margin-inline-end:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding))}:host([mode=fullscreen]){block-size:100%;inline-size:100%}:host([mode=fullscreenTakeover]){border-radius:0;block-size:100%;inline-size:100%}:host([mode=fullscreen]),:host([mode=fullscreenTakeover]){max-block-size:none;max-inline-size:none}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr auto auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . . . ."".b c g."".d d d."".e e e."". . . . .";display:grid}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size))}:host([mode=fullscreen]) .content,:host([mode=fullscreenTakeover]) .content{max-block-size:none}:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer,:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer{padding-block-start:0}:host([mode=fullscreen]) .footer,:host([mode=fullscreenTakeover]) .footer{display:none}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{grid-area:g;align-self:start}@media screen and (width<=700px){.grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"a a a a a a"". . . . . ."".b b b b."".c c c c."".d d d d."".e e e e."".f f g g."". . . . . ."}.grid,:host([dismissable]) .grid{grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"a a a a a a a"". . . . .l l"".b b b b l l"".c c c c c."".d d d d d."".e e e e e."".f f g g g."". . . . . . ."}.header{justify-content:flex-start}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . ."".b."".c."".d."".e."".g."". . .";display:grid}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top))}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size))}}@media (forced-colors:active){:host{border:solid}}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(--spectrum-dialog-confirm-description-text-color,var(--spectrum-gray-800))}.type-icon{color:var(--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color));grid-area:i}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){width:100%;height:auto}.grid{grid-template-areas:"a a a a a a"". . . . . ."".b c c i."".d d d d."".e e e e."".f f g g."". . . . . ."}:host([dismissable]) .grid{grid-template-areas:"a a a a a a a"". . . . .l l"".b c c i l l"".d d d d d."".e e e e e."".f f g g g."". . . . . . ."}.button-group.button-group--noFooter{grid-area:f/f/g/g} +`,k=E;import{AlertDialog as B}from"/libs/features/spectrum-web-components/dist/alert-dialog.js";import{classMap as D}from"/libs/features/spectrum-web-components/dist/base.js";var L=Object.defineProperty,C=Object.getOwnPropertyDescriptor,p=(s,i,t,r)=>{for(var o=r>1?void 0:r?C(i,t):i,d=s.length-1,l;d>=0;d--)(l=s[d])&&(o=(r?l(i,t,o):l(o))||o);return r&&o&&L(i,t,o),o},m=class extends S(B,['[slot="hero"]','[slot="footer"]','[slot="button"]']){constructor(){super(...arguments),this.error=!1,this.dismissable=!1,this.dismissLabel="Close",this.noDivider=!1}static get styles(){return[k]}get hasFooter(){return this.getSlotContentPresence('[slot="footer"]')}get hasButtons(){return this.getSlotContentPresence('[slot="button"]')}get hasHero(){return this.getSlotContentPresence('[slot="hero"]')}close(){this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))}renderHero(){return g` - `}renderFooter(){return p` + `}renderFooter(){return g`
- `}renderButtons(){let o={"button-group":!0,"button-group--noFooter":!this.hasFooter};return p` - + `}renderButtons(){let i={"button-group":!0,"button-group--noFooter":!this.hasFooter};return g` + - `}renderDismiss(){return p` + `}renderDismiss(){return g` - `}render(){return p` + `}render(){return g`
${this.renderHero()} ${this.renderHeading()} - ${this.error?p` + ${this.error?g` `:v} - ${this.noDivider?v:p` + ${this.noDivider?v:g` `} ${this.renderContent()} @@ -35,11 +35,11 @@ import{html as p,nothing as v}from"/libs/features/spectrum-web-components/dist/b ${this.hasButtons?this.renderButtons():v} ${this.dismissable?this.renderDismiss():v}
- `}shouldUpdate(o){return o.has("mode")&&this.mode&&(this.dismissable=!1),o.has("dismissable")&&this.dismissable&&(this.dismissable=!this.mode),super.shouldUpdate(o)}firstUpdated(o){super.firstUpdated(o),this.setAttribute("role","dialog")}};u([P(".close-button")],m.prototype,"closeButton",2),u([f({type:Boolean,reflect:!0})],m.prototype,"error",2),u([f({type:Boolean,reflect:!0})],m.prototype,"dismissable",2),u([f({type:Boolean,reflect:!0,attribute:"no-divider"})],m.prototype,"noDivider",2),u([f({type:String,reflect:!0})],m.prototype,"mode",2),u([f({type:String,reflect:!0})],m.prototype,"size",2);import{defineElement as S}from"/libs/features/spectrum-web-components/dist/base.js";S("sp-dialog",m);import{html as g,nothing as h}from"/libs/features/spectrum-web-components/dist/base.js";import{property as l}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as x}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/underlay.js";import"/libs/features/spectrum-web-components/dist/button.js";import{html as z,nothing as H,SpectrumElement as I}from"/libs/features/spectrum-web-components/dist/base.js";import{property as y}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/underlay.js";import"/libs/features/spectrum-web-components/dist/button.js";import{css as O}from"/libs/features/spectrum-web-components/dist/base.js";var F=O` + `}shouldUpdate(i){return i.has("mode")&&this.mode&&(this.dismissable=!1),i.has("dismissable")&&this.dismissable&&(this.dismissable=!this.mode),super.shouldUpdate(i)}firstUpdated(i){super.firstUpdated(i),this.setAttribute("role","dialog")}};p([P(".close-button")],m.prototype,"closeButton",2),p([f({type:Boolean,reflect:!0})],m.prototype,"error",2),p([f({type:Boolean,reflect:!0})],m.prototype,"dismissable",2),p([f({type:String,reflect:!0,attribute:"dismiss-label"})],m.prototype,"dismissLabel",2),p([f({type:Boolean,reflect:!0,attribute:"no-divider"})],m.prototype,"noDivider",2),p([f({type:String,reflect:!0})],m.prototype,"mode",2),p([f({type:String,reflect:!0})],m.prototype,"size",2);import{defineElement as O}from"/libs/features/spectrum-web-components/dist/base.js";O("sp-dialog",m);import{html as u,nothing as h}from"/libs/features/spectrum-web-components/dist/base.js";import{property as n}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as x}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/underlay.js";import"/libs/features/spectrum-web-components/dist/button.js";import{html as z,nothing as V,SpectrumElement as N}from"/libs/features/spectrum-web-components/dist/base.js";import{property as y}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/underlay.js";import"/libs/features/spectrum-web-components/dist/button.js";import{css as F}from"/libs/features/spectrum-web-components/dist/base.js";var j=F` :host{box-sizing:border-box;visibility:hidden;pointer-events:none;z-index:1;transition:visibility 0s linear var(--mod-modal-transition-animation-duration,var(--spectrum-modal-transition-animation-duration));justify-content:center;align-items:center;block-size:stretch;inline-size:100vw;display:flex;position:fixed;inset-block-start:0;inset-inline-start:0}:host([open]){visibility:visible}@media only screen and (device-height<=350px),only screen and (device-width<=400px){:host([responsive]){border-radius:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;margin-block-start:0}} -`,w=F;import{css as j}from"/libs/features/spectrum-web-components/dist/base.js";var U=j` +`,w=j;import{css as U}from"/libs/features/spectrum-web-components/dist/base.js";var M=U` .modal{pointer-events:none;visibility:hidden;opacity:0;transition:transform var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,opacity var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,visibility 0s linear var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))}:host([open]) .modal{pointer-events:auto;visibility:visible;opacity:1;transition-delay:var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s))}:host{--spectrum-modal-confirm-exit-animation-delay:var(--spectrum-animation-duration-0);--spectrum-modal-fullscreen-margin:32px;--spectrum-modal-max-height:90vh;--spectrum-modal-max-width:90%;--spectrum-modal-background-color:var(--spectrum-gray-100);--spectrum-modal-confirm-border-radius:var(--spectrum-corner-radius-100);--spectrum-modal-confirm-exit-animation-duration:var(--spectrum-animation-duration-100);--spectrum-modal-confirm-entry-animation-duration:var(--spectrum-animation-duration-500);--spectrum-modal-confirm-entry-animation-delay:var(--spectrum-animation-duration-200);--spectrum-modal-transition-animation-duration:var(--spectrum-animation-duration-100)}.modal{transform:translateY(var(--mod-modal-confirm-entry-animation-distance,var(--spectrum-modal-confirm-entry-animation-distance)));z-index:1;max-block-size:var(--mod-modal-max-height,var(--spectrum-modal-max-height));max-inline-size:var(--mod-modal-max-width,var(--spectrum-modal-max-width));background:var(--mod-modal-background-color,var(--spectrum-modal-background-color));border-radius:var(--mod-modal-confirm-border-radius,var(--spectrum-modal-confirm-border-radius));pointer-events:auto;transition:opacity var(--mod-modal-confirm-exit-animation-duration,var(--spectrum-modal-confirm-exit-animation-duration))var(--spectrum-animation-ease-in)var(--mod-modal-confirm-exit-animation-delay,var(--spectrum-modal-confirm-exit-animation-delay)),visibility 0s linear calc(var(--mod-modal-confirm-exit-animation-delay,var(--spectrum-modal-confirm-exit-animation-delay)) + var(--mod-modal-confirm-exit-animation-duration,var(--spectrum-modal-confirm-exit-animation-duration))),transform 0s linear calc(var(--mod-modal-confirm-exit-animation-delay,var(--spectrum-modal-confirm-exit-animation-delay)) + var(--mod-modal-confirm-exit-animation-duration,var(--spectrum-modal-confirm-exit-animation-duration)));outline:none;overflow:hidden}:host([open]) .modal{transition:transform var(--mod-modal-confirm-entry-animation-duration,var(--spectrum-modal-confirm-entry-animation-duration))var(--spectrum-animation-ease-out)var(--mod-modal-confirm-entry-animation-delay,var(--spectrum-modal-confirm-entry-animation-delay)),opacity var(--mod-modal-confirm-entry-animation-duration,var(--spectrum-modal-confirm-entry-animation-duration))var(--spectrum-animation-ease-out)var(--mod-modal-confirm-entry-animation-delay,var(--spectrum-modal-confirm-entry-animation-delay));transform:translateY(0)}@media only screen and (device-height<=350px),only screen and (device-width<=400px){:host([responsive]) .modal{border-radius:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}.fullscreen{max-block-size:none;max-inline-size:none;position:fixed;inset-block-start:var(--mod-modal-fullscreen-margin,var(--spectrum-modal-fullscreen-margin));inset-block-end:var(--mod-modal-fullscreen-margin,var(--spectrum-modal-fullscreen-margin));inset-inline-start:var(--mod-modal-fullscreen-margin,var(--spectrum-modal-fullscreen-margin));inset-inline-end:var(--mod-modal-fullscreen-margin,var(--spectrum-modal-fullscreen-margin))}.fullscreenTakeover{box-sizing:border-box;border:none;border-radius:0;max-block-size:none;max-inline-size:none;position:fixed;inset:0}.fullscreenTakeover,:host([open]) .fullscreenTakeover{transform:none}:host{--spectrum-dialog-confirm-exit-animation-duration:var(--swc-test-duration);--spectrum-dialog-confirm-entry-animation-duration:var(--swc-test-duration);--spectrum-modal-confirm-entry-animation-distance:var(--spectrum-dialog-confirm-entry-animation-distance);height:100dvh}.modal{overflow:visible} -`,$=U;import{FocusVisiblePolyfillMixin as V}from"/libs/features/spectrum-web-components/dist/shared.js";import{firstFocusableIn as N}from"/libs/features/spectrum-web-components/dist/shared.js";var M=Object.defineProperty,q=Object.getOwnPropertyDescriptor,b=(a,o,t,r)=>{for(var i=r>1?void 0:r?q(o,t):o,n=a.length-1,d;n>=0;n--)(d=a[n])&&(i=(r?d(o,t,i):d(i))||i);return r&&i&&M(o,t,i),i},c=class extends V(I){constructor(){super(...arguments),this.dismissable=!1,this.open=!1,this.responsive=!1,this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.underlay=!1,this.animating=!1}static get styles(){return[w,$]}get dialog(){return this.shadowRoot.querySelector("slot").assignedElements()[0]||this}async focus(){if(this.shadowRoot){let o=N(this.dialog);o?(o.updateComplete&&await o.updateComplete,o.focus()):this.dialog.focus()}else super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}dismiss(){this.dismissable&&this.close()}handleClose(o){o.stopPropagation(),this.close()}close(){this.open=!1}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleTransitionEvent(o){this.dispatchEvent(new TransitionEvent(o.type,{bubbles:!0,composed:!0,propertyName:o.propertyName}))}handleUnderlayTransitionend(o){!this.open&&o.propertyName==="visibility"&&this.resolveTransitionPromise(),this.handleTransitionEvent(o)}handleModalTransitionend(o){(this.open||!this.underlay)&&this.resolveTransitionPromise(),this.handleTransitionEvent(o)}update(o){o.has("open")&&o.get("open")!==void 0&&(this.animating=!0,this.transitionPromise=new Promise(t=>{this.resolveTransitionPromise=()=>{this.animating=!1,t()}}),this.open||this.dispatchClosed()),super.update(o)}renderDialog(){return z` +`,$=M;import{FocusVisiblePolyfillMixin as R}from"/libs/features/spectrum-web-components/dist/shared.js";import{firstFocusableIn as A}from"/libs/features/spectrum-web-components/dist/shared.js";var q=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(s,i,t,r)=>{for(var o=r>1?void 0:r?H(i,t):i,d=s.length-1,l;d>=0;d--)(l=s[d])&&(o=(r?l(i,t,o):l(o))||o);return r&&o&&q(i,t,o),o},c=class extends R(N){constructor(){super(...arguments),this.dismissable=!1,this.open=!1,this.responsive=!1,this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.underlay=!1,this.animating=!1}static get styles(){return[w,$]}get dialog(){return this.shadowRoot.querySelector("slot").assignedElements()[0]||this}async focus(){if(this.shadowRoot){let i=A(this.dialog);i?(i.updateComplete&&await i.updateComplete,i.focus()):this.dialog.focus()}else super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}dismiss(){this.dismissable&&this.close()}handleClose(i){i.stopPropagation(),this.close()}close(){this.open=!1}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleTransitionEvent(i){this.dispatchEvent(new TransitionEvent(i.type,{bubbles:!0,composed:!0,propertyName:i.propertyName}))}handleUnderlayTransitionend(i){!this.open&&i.propertyName==="visibility"&&this.resolveTransitionPromise(),this.handleTransitionEvent(i)}handleModalTransitionend(i){(this.open||!this.underlay)&&this.resolveTransitionPromise(),this.handleTransitionEvent(i)}update(i){i.has("open")&&i.get("open")!==void 0&&(this.animating=!0,this.transitionPromise=new Promise(t=>{this.resolveTransitionPromise=()=>{this.animating=!1,t()}}),this.open||this.dispatchClosed()),super.update(i)}renderDialog(){return z` `}render(){return z` ${this.underlay?z` @@ -50,7 +50,7 @@ import{html as p,nothing as v}from"/libs/features/spectrum-web-components/dist/b @transitionend=${this.handleUnderlayTransitionend} @transitioncancel=${this.handleTransitionEvent} > - `:H} + `:V}
${this.renderDialog()}
- `}updated(o){o.has("open")&&this.open&&"updateComplete"in this.dialog&&"shouldManageTabOrderForScrolling"in this.dialog&&this.dialog.updateComplete.then(()=>{this.dialog.shouldManageTabOrderForScrolling()})}async getUpdateComplete(){let o=await super.getUpdateComplete();return await this.transitionPromise,o}};b([y({type:Boolean,reflect:!0})],c.prototype,"dismissable",2),b([y({type:Boolean,reflect:!0})],c.prototype,"open",2),b([y({type:String,reflect:!0})],c.prototype,"mode",2),b([y({type:Boolean})],c.prototype,"responsive",2),b([y({type:Boolean})],c.prototype,"underlay",2);var R=Object.defineProperty,A=Object.getOwnPropertyDescriptor,s=(a,o,t,r)=>{for(var i=r>1?void 0:r?A(o,t):o,n=a.length-1,d;n>=0;n--)(d=a[n])&&(i=(r?d(o,t,i):d(i))||i);return r&&i&&R(o,t,i),i},e=class extends c{constructor(){super(...arguments),this.error=!1,this.cancelLabel="",this.confirmLabel="",this.footer="",this.hero="",this.heroLabel="",this.noDivider=!1,this.secondaryLabel="",this.headline=""}static get styles(){return[...super.styles]}get dialog(){return this.shadowRoot.querySelector("sp-dialog")}clickSecondary(){this.dispatchEvent(new Event("secondary",{bubbles:!0}))}clickCancel(){this.dispatchEvent(new Event("cancel",{bubbles:!0}))}clickConfirm(){this.dispatchEvent(new Event("confirm",{bubbles:!0}))}renderDialog(){let o=this.noDivider||!this.headline||this.headlineVisibility==="none";return g` + `}updated(i){i.has("open")&&this.open&&"updateComplete"in this.dialog&&"shouldManageTabOrderForScrolling"in this.dialog&&this.dialog.updateComplete.then(()=>{this.dialog.shouldManageTabOrderForScrolling()})}async getUpdateComplete(){let i=await super.getUpdateComplete();return await this.transitionPromise,i}};b([y({type:Boolean,reflect:!0})],c.prototype,"dismissable",2),b([y({type:Boolean,reflect:!0})],c.prototype,"open",2),b([y({type:String,reflect:!0})],c.prototype,"mode",2),b([y({type:Boolean})],c.prototype,"responsive",2),b([y({type:Boolean})],c.prototype,"underlay",2);var Y=Object.defineProperty,I=Object.getOwnPropertyDescriptor,a=(s,i,t,r)=>{for(var o=r>1?void 0:r?I(i,t):i,d=s.length-1,l;d>=0;d--)(l=s[d])&&(o=(r?l(i,t,o):l(o))||o);return r&&o&&Y(i,t,o),o},e=class extends c{constructor(){super(...arguments),this.error=!1,this.cancelLabel="",this.confirmLabel="",this.dismissLabel="Close",this.footer="",this.hero="",this.heroLabel="",this.noDivider=!1,this.secondaryLabel="",this.headline=""}static get styles(){return[...super.styles]}get dialog(){return this.shadowRoot.querySelector("sp-dialog")}clickSecondary(){this.dispatchEvent(new Event("secondary",{bubbles:!0}))}clickCancel(){this.dispatchEvent(new Event("cancel",{bubbles:!0}))}clickConfirm(){this.dispatchEvent(new Event("confirm",{bubbles:!0}))}renderDialog(){let i=this.noDivider||!this.headline||this.headlineVisibility==="none";return u` - ${this.hero?g` + ${this.hero?u` ${x(this.heroLabel?this.heroLabel:void `:h} - ${this.headline?g` + ${this.headline?u`

`:h} - ${this.footer?g` + ${this.footer?u`
${this.footer}
`:h} - ${this.cancelLabel?g` + ${this.cancelLabel?u` `:h} - ${this.secondaryLabel?g` + ${this.secondaryLabel?u` `:h} - ${this.confirmLabel?g` + ${this.confirmLabel?u` `:h} - `}};s([l({type:Boolean,reflect:!0})],e.prototype,"error",2),s([l({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),s([l({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),s([l()],e.prototype,"footer",2),s([l()],e.prototype,"hero",2),s([l({attribute:"hero-label"})],e.prototype,"heroLabel",2),s([l({type:Boolean,reflect:!0,attribute:"no-divider"})],e.prototype,"noDivider",2),s([l({type:String,reflect:!0})],e.prototype,"size",2),s([l({attribute:"secondary-label"})],e.prototype,"secondaryLabel",2),s([l()],e.prototype,"headline",2),s([l({type:String,attribute:"headline-visibility"})],e.prototype,"headlineVisibility",2);import{defineElement as Y}from"/libs/features/spectrum-web-components/dist/base.js";Y("sp-dialog-wrapper",e); + `}};a([n({type:Boolean,reflect:!0})],e.prototype,"error",2),a([n({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),a([n({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),a([n({attribute:"dismiss-label"})],e.prototype,"dismissLabel",2),a([n()],e.prototype,"footer",2),a([n()],e.prototype,"hero",2),a([n({attribute:"hero-label"})],e.prototype,"heroLabel",2),a([n({type:Boolean,reflect:!0,attribute:"no-divider"})],e.prototype,"noDivider",2),a([n({type:String,reflect:!0})],e.prototype,"size",2),a([n({attribute:"secondary-label"})],e.prototype,"secondaryLabel",2),a([n()],e.prototype,"headline",2),a([n({type:String,attribute:"headline-visibility"})],e.prototype,"headlineVisibility",2);import{defineElement as W}from"/libs/features/spectrum-web-components/dist/base.js";W("sp-dialog-wrapper",e); diff --git a/libs/features/spectrum-web-components/dist/help-text.js b/libs/features/spectrum-web-components/dist/help-text.js index 3112bca75c..44e737917c 100644 --- a/libs/features/spectrum-web-components/dist/help-text.js +++ b/libs/features/spectrum-web-components/dist/help-text.js @@ -1,20 +1,20 @@ /* eslint-disable */ /* Generated by Milo */ -import{html as a,nothing as b,SizedMixin as w,SpectrumElement as k}from"/libs/features/spectrum-web-components/dist/base.js";import{property as h}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{css as d}from"/libs/features/spectrum-web-components/dist/base.js";var v=d` - :host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-disabled-content-color:var(--spectrum-disabled-content-color)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(--spectrum-negative-color-900);--spectrum-helptext-icon-color-default:var(--spectrum-negative-color-900)}:host([disabled]){--spectrum-helptext-content-color-default:var(--spectrum-helptext-disabled-content-color);--spectrum-helptext-icon-color-default:var(--spectrum-helptext-disabled-content-color)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--spectrum-helptext-line-height-cjk:var(--spectrum-cjk-line-height-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-small);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75)}:host{--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-medium);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-100)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-extra-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-200)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText;forced-color-adjust:none}.icon,.text{forced-color-adjust:none}}:host{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)));font-size:var(--mod-helptext-font-size,var(--spectrum-helptext-font-size));min-block-size:var(--mod-helptext-min-height,var(--spectrum-helptext-min-height));display:flex}.icon{block-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));inline-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));flex-shrink:0;margin-inline-end:var(--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual));padding-block-start:var(--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon));padding-block-end:var(--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon))}.text{line-height:var(--mod-helptext-line-height,var(--spectrum-helptext-line-height));padding-block-start:var(--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text));padding-block-end:var(--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text))}:host(:lang(ja)) .text,:host(:lang(zh)) .text,:host(:lang(ko)) .text{line-height:var(--mod-helptext-line-height-cjk,var(--spectrum-helptext-line-height-cjk))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))} -`,c=v;var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,p=(n,t,e,r)=>{for(var o=r>1?void 0:r?g(t,e):t,s=n.length-1,i;s>=0;s--)(i=n[s])&&(o=(r?i(t,e,o):i(o))||o);return r&&o&&f(t,e,o),o},l=class extends w(k,{noDefaultSize:!0}){constructor(){super(...arguments),this.icon=!1,this.variant="neutral"}static get styles(){return[c]}render(){return a` - ${this.variant==="negative"&&this.icon?a` +import{html as h,nothing as g,SizedMixin as b,SpectrumElement as w}from"/libs/features/spectrum-web-components/dist/base.js";import{property as m}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{css as x}from"/libs/features/spectrum-web-components/dist/base.js";var d=x` + :host{--spectrum-helptext-line-height:var(--spectrum-line-height-100);--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-disabled-content-color:var(--spectrum-disabled-content-color)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(--spectrum-negative-color-900);--spectrum-helptext-icon-color-default:var(--spectrum-negative-color-900)}:host([disabled]){--spectrum-helptext-content-color-default:var(--spectrum-helptext-disabled-content-color);--spectrum-helptext-icon-color-default:var(--spectrum-helptext-disabled-content-color)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--spectrum-helptext-line-height-cjk:var(--spectrum-cjk-line-height-100)}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-small);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75)}:host{--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-medium);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-100)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-extra-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);--spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-200)}@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)));font-size:var(--mod-helptext-font-size,var(--spectrum-helptext-font-size));min-block-size:var(--mod-helptext-min-height,var(--spectrum-helptext-min-height));display:flex}.icon{block-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));inline-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));flex-shrink:0;margin-inline-end:var(--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual));padding-block-start:var(--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon));padding-block-end:var(--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon))}.text{line-height:var(--mod-helptext-line-height,var(--spectrum-helptext-line-height));padding-block-start:var(--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text));padding-block-end:var(--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--mod-helptext-line-height-cjk,var(--spectrum-helptext-line-height-cjk))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))} +`,p=d;var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(l,t,e,r)=>{for(var o=r>1?void 0:r?f(t,e):t,i=l.length-1,c;i>=0;i--)(c=l[i])&&(o=(r?c(t,e,o):c(o))||o);return r&&o&&v(t,e,o),o},s=class extends b(w,{noDefaultSize:!0}){constructor(){super(...arguments),this.icon=!1,this.variant="neutral"}static get styles(){return[p]}render(){return h` + ${this.variant==="negative"&&this.icon?h` - `:b} + `:g}
- `}};p([h({type:Boolean,reflect:!0})],l.prototype,"icon",2),p([h({reflect:!0})],l.prototype,"variant",2);import{defineElement as z}from"/libs/features/spectrum-web-components/dist/base.js";z("sp-help-text",l);import{html as T}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as I}from"/libs/features/spectrum-web-components/dist/base.js";import{conditionAttributeWithId as E}from"/libs/features/spectrum-web-components/dist/base.js";var m=class u{constructor(t,{mode:e}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:r})=>{this.handleHelpText(r),this.handleNegativeHelpText(r)},this.host=t,this.instanceCount=u.instanceCount++,this.id=`sp-help-text-${this.instanceCount}`,this.mode=e}get isInternal(){return this.mode==="internal"}render(t){return T` -
+ `}};a([m({type:Boolean,reflect:!0})],s.prototype,"icon",2),a([m({reflect:!0})],s.prototype,"variant",2);import{defineElement as k}from"/libs/features/spectrum-web-components/dist/base.js";k("sp-help-text",s);import{html as z}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as T}from"/libs/features/spectrum-web-components/dist/base.js";import{conditionAttributeWithId as I}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as u}from"/libs/features/spectrum-web-components/dist/shared.js";var n=class{constructor(t,{mode:e}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:r})=>{this.handleHelpText(r),this.handleNegativeHelpText(r)},this.host=t,this.id=`sp-help-text-${u()}`,this.mode=e}get isInternal(){return this.mode==="internal"}render(t){return z` +
- `}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=E(this.host,"aria-describedby",t),this.host.hasAttribute("tabindex")&&(this.previousTabindex=parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(t){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();let e=t.assignedElements()[0];this.helpTextElement=e,e&&(e.id||(e.id=this.id),this.addId())}handleNegativeHelpText(t){t.name==="negative-help-text"&&t.assignedElements().forEach(e=>e.variant="negative")}};m.instanceCount=0;var x=m;function j(n,{mode:t}={mode:"internal"}){class e extends n{constructor(){super(...arguments),this.helpTextManager=new x(this,{mode:t})}get helpTextId(){return this.helpTextManager.id}renderHelpText(o){return this.helpTextManager.render(o)}}return e}export{j as ManageHelpText}; + `}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=I(this.host,"aria-describedby",t),this.host.hasAttribute("tabindex")&&(this.previousTabindex=parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(t){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();let e=t.assignedElements()[0];this.helpTextElement=e,e&&(e.id||(e.id=this.id),this.addId())}handleNegativeHelpText(t){t.name==="negative-help-text"&&t.assignedElements().forEach(e=>e.variant="negative")}};function E(l,{mode:t}={mode:"internal"}){class e extends l{constructor(){super(...arguments),this.helpTextManager=new n(this,{mode:t})}get helpTextId(){return this.helpTextManager.id}renderHelpText(o){return this.helpTextManager.render(o)}}return e}export{E as ManageHelpText}; diff --git a/libs/features/spectrum-web-components/dist/overlay.js b/libs/features/spectrum-web-components/dist/overlay.js index 9e7c38ee44..b3b6460373 100644 --- a/libs/features/spectrum-web-components/dist/overlay.js +++ b/libs/features/spectrum-web-components/dist/overlay.js @@ -1,15 +1,15 @@ /* eslint-disable */ /* Generated by Milo */ -var cn=Object.defineProperty;var x=(e,t)=>()=>(e&&(t=e(e=0)),t);var hn=(e,t)=>{for(var n in t)cn(e,n,{get:t[n],enumerable:!0})};var Rt,he=x(()=>{"use strict";Rt=class{constructor(t={}){this.warmUpDelay=1e3,this.coolDownDelay=1e3,this.isWarm=!1,this.timeout=0,Object.assign(this,t)}async openTimer(t){if(this.cancelCooldownTimer(),!this.component||t!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=t,this.isWarm?!1:(this.promise=new Promise(n=>{this.resolve=n,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error("Inconsistent state")}close(t){this.component&&this.component===t&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}});import{SpectrumElement as pn}from"/libs/features/spectrum-web-components/dist/base.js";import{reparentChildren as dn}from"/libs/features/spectrum-web-components/dist/shared.js";function S(){return new Promise(e=>requestAnimationFrame(()=>e()))}var ht,j,pt,ct,J=x(()=>{"use strict";he();ht=new Rt,j=()=>{},pt=(e,t,n)=>{let o=new AbortController,i=new Map,a=()=>{o.abort(),n()},s,r,l=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>{a()})})}),c=h=>{h.target===e&&(i.set(h.propertyName,i.get(h.propertyName)-1),i.get(h.propertyName)||i.delete(h.propertyName),i.size===0&&a())},p=h=>{h.target===e&&(i.has(h.propertyName)||i.set(h.propertyName,0),i.set(h.propertyName,i.get(h.propertyName)+1),cancelAnimationFrame(l),cancelAnimationFrame(s),cancelAnimationFrame(r))};e.addEventListener("transitionrun",p,{signal:o.signal}),e.addEventListener("transitionend",c,{signal:o.signal}),e.addEventListener("transitioncancel",c,{signal:o.signal}),t()};ct=class e extends pn{constructor(){super(...arguments),this.dispose=j,this.offset=0,this.willPreventClose=!1}async applyFocus(t,n){}get delayed(){return!1}set delayed(t){}get disabled(){return!1}set disabled(t){}get elementResolver(){return this._elementResolver}set elementResolver(t){this._elementResolver=t}async ensureOnDOM(t){}async makeTransition(t){return null}async manageDelay(t){}async manageDialogOpen(){}async managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get placementController(){return this._placementController}set placementController(t){this._placementController=t}requestSlottable(){}returnFocus(){}get state(){return"closed"}set state(t){}manuallyKeepOpen(){}static update(){let t=new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,n,o,i){await Promise.resolve().then(()=>(nt(),bt));let a=arguments.length===2,s=o||t,r=new this,l=!1;r.dispose=()=>{r.addEventListener("sp-closed",()=>{l||(c(),l=!0),requestAnimationFrame(()=>{r.remove()})}),r.open=!1,r.dispose=j};let c=dn([s],r,{position:"beforeend",prepareCallback:h=>{let u=h.slot;return h.removeAttribute("slot"),()=>{h.slot=u}}});if(!a&&s&&i){let h=t,u=n,d=i;return e.applyOptions(r,{...d,delayed:d.delayed||s.hasAttribute("delayed"),trigger:d.virtualTrigger||h,type:u==="modal"?"modal":u==="hover"?"hint":"auto"}),h.insertAdjacentElement("afterend",r),await r.updateComplete,r.open=!0,r.dispose}let p=n;return r.append(s),e.applyOptions(r,{...p,delayed:p.delayed||s.hasAttribute("delayed")}),r.updateComplete.then(()=>{r.open=!0}),r}static applyOptions(t,n){var o,i;t.delayed=!!n.delayed,t.receivesFocus=(o=n.receivesFocus)!=null?o:"auto",t.triggerElement=n.trigger||null,t.type=n.type||"modal",t.offset=(i=n.offset)!=null?i:0,t.placement=n.placement,t.willPreventClose=!!n.notImmediatelyClosable}}});var W,xt=x(()=>{"use strict";J();W=class{constructor(t,n){this.x=0,this.y=0,this.x=t,this.y=n}updateBoundingClientRect(t,n){this.x=t,this.y=n,ct.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}});var Q,Z,A,kt=x(()=>{"use strict";Q=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="open",this.newState="closed"}},Z=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="closed",this.newState="open"}},A=class extends Event{constructor(t,n,{publish:o,interaction:i,reason:a}){super(t,{bubbles:o,composed:o}),this.overlay=n,this.detail={interaction:i,reason:a}}}});import{firstFocusableIn as un,firstFocusableSlottedIn as mn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as fn}from"/libs/features/spectrum-web-components/dist/shared.js";function pe(e){class t extends e{async manageDialogOpen(){let o=this.open;if(await this.managePosition(),this.open!==o)return;let i=await this.dialogMakeTransition(o);this.open===o&&await this.dialogApplyFocus(o,i)}async dialogMakeTransition(o){let i=null,a=(r,l)=>async()=>{if(r.open=o,!o){let p=()=>{r.removeEventListener("close",p),s(r,l)};r.addEventListener("close",p)}if(l>0)return;let c=o?Z:Q;this.dispatchEvent(new c),o&&(r.matches(fn)&&(i=r),i=i||un(r),i||r.querySelectorAll("slot").forEach(p=>{i||(i=mn(p))}),!(!this.isConnected||this.dialogEl.open)&&this.dialogEl.showModal())},s=(r,l)=>()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(l>0){r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||o!==this.open)return;let p=async()=>{let h=this.triggerElement instanceof W;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:h})),r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!h&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};!o&&this.dialogEl.open?(this.dialogEl.addEventListener("close",()=>{p()},{once:!0}),this.dialogEl.close()):p()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}async dialogApplyFocus(o,i){this.applyFocus(o,i)}}return t}var de=x(()=>{"use strict";xt();J();kt()});import{firstFocusableIn as gn,firstFocusableSlottedIn as vn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as yn}from"/libs/features/spectrum-web-components/dist/shared.js";function ue(e){let t=!1;try{t=e.matches(":popover-open")}catch{}let n=!1;try{n=e.matches(":open")}catch{}return t||n}function me(e){class t extends e{async manageDelay(o){if(o===!1||o!==this.open){ht.close(this);return}this.delayed&&await ht.openTimer(this)&&(this.open=!o)}async shouldHidePopover(o){if(o&&this.open!==o)return;let i=async({newState:a}={})=>{a!=="open"&&await this.placementController.resetOverlayPosition()};if(!ue(this.dialogEl)){i();return}this.dialogEl.addEventListener("toggle",i,{once:!0})}async shouldShowPopover(o){let i=!1;try{i=this.dialogEl.matches(":popover-open")}catch{}let a=!1;try{a=this.dialogEl.matches(":open")}catch{}o&&this.open===o&&!i&&!a&&this.isConnected&&(this.dialogEl.showPopover(),await this.managePosition())}async ensureOnDOM(o){await S(),wn||await this.shouldHidePopover(o),await this.shouldShowPopover(o),await S()}async makeTransition(o){if(this.open!==o)return null;let i=null,a=(r,l)=>()=>{if(r.open=o,l===0){let c=o?Z:Q;this.dispatchEvent(new c)}!o||(r.matches(yn)&&(i=r),i=i||gn(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=vn(c))})},s=(r,l)=>async()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(l>0){r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1}));return}let p=async()=>{if(this.open!==o)return;await S();let u=this.triggerElement instanceof W;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:u})),r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!u&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};if(this.open!==o)return;let h=ue(this.dialogEl);o!==!0&&h&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{p()},{once:!0}),this.dialogEl.hidePopover()):p()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}}return t}var wn,fe=x(()=>{"use strict";xt();J();kt();wn=CSS.supports("(overlay: auto)")});import{firstFocusableIn as bn,firstFocusableSlottedIn as xn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as En}from"/libs/features/spectrum-web-components/dist/shared.js";function ge(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(o){if(o===!1||o!==this.open){ht.close(this);return}this.delayed&&await ht.openTimer(this)&&(this.open=!o)}async ensureOnDOM(o){document.body.offsetHeight}async makeTransition(o){if(this.open!==o)return null;let i=null,a=(r,l)=>()=>{if(o===this.open){if(r.open=o,l===0){let c=o?Z:Q;this.dispatchEvent(new c)}o!==!0||(r.matches(En)&&(i=r),i=i||bn(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=xn(c))})}},s=(r,l)=>async()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(r.dispatchEvent(new A(c,this,{interaction:this.type})),l>0)return;let p=this.triggerElement instanceof W;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:p})),this.triggerElement&&!p&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}}return t}var ve=x(()=>{"use strict";xt();J();kt()});var Cn,Gt,Jt,ye=x(()=>{"use strict";Cn="showPopover"in document.createElement("div"),Gt=class{constructor(){this.root=document.body,this.stack=[],this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{let t=this.pointerdownPath;if(this.pointerdownPath=void 0,!this.stack.length||!(t!=null&&t.length))return;let n=this.stack.length-1,o=this.stack.filter((i,a)=>!t.find(s=>s===i||s===i?.triggerElement&&i?.type==="hint"||a===n&&i!==this.lastOverlay&&i.triggerInteraction==="longpress")&&!i.shouldPreventClose()&&i.type!=="manual");o.reverse(),o.forEach(i=>{this.closeOverlay(i);let a=i.parentOverlayToForceClose;for(;a;)this.closeOverlay(a),a=a.parentOverlayToForceClose})},this.handleBeforetoggle=t=>{let{target:n,newState:o}=t;o!=="open"&&this.closeOverlay(n)},this.handleKeydown=t=>{if(t.code!=="Escape"||!this.stack.length)return;let n=this.stack.at(-1);if(n?.type==="page"){t.preventDefault();return}Cn||n?.type!=="manual"&&n&&this.closeOverlay(n)},this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerdown",this.handlePointerdown),this.document.addEventListener("pointerup",this.handlePointerup),this.document.addEventListener("keydown",this.handleKeydown)}closeOverlay(t){let n=this.stack.indexOf(t);n>-1&&this.stack.splice(n,1),t.open=!1}overlaysByTriggerElement(t){return this.stack.filter(n=>n.triggerElement===t)}add(t){if(this.stack.includes(t)){let n=this.stack.indexOf(t);n>-1&&(this.stack.splice(n,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){let n="sp-overlay-query-path",o=new Event(n,{composed:!0,bubbles:!0});t.addEventListener(n,i=>{let a=i.composedPath();this.stack.forEach(s=>{!a.find(r=>r===s)&&s.type!=="manual"&&this.closeOverlay(s)})},{once:!0}),t.dispatchEvent(o)}else if(t.type==="hint"){if(this.stack.some(n=>n.type!=="manual"&&n.triggerElement&&n.triggerElement===t.triggerElement)){t.open=!1;return}this.stack.forEach(n=>{n.type==="hint"&&this.closeOverlay(n)})}requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0})})}remove(t){this.closeOverlay(t)}},Jt=new Gt});function Dt(e,t,n){return T(e,q(t,n))}function ot(e,t){return typeof e=="function"?e(t):e}function Y(e){return e.split("-")[0]}function it(e){return e.split("-")[1]}function Qt(e){return e==="x"?"y":"x"}function Ft(e){return e==="y"?"height":"width"}function dt(e){return["top","bottom"].includes(Y(e))?"y":"x"}function $t(e){return Qt(dt(e))}function we(e,t,n){n===void 0&&(n=!1);let o=it(e),i=$t(e),a=Ft(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=Et(s)),[s,Et(s)]}function be(e){let t=Et(e);return[Lt(e),t,Lt(t)]}function Lt(e){return e.replace(/start|end/g,t=>Pn[t])}function An(e,t,n){let o=["left","right"],i=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?i:o:t?o:i;case"left":case"right":return t?a:s;default:return[]}}function xe(e,t,n,o){let i=it(e),a=An(Y(e),n==="start",o);return i&&(a=a.map(s=>s+"-"+i),t&&(a=a.concat(a.map(Lt)))),a}function Et(e){return e.replace(/left|right|bottom|top/g,t=>On[t])}function Sn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Zt(e){return typeof e!="number"?Sn(e):{top:e,right:e,bottom:e,left:e}}function st(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}var q,T,Ct,Ot,K,On,Pn,Nt=x(()=>{q=Math.min,T=Math.max,Ct=Math.round,Ot=Math.floor,K=e=>({x:e,y:e}),On={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"}});function Ee(e,t,n){let{reference:o,floating:i}=e,a=dt(t),s=$t(t),r=Ft(s),l=Y(t),c=a==="y",p=o.x+o.width/2-i.width/2,h=o.y+o.height/2-i.height/2,u=o[r]/2-i[r]/2,d;switch(l){case"top":d={x:p,y:o.y-i.height};break;case"bottom":d={x:p,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:h};break;case"left":d={x:o.x-i.width,y:h};break;default:d={x:o.x,y:o.y}}switch(it(t)){case"start":d[s]-=u*(n&&c?-1:1);break;case"end":d[s]+=u*(n&&c?-1:1);break}return d}async function Bt(e,t){var n;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:s,elements:r,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:h="floating",altBoundary:u=!1,padding:d=0}=ot(t,e),m=Zt(d),v=r[u?h==="floating"?"reference":"floating":h],g=st(await a.getClippingRect({element:(n=await(a.isElement==null?void 0:a.isElement(v)))==null||n?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:p,strategy:l})),y=h==="floating"?{...s.floating,x:o,y:i}:s.reference,w=await(a.getOffsetParent==null?void 0:a.getOffsetParent(r.floating)),E=await(a.isElement==null?void 0:a.isElement(w))?await(a.getScale==null?void 0:a.getScale(w))||{x:1,y:1}:{x:1,y:1},b=st(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:y,offsetParent:w,strategy:l}):y);return{top:(g.top-b.top+m.top)/E.y,bottom:(b.bottom-g.bottom+m.bottom)/E.y,left:(g.left-b.left+m.left)/E.x,right:(b.right-g.right+m.right)/E.x}}async function Tn(e,t){let{placement:n,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=Y(n),r=it(n),l=dt(n)==="y",c=["left","top"].includes(s)?-1:1,p=a&&l?-1:1,h=ot(t,e),{mainAxis:u,crossAxis:d,alignmentAxis:m}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return r&&typeof m=="number"&&(d=r==="end"?m*-1:m),l?{x:d*p,y:u*c}:{x:u*c,y:d*p}}var Ce,Oe,Pe,te,Ae,Se,ee=x(()=>{Nt();Nt();Ce=async(e,t,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:s}=n,r=a.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t)),c=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:p,y:h}=Ee(c,o,l),u=o,d={},m=0;for(let f=0;f({name:"arrow",options:e,async fn(t){let{x:n,y:o,placement:i,rects:a,platform:s,elements:r,middlewareData:l}=t,{element:c,padding:p=0}=ot(e,t)||{};if(c==null)return{};let h=Zt(p),u={x:n,y:o},d=$t(i),m=Ft(d),f=await s.getDimensions(c),v=d==="y",g=v?"top":"left",y=v?"bottom":"right",w=v?"clientHeight":"clientWidth",E=a.reference[m]+a.reference[d]-u[d]-a.floating[m],b=u[d]-a.reference[d],C=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c)),L=C?C[w]:0;(!L||!await(s.isElement==null?void 0:s.isElement(C)))&&(L=r.floating[w]||a.floating[m]);let I=E/2-b/2,G=L/2-f[m]/2-1,vt=q(h[g],G),yt=q(h[y],G),N=vt,wt=L-f[m]-yt,D=L/2-f[m]/2+I,H=Dt(N,D,wt),_=!l.arrow&&it(i)!=null&&D!==H&&a.reference[m]/2-(DN<=0)){var G,vt;let N=(((G=a.flip)==null?void 0:G.index)||0)+1,wt=b[N];if(wt)return{data:{index:N,overflows:I},reset:{placement:wt}};let D=(vt=I.filter(H=>H.overflows[0]<=0).sort((H,_)=>H.overflows[1]-_.overflows[1])[0])==null?void 0:vt.placement;if(!D)switch(d){case"bestFit":{var yt;let H=(yt=I.map(_=>[_.placement,_.overflows.filter(z=>z>0).reduce((z,ln)=>z+ln,0)]).sort((_,z)=>_[1]-z[1])[0])==null?void 0:yt[0];H&&(D=H);break}case"initialPlacement":D=r;break}if(i!==D)return{reset:{placement:D}}}return{}}}};te=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,o;let{x:i,y:a,placement:s,middlewareData:r}=t,l=await Tn(t,e);return s===((n=r.offset)==null?void 0:n.placement)&&(o=r.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:s}}}}},Ae=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:n,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:s=!1,limiter:r={fn:v=>{let{x:g,y}=v;return{x:g,y}}},...l}=ot(e,t),c={x:n,y:o},p=await Bt(t,l),h=dt(Y(i)),u=Qt(h),d=c[u],m=c[h];if(a){let v=u==="y"?"top":"left",g=u==="y"?"bottom":"right",y=d+p[v],w=d-p[g];d=Dt(y,d,w)}if(s){let v=h==="y"?"top":"left",g=h==="y"?"bottom":"right",y=m+p[v],w=m-p[g];m=Dt(y,m,w)}let f=r.fn({...t,[u]:d,[h]:m});return{...f,data:{x:f.x-n,y:f.y-o}}}}},Se=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){let{placement:n,rects:o,platform:i,elements:a}=t,{apply:s=()=>{},...r}=ot(e,t),l=await Bt(t,r),c=Y(n),p=it(n),h=dt(n)==="y",{width:u,height:d}=o.floating,m,f;c==="top"||c==="bottom"?(m=c,f=p===(await(i.isRTL==null?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(f=c,m=p==="end"?"top":"bottom");let v=d-l[m],g=u-l[f],y=!t.middlewareData.shift,w=v,E=g;if(h){let C=u-l.left-l.right;E=p||y?q(g,C):C}else{let C=d-l.top-l.bottom;w=p||y?q(v,C):C}if(y&&!p){let C=T(l.left,0),L=T(l.right,0),I=T(l.top,0),G=T(l.bottom,0);h?E=u-2*(C!==0||L!==0?C+L:T(l.left,l.right)):w=d-2*(I!==0||G!==0?I+G:T(l.top,l.bottom))}await s({...t,availableWidth:E,availableHeight:w});let b=await i.getDimensions(a.floating);return u!==b.width||d!==b.height?{reset:{rects:!0}}:{}}}}});function X(e){return Re(e)?(e.nodeName||"").toLowerCase():"#document"}function k(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function V(e){var t;return(t=(Re(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Re(e){return e instanceof Node||e instanceof k(e).Node}function U(e){return e instanceof Element||e instanceof k(e).Element}function B(e){return e instanceof HTMLElement||e instanceof k(e).HTMLElement}function Te(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof k(e).ShadowRoot}function mt(e){let{overflow:t,overflowX:n,overflowY:o,display:i}=F(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(i)}function ke(e){return["table","td","th"].includes(X(e))}function Mt(e){let t=It(),n=F(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Le(e){let t=rt(e);for(;B(t)&&!Pt(t);){if(Mt(t))return t;t=rt(t)}return null}function It(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Pt(e){return["html","body","#document"].includes(X(e))}function F(e){return k(e).getComputedStyle(e)}function At(e){return U(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(e){if(X(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Te(e)&&e.host||V(e);return Te(t)?t.host:t}function De(e){let t=rt(e);return Pt(t)?e.ownerDocument?e.ownerDocument.body:e.body:B(t)&&mt(t)?t:De(t)}function ut(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);let i=De(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),s=k(i);return a?t.concat(s,s.visualViewport||[],mt(i)?i:[],s.frameElement&&n?ut(s.frameElement):[]):t.concat(i,ut(i,[],n))}var Fe=x(()=>{});function Be(e){let t=F(e),n=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=B(e),a=i?e.offsetWidth:n,s=i?e.offsetHeight:o,r=Ct(n)!==a||Ct(o)!==s;return r&&(n=a,o=s),{width:n,height:o,$:r}}function ne(e){return U(e)?e:e.contextElement}function ft(e){let t=ne(e);if(!B(t))return K(1);let n=t.getBoundingClientRect(),{width:o,height:i,$:a}=Be(t),s=(a?Ct(n.width):n.width)/o,r=(a?Ct(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!r||!Number.isFinite(r))&&(r=1),{x:s,y:r}}function Me(e){let t=k(e);return!It()||!t.visualViewport?Rn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function kn(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==k(e)?!1:t}function at(e,t,n,o){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=ne(e),s=K(1);t&&(o?U(o)&&(s=ft(o)):s=ft(e));let r=kn(a,n,o)?Me(a):K(0),l=(i.left+r.x)/s.x,c=(i.top+r.y)/s.y,p=i.width/s.x,h=i.height/s.y;if(a){let u=k(a),d=o&&U(o)?k(o):o,m=u,f=m.frameElement;for(;f&&o&&d!==m;){let v=ft(f),g=f.getBoundingClientRect(),y=F(f),w=g.left+(f.clientLeft+parseFloat(y.paddingLeft))*v.x,E=g.top+(f.clientTop+parseFloat(y.paddingTop))*v.y;l*=v.x,c*=v.y,p*=v.x,h*=v.y,l+=w,c+=E,m=k(f),f=m.frameElement}}return st({width:p,height:h,x:l,y:c})}function Ie(e){return Ln.some(t=>{try{return e.matches(t)}catch{return!1}})}function Dn(e){let{elements:t,rect:n,offsetParent:o,strategy:i}=e,a=i==="fixed",s=V(o),r=t?Ie(t.floating):!1;if(o===s||r&&a)return n;let l={scrollLeft:0,scrollTop:0},c=K(1),p=K(0),h=B(o);if((h||!h&&!a)&&((X(o)!=="body"||mt(s))&&(l=At(o)),B(o))){let u=at(o);c=ft(o),p.x=u.x+o.clientLeft,p.y=u.y+o.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+p.x,y:n.y*c.y-l.scrollTop*c.y+p.y}}function Fn(e){return Array.from(e.getClientRects())}function He(e){return at(V(e)).left+At(e).scrollLeft}function $n(e){let t=V(e),n=At(e),o=e.ownerDocument.body,i=T(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=T(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+He(e),r=-n.scrollTop;return F(o).direction==="rtl"&&(s+=T(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:s,y:r}}function Nn(e,t){let n=k(e),o=V(e),i=n.visualViewport,a=o.clientWidth,s=o.clientHeight,r=0,l=0;if(i){a=i.width,s=i.height;let c=It();(!c||c&&t==="fixed")&&(r=i.offsetLeft,l=i.offsetTop)}return{width:a,height:s,x:r,y:l}}function Bn(e,t){let n=at(e,!0,t==="fixed"),o=n.top+e.clientTop,i=n.left+e.clientLeft,a=B(e)?ft(e):K(1),s=e.clientWidth*a.x,r=e.clientHeight*a.y,l=i*a.x,c=o*a.y;return{width:s,height:r,x:l,y:c}}function $e(e,t,n){let o;if(t==="viewport")o=Nn(e,n);else if(t==="document")o=$n(V(e));else if(U(t))o=Bn(t,n);else{let i=Me(e);o={...t,x:t.x-i.x,y:t.y-i.y}}return st(o)}function _e(e,t){let n=rt(e);return n===t||!U(n)||Pt(n)?!1:F(n).position==="fixed"||_e(n,t)}function Mn(e,t){let n=t.get(e);if(n)return n;let o=ut(e,[],!1).filter(r=>U(r)&&X(r)!=="body"),i=null,a=F(e).position==="fixed",s=a?rt(e):e;for(;U(s)&&!Pt(s);){let r=F(s),l=Mt(s);!l&&r.position==="fixed"&&(i=null),(a?!l&&!i:!l&&r.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||mt(s)&&!l&&_e(e,s))?o=o.filter(p=>p!==s):i=r,s=rt(s)}return t.set(e,o),o}function In(e){let{element:t,boundary:n,rootBoundary:o,strategy:i}=e,s=[...n==="clippingAncestors"?Mn(t,this._c):[].concat(n),o],r=s[0],l=s.reduce((c,p)=>{let h=$e(t,p,i);return c.top=T(h.top,c.top),c.right=q(h.right,c.right),c.bottom=q(h.bottom,c.bottom),c.left=T(h.left,c.left),c},$e(t,r,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Hn(e){let{width:t,height:n}=Be(e);return{width:t,height:n}}function _n(e,t,n){let o=B(t),i=V(t),a=n==="fixed",s=at(e,!0,a,t),r={scrollLeft:0,scrollTop:0},l=K(0);if(o||!o&&!a)if((X(t)!=="body"||mt(i))&&(r=At(t)),o){let h=at(t,!0,a,t);l.x=h.x+t.clientLeft,l.y=h.y+t.clientTop}else i&&(l.x=He(i));let c=s.left+r.scrollLeft-l.x,p=s.top+r.scrollTop-l.y;return{x:c,y:p,width:s.width,height:s.height}}function Ne(e,t){return!B(e)||F(e).position==="fixed"?null:t?t(e):e.offsetParent}function We(e,t){let n=k(e);if(!B(e)||Ie(e))return n;let o=Ne(e,t);for(;o&&ke(o)&&F(o).position==="static";)o=Ne(o,t);return o&&(X(o)==="html"||X(o)==="body"&&F(o).position==="static"&&!Mt(o))?n:o||Le(e)||n}function qn(e){return F(e).direction==="rtl"}function Un(e,t){let n=null,o,i=V(e);function a(){var r;clearTimeout(o),(r=n)==null||r.disconnect(),n=null}function s(r,l){r===void 0&&(r=!1),l===void 0&&(l=1),a();let{left:c,top:p,width:h,height:u}=e.getBoundingClientRect();if(r||t(),!h||!u)return;let d=Ot(p),m=Ot(i.clientWidth-(c+h)),f=Ot(i.clientHeight-(p+u)),v=Ot(c),y={rootMargin:-d+"px "+-m+"px "+-f+"px "+-v+"px",threshold:T(0,q(1,l))||1},w=!0;function E(b){let C=b[0].intersectionRatio;if(C!==l){if(!w)return s();C?s(!1,C):o=setTimeout(()=>{s(!1,1e-7)},100)}w=!1}try{n=new IntersectionObserver(E,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(E,y)}n.observe(e)}return s(!0),a}function oe(e,t,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:r=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,c=ne(e),p=i||a?[...c?ut(c):[],...ut(t)]:[];p.forEach(g=>{i&&g.addEventListener("scroll",n,{passive:!0}),a&&g.addEventListener("resize",n)});let h=c&&r?Un(c,n):null,u=-1,d=null;s&&(d=new ResizeObserver(g=>{let[y]=g;y&&y.target===c&&d&&(d.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var w;(w=d)==null||w.observe(t)})),n()}),c&&!l&&d.observe(c),d.observe(t));let m,f=l?at(e):null;l&&v();function v(){let g=at(e);f&&(g.x!==f.x||g.y!==f.y||g.width!==f.width||g.height!==f.height)&&n(),f=g,m=requestAnimationFrame(v)}return n(),()=>{var g;p.forEach(y=>{i&&y.removeEventListener("scroll",n),a&&y.removeEventListener("resize",n)}),h?.(),(g=d)==null||g.disconnect(),d=null,l&&cancelAnimationFrame(m)}}var Rn,Ln,Wn,Vn,qe,ie,Ve,Ue,ze,je=x(()=>{ee();ee();Nt();Fe();Rn=K(0);Ln=[":popover-open",":modal"];Wn=async function(e){let t=this.getOffsetParent||We,n=this.getDimensions;return{reference:_n(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,...await n(e.floating)}}};Vn={convertOffsetParentRelativeRectToViewportRelativeRect:Dn,getDocumentElement:V,getClippingRect:In,getOffsetParent:We,getElementRects:Wn,getClientRects:Fn,getDimensions:Hn,getScale:ft,isElement:U,isRTL:qn};qe=Ae,ie=Pe,Ve=Se,Ue=Oe,ze=(e,t,n)=>{let o=new Map,i={platform:Vn,...n},a={...i.platform,_c:o};return Ce(e,t,{...i,platform:a})}});function Ht(e){if(typeof e>"u")return 0;let t=window.devicePixelRatio||1;return Math.round(e*t)/t}var _t,zn,jn,ci,Wt,Ke=x(()=>{"use strict";je();_t=8,zn=100,jn=e=>{var t;return(t={left:["right","bottom","top"],"left-start":["right-start","bottom","top"],"left-end":["right-end","bottom","top"],right:["left","bottom","top"],"right-start":["left-start","bottom","top"],"right-end":["left-end","bottom","top"],top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"]}[e])!=null?t:[e]},ci=Symbol("placement updated"),Wt=class{constructor(t){this.originalPlacements=new WeakMap,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!=="modal"&&this.cleanup&&this.target.dispatchEvent(new Event("close",{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=t,this.host.addController(this)}async placeOverlay(t=this.target,n=this.options){if(this.target=t,this.options=n,!t||!n)return;let o=oe(n.trigger,t,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),i=oe(n.trigger,t,this.updatePlacement,{ancestorScroll:!1});this.cleanup=()=>{var a;(a=this.host.elements)==null||a.forEach(s=>{s.addEventListener("sp-closed",()=>{let r=this.originalPlacements.get(s);r&&s.setAttribute("placement",r),this.originalPlacements.delete(s)},{once:!0})}),o(),i()}}async computePlacement(){var t,n;let{options:o,target:i}=this;await(document.fonts?document.fonts.ready:Promise.resolve());let a=o.trigger instanceof HTMLElement?ie():ie({padding:_t,fallbackPlacements:jn(o.placement)}),[s=0,r=0]=Array.isArray(o?.offset)?o.offset:[o.offset,0],l=(t=this.host.elements.find(m=>m.tipElement))==null?void 0:t.tipElement,c=[te({mainAxis:s,crossAxis:r}),qe({padding:_t}),a,Ve({padding:_t,apply:({availableWidth:m,availableHeight:f,rects:{floating:v}})=>{let g=Math.max(zn,Math.floor(f)),y=v.height;this.initialHeight=this.isConstrained&&this.initialHeight||y,this.isConstrained=y{this.originalPlacements.has(m)||this.originalPlacements.set(m,m.getAttribute("placement")),m.setAttribute("placement",u)}),l&&d.arrow){let{x:m,y:f}=d.arrow;Object.assign(l.style,{top:u.startsWith("right")||u.startsWith("left")?"0px":"",left:u.startsWith("bottom")||u.startsWith("top")?"0px":"",translate:`${Ht(m)}px ${Ht(f)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty("max-height"),this.target.style.removeProperty("max-width"),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener("sp-update-overlays",this.resetOverlayPosition)}hostUpdated(){var t;this.host.open||((t=this.cleanup)==null||t.call(this),this.cleanup=void 0)}hostDisconnected(){var t;(t=this.cleanup)==null||t.call(this),this.cleanup=void 0,document.removeEventListener("sp-update-overlays",this.resetOverlayPosition)}}});var lt,tt,qt=x(()=>{"use strict";lt=(e=>(e[e.click=0]="click",e[e.hover=1]="hover",e[e.longpress=2]="longpress",e))(lt||{}),tt=class{constructor(t,{overlay:n,isPersistent:o,handleOverlayReady:i}){this.target=t,this.isPersistent=!1,this.isPersistent=!!o,this.handleOverlayReady=i,this.isPersistent&&this.init(),this.overlay=n}get activelyOpening(){return!1}get open(){var t,n;return(n=(t=this.overlay)==null?void 0:t.open)!=null?n:!1}set open(t){if(this.overlay){this.overlay.open=t;return}t&&(customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:n}=await Promise.resolve().then(()=>(Vt(),Ye));this.overlay=new n,this.overlay.open=!0}),Promise.resolve().then(()=>(nt(),bt)))}get overlay(){return this._overlay}set overlay(t){var n;t&&this.overlay!==t&&(this.overlay&&this.overlay.removeController(this),this._overlay=t,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),(n=this.handleOverlayReady)==null||n.call(this,this.overlay))}prepareDescription(t){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}});import{isAndroid as Kn,isIOS as Yn}from"/libs/features/spectrum-web-components/dist/shared.js";import{conditionAttributeWithId as Xn}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as Gn}from"/libs/features/spectrum-web-components/dist/shared.js";var Jn,se,Ut,re=x(()=>{"use strict";J();qt();Jn=300,se={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"},Ut=class extends tt{constructor(){super(...arguments),this.type=lt.longpress,this.longpressState=null,this.releaseDescription=j,this.handlePointerup=()=>{var t;clearTimeout(this.timeout),this.target&&(this.longpressState=((t=this.overlay)==null?void 0:t.state)==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(t){!this.target||t.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},Jn))}handleKeydown(t){let{code:n,altKey:o}=t;o&&n==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation())}handleKeyup(t){let{code:n,altKey:o}=t;if(n==="Space"||o&&n==="ArrowDown"){if(!this.target)return;t.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(t){if(this.releaseDescription!==j||!this.overlay.elements.length)return;let n=document.createElement("div");n.id=`longpress-describedby-descriptor-${Gn()}`;let o=Yn()||Kn()?"touch":"keyboard";n.textContent=se[o],n.slot="longpress-describedby-descriptor";let i=t.getRootNode(),a=this.overlay.getRootNode();i===a?this.overlay.append(n):(n.hidden=!("host"in i),t.insertAdjacentElement("afterend",n));let s=Xn(t,"aria-describedby",[n.id]);this.releaseDescription=()=>{s(),n.remove(),this.releaseDescription=j}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:n}),this.target.addEventListener("pointerdown",o=>this.handlePointerdown(o),{signal:n}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",o=>this.handleKeydown(o),{signal:n}),this.target.addEventListener("keyup",o=>this.handleKeyup(o),{signal:n}))}}});var zt,Xe=x(()=>{"use strict";qt();zt=class extends tt{constructor(){super(...arguments),this.type=lt.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:n}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:n})}}});import{conditionAttributeWithId as Ge}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as Qn}from"/libs/features/spectrum-web-components/dist/shared.js";var Zn,jt,Je=x(()=>{"use strict";qt();J();Zn=300,jt=class extends tt{constructor(){super(...arguments),this.type=lt.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleTargetFocusin(){var t;(t=document.activeElement)!=null&&t.matches(":focus-visible")&&(this.open=!0,this.focusedin=!0)}handleTargetFocusout(){this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){var t;this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0),!((t=this.overlay)!=null&&t.disabled)&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(!this.overlay.elements.length)return;let t=this.target.getRootNode(),n=this.overlay.elements[0].getRootNode(),o=this.overlay.getRootNode();t===o?this.prepareOverlayRelativeDescription():t===n&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let t=Ge(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=j}}prepareContentRelativeDescription(){let t=[],n=this.overlay.elements.map(i=>(t.push(i.id),i.id||(i.id=`${this.overlay.tagName.toLowerCase()}-helper-${Qn()}`),i.id));this.elementIds=t;let o=Ge(this.target,"aria-describedby",n);this.releaseDescription=()=>{o(),this.overlay.elements.map((i,a)=>{i.id=this.elementIds[a]}),this.releaseDescription=j}}doPointerleave(){this.pointerentered=!1;let t=this.target;this.focusedin&&t.matches(":focus-visible")||(this.hoverTimeout=setTimeout(()=>{this.open=!1},Zn))}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:n}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:n}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:n}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:n}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:t}=this.abortController;this.overlay.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:t}),this.overlay.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:t})}}});var Qe,Ze=x(()=>{"use strict";Xe();Je();re();Qe={click:zt,longpress:Ut,hover:jt}});var Kt,tn,en=x(()=>{"use strict";Kt=class extends Event{constructor(t,n,o){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1}),this.name=t,this.data=n,this.slotName=o!==void 0?`${t}.${o}`:t}},tn=Symbol("remove-slottable-request")});import{css as to}from"/libs/features/spectrum-web-components/dist/base.js";var eo,nn,on=x(()=>{"use strict";eo=to` +var cn=Object.defineProperty;var x=(e,t)=>()=>(e&&(t=e(e=0)),t);var hn=(e,t)=>{for(var n in t)cn(e,n,{get:t[n],enumerable:!0})};var kt,pe=x(()=>{"use strict";kt=class{constructor(t={}){this.warmUpDelay=1e3,this.coolDownDelay=1e3,this.isWarm=!1,this.timeout=0,Object.assign(this,t)}async openTimer(t){if(this.cancelCooldownTimer(),!this.component||t!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=t,this.isWarm?!1:(this.promise=new Promise(n=>{this.resolve=n,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error("Inconsistent state")}close(t){this.component&&this.component===t&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}});import{SpectrumElement as pn}from"/libs/features/spectrum-web-components/dist/base.js";import{reparentChildren as dn}from"/libs/features/spectrum-web-components/dist/shared.js";function S(){return new Promise(e=>requestAnimationFrame(()=>e()))}var ht,j,pt,ct,J=x(()=>{"use strict";pe();ht=new kt,j=()=>{},pt=(e,t,n)=>{let o=new AbortController,i=new Map,a=()=>{o.abort(),n()},s,r,l=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>{a()})})}),c=h=>{h.target===e&&(i.set(h.propertyName,i.get(h.propertyName)-1),i.get(h.propertyName)||i.delete(h.propertyName),i.size===0&&a())},p=h=>{h.target===e&&(i.has(h.propertyName)||i.set(h.propertyName,0),i.set(h.propertyName,i.get(h.propertyName)+1),cancelAnimationFrame(l),cancelAnimationFrame(s),cancelAnimationFrame(r))};e.addEventListener("transitionrun",p,{signal:o.signal}),e.addEventListener("transitionend",c,{signal:o.signal}),e.addEventListener("transitioncancel",c,{signal:o.signal}),t()};ct=class e extends pn{constructor(){super(...arguments),this.dispose=j,this.offset=0,this.willPreventClose=!1}async applyFocus(t,n){}get delayed(){return!1}set delayed(t){}get disabled(){return!1}set disabled(t){}get elementResolver(){return this._elementResolver}set elementResolver(t){this._elementResolver=t}async ensureOnDOM(t){}async makeTransition(t){return null}async manageDelay(t){}async manageDialogOpen(){}async managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get placementController(){return this._placementController}set placementController(t){this._placementController=t}requestSlottable(){}returnFocus(){}get state(){return"closed"}set state(t){}manuallyKeepOpen(){}static update(){let t=new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,n,o,i){await Promise.resolve().then(()=>(nt(),bt));let a=arguments.length===2,s=o||t,r=new this,l=!1;r.dispose=()=>{r.addEventListener("sp-closed",()=>{l||(c(),l=!0),requestAnimationFrame(()=>{r.remove()})}),r.open=!1,r.dispose=j};let c=dn([s],r,{position:"beforeend",prepareCallback:h=>{let u=h.slot;return h.removeAttribute("slot"),()=>{h.slot=u}}});if(!a&&s&&i){let h=t,u=n,d=i;return e.applyOptions(r,{...d,delayed:d.delayed||s.hasAttribute("delayed"),trigger:d.virtualTrigger||h,type:u==="modal"?"modal":u==="hover"?"hint":"auto"}),h.insertAdjacentElement("afterend",r),await r.updateComplete,r.open=!0,r.dispose}let p=n;return r.append(s),e.applyOptions(r,{...p,delayed:p.delayed||s.hasAttribute("delayed")}),r.updateComplete.then(()=>{r.open=!0}),r}static applyOptions(t,n){var o,i;t.delayed=!!n.delayed,t.receivesFocus=(o=n.receivesFocus)!=null?o:"auto",t.triggerElement=n.trigger||null,t.type=n.type||"modal",t.offset=(i=n.offset)!=null?i:0,t.placement=n.placement,t.willPreventClose=!!n.notImmediatelyClosable}}});var q,xt=x(()=>{"use strict";J();q=class{constructor(t,n){this.x=0,this.y=0,this.x=t,this.y=n}updateBoundingClientRect(t,n){this.x=t,this.y=n,ct.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}});var Q,Z,A,Lt=x(()=>{"use strict";Q=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="open",this.newState="closed"}},Z=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="closed",this.newState="open"}},A=class extends Event{constructor(t,n,{publish:o,interaction:i,reason:a}){super(t,{bubbles:o,composed:o}),this.overlay=n,this.detail={interaction:i,reason:a}}}});import{firstFocusableIn as un,firstFocusableSlottedIn as mn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as fn}from"/libs/features/spectrum-web-components/dist/shared.js";function de(e){class t extends e{async manageDialogOpen(){let o=this.open;if(await this.managePosition(),this.open!==o)return;let i=await this.dialogMakeTransition(o);this.open===o&&await this.dialogApplyFocus(o,i)}async dialogMakeTransition(o){let i=null,a=(r,l)=>async()=>{if(r.open=o,!o){let p=()=>{r.removeEventListener("close",p),s(r,l)};r.addEventListener("close",p)}if(l>0)return;let c=o?Z:Q;this.dispatchEvent(new c),o&&(r.matches(fn)&&(i=r),i=i||un(r),i||r.querySelectorAll("slot").forEach(p=>{i||(i=mn(p))}),!(!this.isConnected||this.dialogEl.open)&&this.dialogEl.showModal())},s=(r,l)=>()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(l>0){r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||o!==this.open)return;let p=async()=>{let h=this.triggerElement instanceof q;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:h})),r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!h&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};!o&&this.dialogEl.open?(this.dialogEl.addEventListener("close",()=>{p()},{once:!0}),this.dialogEl.close()):p()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}async dialogApplyFocus(o,i){this.applyFocus(o,i)}}return t}var ue=x(()=>{"use strict";xt();J();Lt()});import{firstFocusableIn as gn,firstFocusableSlottedIn as vn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as yn}from"/libs/features/spectrum-web-components/dist/shared.js";function me(e){let t=!1;try{t=e.matches(":popover-open")}catch{}let n=!1;try{n=e.matches(":open")}catch{}return t||n}function fe(e){class t extends e{async manageDelay(o){if(o===!1||o!==this.open){ht.close(this);return}this.delayed&&await ht.openTimer(this)&&(this.open=!o)}async shouldHidePopover(o){if(o&&this.open!==o)return;let i=async({newState:a}={})=>{a!=="open"&&await this.placementController.resetOverlayPosition()};if(!me(this.dialogEl)){i();return}this.dialogEl.addEventListener("toggle",i,{once:!0})}async shouldShowPopover(o){let i=!1;try{i=this.dialogEl.matches(":popover-open")}catch{}let a=!1;try{a=this.dialogEl.matches(":open")}catch{}o&&this.open===o&&!i&&!a&&this.isConnected&&(this.dialogEl.showPopover(),await this.managePosition())}async ensureOnDOM(o){await S(),wn||await this.shouldHidePopover(o),await this.shouldShowPopover(o),await S()}async makeTransition(o){if(this.open!==o)return null;let i=null,a=(r,l)=>()=>{if(r.open=o,l===0){let c=o?Z:Q;this.dispatchEvent(new c)}!o||(r.matches(yn)&&(i=r),i=i||gn(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=vn(c))})},s=(r,l)=>async()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(l>0){r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1}));return}let p=async()=>{if(this.open!==o)return;await S();let u=this.triggerElement instanceof q;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:u})),r.dispatchEvent(new A(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!u&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};if(this.open!==o)return;let h=me(this.dialogEl);o!==!0&&h&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{p()},{once:!0}),this.dialogEl.hidePopover()):p()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}}return t}var wn,ge=x(()=>{"use strict";xt();J();Lt();wn=CSS.supports("(overlay: auto)")});import{firstFocusableIn as bn,firstFocusableSlottedIn as xn}from"/libs/features/spectrum-web-components/dist/shared.js";import{userFocusableSelector as En}from"/libs/features/spectrum-web-components/dist/shared.js";function ve(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(o){if(o===!1||o!==this.open){ht.close(this);return}this.delayed&&await ht.openTimer(this)&&(this.open=!o)}async ensureOnDOM(o){document.body.offsetHeight}async makeTransition(o){if(this.open!==o)return null;let i=null,a=(r,l)=>()=>{if(o===this.open){if(r.open=o,l===0){let c=o?Z:Q;this.dispatchEvent(new c)}o!==!0||(r.matches(En)&&(i=r),i=i||bn(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=xn(c))})}},s=(r,l)=>async()=>{if(this.open!==o)return;let c=o?"sp-opened":"sp-closed";if(r.dispatchEvent(new A(c,this,{interaction:this.type})),l>0)return;let p=this.triggerElement instanceof q;this.dispatchEvent(new A(c,this,{interaction:this.type,publish:p})),this.triggerElement&&!p&&this.triggerElement.dispatchEvent(new A(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await S(),await S(),o===this.open&&o===!1&&this.requestSlottable()};return this.elements.forEach((r,l)=>{pt(r,a(r,l),s(r,l))}),i}}return t}var ye=x(()=>{"use strict";xt();J();Lt()});var Cn,Gt,Jt,we=x(()=>{"use strict";Cn="showPopover"in document.createElement("div"),Gt=class{constructor(){this.root=document.body,this.stack=[],this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{let t=this.pointerdownPath;if(this.pointerdownPath=void 0,!this.stack.length||!(t!=null&&t.length))return;let n=this.stack.length-1,o=this.stack.filter((i,a)=>!t.find(s=>s===i||s===i?.triggerElement&&i?.type==="hint"||a===n&&i!==this.lastOverlay&&i.triggerInteraction==="longpress")&&!i.shouldPreventClose()&&i.type!=="manual");o.reverse(),o.forEach(i=>{this.closeOverlay(i);let a=i.parentOverlayToForceClose;for(;a;)this.closeOverlay(a),a=a.parentOverlayToForceClose})},this.handleBeforetoggle=t=>{let{target:n,newState:o}=t;o!=="open"&&this.closeOverlay(n)},this.handleKeydown=t=>{if(t.code!=="Escape"||!this.stack.length)return;let n=this.stack.at(-1);if(n?.type==="page"){t.preventDefault();return}Cn||n?.type!=="manual"&&n&&this.closeOverlay(n)},this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerdown",this.handlePointerdown),this.document.addEventListener("pointerup",this.handlePointerup),this.document.addEventListener("keydown",this.handleKeydown)}closeOverlay(t){let n=this.stack.indexOf(t);n>-1&&this.stack.splice(n,1),t.open=!1}overlaysByTriggerElement(t){return this.stack.filter(n=>n.triggerElement===t)}add(t){if(this.stack.includes(t)){let n=this.stack.indexOf(t);n>-1&&(this.stack.splice(n,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){let n="sp-overlay-query-path",o=new Event(n,{composed:!0,bubbles:!0});t.addEventListener(n,i=>{let a=i.composedPath();this.stack.forEach(s=>{!a.find(r=>r===s)&&s.type!=="manual"&&this.closeOverlay(s)})},{once:!0}),t.dispatchEvent(o)}else if(t.type==="hint"){if(this.stack.some(n=>n.type!=="manual"&&n.triggerElement&&n.triggerElement===t.triggerElement)){t.open=!1;return}this.stack.forEach(n=>{n.type==="hint"&&this.closeOverlay(n)})}requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0})})}remove(t){this.closeOverlay(t)}},Jt=new Gt});function Ft(e,t,n){return T(e,W(t,n))}function ot(e,t){return typeof e=="function"?e(t):e}function Y(e){return e.split("-")[0]}function it(e){return e.split("-")[1]}function Qt(e){return e==="x"?"y":"x"}function $t(e){return e==="y"?"height":"width"}function dt(e){return["top","bottom"].includes(Y(e))?"y":"x"}function Nt(e){return Qt(dt(e))}function be(e,t,n){n===void 0&&(n=!1);let o=it(e),i=Nt(e),a=$t(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(s=Et(s)),[s,Et(s)]}function xe(e){let t=Et(e);return[Dt(e),t,Dt(t)]}function Dt(e){return e.replace(/start|end/g,t=>Pn[t])}function An(e,t,n){let o=["left","right"],i=["right","left"],a=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?i:o:t?o:i;case"left":case"right":return t?a:s;default:return[]}}function Ee(e,t,n,o){let i=it(e),a=An(Y(e),n==="start",o);return i&&(a=a.map(s=>s+"-"+i),t&&(a=a.concat(a.map(Dt)))),a}function Et(e){return e.replace(/left|right|bottom|top/g,t=>On[t])}function Sn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Zt(e){return typeof e!="number"?Sn(e):{top:e,right:e,bottom:e,left:e}}function st(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}var W,T,Ct,Ot,K,On,Pn,Bt=x(()=>{W=Math.min,T=Math.max,Ct=Math.round,Ot=Math.floor,K=e=>({x:e,y:e}),On={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"}});function Ce(e,t,n){let{reference:o,floating:i}=e,a=dt(t),s=Nt(t),r=$t(s),l=Y(t),c=a==="y",p=o.x+o.width/2-i.width/2,h=o.y+o.height/2-i.height/2,u=o[r]/2-i[r]/2,d;switch(l){case"top":d={x:p,y:o.y-i.height};break;case"bottom":d={x:p,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:h};break;case"left":d={x:o.x-i.width,y:h};break;default:d={x:o.x,y:o.y}}switch(it(t)){case"start":d[s]-=u*(n&&c?-1:1);break;case"end":d[s]+=u*(n&&c?-1:1);break}return d}async function Mt(e,t){var n;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:s,elements:r,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:h="floating",altBoundary:u=!1,padding:d=0}=ot(t,e),m=Zt(d),v=r[u?h==="floating"?"reference":"floating":h],g=st(await a.getClippingRect({element:(n=await(a.isElement==null?void 0:a.isElement(v)))==null||n?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:p,strategy:l})),y=h==="floating"?{...s.floating,x:o,y:i}:s.reference,w=await(a.getOffsetParent==null?void 0:a.getOffsetParent(r.floating)),E=await(a.isElement==null?void 0:a.isElement(w))?await(a.getScale==null?void 0:a.getScale(w))||{x:1,y:1}:{x:1,y:1},b=st(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:y,offsetParent:w,strategy:l}):y);return{top:(g.top-b.top+m.top)/E.y,bottom:(b.bottom-g.bottom+m.bottom)/E.y,left:(g.left-b.left+m.left)/E.x,right:(b.right-g.right+m.right)/E.x}}async function Tn(e,t){let{placement:n,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=Y(n),r=it(n),l=dt(n)==="y",c=["left","top"].includes(s)?-1:1,p=a&&l?-1:1,h=ot(t,e),{mainAxis:u,crossAxis:d,alignmentAxis:m}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return r&&typeof m=="number"&&(d=r==="end"?m*-1:m),l?{x:d*p,y:u*c}:{x:u*c,y:d*p}}var Oe,Pe,Ae,te,Se,Te,ee=x(()=>{Bt();Bt();Oe=async(e,t,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:s}=n,r=a.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(t)),c=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:p,y:h}=Ce(c,o,l),u=o,d={},m=0;for(let f=0;f({name:"arrow",options:e,async fn(t){let{x:n,y:o,placement:i,rects:a,platform:s,elements:r,middlewareData:l}=t,{element:c,padding:p=0}=ot(e,t)||{};if(c==null)return{};let h=Zt(p),u={x:n,y:o},d=Nt(i),m=$t(d),f=await s.getDimensions(c),v=d==="y",g=v?"top":"left",y=v?"bottom":"right",w=v?"clientHeight":"clientWidth",E=a.reference[m]+a.reference[d]-u[d]-a.floating[m],b=u[d]-a.reference[d],C=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c)),L=C?C[w]:0;(!L||!await(s.isElement==null?void 0:s.isElement(C)))&&(L=r.floating[w]||a.floating[m]);let I=E/2-b/2,G=L/2-f[m]/2-1,vt=W(h[g],G),yt=W(h[y],G),N=vt,wt=L-f[m]-yt,D=L/2-f[m]/2+I,H=Ft(N,D,wt),_=!l.arrow&&it(i)!=null&&D!==H&&a.reference[m]/2-(DN<=0)){var G,vt;let N=(((G=a.flip)==null?void 0:G.index)||0)+1,wt=b[N];if(wt)return{data:{index:N,overflows:I},reset:{placement:wt}};let D=(vt=I.filter(H=>H.overflows[0]<=0).sort((H,_)=>H.overflows[1]-_.overflows[1])[0])==null?void 0:vt.placement;if(!D)switch(d){case"bestFit":{var yt;let H=(yt=I.map(_=>[_.placement,_.overflows.filter(z=>z>0).reduce((z,ln)=>z+ln,0)]).sort((_,z)=>_[1]-z[1])[0])==null?void 0:yt[0];H&&(D=H);break}case"initialPlacement":D=r;break}if(i!==D)return{reset:{placement:D}}}return{}}}};te=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,o;let{x:i,y:a,placement:s,middlewareData:r}=t,l=await Tn(t,e);return s===((n=r.offset)==null?void 0:n.placement)&&(o=r.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:s}}}}},Se=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:n,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:s=!1,limiter:r={fn:v=>{let{x:g,y}=v;return{x:g,y}}},...l}=ot(e,t),c={x:n,y:o},p=await Mt(t,l),h=dt(Y(i)),u=Qt(h),d=c[u],m=c[h];if(a){let v=u==="y"?"top":"left",g=u==="y"?"bottom":"right",y=d+p[v],w=d-p[g];d=Ft(y,d,w)}if(s){let v=h==="y"?"top":"left",g=h==="y"?"bottom":"right",y=m+p[v],w=m-p[g];m=Ft(y,m,w)}let f=r.fn({...t,[u]:d,[h]:m});return{...f,data:{x:f.x-n,y:f.y-o}}}}},Te=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){let{placement:n,rects:o,platform:i,elements:a}=t,{apply:s=()=>{},...r}=ot(e,t),l=await Mt(t,r),c=Y(n),p=it(n),h=dt(n)==="y",{width:u,height:d}=o.floating,m,f;c==="top"||c==="bottom"?(m=c,f=p===(await(i.isRTL==null?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(f=c,m=p==="end"?"top":"bottom");let v=d-l[m],g=u-l[f],y=!t.middlewareData.shift,w=v,E=g;if(h){let C=u-l.left-l.right;E=p||y?W(g,C):C}else{let C=d-l.top-l.bottom;w=p||y?W(v,C):C}if(y&&!p){let C=T(l.left,0),L=T(l.right,0),I=T(l.top,0),G=T(l.bottom,0);h?E=u-2*(C!==0||L!==0?C+L:T(l.left,l.right)):w=d-2*(I!==0||G!==0?I+G:T(l.top,l.bottom))}await s({...t,availableWidth:E,availableHeight:w});let b=await i.getDimensions(a.floating);return u!==b.width||d!==b.height?{reset:{rects:!0}}:{}}}}});function X(e){return ke(e)?(e.nodeName||"").toLowerCase():"#document"}function k(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function V(e){var t;return(t=(ke(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function ke(e){return e instanceof Node||e instanceof k(e).Node}function U(e){return e instanceof Element||e instanceof k(e).Element}function B(e){return e instanceof HTMLElement||e instanceof k(e).HTMLElement}function Re(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof k(e).ShadowRoot}function mt(e){let{overflow:t,overflowX:n,overflowY:o,display:i}=F(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(i)}function Le(e){return["table","td","th"].includes(X(e))}function It(e){let t=Ht(),n=F(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function De(e){let t=rt(e);for(;B(t)&&!Pt(t);){if(It(t))return t;t=rt(t)}return null}function Ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Pt(e){return["html","body","#document"].includes(X(e))}function F(e){return k(e).getComputedStyle(e)}function At(e){return U(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function rt(e){if(X(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Re(e)&&e.host||V(e);return Re(t)?t.host:t}function Fe(e){let t=rt(e);return Pt(t)?e.ownerDocument?e.ownerDocument.body:e.body:B(t)&&mt(t)?t:Fe(t)}function ut(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);let i=Fe(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),s=k(i);return a?t.concat(s,s.visualViewport||[],mt(i)?i:[],s.frameElement&&n?ut(s.frameElement):[]):t.concat(i,ut(i,[],n))}var $e=x(()=>{});function Me(e){let t=F(e),n=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=B(e),a=i?e.offsetWidth:n,s=i?e.offsetHeight:o,r=Ct(n)!==a||Ct(o)!==s;return r&&(n=a,o=s),{width:n,height:o,$:r}}function ne(e){return U(e)?e:e.contextElement}function ft(e){let t=ne(e);if(!B(t))return K(1);let n=t.getBoundingClientRect(),{width:o,height:i,$:a}=Me(t),s=(a?Ct(n.width):n.width)/o,r=(a?Ct(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!r||!Number.isFinite(r))&&(r=1),{x:s,y:r}}function Ie(e){let t=k(e);return!Ht()||!t.visualViewport?Rn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function kn(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==k(e)?!1:t}function at(e,t,n,o){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=ne(e),s=K(1);t&&(o?U(o)&&(s=ft(o)):s=ft(e));let r=kn(a,n,o)?Ie(a):K(0),l=(i.left+r.x)/s.x,c=(i.top+r.y)/s.y,p=i.width/s.x,h=i.height/s.y;if(a){let u=k(a),d=o&&U(o)?k(o):o,m=u,f=m.frameElement;for(;f&&o&&d!==m;){let v=ft(f),g=f.getBoundingClientRect(),y=F(f),w=g.left+(f.clientLeft+parseFloat(y.paddingLeft))*v.x,E=g.top+(f.clientTop+parseFloat(y.paddingTop))*v.y;l*=v.x,c*=v.y,p*=v.x,h*=v.y,l+=w,c+=E,m=k(f),f=m.frameElement}}return st({width:p,height:h,x:l,y:c})}function He(e){return Ln.some(t=>{try{return e.matches(t)}catch{return!1}})}function Dn(e){let{elements:t,rect:n,offsetParent:o,strategy:i}=e,a=i==="fixed",s=V(o),r=t?He(t.floating):!1;if(o===s||r&&a)return n;let l={scrollLeft:0,scrollTop:0},c=K(1),p=K(0),h=B(o);if((h||!h&&!a)&&((X(o)!=="body"||mt(s))&&(l=At(o)),B(o))){let u=at(o);c=ft(o),p.x=u.x+o.clientLeft,p.y=u.y+o.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+p.x,y:n.y*c.y-l.scrollTop*c.y+p.y}}function Fn(e){return Array.from(e.getClientRects())}function _e(e){return at(V(e)).left+At(e).scrollLeft}function $n(e){let t=V(e),n=At(e),o=e.ownerDocument.body,i=T(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=T(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+_e(e),r=-n.scrollTop;return F(o).direction==="rtl"&&(s+=T(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:s,y:r}}function Nn(e,t){let n=k(e),o=V(e),i=n.visualViewport,a=o.clientWidth,s=o.clientHeight,r=0,l=0;if(i){a=i.width,s=i.height;let c=Ht();(!c||c&&t==="fixed")&&(r=i.offsetLeft,l=i.offsetTop)}return{width:a,height:s,x:r,y:l}}function Bn(e,t){let n=at(e,!0,t==="fixed"),o=n.top+e.clientTop,i=n.left+e.clientLeft,a=B(e)?ft(e):K(1),s=e.clientWidth*a.x,r=e.clientHeight*a.y,l=i*a.x,c=o*a.y;return{width:s,height:r,x:l,y:c}}function Ne(e,t,n){let o;if(t==="viewport")o=Nn(e,n);else if(t==="document")o=$n(V(e));else if(U(t))o=Bn(t,n);else{let i=Ie(e);o={...t,x:t.x-i.x,y:t.y-i.y}}return st(o)}function qe(e,t){let n=rt(e);return n===t||!U(n)||Pt(n)?!1:F(n).position==="fixed"||qe(n,t)}function Mn(e,t){let n=t.get(e);if(n)return n;let o=ut(e,[],!1).filter(r=>U(r)&&X(r)!=="body"),i=null,a=F(e).position==="fixed",s=a?rt(e):e;for(;U(s)&&!Pt(s);){let r=F(s),l=It(s);!l&&r.position==="fixed"&&(i=null),(a?!l&&!i:!l&&r.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||mt(s)&&!l&&qe(e,s))?o=o.filter(p=>p!==s):i=r,s=rt(s)}return t.set(e,o),o}function In(e){let{element:t,boundary:n,rootBoundary:o,strategy:i}=e,s=[...n==="clippingAncestors"?Mn(t,this._c):[].concat(n),o],r=s[0],l=s.reduce((c,p)=>{let h=Ne(t,p,i);return c.top=T(h.top,c.top),c.right=W(h.right,c.right),c.bottom=W(h.bottom,c.bottom),c.left=T(h.left,c.left),c},Ne(t,r,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Hn(e){let{width:t,height:n}=Me(e);return{width:t,height:n}}function _n(e,t,n){let o=B(t),i=V(t),a=n==="fixed",s=at(e,!0,a,t),r={scrollLeft:0,scrollTop:0},l=K(0);if(o||!o&&!a)if((X(t)!=="body"||mt(i))&&(r=At(t)),o){let h=at(t,!0,a,t);l.x=h.x+t.clientLeft,l.y=h.y+t.clientTop}else i&&(l.x=_e(i));let c=s.left+r.scrollLeft-l.x,p=s.top+r.scrollTop-l.y;return{x:c,y:p,width:s.width,height:s.height}}function Be(e,t){return!B(e)||F(e).position==="fixed"?null:t?t(e):e.offsetParent}function We(e,t){let n=k(e);if(!B(e)||He(e))return n;let o=Be(e,t);for(;o&&Le(o)&&F(o).position==="static";)o=Be(o,t);return o&&(X(o)==="html"||X(o)==="body"&&F(o).position==="static"&&!It(o))?n:o||De(e)||n}function Wn(e){return F(e).direction==="rtl"}function Un(e,t){let n=null,o,i=V(e);function a(){var r;clearTimeout(o),(r=n)==null||r.disconnect(),n=null}function s(r,l){r===void 0&&(r=!1),l===void 0&&(l=1),a();let{left:c,top:p,width:h,height:u}=e.getBoundingClientRect();if(r||t(),!h||!u)return;let d=Ot(p),m=Ot(i.clientWidth-(c+h)),f=Ot(i.clientHeight-(p+u)),v=Ot(c),y={rootMargin:-d+"px "+-m+"px "+-f+"px "+-v+"px",threshold:T(0,W(1,l))||1},w=!0;function E(b){let C=b[0].intersectionRatio;if(C!==l){if(!w)return s();C?s(!1,C):o=setTimeout(()=>{s(!1,1e-7)},100)}w=!1}try{n=new IntersectionObserver(E,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(E,y)}n.observe(e)}return s(!0),a}function oe(e,t,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:r=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,c=ne(e),p=i||a?[...c?ut(c):[],...ut(t)]:[];p.forEach(g=>{i&&g.addEventListener("scroll",n,{passive:!0}),a&&g.addEventListener("resize",n)});let h=c&&r?Un(c,n):null,u=-1,d=null;s&&(d=new ResizeObserver(g=>{let[y]=g;y&&y.target===c&&d&&(d.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var w;(w=d)==null||w.observe(t)})),n()}),c&&!l&&d.observe(c),d.observe(t));let m,f=l?at(e):null;l&&v();function v(){let g=at(e);f&&(g.x!==f.x||g.y!==f.y||g.width!==f.width||g.height!==f.height)&&n(),f=g,m=requestAnimationFrame(v)}return n(),()=>{var g;p.forEach(y=>{i&&y.removeEventListener("scroll",n),a&&y.removeEventListener("resize",n)}),h?.(),(g=d)==null||g.disconnect(),d=null,l&&cancelAnimationFrame(m)}}var Rn,Ln,qn,Vn,Ve,ie,Ue,ze,je,Ke=x(()=>{ee();ee();Bt();$e();Rn=K(0);Ln=[":popover-open",":modal"];qn=async function(e){let t=this.getOffsetParent||We,n=this.getDimensions;return{reference:_n(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,...await n(e.floating)}}};Vn={convertOffsetParentRelativeRectToViewportRelativeRect:Dn,getDocumentElement:V,getClippingRect:In,getOffsetParent:We,getElementRects:qn,getClientRects:Fn,getDimensions:Hn,getScale:ft,isElement:U,isRTL:Wn};Ve=Se,ie=Ae,Ue=Te,ze=Pe,je=(e,t,n)=>{let o=new Map,i={platform:Vn,...n},a={...i.platform,_c:o};return Oe(e,t,{...i,platform:a})}});function _t(e){if(typeof e>"u")return 0;let t=window.devicePixelRatio||1;return Math.round(e*t)/t}var qt,zn,jn,ci,Wt,Ye=x(()=>{"use strict";Ke();qt=8,zn=100,jn=e=>{var t;return(t={left:["right","bottom","top"],"left-start":["right-start","bottom","top"],"left-end":["right-end","bottom","top"],right:["left","bottom","top"],"right-start":["left-start","bottom","top"],"right-end":["left-end","bottom","top"],top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"]}[e])!=null?t:[e]},ci=Symbol("placement updated"),Wt=class{constructor(t){this.originalPlacements=new WeakMap,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!=="modal"&&this.cleanup&&this.target.dispatchEvent(new Event("close",{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=t,this.host.addController(this)}async placeOverlay(t=this.target,n=this.options){if(this.target=t,this.options=n,!t||!n)return;let o=oe(n.trigger,t,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),i=oe(n.trigger,t,this.updatePlacement,{ancestorScroll:!1});this.cleanup=()=>{var a;(a=this.host.elements)==null||a.forEach(s=>{s.addEventListener("sp-closed",()=>{let r=this.originalPlacements.get(s);r&&s.setAttribute("placement",r),this.originalPlacements.delete(s)},{once:!0})}),o(),i()}}async computePlacement(){var t,n;let{options:o,target:i}=this;await(document.fonts?document.fonts.ready:Promise.resolve());let a=o.trigger instanceof HTMLElement?ie():ie({padding:qt,fallbackPlacements:jn(o.placement)}),[s=0,r=0]=Array.isArray(o?.offset)?o.offset:[o.offset,0],l=(t=this.host.elements.find(m=>m.tipElement))==null?void 0:t.tipElement,c=[te({mainAxis:s,crossAxis:r}),Ve({padding:qt}),a,Ue({padding:qt,apply:({availableWidth:m,availableHeight:f,rects:{floating:v}})=>{let g=Math.max(zn,Math.floor(f)),y=v.height;this.initialHeight=this.isConstrained&&this.initialHeight||y,this.isConstrained=y{this.originalPlacements.has(m)||this.originalPlacements.set(m,m.getAttribute("placement")),m.setAttribute("placement",u)}),l&&d.arrow){let{x:m,y:f}=d.arrow;Object.assign(l.style,{top:u.startsWith("right")||u.startsWith("left")?"0px":"",left:u.startsWith("bottom")||u.startsWith("top")?"0px":"",translate:`${_t(m)}px ${_t(f)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty("max-height"),this.target.style.removeProperty("max-width"),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener("sp-update-overlays",this.resetOverlayPosition)}hostUpdated(){var t;this.host.open||((t=this.cleanup)==null||t.call(this),this.cleanup=void 0)}hostDisconnected(){var t;(t=this.cleanup)==null||t.call(this),this.cleanup=void 0,document.removeEventListener("sp-update-overlays",this.resetOverlayPosition)}}});var lt,tt,Vt=x(()=>{"use strict";lt=(e=>(e[e.click=0]="click",e[e.hover=1]="hover",e[e.longpress=2]="longpress",e))(lt||{}),tt=class{constructor(t,{overlay:n,isPersistent:o,handleOverlayReady:i}){this.target=t,this.isPersistent=!1,this.isPersistent=!!o,this.handleOverlayReady=i,this.isPersistent&&this.init(),this.overlay=n}get activelyOpening(){return!1}get open(){var t,n;return(n=(t=this.overlay)==null?void 0:t.open)!=null?n:!1}set open(t){if(this.overlay){this.overlay.open=t;return}t&&(customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:n}=await Promise.resolve().then(()=>(Ut(),Xe));this.overlay=new n,this.overlay.open=!0}),Promise.resolve().then(()=>(nt(),bt)))}get overlay(){return this._overlay}set overlay(t){var n;t&&this.overlay!==t&&(this.overlay&&this.overlay.removeController(this),this._overlay=t,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),(n=this.handleOverlayReady)==null||n.call(this,this.overlay))}prepareDescription(t){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}});import{isAndroid as Kn,isIOS as Yn}from"/libs/features/spectrum-web-components/dist/shared.js";import{conditionAttributeWithId as Xn}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as Gn}from"/libs/features/spectrum-web-components/dist/shared.js";var Jn,se,zt,re=x(()=>{"use strict";J();Vt();Jn=300,se={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"},zt=class extends tt{constructor(){super(...arguments),this.type=lt.longpress,this.longpressState=null,this.releaseDescription=j,this.handlePointerup=()=>{var t;clearTimeout(this.timeout),this.target&&(this.longpressState=((t=this.overlay)==null?void 0:t.state)==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(t){!this.target||t.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},Jn))}handleKeydown(t){let{code:n,altKey:o}=t;o&&n==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation())}handleKeyup(t){let{code:n,altKey:o}=t;if(n==="Space"||o&&n==="ArrowDown"){if(!this.target)return;t.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(t){if(this.releaseDescription!==j||!this.overlay.elements.length)return;let n=document.createElement("div");n.id=`longpress-describedby-descriptor-${Gn()}`;let o=Yn()||Kn()?"touch":"keyboard";n.textContent=se[o],n.slot="longpress-describedby-descriptor";let i=t.getRootNode(),a=this.overlay.getRootNode();i===a?this.overlay.append(n):(n.hidden=!("host"in i),t.insertAdjacentElement("afterend",n));let s=Xn(t,"aria-describedby",[n.id]);this.releaseDescription=()=>{s(),n.remove(),this.releaseDescription=j}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:n}),this.target.addEventListener("pointerdown",o=>this.handlePointerdown(o),{signal:n}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",o=>this.handleKeydown(o),{signal:n}),this.target.addEventListener("keyup",o=>this.handleKeyup(o),{signal:n}))}}});var jt,Ge=x(()=>{"use strict";Vt();jt=class extends tt{constructor(){super(...arguments),this.type=lt.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:n}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:n})}}});import{conditionAttributeWithId as Je}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as Qn}from"/libs/features/spectrum-web-components/dist/shared.js";var Zn,Kt,Qe=x(()=>{"use strict";Vt();J();Zn=300,Kt=class extends tt{constructor(){super(...arguments),this.type=lt.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleTargetFocusin(){var t;(t=document.activeElement)!=null&&t.matches(":focus-visible")&&(this.open=!0,this.focusedin=!0)}handleTargetFocusout(){this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){var t;this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0),!((t=this.overlay)!=null&&t.disabled)&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(!this.overlay.elements.length)return;let t=this.target.getRootNode(),n=this.overlay.elements[0].getRootNode(),o=this.overlay.getRootNode();t===o?this.prepareOverlayRelativeDescription():t===n&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let t=Je(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=j}}prepareContentRelativeDescription(){let t=[],n=this.overlay.elements.map(i=>(t.push(i.id),i.id||(i.id=`${this.overlay.tagName.toLowerCase()}-helper-${Qn()}`),i.id));this.elementIds=t;let o=Je(this.target,"aria-describedby",n);this.releaseDescription=()=>{o(),this.overlay.elements.map((i,a)=>{i.id=this.elementIds[a]}),this.releaseDescription=j}}doPointerleave(){this.pointerentered=!1;let t=this.target;this.focusedin&&t.matches(":focus-visible")||(this.hoverTimeout=setTimeout(()=>{this.open=!1},Zn))}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:n}=this.abortController;this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:n}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:n}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:n}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:n}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:t}=this.abortController;this.overlay.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:t}),this.overlay.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:t})}}});var Ze,tn=x(()=>{"use strict";Ge();Qe();re();Ze={click:jt,longpress:zt,hover:Kt}});var St,en,ae=x(()=>{"use strict";St=class extends Event{constructor(t,n,o){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1}),this.name=t,this.data=n,this.slotName=o!==void 0?`${t}.${o}`:t}},en=Symbol("remove-slottable-request")});import{css as to}from"/libs/features/spectrum-web-components/dist/base.js";var eo,nn,on=x(()=>{"use strict";eo=to` :host{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}} -`,nn=eo});var Ye={};hn(Ye,{LONGPRESS_INSTRUCTIONS:()=>se,Overlay:()=>Tt});import{html as Yt}from"/libs/features/spectrum-web-components/dist/base.js";import{property as M,query as sn,queryAssignedElements as io,state as so}from"/libs/features/spectrum-web-components/dist/base.js";import{ElementResolutionController as ro,elementResolverUpdatedSymbol as ao}from"/libs/features/spectrum-web-components/dist/reactive-controllers.js";import{ifDefined as ae,styleMap as rn}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as lo}from"/libs/features/spectrum-web-components/dist/shared.js";var no,oo,R,co,St,O,Tt,Vt=x(()=>{"use strict";J();de();fe();ve();ye();xt();Ke();re();Ze();en();on();no=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,R=(e,t,n,o)=>{for(var i=o>1?void 0:o?oo(t,n):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(o?s(t,n,i):s(i))||i);return o&&i&&no(t,n,i),i},co="showPopover"in document.createElement("div"),St=pe(ct);co?St=me(St):St=ge(St);O=class le extends St{constructor(){super(...arguments),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus="auto",this._state="closed",this.triggerElement=null,this.type="auto",this.wasOpen=!1,this.closeOnFocusOut=t=>{if(!t.relatedTarget)return;let n=new Event("overlay-relation-query",{bubbles:!0,composed:!0});t.relatedTarget.addEventListener(n.type,o=>{o.composedPath().includes(this)||(this.open=!1)}),t.relatedTarget.dispatchEvent(n)}}get delayed(){var t;return((t=this.elements.at(-1))==null?void 0:t.hasAttribute("delayed"))||this._delayed}set delayed(t){this._delayed=t}get disabled(){return this._disabled}set disabled(t){var n;this._disabled=t,t?((n=this.strategy)==null||n.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof W)}get placementController(){return this._placementController||(this._placementController=new Wt(this)),this._placementController}get open(){return this._open}set open(t){var n;t&&this.disabled||t!==this.open&&((n=this.strategy)!=null&&n.activelyOpening&&!t||(this._open=t,this.open&&(le.openCount+=1),this.requestUpdate("open",!this.open),this.open&&this.requestSlottable()))}get state(){return this._state}set state(t){var n;if(t===this.state)return;let o=this.state;this._state=t,(this.state==="opened"||this.state==="closed")&&((n=this.strategy)==null||n.shouldCompleteOpen()),this.requestUpdate("state",o)}get elementResolver(){return this._elementResolver||(this._elementResolver=new ro(this)),this._elementResolver}get usesDialog(){return this.type==="modal"||this.type==="page"}get popoverValue(){if("popover"in this)switch(this.type){case"modal":case"page":return;case"hint":return"manual";default:return this.type}}get requiresPosition(){return!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){if(!this.requiresPosition||!this.open)return;let t=this.offset||0,n=this.triggerElement,o=this.placement||"right",i=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:t,placement:o,tipPadding:i,trigger:n,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let t=this.open;if(this.open!==t||(await this.manageDelay(t),this.open!==t)||(await this.ensureOnDOM(t),this.open!==t))return;let n=await this.makeTransition(t);this.open===t&&await this.applyFocus(t,n)}async applyFocus(t,n){if(!(this.receivesFocus==="false"||this.type==="hint")){if(await S(),await S(),t===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}n?.focus()}}returnFocus(){var t;if(this.open||this.type==="hint")return;let n=()=>{var o,i;let a=[],s=document.activeElement;for(;(o=s?.shadowRoot)!=null&&o.activeElement;)s=s.shadowRoot.activeElement;for(;s;){let r=s.assignedSlot||s.parentElement||((i=s.getRootNode())==null?void 0:i.host);r&&a.push(r),s=r}return a};this.receivesFocus!=="false"&&(t=this.triggerElement)!=null&&t.focus&&(this.contains(this.getRootNode().activeElement)||n().includes(this)||document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(t){if(!(!this.isConnected&&this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(Jt.add(this),this.willPreventClose&&(document.addEventListener("pointerup",()=>{this.dialogEl.classList.toggle("not-immediately-closable",!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle("not-immediately-closable",!0))):(t&&this.dispose(),Jt.remove(this)),this.open&&this.state!=="opened"?this.state="opening":!this.open&&this.state!=="closed"&&(this.state="closing"),this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.type==="auto")){let n=this.getRootNode();this.open?n.addEventListener("focusout",this.closeOnFocusOut,{capture:!0}):n.removeEventListener("focusout",this.closeOnFocusOut,{capture:!0})}}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new Qe[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(t){t.newState!=="open"&&this.handleBrowserClose()}handleBrowserClose(){var t;if(!((t=this.strategy)!=null&&t.activelyOpening)){this.open=!1;return}this.manuallyKeepOpen()}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){var t,n;this.elements.length?this.hasNonVirtualTrigger&&((n=this.strategy)==null||n.prepareDescription(this.triggerElement)):(t=this.strategy)==null||t.releaseDescription()}shouldPreventClose(){let t=this.willPreventClose;return this.willPreventClose=!1,t}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new Kt("overlay-content",this.open?{}:tn)),this.lastRequestSlottableState=this.open)}willUpdate(t){var n;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${lo()}`),t.has("open")&&(this.hasUpdated||this.open)&&this.manageOpen(t.get("open")),t.has("trigger")){let[i,a]=((n=this.trigger)==null?void 0:n.split("@"))||[];this.elementResolver.selector=i?`#${i}`:"",this.triggerInteraction=a}let o=!1;t.has(ao)&&(o=this.triggerElement,this.triggerElement=this.elementResolver.element),t.has("triggerElement")&&(o=t.get("triggerElement")),o!==!1&&this.bindEvents()}updated(t){super.updated(t),t.has("placement")&&(this.placement?this.dialogEl.setAttribute("actual-placement",this.placement):this.dialogEl.removeAttribute("actual-placement"),this.open&&typeof t.get("placement")<"u"&&this.placementController.resetOverlayPosition()),t.has("state")&&this.state==="closed"&&typeof t.get("state")<"u"&&this.placementController.clearOverlayPosition()}renderContent(){return Yt` +`,nn=eo});var Xe={};hn(Xe,{LONGPRESS_INSTRUCTIONS:()=>se,Overlay:()=>Rt});import{html as Yt}from"/libs/features/spectrum-web-components/dist/base.js";import{property as M,query as sn,queryAssignedElements as io,state as so}from"/libs/features/spectrum-web-components/dist/base.js";import{ElementResolutionController as ro,elementResolverUpdatedSymbol as ao}from"/libs/features/spectrum-web-components/dist/reactive-controllers.js";import{ifDefined as le,styleMap as rn}from"/libs/features/spectrum-web-components/dist/base.js";import{randomID as lo}from"/libs/features/spectrum-web-components/dist/shared.js";var no,oo,R,co,Tt,O,Rt,Ut=x(()=>{"use strict";J();ue();ge();ye();we();xt();Ye();re();tn();ae();on();no=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,R=(e,t,n,o)=>{for(var i=o>1?void 0:o?oo(t,n):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(o?s(t,n,i):s(i))||i);return o&&i&&no(t,n,i),i},co="showPopover"in document.createElement("div"),Tt=de(ct);co?Tt=fe(Tt):Tt=ve(Tt);O=class ce extends Tt{constructor(){super(...arguments),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus="auto",this._state="closed",this.triggerElement=null,this.type="auto",this.wasOpen=!1,this.closeOnFocusOut=t=>{if(!t.relatedTarget)return;let n=new Event("overlay-relation-query",{bubbles:!0,composed:!0});t.relatedTarget.addEventListener(n.type,o=>{o.composedPath().includes(this)||(this.open=!1)}),t.relatedTarget.dispatchEvent(n)}}get delayed(){var t;return((t=this.elements.at(-1))==null?void 0:t.hasAttribute("delayed"))||this._delayed}set delayed(t){this._delayed=t}get disabled(){return this._disabled}set disabled(t){var n;this._disabled=t,t?((n=this.strategy)==null||n.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof q)}get placementController(){return this._placementController||(this._placementController=new Wt(this)),this._placementController}get open(){return this._open}set open(t){var n;t&&this.disabled||t!==this.open&&((n=this.strategy)!=null&&n.activelyOpening&&!t||(this._open=t,this.open&&(ce.openCount+=1),this.requestUpdate("open",!this.open),this.open&&this.requestSlottable()))}get state(){return this._state}set state(t){var n;if(t===this.state)return;let o=this.state;this._state=t,(this.state==="opened"||this.state==="closed")&&((n=this.strategy)==null||n.shouldCompleteOpen()),this.requestUpdate("state",o)}get elementResolver(){return this._elementResolver||(this._elementResolver=new ro(this)),this._elementResolver}get usesDialog(){return this.type==="modal"||this.type==="page"}get popoverValue(){if("popover"in this)switch(this.type){case"modal":case"page":return;case"hint":return"manual";default:return this.type}}get requiresPosition(){return!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){if(!this.requiresPosition||!this.open)return;let t=this.offset||0,n=this.triggerElement,o=this.placement||"right",i=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:t,placement:o,tipPadding:i,trigger:n,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let t=this.open;if(this.open!==t||(await this.manageDelay(t),this.open!==t)||(await this.ensureOnDOM(t),this.open!==t))return;let n=await this.makeTransition(t);this.open===t&&await this.applyFocus(t,n)}async applyFocus(t,n){if(!(this.receivesFocus==="false"||this.type==="hint")){if(await S(),await S(),t===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}n?.focus()}}returnFocus(){var t;if(this.open||this.type==="hint")return;let n=()=>{var o,i;let a=[],s=document.activeElement;for(;(o=s?.shadowRoot)!=null&&o.activeElement;)s=s.shadowRoot.activeElement;for(;s;){let r=s.assignedSlot||s.parentElement||((i=s.getRootNode())==null?void 0:i.host);r&&a.push(r),s=r}return a};this.receivesFocus!=="false"&&(t=this.triggerElement)!=null&&t.focus&&(this.contains(this.getRootNode().activeElement)||n().includes(this)||document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(t){if(!(!this.isConnected&&this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(Jt.add(this),this.willPreventClose&&(document.addEventListener("pointerup",()=>{this.dialogEl.classList.toggle("not-immediately-closable",!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle("not-immediately-closable",!0))):(t&&this.dispose(),Jt.remove(this)),this.open&&this.state!=="opened"?this.state="opening":!this.open&&this.state!=="closed"&&(this.state="closing"),this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.type==="auto")){let n=this.getRootNode();this.open?n.addEventListener("focusout",this.closeOnFocusOut,{capture:!0}):n.removeEventListener("focusout",this.closeOnFocusOut,{capture:!0})}}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new Ze[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(t){t.newState!=="open"&&this.handleBrowserClose()}handleBrowserClose(){var t;if(!((t=this.strategy)!=null&&t.activelyOpening)){this.open=!1;return}this.manuallyKeepOpen()}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){var t,n;this.elements.length?this.hasNonVirtualTrigger&&((n=this.strategy)==null||n.prepareDescription(this.triggerElement)):(t=this.strategy)==null||t.releaseDescription()}shouldPreventClose(){let t=this.willPreventClose;return this.willPreventClose=!1,t}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new St("overlay-content",this.open?{}:en)),this.lastRequestSlottableState=this.open)}willUpdate(t){var n;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${lo()}`),t.has("open")&&(this.hasUpdated||this.open)&&this.manageOpen(t.get("open")),t.has("trigger")){let[i,a]=((n=this.trigger)==null?void 0:n.split("@"))||[];this.elementResolver.selector=i?`#${i}`:"",this.triggerInteraction=a}let o=!1;t.has(ao)&&(o=this.triggerElement,this.triggerElement=this.elementResolver.element),t.has("triggerElement")&&(o=t.get("triggerElement")),o!==!1&&this.bindEvents()}updated(t){super.updated(t),t.has("placement")&&(this.placement?this.dialogEl.setAttribute("actual-placement",this.placement):this.dialogEl.removeAttribute("actual-placement"),this.open&&typeof t.get("placement")<"u"&&this.placementController.resetOverlayPosition()),t.has("state")&&this.state==="closed"&&typeof t.get("state")<"u"&&this.placementController.clearOverlayPosition()}renderContent(){return Yt` - `}get dialogStyleMap(){return{"--swc-overlay-open-count":le.openCount.toString()}}renderDialog(){return Yt` + `}get dialogStyleMap(){return{"--swc-overlay-open-count":ce.openCount.toString()}}renderDialog(){return Yt` ()=>(e&&(t=e(e=0)),t);var hn=(e,t)=>{f
()=>(e&&(t=e(e=0)),t);var hn=(e,t)=>{f `}render(){let t=this.type==="modal"||this.type==="page";return Yt` ${t?this.renderDialog():this.renderPopover()} - `}connectedCallback(){super.connectedCallback(),this.addEventListener("close",()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){var t;(t=this.strategy)==null||t.releaseDescription(),this.open=!1,super.disconnectedCallback()}};O.styles=[nn],O.openCount=1,R([M({type:Boolean})],O.prototype,"delayed",1),R([sn(".dialog")],O.prototype,"dialogEl",2),R([M({type:Boolean})],O.prototype,"disabled",1),R([io({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],O.prototype,"elements",2),R([M({type:Number})],O.prototype,"offset",2),R([M({type:Boolean,reflect:!0})],O.prototype,"open",1),R([M()],O.prototype,"placement",2),R([M({attribute:"receives-focus"})],O.prototype,"receivesFocus",2),R([sn("slot")],O.prototype,"slotEl",2),R([so()],O.prototype,"state",1),R([M({type:Number,attribute:"tip-padding"})],O.prototype,"tipPadding",2),R([M()],O.prototype,"trigger",2),R([M({attribute:!1})],O.prototype,"triggerElement",2),R([M({attribute:!1})],O.prototype,"triggerInteraction",2),R([M()],O.prototype,"type",2);Tt=O});var bt={};import{defineElement as ho}from"/libs/features/spectrum-web-components/dist/base.js";var nt=x(()=>{"use strict";Vt();ho("sp-overlay",Tt)});nt();import{defineElement as vo}from"/libs/features/spectrum-web-components/dist/base.js";import{html as et,SpectrumElement as go}from"/libs/features/spectrum-web-components/dist/base.js";import{property as gt,query as ce,state as Xt}from"/libs/features/spectrum-web-components/dist/base.js";import{css as po}from"/libs/features/spectrum-web-components/dist/base.js";var uo=po` + `}connectedCallback(){super.connectedCallback(),this.addEventListener("close",()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){var t;(t=this.strategy)==null||t.releaseDescription(),this.open=!1,super.disconnectedCallback()}};O.styles=[nn],O.openCount=1,R([M({type:Boolean})],O.prototype,"delayed",1),R([sn(".dialog")],O.prototype,"dialogEl",2),R([M({type:Boolean})],O.prototype,"disabled",1),R([io({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],O.prototype,"elements",2),R([M({type:Number})],O.prototype,"offset",2),R([M({type:Boolean,reflect:!0})],O.prototype,"open",1),R([M()],O.prototype,"placement",2),R([M({attribute:"receives-focus"})],O.prototype,"receivesFocus",2),R([sn("slot")],O.prototype,"slotEl",2),R([so()],O.prototype,"state",1),R([M({type:Number,attribute:"tip-padding"})],O.prototype,"tipPadding",2),R([M()],O.prototype,"trigger",2),R([M({attribute:!1})],O.prototype,"triggerElement",2),R([M({attribute:!1})],O.prototype,"triggerInteraction",2),R([M()],O.prototype,"type",2);Rt=O});var bt={};import{defineElement as ho}from"/libs/features/spectrum-web-components/dist/base.js";var nt=x(()=>{"use strict";Ut();ho("sp-overlay",Rt)});nt();import{defineElement as vo}from"/libs/features/spectrum-web-components/dist/base.js";import{html as et,SpectrumElement as go}from"/libs/features/spectrum-web-components/dist/base.js";import{property as gt,query as he,state as Xt}from"/libs/features/spectrum-web-components/dist/base.js";import{css as po}from"/libs/features/spectrum-web-components/dist/base.js";var uo=po` :host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none} `,an=uo;var mo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,$=(e,t,n,o)=>{for(var i=o>1?void 0:o?fo(t,n):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(o?s(t,n,i):s(i))||i);return o&&i&&mo(t,n,i),i},P=class extends go{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[an]}getAssignedElementsFromSlot(t){return t.assignedElements({flatten:!0})}handleTriggerContent(t){this.targetContent=this.getAssignedElementsFromSlot(t.target)}handleSlotContent(t){switch(t.target.name){case"click-content":this.clickContent=this.getAssignedElementsFromSlot(t.target);break;case"longpress-content":this.longpressContent=this.getAssignedElementsFromSlot(t.target);break;case"hover-content":this.hoverContent=this.getAssignedElementsFromSlot(t.target);break}}handleBeforetoggle(t){let{target:n}=t,o;if(n===this.clickOverlayElement)o="click";else if(n===this.longpressOverlayElement)o="longpress";else if(n===this.hoverOverlayElement)o="hover";else return;t.newState==="open"?this.open=o:this.open===o&&(this.open=void 0)}update(t){var n,o,i,a,s,r;t.has("clickContent")&&(this.clickPlacement=((n=this.clickContent[0])==null?void 0:n.getAttribute("placement"))||((o=this.clickContent[0])==null?void 0:o.getAttribute("direction"))||void 0),t.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),t.has("longpressContent")&&(this.longpressPlacement=((s=this.longpressContent[0])==null?void 0:s.getAttribute("placement"))||((r=this.longpressContent[0])==null?void 0:r.getAttribute("direction"))||void 0),super.update(t)}renderSlot(t){return et` @@ -88,4 +88,4 @@ var cn=Object.defineProperty;var x=(e,t)=>()=>(e&&(t=e(e=0)),t);var hn=(e,t)=>{f @slotchange=${this.handleTriggerContent} > ${[t.includes("click")?this.renderClickOverlay():et``,t.includes("hover")?this.renderHoverOverlay():et``,t.includes("longpress")?this.renderLongpressOverlay():et``]} - `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};$([gt()],P.prototype,"content",2),$([gt({reflect:!0})],P.prototype,"placement",2),$([gt()],P.prototype,"type",2),$([gt({type:Number})],P.prototype,"offset",2),$([gt({reflect:!0})],P.prototype,"open",2),$([gt({type:Boolean,reflect:!0})],P.prototype,"disabled",2),$([Xt()],P.prototype,"clickContent",2),$([Xt()],P.prototype,"longpressContent",2),$([Xt()],P.prototype,"hoverContent",2),$([Xt()],P.prototype,"targetContent",2),$([ce("#click-overlay",!0)],P.prototype,"clickOverlayElement",2),$([ce("#longpress-overlay",!0)],P.prototype,"longpressOverlayElement",2),$([ce("#hover-overlay",!0)],P.prototype,"hoverOverlayElement",2);vo("overlay-trigger",P);Vt();window.__merch__spectrum_Overlay=Tt; + `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};$([gt()],P.prototype,"content",2),$([gt({reflect:!0})],P.prototype,"placement",2),$([gt()],P.prototype,"type",2),$([gt({type:Number})],P.prototype,"offset",2),$([gt({reflect:!0})],P.prototype,"open",2),$([gt({type:Boolean,reflect:!0})],P.prototype,"disabled",2),$([Xt()],P.prototype,"clickContent",2),$([Xt()],P.prototype,"longpressContent",2),$([Xt()],P.prototype,"hoverContent",2),$([Xt()],P.prototype,"targetContent",2),$([he("#click-overlay",!0)],P.prototype,"clickOverlayElement",2),$([he("#longpress-overlay",!0)],P.prototype,"longpressOverlayElement",2),$([he("#hover-overlay",!0)],P.prototype,"hoverOverlayElement",2);vo("overlay-trigger",P);Ut();ae();window.__merch__spectrum_Overlay=Rt;export{St as SlottableRequestEvent}; diff --git a/libs/features/spectrum-web-components/dist/reactive-controllers.js b/libs/features/spectrum-web-components/dist/reactive-controllers.js index 056800665a..1a52ec10d4 100644 --- a/libs/features/spectrum-web-components/dist/reactive-controllers.js +++ b/libs/features/spectrum-web-components/dist/reactive-controllers.js @@ -1,4 +1,4 @@ /* eslint-disable */ /* Generated by Milo */ -var E="(prefers-color-scheme: dark)",v="(max-width: 700px) and (hover: none) and (pointer: coarse), (max-height: 700px) and (hover: none) and (pointer: coarse)",m=class{constructor(e,t){this.key=Symbol("match-media-key"),this.matches=!1,this.host=e,this.host.addController(this),this.media=window.matchMedia(t),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){var e;(e=this.media)==null||e.addEventListener("change",this.onChange)}hostDisconnected(){var e;(e=this.media)==null||e.removeEventListener("change",this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}};function u(o,e,t){return typeof o===e?()=>o:typeof o=="function"?o:t}var l=class{constructor(e,{direction:t,elementEnterAction:s,elements:n,focusInIndex:r,isFocusableElement:c,listenerScope:a}={elements:()=>[]}){this._currentIndex=-1,this._direction=()=>"both",this.directionLength=5,this.elementEnterAction=i=>{},this._focused=!1,this._focusInIndex=i=>0,this.isFocusableElement=i=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=i=>{if(!this.isEventWithinListenerScope(i))return;this.isRelatedTargetAnElement(i)&&this.hostContainsFocus();let h=i.composedPath(),d=-1;h.find(g=>(d=this.elements.indexOf(g),d!==-1)),this.currentIndex=d>-1?d:this.currentIndex},this.handleFocusout=i=>{this.isRelatedTargetAnElement(i)&&this.hostNoLongerContainsFocus()},this.handleKeydown=i=>{if(!this.acceptsEventCode(i.code)||i.defaultPrevented)return;let h=0;switch(i.code){case"ArrowRight":h+=1;break;case"ArrowDown":h+=this.direction==="grid"?this.directionLength:1;break;case"ArrowLeft":h-=1;break;case"ArrowUp":h-=this.direction==="grid"?this.directionLength:1;break;case"End":this.currentIndex=0,h-=1;break;case"Home":this.currentIndex=this.elements.length-1,h+=1;break}i.preventDefault(),this.direction==="grid"&&this.currentIndex+h<0?this.currentIndex=0:this.direction==="grid"&&this.currentIndex+h>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(h),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.host=e,this.host.addController(this),this._elements=n,this.isFocusableElement=c||this.isFocusableElement,this._direction=u(t,"string",this._direction),this.elementEnterAction=s||this.elementEnterAction,this._focusInIndex=u(r,"number",this._focusInIndex),this._listenerScope=u(a,"object",this._listenerScope)}get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(e){this._currentIndex=e+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||(this.cachedElements=this._elements()),this.cachedElements}set focused(e){e!==this.focused&&(this._focused=e)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(e){return this._listenerScope()===this.host?!0:e.composedPath().includes(this._listenerScope())}handleItemMutation(){if(this._currentIndex==-1||this.elements.length<=this._elements().length)return;let e=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(e))return;let t=this.currentIndex!==this.elements.length,s=t?1:-1;t&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(s),this.focus()}update({elements:e}={elements:()=>[]}){this.unmanage(),this._elements=e,this.clearElementCache(),this.manage()}focus(e){let t=this.elements;if(!t.length)return;let s=t[this.currentIndex];(!s||!this.isFocusableElement(s))&&(this.setCurrentIndexCircularly(1),s=t[this.currentIndex]),s&&this.isFocusableElement(s)&&s.focus(e)}clearElementCache(e=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=e,requestAnimationFrame(()=>{this.elements.forEach(t=>{this.mutationObserver.observe(t,{attributes:!0})})})}setCurrentIndexCircularly(e){let{length:t}=this.elements,s=t,n=(t+this.currentIndex+e)%t;for(;s&&this.elements[n]&&!this.isFocusableElement(this.elements[n]);)n=(t+n+e)%t,s-=1;this.currentIndex=n}hostContainsFocus(){this.host.addEventListener("focusout",this.handleFocusout),this.host.addEventListener("keydown",this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.focused=!1}isRelatedTargetAnElement(e){let t=e.relatedTarget;return!this.elements.includes(t)}acceptsEventCode(e){if(e==="End"||e==="Home")return!0;switch(this.direction){case"horizontal":return e==="ArrowLeft"||e==="ArrowRight";case"vertical":return e==="ArrowUp"||e==="ArrowDown";case"both":case"grid":return e.startsWith("Arrow")}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener("focusin",this.handleFocusin)}removeEventListeners(){this.host.removeEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})}))}};var f=class extends l{constructor(){super(...arguments),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(e){e!==this.focused&&(super.focused=e,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(e=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(e),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(e=>({removeTabIndex:e.contains(this.focusInElement)&&e!==this.focusInElement,tabIndex:e===this.focusInElement?0:-1}))}updateTabindexes(e){this.elements.forEach(t=>{let{tabIndex:s,removeTabIndex:n}=e(t);if(!n){t.tabIndex=s;return}t.removeAttribute("tabindex");let r=t;r.requestUpdate&&r.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}};var x=Symbol("element resolver updated"),I=class{constructor(e,{selector:t}={selector:""}){this._element=null,this._selector="",this.mutationCallback=s=>{let n=!1;s.forEach(r=>{if(!n){if(r.type==="childList"){let c=this.element&&[...r.removedNodes].includes(this.element),a=!!this.selector&&[...r.addedNodes].some(this.elementIsSelected);n=n||c||a}if(r.type==="attributes"){let c=r.target===this.element,a=!!this.selector&&this.elementIsSelected(r.target);n=n||c||a}}}),n&&this.resolveElement()},this.elementIsSelected=s=>{var n;return this.selectorIsId?s?.id===this.selectorAsId:(n=s?.matches)==null?void 0:n.call(s,this.selector)},this.host=e,this.selector=t,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}get element(){return this._element}set element(e){if(e===this.element)return;let t=this.element;this._element=e,this.host.requestUpdate(x,t)}get selector(){return this._selector}set selector(e){e!==this.selector&&(this.releaseElement(),this._selector=e,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith("#")}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let e=this.host.getRootNode();this.element=this.selectorIsId?e.getElementById(this.selectorAsId):e.querySelector(this.selector)}releaseElement(){this.element=null}};export{E as DARK_MODE,I as ElementResolutionController,v as IS_MOBILE,m as MatchMediaController,f as RovingTabindexController,x as elementResolverUpdatedSymbol}; +var v="(prefers-color-scheme: dark)",b="(max-width: 700px) and (hover: none) and (pointer: coarse), (max-height: 700px) and (hover: none) and (pointer: coarse)",f=class{constructor(e,t){this.key=Symbol("match-media-key"),this.matches=!1,this.host=e,this.host.addController(this),this.media=window.matchMedia(t),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){var e;(e=this.media)==null||e.addEventListener("change",this.onChange)}hostDisconnected(){var e;(e=this.media)==null||e.removeEventListener("change",this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}};function u(o,e,t){return typeof o===e?()=>o:typeof o=="function"?o:t}var l=class{constructor(e,{direction:t,elementEnterAction:s,elements:n,focusInIndex:r,isFocusableElement:c,listenerScope:d}={elements:()=>[]}){this._currentIndex=-1,this._direction=()=>"both",this.directionLength=5,this.elementEnterAction=i=>{},this._focused=!1,this._focusInIndex=i=>0,this.isFocusableElement=i=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=i=>{if(!this.isEventWithinListenerScope(i))return;this.isRelatedTargetAnElement(i)&&this.hostContainsFocus();let h=i.composedPath(),a=-1;h.find(x=>(a=this.elements.indexOf(x),a!==-1)),this.currentIndex=a>-1?a:this.currentIndex},this.handleFocusout=i=>{this.isRelatedTargetAnElement(i)&&this.hostNoLongerContainsFocus()},this.handleKeydown=i=>{if(!this.acceptsEventCode(i.code)||i.defaultPrevented)return;let h=0;switch(i.code){case"ArrowRight":h+=1;break;case"ArrowDown":h+=this.direction==="grid"?this.directionLength:1;break;case"ArrowLeft":h-=1;break;case"ArrowUp":h-=this.direction==="grid"?this.directionLength:1;break;case"End":this.currentIndex=0,h-=1;break;case"Home":this.currentIndex=this.elements.length-1,h+=1;break}i.preventDefault(),this.direction==="grid"&&this.currentIndex+h<0?this.currentIndex=0:this.direction==="grid"&&this.currentIndex+h>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(h),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.host=e,this.host.addController(this),this._elements=n,this.isFocusableElement=c||this.isFocusableElement,this._direction=u(t,"string",this._direction),this.elementEnterAction=s||this.elementEnterAction,this._focusInIndex=u(r,"number",this._focusInIndex),this._listenerScope=u(d,"object",this._listenerScope)}get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(e){this._currentIndex=e+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||(this.cachedElements=this._elements()),this.cachedElements}set focused(e){e!==this.focused&&(this._focused=e)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(e){return this._listenerScope()===this.host?!0:e.composedPath().includes(this._listenerScope())}handleItemMutation(){if(this._currentIndex==-1||this.elements.length<=this._elements().length)return;let e=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(e))return;let t=this.currentIndex!==this.elements.length,s=t?1:-1;t&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(s),this.focus()}update({elements:e}={elements:()=>[]}){this.unmanage(),this._elements=e,this.clearElementCache(),this.manage()}focus(e){let t=this.elements;if(!t.length)return;let s=t[this.currentIndex];(!s||!this.isFocusableElement(s))&&(this.setCurrentIndexCircularly(1),s=t[this.currentIndex]),s&&this.isFocusableElement(s)&&s.focus(e)}clearElementCache(e=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=e,requestAnimationFrame(()=>{this.elements.forEach(t=>{this.mutationObserver.observe(t,{attributes:!0})})})}setCurrentIndexCircularly(e){let{length:t}=this.elements,s=t,n=(t+this.currentIndex+e)%t;for(;s&&this.elements[n]&&!this.isFocusableElement(this.elements[n]);)n=(t+n+e)%t,s-=1;this.currentIndex=n}hostContainsFocus(){this.host.addEventListener("focusout",this.handleFocusout),this.host.addEventListener("keydown",this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.focused=!1}isRelatedTargetAnElement(e){let t=e.relatedTarget;return!this.elements.includes(t)}acceptsEventCode(e){if(e==="End"||e==="Home")return!0;switch(this.direction){case"horizontal":return e==="ArrowLeft"||e==="ArrowRight";case"vertical":return e==="ArrowUp"||e==="ArrowDown";case"both":case"grid":return e.startsWith("Arrow")}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener("focusin",this.handleFocusin)}removeEventListeners(){this.host.removeEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})}))}};var I=class extends l{constructor(){super(...arguments),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(e){e!==this.focused&&(super.focused=e,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(e=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(e),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(e=>({removeTabIndex:e.contains(this.focusInElement)&&e!==this.focusInElement,tabIndex:e===this.focusInElement?0:-1}))}updateTabindexes(e){this.elements.forEach(t=>{let{tabIndex:s,removeTabIndex:n}=e(t);if(!n){t.tabIndex=s;return}t.removeAttribute("tabindex");let r=t;r.requestUpdate&&r.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}};var E=Symbol("element resolver updated"),g=class{constructor(e,{selector:t}={selector:""}){this._element=null,this._selector="",this.mutationCallback=s=>{let n=!1;s.forEach(r=>{if(!n){if(r.type==="childList"){let c=this.element&&[...r.removedNodes].includes(this.element),d=!!this.selector&&[...r.addedNodes].some(this.elementIsSelected);n=n||c||d}if(r.type==="attributes"){let c=r.target===this.element,d=!!this.selector&&this.elementIsSelected(r.target);n=n||c||d}}}),n&&this.resolveElement()},this.elementIsSelected=s=>{var n;return this.selectorIsId?s?.id===this.selectorAsId:(n=s?.matches)==null?void 0:n.call(s,this.selector)},this.host=e,this.selector=t,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}get element(){return this._element}set element(e){if(e===this.element)return;let t=this.element;this._element=e,this.host.requestUpdate(E,t)}get selector(){return this._selector}set selector(e){e!==this.selector&&(this.releaseElement(),this._selector=e,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith("#")}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let e=this.host.getRootNode();this.element=this.selectorIsId?e.getElementById(this.selectorAsId):e.querySelector(this.selector)}releaseElement(){this.element=null}};var p=Symbol("dependency manager loaded"),m=class{constructor(e){this.dependencies={},this._loaded=!1,this.host=e}get loaded(){return this._loaded}set loaded(e){e!==this.loaded&&(this._loaded=e,this.host.requestUpdate(p,!this.loaded))}add(e,t){let s=!!t||!!customElements.get(e)||this.dependencies[e];s||customElements.whenDefined(e).then(()=>{this.add(e,!0)}),this.dependencies={...this.dependencies,[e]:s},this.loaded=Object.values(this.dependencies).every(n=>n)}};export{v as DARK_MODE,m as DependencyManagerController,g as ElementResolutionController,b as IS_MOBILE,f as MatchMediaController,I as RovingTabindexController,E as elementResolverUpdatedSymbol}; diff --git a/libs/features/spectrum-web-components/dist/search.js b/libs/features/spectrum-web-components/dist/search.js index d5a9143d9c..adbdfcdb23 100644 --- a/libs/features/spectrum-web-components/dist/search.js +++ b/libs/features/spectrum-web-components/dist/search.js @@ -2,7 +2,7 @@ /* Generated by Milo */ import{html as h,nothing as b}from"/libs/features/spectrum-web-components/dist/base.js";import{property as i,query as x}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as m}from"/libs/features/spectrum-web-components/dist/base.js";import{Textfield as g}from"/libs/features/spectrum-web-components/dist/textfield.js";import"/libs/features/spectrum-web-components/dist/button.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{css as n}from"/libs/features/spectrum-web-components/dist/base.js";var p=n` - :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:#0000}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{-webkit-appearance:none}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none}.input{block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}} + :host{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-background-color:var(--spectrum-gray-50);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--spectrum-search-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-search-border-color-disabled:var(--spectrum-disabled-background-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled))}:host([size=s]){--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]){--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]){--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}:host([quiet]){--spectrum-search-quiet-button-offset:calc(var(--mod-search-block-size,var(--spectrum-search-block-size))/2 - var(--mod-workflow-icon-size-100,var(--spectrum-workflow-icon-size-100))/2);--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color)}:host([quiet]) #textfield{--spectrum-search-border-radius:0;--spectrum-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#textfield{inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}#button{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));position:absolute;inset-block-start:0;inset-inline-end:0}#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}:host([quiet]) #button{transform:translateX(var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host([quiet]) #textfield .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:calc(var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset,var(--spectrum-search-quiet-button-offset)))}:host{--spectrum-search-border-radius:var(--system-spectrum-search-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-edge-to-visual);--spectrum-search-border-color-default:var(--system-spectrum-search-border-color-default);--spectrum-search-border-color-hover:var(--system-spectrum-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-spectrum-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-spectrum-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-spectrum-search-border-color-key-focus)}:host([size=s]){--spectrum-search-border-radius:var(--system-spectrum-search-sizes-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizes-edge-to-visual)}:host{--spectrum-search-border-radius:var(--system-spectrum-search-sizem-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizem-edge-to-visual)}:host([size=l]){--spectrum-search-border-radius:var(--system-spectrum-search-sizel-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizel-edge-to-visual)}:host([size=xl]){--spectrum-search-border-radius:var(--system-spectrum-search-sizexl-border-radius);--spectrum-search-edge-to-visual:var(--system-spectrum-search-sizexl-edge-to-visual)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m);--mod-clear-button-padding:0}input::-webkit-search-cancel-button{display:none}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}} `,l=p;var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(t,r,s,a)=>{for(var o=a>1?void 0:a?f(r,s):r,d=t.length-1,u;d>=0;d--)(u=t[d])&&(o=(a?u(r,s,o):u(o))||o);return a&&o&&v(r,s,o),o},k=t=>t.stopPropagation(),e=class extends g{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,l]}handleSubmit(r){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||r.preventDefault()}handleKeydown(r){let{code:s}=r;!this.value||s!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return h`
{for(var r=n>1?void 0:n?T(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(n?a(e,t,r):a(r))||r);return n&&r&&C(e,t,r),r},v=class f extends I(E){constructor(){super(...arguments),this.value=void 0,this.selected=!1,this.expanded=!1}static get styles(){return[l]}get parentSideNav(){return this._parentSidenav||(this._parentSidenav=this.closest("sp-sidenav")),this._parentSidenav}get hasChildren(){return!!this.querySelector("sp-sidenav-item")}get depth(){let e=0,t=this.parentElement;for(;t instanceof f;)e++,t=t.parentElement;return e}handleSideNavSelect(e){this.selected=e.target===this}handleClick(e){!this.href&&e&&e.preventDefault(),!this.disabled&&(!this.href||e!=null&&e.defaultPrevented)&&(this.hasChildren?this.expanded=!this.expanded:this.value&&this.announceSelected(this.value))}announceSelected(e){let t={value:e},n=new CustomEvent("sidenav-select",{bubbles:!0,composed:!0,detail:t});this.dispatchEvent(n)}click(){this.handleClick()}get focusElement(){return this.shadowRoot.querySelector("#item-link")}update(e){this.hasAttribute("slot")||(this.slot="descendant"),super.update(e)}render(){return k` + :host{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-background-hover:var(--spectrum-gray-200);--spectrum-sidenav-item-background-down:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus:var(--spectrum-gray-200);--spectrum-sidenav-item-background-default-selected:var(--spectrum-gray-200);--spectrum-sidenav-background-hover-selected:var(--spectrum-gray-300);--spectrum-sidenav-item-background-down-selected:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus-selected:var(--spectrum-gray-200);--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}:host{flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}@media (forced-colors:active){.spectrum-Icon{forced-color-adjust:preserve-parent-color}}:host{--spectrum-web-component-sidenav-font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));width:240px;display:block}:host(:not([variant=multilevel])){--mod-sidenav-top-level-font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight))} +`,b=x;import{Focusable as _}from"/libs/features/spectrum-web-components/dist/shared.js";import{html as k,nothing as I}from"/libs/features/spectrum-web-components/dist/base.js";import{property as g}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as c}from"/libs/features/spectrum-web-components/dist/base.js";import{LikeAnchor as E}from"/libs/features/spectrum-web-components/dist/shared.js";import{Focusable as j}from"/libs/features/spectrum-web-components/dist/shared.js";import{css as z}from"/libs/features/spectrum-web-components/dist/base.js";var S=z` + #list{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-background-hover:var(--spectrum-gray-200);--spectrum-sidenav-item-background-down:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus:var(--spectrum-gray-200);--spectrum-sidenav-item-background-default-selected:var(--spectrum-gray-200);--spectrum-sidenav-background-hover-selected:var(--spectrum-gray-300);--spectrum-sidenav-item-background-down-selected:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus-selected:var(--spectrum-gray-200);--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100)}#list:lang(ja),#list:lang(ko),#list:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}#list{flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}:host{margin-inline:0;list-style-type:none}:host([disabled]) #item-link{background-color:var(--highcontrast-sidenav-background-disabled,var(--mod-sidenav-background-disabled,var(--spectrum-sidenav-background-disabled)));color:var(--highcontrast-sidenav-content-disabled-color,var(--mod-sidenav-content-disabled-color,var(--spectrum-sidenav-content-disabled-color)));cursor:default;pointer-events:none}:host([selected]) #item-link{background-color:var(--highcontrast-sidenav-item-background-default-selected,var(--mod-sidenav-item-background-default-selected,var(--spectrum-sidenav-item-background-default-selected)));color:var(--highcontrast-sidenav-content-color-default-selected,var(--mod-sidenav-content-color-default-selected,var(--spectrum-sidenav-content-color-default-selected)))}:host([selected]) #item-link:active{background-color:var(--highcontrast-sidenav-item-background-down-selected,var(--mod-sidenav-item-background-down-selected,var(--spectrum-sidenav-item-background-down-selected)));color:var(--mod-sidenav-content-color-down-selected,var(--spectrum-sidenav-content-color-down-selected))}:host([selected]) #item-link.is-keyboardFocused,:host([selected]) #item-link:focus-visible{background-color:var(--highcontrast-sidenav-background-key-focus-selected,var(--mod-sidenav-background-key-focus-selected,var(--spectrum-sidenav-background-key-focus-selected)));color:var(--mod-sidenav-content-color-key-focus-selected,var(--spectrum-sidenav-content-color-key-focus-selected))}#item-link{padding-inline:var(--mod-sidenav-inline-padding,var(--spectrum-sidenav-inline-padding));box-sizing:border-box;word-break:break-word;hyphens:auto;cursor:pointer;transition:background-color var(--spectrum-animation-duration-100)ease-out,color var(--spectrum-animation-duration-100)ease-out;border-radius:var(--mod-sidenav-border-radius,var(--spectrum-sidenav-border-radius));background-color:var(--highcontrast-sidenav-background-default,var(--mod-sidenav-background-default,var(--spectrum-sidenav-background-default)));color:var(--highcontrast-sidenav-content-color-default,var(--mod-sidenav-content-color-default,var(--spectrum-sidenav-content-color-default)));inline-size:var(--mod-sidenav-width,var(--spectrum-sidenav-width));min-inline-size:var(--mod-sidenav-min-width,var(--spectrum-sidenav-min-width));max-inline-size:var(--mod-sidenav-max-width,var(--spectrum-sidenav-max-width));min-block-size:var(--mod-sidenav-min-height,var(--spectrum-sidenav-min-height));font-family:var(--mod-sidenav-text-font-family,var(--spectrum-sidenav-text-font-family));font-size:var(--mod-sidenav-text-font-size,var(--spectrum-sidenav-text-font-size));font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));font-style:var(--mod-sidenav-text-font-style,var(--spectrum-sidenav-text-font-style));line-height:var(--mod-sidenav-text-line-height,var(--spectrum-sidenav-text-line-height));justify-content:start;margin-block-end:var(--mod-sidenav-gap,var(--spectrum-sidenav-gap));-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}#item-link #link-text{margin-block-start:var(--mod-sidenav-top-to-label,var(--spectrum-sidenav-top-to-label));margin-block-end:var(--mod-sidenav-bottom-to-label,var(--spectrum-sidenav-bottom-to-label))}#item-link ::slotted([slot=icon]){inline-size:var(--mod-sidenav-icon-size,var(--spectrum-sidenav-icon-size));block-size:var(--mod-sidenav-icon-size,var(--spectrum-sidenav-icon-size));flex-shrink:0;margin-block-start:var(--mod-sidenav-top-to-icon,var(--spectrum-sidenav-top-to-icon));margin-inline-end:var(--mod-sidenav-icon-spacing,var(--spectrum-sidenav-icon-spacing))}@media (hover:hover){:host([selected]) #item-link:hover{background-color:var(--highcontrast-sidenav-background-hover-selected,var(--mod-sidenav-background-hover-selected,var(--spectrum-sidenav-background-hover-selected)));color:var(--mod-sidenav-content-color-hover-selected,var(--spectrum-sidenav-content-color-hover-selected))}#item-link:hover{background-color:var(--highcontrast-sidenav-background-hover,var(--mod-sidenav-background-hover,var(--spectrum-sidenav-background-hover)));color:var(--highcontrast-sidenav-content-color-hover,var(--mod-sidenav-content-color-hover,var(--spectrum-sidenav-content-color-hover)))}}#item-link:active{background-color:var(--highcontrast-sidenav-item-background-down,var(--mod-sidenav-item-background-down,var(--spectrum-sidenav-item-background-down)));color:var(--highcontrast-sidenav-content-color-down,var(--mod-sidenav-content-color-down,var(--spectrum-sidenav-content-color-down)))}#item-link.is-keyboardFocused,#item-link:focus-visible{outline:var(--highcontrast-sidenav-focus-ring-color,var(--mod-sidenav-focus-ring-color,var(--spectrum-sidenav-focus-ring-color)))solid var(--mod-sidenav-focus-ring-size,var(--spectrum-sidenav-focus-ring-size));outline-offset:var(--mod-sidenav-focus-ring-gap,var(--spectrum-sidenav-focus-ring-gap));background-color:var(--highcontrast-sidenav-background-key-focus,var(--mod-sidenav-background-key-focus,var(--spectrum-sidenav-background-key-focus)));color:var(--highcontrast-sidenav-content-color-key-focus,var(--mod-sidenav-content-color-key-focus,var(--spectrum-sidenav-content-color-key-focus)))}#item-link[data-level]{font-family:var(--mod-sidenav-top-level-font-family,var(--spectrum-sidenav-top-level-font-family));font-weight:var(--mod-sidenav-top-level-font-weight,var(--spectrum-sidenav-top-level-font-weight));font-style:var(--mod-sidenav-top-level-font-style,var(--spectrum-sidenav-top-level-font-style));font-size:var(--mod-sidenav-top-level-font-size,var(--spectrum-sidenav-top-level-font-size));line-height:var(--mod-sidenav-top-level-line-height,var(--spectrum-sidenav-top-level-line-height))}#item-link:not([data-level="0"]){font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));padding-inline-start:var(--mod-sidenav-start-to-content-second-level,var(--spectrum-sidenav-start-to-content-second-level))}#item-link[data-level="2"]{padding-inline-start:var(--mod-sidenav-start-to-content-third-level,var(--spectrum-sidenav-start-to-content-third-level))}.spectrum-SideNav--hasIcon#item-link:not([data-level="0"]){padding-inline-start:var(--mod-sidenav-start-to-content-with-icon-second-level,var(--spectrum-sidenav-start-to-content-with-icon-second-level))}.spectrum-SideNav--hasIcon#item-link[data-level="2"]{padding-inline-start:var(--mod-sidenav-start-to-content-with-icon-third-level,var(--spectrum-sidenav-start-to-content-with-icon-third-level))}@media (forced-colors:active){#list ::slotted([slot=icon]){forced-color-adjust:preserve-parent-color}:host{forced-color-adjust:none;--highcontrast-sidenav-content-disabled-color:GrayText;--highcontrast-sidenav-focus-ring-color:Highlight;--highcontrast-sidenav-content-color-default-selected:SelectedItemText;--highcontrast-sidenav-item-background-default-selected:SelectedItem;--highcontrast-sidenav-background-key-focus-selected:Highlight;--highcontrast-sidenav-background-hover-selected:Highlight;--highcontrast-sidenav-item-background-down-selected:Highlight;--highcontrast-sidenav-item-background-down:Highlight;--highcontrast-sidenav-background-hover:Highlight;--highcontrast-sidenav-content-color-hover:HighlightText;--highcontrast-sidenav-background-key-focus:Highlight;--highcontrast-sidenav-top-level-font-color:ButtonText;--highcontrast-sidenav-content-color-default:ButtonText;--highcontrast-sidenav-content-color-down:HighlightText}}:host{display:block}:host([disabled]){pointer-events:none}a ::slotted(sp-sidenav-item){display:none} +`,l=S;var C=Object.defineProperty,T=Object.getOwnPropertyDescriptor,h=(i,e,t,n)=>{for(var r=n>1?void 0:n?T(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(n?a(e,t,r):a(r))||r);return n&&r&&C(e,t,r),r},v=class f extends E(j){constructor(){super(...arguments),this.value=void 0,this.selected=!1,this.expanded=!1}static get styles(){return[l]}get parentSideNav(){return this._parentSidenav||(this._parentSidenav=this.closest("sp-sidenav")),this._parentSidenav}get hasChildren(){return!!this.querySelector("sp-sidenav-item")}get depth(){let e=0,t=this.parentElement;for(;t instanceof f;)e++,t=t.parentElement;return e}handleSideNavSelect(e){this.selected=e.target===this}handleClick(e){!this.href&&e&&e.preventDefault(),!this.disabled&&(!this.href||e!=null&&e.defaultPrevented)&&(this.hasChildren?this.expanded=!this.expanded:this.value&&this.announceSelected(this.value))}announceSelected(e){let t={value:e},n=new CustomEvent("sidenav-select",{bubbles:!0,composed:!0,detail:t});this.dispatchEvent(n)}click(){this.handleClick()}get focusElement(){return this.shadowRoot.querySelector("#item-link")}update(e){this.hasAttribute("slot")||(this.slot="descendant"),super.update(e)}render(){return k`
- `:j} + `:I} `}updated(e){var t;this.hasChildren&&this.expanded&&!this.selected&&(t=this.parentSideNav)!=null&&t.manageTabIndex?this.focusElement.tabIndex=-1:this.focusElement.removeAttribute("tabindex"),super.updated(e)}connectedCallback(){super.connectedCallback(),this.startTrackingSelection()}disconnectedCallback(){this.stopTrackingSelection(),super.disconnectedCallback()}async startTrackingSelection(){let e=this.parentSideNav;if(e&&(await e.updateComplete,e.startTrackingSelectionForItem(this),this.selected=this.value!=null&&this.value===e.value,this.selected===!0&&e.variant==="multilevel")){let t=this.parentElement;for(;t instanceof f;)t.expanded=!0,t=t.parentElement}}stopTrackingSelection(){let e=this.parentSideNav;e&&e.stopTrackingSelectionForItem(this),this._parentSidenav=void 0}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","listitem")}};h([g()],v.prototype,"value",2),h([g({type:Boolean,reflect:!0})],v.prototype,"selected",2),h([g({type:Boolean,reflect:!0})],v.prototype,"expanded",2);var u=v;import{html as O,SpectrumElement as P}from"/libs/features/spectrum-web-components/dist/base.js";import{property as A}from"/libs/features/spectrum-web-components/dist/base.js";import{css as $}from"/libs/features/spectrum-web-components/dist/base.js";var D=$` - #list{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-background-hover:var(--spectrum-gray-200);--spectrum-sidenav-item-background-down:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus:var(--spectrum-gray-200);--spectrum-sidenav-item-background-default-selected:var(--spectrum-gray-200);--spectrum-sidenav-background-hover-selected:var(--spectrum-gray-300);--spectrum-sidenav-item-background-down-selected:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus-selected:var(--spectrum-gray-200);--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100)}#list:lang(ja),#list:lang(zh),#list:lang(ko){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100)}#list{--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100)}#list:lang(ja),#list:lang(zh),#list:lang(ko){--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100)}#list{--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100)}#list:lang(ja),#list:lang(zh),#list:lang(ko){--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}#list{flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}#heading{padding-inline:var(--mod-sidenav-inline-padding,var(--spectrum-sidenav-inline-padding));color:var(--mod-sidenav-header-color,var(--spectrum-sidenav-header-color));font-size:var(--mod-sidenav-header-font-size,var(--spectrum-sidenav-header-font-size));font-weight:var(--mod-sidenav-header-font-weight,var(--spectrum-sidenav-header-font-weight));font-style:var(--mod-sidenav-header-font-style,var(--spectrum-sidenav-header-font-style));line-height:var(--mod-sidenav-header-line-height,var(--spectrum-sidenav-header-line-height));margin-block-start:calc(var(--mod-sidenav-heading-top-margin,var(--spectrum-sidenav-heading-top-margin)) - var(--mod-sidenav-gap,var(--spectrum-sidenav-gap)));margin-block-end:var(--mod-sidenav-heading-bottom-margin,var(--spectrum-sidenav-heading-bottom-margin))}@media (forced-colors:active){#list .spectrum-Icon{forced-color-adjust:preserve-parent-color}}:host{display:block} + #list{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-background-hover:var(--spectrum-gray-200);--spectrum-sidenav-item-background-down:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus:var(--spectrum-gray-200);--spectrum-sidenav-item-background-default-selected:var(--spectrum-gray-200);--spectrum-sidenav-background-hover-selected:var(--spectrum-gray-300);--spectrum-sidenav-item-background-down-selected:var(--spectrum-gray-300);--spectrum-sidenav-background-key-focus-selected:var(--spectrum-gray-200);--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100)}#list:lang(ja),#list:lang(ko),#list:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}#list{flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}#heading{padding-inline:var(--mod-sidenav-inline-padding,var(--spectrum-sidenav-inline-padding));color:var(--mod-sidenav-header-color,var(--spectrum-sidenav-header-color));font-size:var(--mod-sidenav-header-font-size,var(--spectrum-sidenav-header-font-size));font-weight:var(--mod-sidenav-header-font-weight,var(--spectrum-sidenav-header-font-weight));font-style:var(--mod-sidenav-header-font-style,var(--spectrum-sidenav-header-font-style));line-height:var(--mod-sidenav-header-line-height,var(--spectrum-sidenav-header-line-height));margin-block-start:calc(var(--mod-sidenav-heading-top-margin,var(--spectrum-sidenav-heading-top-margin)) - var(--mod-sidenav-gap,var(--spectrum-sidenav-gap)));margin-block-end:var(--mod-sidenav-heading-bottom-margin,var(--spectrum-sidenav-heading-bottom-margin))}@media (forced-colors:active){#list .spectrum-Icon{forced-color-adjust:preserve-parent-color}}:host{display:block} `,y=D;var N=Object.defineProperty,F=Object.getOwnPropertyDescriptor,H=(i,e,t,n)=>{for(var r=n>1?void 0:n?F(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(r=(n?a(e,t,r):a(r))||r);return n&&r&&N(e,t,r),r},d=class extends P{constructor(){super(...arguments),this.label=""}static get styles(){return[l,y]}update(e){this.hasAttribute("slot")||(this.slot="descendant"),super.update(e)}render(){return O`

${this.label}

diff --git a/libs/features/spectrum-web-components/dist/textfield.js b/libs/features/spectrum-web-components/dist/textfield.js index a211df64b5..b781fbc423 100644 --- a/libs/features/spectrum-web-components/dist/textfield.js +++ b/libs/features/spectrum-web-components/dist/textfield.js @@ -2,7 +2,7 @@ /* Generated by Milo */ import{html as c,nothing as u,SizedMixin as k}from"/libs/features/spectrum-web-components/dist/base.js";import{ifDefined as l,live as y}from"/libs/features/spectrum-web-components/dist/base.js";import{property as r,query as z,state as v}from"/libs/features/spectrum-web-components/dist/base.js";import{ManageHelpText as w}from"/libs/features/spectrum-web-components/dist/help-text.js";import{Focusable as q}from"/libs/features/spectrum-web-components/dist/shared.js";import"/libs/features/spectrum-web-components/dist/icons-ui.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{css as x}from"/libs/features/spectrum-web-components/dist/base.js";var h=x` - :host{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);--spectrum-texfield-animation-duration:var(--spectrum-animation-duration-100);--spectrum-textfield-width:240px;--spectrum-textfield-min-width:var(--spectrum-text-field-minimum-width-multiplier);--spectrum-textfield-corner-radius:var(--spectrum-corner-radius-100);--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-100);--spectrum-textfield-spacing-inline-quiet:var(--spectrum-field-edge-to-text-quiet);--spectrum-textfield-spacing-block-start:var(--spectrum-component-top-to-text-100);--spectrum-textfield-spacing-block-end:var(--spectrum-component-bottom-to-text-100);--spectrum-textfield-spacing-block-quiet:var(--spectrum-field-edge-to-border-quiet);--spectrum-textfield-label-spacing-block:var(--spectrum-field-label-to-component);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-100);--spectrum-textfield-helptext-spacing-block:var(--spectrum-help-text-to-component);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-100);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-100);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--spectrum-field-edge-to-alert-icon-quiet);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--spectrum-field-edge-to-validation-icon-quiet);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-medium);--spectrum-textfield-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-character-count-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-inline:var(--spectrum-spacing-200);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-inline-side:var(--spectrum-side-label-character-count-to-field);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-medium);--spectrum-textfield-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-textfield-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-textfield-background-color:var(--spectrum-gray-50);--spectrum-textfield-text-color-default:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-textfield-text-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-textfield-text-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-textfield-text-color-readonly:var(--spectrum-neutral-content-color-default);--spectrum-textfield-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-textfield-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-textfield-text-color-disabled:var(--spectrum-disabled-content-color);--spectrum-textfield-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-textfield-border-color-invalid-hover:var(--spectrum-negative-border-color-hover);--spectrum-textfield-border-color-invalid-focus:var(--spectrum-negative-border-color-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--spectrum-negative-border-color-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--spectrum-negative-border-color-key-focus);--spectrum-textfield-icon-color-invalid:var(--spectrum-negative-visual-color);--spectrum-textfield-text-color-invalid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-valid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-icon-color-valid:var(--spectrum-positive-visual-color);--spectrum-textfield-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--spectrum-text-area-minimum-width);--spectrum-text-area-min-block-size:var(--spectrum-text-area-minimum-height);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-100)}:host([size=s]){--spectrum-textfield-height:var(--spectrum-component-height-75);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-small);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-100);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-75);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-75);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-75);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-small);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-small);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-small);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-small);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-small);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-small);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-75)}:host{--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-100);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-100);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-100);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-medium);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-medium);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-medium);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-medium);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-100)}:host([size=l]){--spectrum-textfield-height:var(--spectrum-component-height-200);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-200);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-200);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-200);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-large);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-100);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-textfield-height:var(--spectrum-component-height-300);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-extra-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-300);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-300);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-300);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-extra-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-200);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-200);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-extra-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-extra-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-300)}#textfield{inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));text-indent:0;-moz-appearance:textfield;text-overflow:ellipsis;grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:"";block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));inline-size:100%;position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([valid]) #textfield .icon,:host([invalid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;inline-size:auto;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));text-indent:0;vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width))solid var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:textfield;outline:none;grid-area:2/1/auto/span 2;inline-size:100%;margin:0}.input::-ms-clear{block-size:0;inline-size:0}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(zh)::placeholder,.input:lang(ko)::placeholder{font-style:normal}.input:lang(ja)::-moz-placeholder,.input:lang(zh)::-moz-placeholder,.input:lang(ko)::-moz-placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)));color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([focused]) .input{outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid][focused]) .input,:host([invalid]:focus) .input,:host([invalid]) .input:focus{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid][focused]) .input,:host([invalid]) .input:focus-visible{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}:host([disabled]) #textfield .input,.input:disabled{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));-webkit-text-fill-color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));resize:none;opacity:1;border-color:#0000}:host([disabled]) #textfield .input::placeholder,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));resize:none;background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));background-color:#0000}:host([quiet][disabled]) .input::placeholder,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield .input,.input:read-only{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:#0000;border-color:#0000;outline:none}:host([readonly]) #textfield .input::placeholder,.input:read-only::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:#0000}@media (hover:hover){#textfield:hover .input::placeholder,.input:hover::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)));color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover,:host([invalid]) .input:focus:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input::placeholder,:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}#textfield:hover .input,.input:hover{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)));color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([invalid]:hover) .input,:host([invalid]) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));-webkit-text-fill-color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input{border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));background-color:#0000}:host([readonly]) #textfield:hover .input{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:#0000;border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:#0000}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .icon,.spectrum-Textfield--sideLabel .input{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}:host{--spectrum-textfield-border-color:var(--system-spectrum-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-spectrum-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-spectrum-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-spectrum-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-spectrum-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-spectrum-textfield-border-width)}:host{inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#textfield{inline-size:100%}#textfield,textarea{resize:inherit}.input{min-inline-size:var(--spectrum-textfield-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;opacity:0;block-size:auto}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));background-color:#0000}:host([disabled]) #textfield .icon.icon-search,:host([readonly]) #textfield .icon.icon-search{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([multiline][grows]:not([quiet])) #textfield:after{grid-area:unset;min-block-size:calc(var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size)) + var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))*2)}:host([multiline][grows]:not([rows])) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden} + :host{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);--spectrum-texfield-animation-duration:var(--spectrum-animation-duration-100);--spectrum-textfield-width:240px;--spectrum-textfield-min-width:var(--spectrum-text-field-minimum-width-multiplier);--spectrum-textfield-corner-radius:var(--spectrum-corner-radius-100);--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-100);--spectrum-textfield-spacing-inline-quiet:var(--spectrum-field-edge-to-text-quiet);--spectrum-textfield-spacing-block-start:var(--spectrum-component-top-to-text-100);--spectrum-textfield-spacing-block-end:var(--spectrum-component-bottom-to-text-100);--spectrum-textfield-spacing-block-quiet:var(--spectrum-field-edge-to-border-quiet);--spectrum-textfield-label-spacing-block:var(--spectrum-field-label-to-component);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-100);--spectrum-textfield-helptext-spacing-block:var(--spectrum-help-text-to-component);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-100);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-100);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--spectrum-field-edge-to-alert-icon-quiet);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--spectrum-field-edge-to-validation-icon-quiet);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-medium);--spectrum-textfield-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-character-count-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-inline:var(--spectrum-spacing-200);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-inline-side:var(--spectrum-side-label-character-count-to-field);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-medium);--spectrum-textfield-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-textfield-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-textfield-background-color:var(--spectrum-gray-50);--spectrum-textfield-text-color-default:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-textfield-text-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-textfield-text-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-textfield-text-color-readonly:var(--spectrum-neutral-content-color-default);--spectrum-textfield-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-textfield-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-textfield-text-color-disabled:var(--spectrum-disabled-content-color);--spectrum-textfield-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-textfield-border-color-invalid-hover:var(--spectrum-negative-border-color-hover);--spectrum-textfield-border-color-invalid-focus:var(--spectrum-negative-border-color-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--spectrum-negative-border-color-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--spectrum-negative-border-color-key-focus);--spectrum-textfield-icon-color-invalid:var(--spectrum-negative-visual-color);--spectrum-textfield-text-color-invalid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-valid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-icon-color-valid:var(--spectrum-positive-visual-color);--spectrum-textfield-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--spectrum-text-area-minimum-width);--spectrum-text-area-min-block-size:var(--spectrum-text-area-minimum-height);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-100)}:host([size=s]){--spectrum-textfield-height:var(--spectrum-component-height-75);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-small);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-100);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-75);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-75);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-75);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-small);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-small);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-small);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-small);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-small);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-small);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-75)}:host{--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-100);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-100);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-100);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-medium);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-medium);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-medium);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-medium);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-100)}:host([size=l]){--spectrum-textfield-height:var(--spectrum-component-height-200);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-200);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-200);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-200);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-large);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-100);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-textfield-height:var(--spectrum-component-height-300);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-extra-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-300);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-300);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-300);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-block-invalid:var(--spectrum-field-top-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-extra-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-200);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-200);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-extra-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-extra-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-300)}#textfield{inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));text-indent:0;appearance:textfield;text-overflow:ellipsis;grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #textfield:after{content:"";block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));inline-size:100%;position:absolute;inset-block-end:calc(( var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) #textfield .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--highcontrast-textfield-icon-color-valid,var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid)));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--highcontrast-textfield-icon-color-invalid,var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid)));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;inline-size:auto;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));text-indent:0;vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width))solid var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:textfield;outline:none;grid-area:2/1/auto/span 2;inline-size:100%;margin:0}.input::-ms-clear{block-size:0;inline-size:0}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}.input:lang(ja)::-moz-placeholder,.input:lang(ko)::-moz-placeholder,.input:lang(zh)::-moz-placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)));color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-textfield-text-color-focus,var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus)))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));-webkit-text-fill-color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));resize:none;opacity:1;border-color:#0000}.input:disabled::placeholder,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]) .input::placeholder,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)));color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}.input:hover::placeholder,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--highcontrast-textfield-border-color-focus-hover,var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover)))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--highcontrast-textfield-text-color-focus-hover,var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover)))}:host([invalid]) .input:hover,:host([invalid]:hover) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-textfield-border-color-invalid-focus-hover,var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover)))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));-webkit-text-fill-color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));resize:none;opacity:1;border-color:#0000}:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors:active){:host{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}:host{--spectrum-textfield-border-color:var(--system-spectrum-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-spectrum-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-spectrum-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-spectrum-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-spectrum-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-spectrum-textfield-border-width)}:host{inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#textfield{inline-size:100%}#textfield,textarea{resize:inherit}.input{min-inline-size:var(--spectrum-textfield-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{word-break:break-word;opacity:0;white-space:pre-line;block-size:auto}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out,border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));background-color:#0000}:host([disabled]) #textfield .icon.icon-search,:host([readonly]) #textfield .icon.icon-search{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([multiline][grows]:not([quiet])) #textfield:after{grid-area:unset;min-block-size:calc(var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size)) + var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))*2)}:host([multiline][grows]:not([rows])) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden} `,f=h;import $ from"/libs/features/spectrum-web-components/dist/icons/checkmark.js";var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(s,e,o,d)=>{for(var a=d>1?void 0:d?b(e,o):e,p=s.length-1,m;p>=0;p--)(m=s[p])&&(a=(d?m(e,o,a):m(a))||a);return d&&a&&g(e,o,a),a},T=["text","url","tel","email","password"],t=class extends w(k(q,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[f,$]}set type(e){let o=this._type;this._type=e,this.requestUpdate("type",o)}get type(){var e;return(e=T.find(o=>o===this._type))!=null?e:"text"}set value(e){if(e===this.value)return;let o=this._value;this._value=e,this.requestUpdate("value",o)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,o,d="none"){this.inputElement.setSelectionRange(e,o,d)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){let o=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(o,o);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}renderStateIcons(){return this.invalid?c` `:this.valid?c` @@ -12,8 +12,7 @@ import{html as c,nothing as u,SizedMixin as k}from"/libs/features/spectrum-web-c > `:u}get displayValue(){return this.value.toString()}get renderMultiline(){return c` ${this.multiline&&this.grows&&this.rows===-1?c` -