@shineuix/core 1.0.0 → 1.0.1

package/dist/components/{p-BdvRk0QH.js → p-vsR_xu4l.js}

@@ -1 +1 @@
-import{p as i,H as s,c as e,f as t,h as l,t as o}from"./p-DQ8DrIvI.js";import{d as r,F as u}from"./p-CvjYVNw7.js";import{P as n,p as c,a}from"./p-CZTPkDdM.js";import{G as d,x as p,a as h,y as m,z as v}from"./p-BJFE-_50.js";import{i as f}from"./p-Cs2X0Kih.js";import{u as g}from"./p-U06fVoGD.js";import{i as x,d as b,s as k,r as y}from"./p-BHB1Wprj.js";import{f as w}from"./p-CGWvlrv_.js";import{m as z}from"./p-BE4gZZNA.js";import{o as C,l as F,f as T,h as j,s as D}from"./p-D6TU5GZw.js";import{q as S,m as q,l as A}from"./p-CnbXPlor.js";import{p as O,f as E}from"./p--AfIJxhD.js";import{S as G,r as $,v as I,s as N}from"./p-Btp15dVO.js";import{a as P,l as B}from"./p-BuyjS5bS.js";import{m as K,c as M}from"./p-q0JbXN8q.js";import{d as H,p as V}from"./p-Bt5Kx3zM.js";import{defineCustomElement as L}from"./p-DcNj_rkS.js";import{d as R}from"./p-ClqEcp1V.js";const Z=["sm","md","lg"],J=-1,U=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value=[];placeholder;disabled=!1;readOnly=!1;invalid=!1;filter=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;size="md";variant="default";tone;maxChips=3;open=!1;required=!1;name;suiChange;suiOpen;suiClose;query="";hoverIdx=J;keyNav=!1;pointerAt="";onKeyNav(i){H(i)&&(this.keyNav=!0)}onPointerNav(i){const s=V(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;panelScrollTop=0;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=g("sui-multi-select");trigger;panel;filterInput;typeahead="";typeaheadTimer;scrollFrame;initial=[];metrics=new G;windowed=!1;closing=!1;popup=O({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){x(this.host,this.internals),b(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.open&&this.panel&&t(this)}componentWillLoad(){this.initial=[...this.picks],this.open&&(this.hoverIdx=this.visible().findIndex((i=>!i.disabled))),this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen(),this.untabRowBoxes(),this.remeasure()}untabRowBoxes(){this.panel?.querySelectorAll('[role="option"] sui-checkbox').forEach((i=>{const s=()=>i.querySelector("input")?.setAttribute("tabindex","-1");i.querySelector("input")?s():i.componentOnReady?.().then(s)}))}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;const s=this.panel.querySelector('[role="option"].opt'),e=s?.querySelector("sui-checkbox");if(e&&!e.querySelector("input"))return void e.componentOnReady?.().then((()=>{this.open&&t(this)}));let l=this.metrics.measure(this.panel,s,i);l=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||l,l&&t(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const e=this.virtualScrollThreshold;return!(e>0)||s<e?null:$(I(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=I(C(this.visible())),e=N(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=e&&(this.panel.scrollTop=e,this.panelScrollTop=this.panel.scrollTop)}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),clearTimeout(this.typeaheadTimer),this.typeahead=""}componentDidLoad(){this.syncForm()}syncForm(){const i=this.picks;k(this.internals,this.isDisabled?null:z(this.name,i)??(i.length?i.join(","):null)),y(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===i.length,this.label,this.trigger,this.error)}onOptionsChange(){this.open&&this.hoverIdx===J&&(this.hoverIdx=this.visible().findIndex((i=>!i.disabled)))}onOpenChange(i){if(this.panelScrollTop=0,this.metrics.reset(),i){this.popup.reopen(),this.closing=!1;const i=this.visible();this.hoverIdx=i.findIndex((i=>!i.disabled))}else this.teardown(),this.query="",this.hoverIdx=J,this.windowed=!1,this.closing=this.popup.close()}formResetCallback(){this.value=[...this.initial]}formDisabledCallback(i){this.formDisabled=w(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.trigger?.focus()}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(this.filter&&E((()=>this.filterInput),(()=>this.open)),this.scrollHoverIntoView())}get isQuiet(){return"quiet"===this.variant}reposition(){this.trigger&&this.panel&&(S(this.trigger,this.panel,this.isQuiet?200:0),q(this.panel,A(this.trigger,this.panel,"bottom",6,"start")))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}get picks(){return F(this.value,this.host,"value")}normCache;norm(){return this.normCache&&this.normCache.src===this.options||(this.normCache={src:this.options,out:T(F(this.options,this.host,"options"))}),this.normCache.out}visible(){if(this.loading)return[];const i=this.query.trim().toLowerCase();return i?this.norm().filter((s=>s.label.toLowerCase().includes(i))):this.norm()}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}setValue(i){this.value=i,this.suiChange.emit(i)}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picks;this.setValue(j(s,i.value)?s.filter((s=>!D(s,i.value))):s.concat(i.value))}toggleAll(){if(this.isDisabled||this.readOnly)return;const i=this.norm().filter((i=>!i.disabled)),s=i.length>0&&i.every((i=>j(this.picks,i.value)));this.setValue(s?[]:i.map((i=>i.value)))}clearValue(){this.isDisabled||this.readOnly||!this.picks.length||(this.setValue([]),this.trigger?.focus())}clear=i=>{i.stopPropagation(),i.preventDefault(),this.clearValue()};toggleActive(){if(this.hoverIdx===J)return void this.toggleAll();const i=this.visible()[this.hoverIdx];i&&this.toggle(i)}move(i){const s=this.visible(),e=s.length;let t=this.hoverIdx;for(let l=0;l<=e&&(t+=i,t>=e?t=J:t<J&&(t=e-1),t!==J&&s[t].disabled);l++);this.hoverIdx=t,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onTypeahead(i){clearTimeout(this.typeaheadTimer),this.typeahead+=i.toLowerCase(),this.typeaheadTimer=setTimeout((()=>this.typeahead=""),500);const s=this.visible(),e=this.hoverIdx+1;for(let i=0;i<s.length;i++){const t=(e+i)%s.length;if(!s[t].disabled&&s[t].label.toLowerCase().startsWith(this.typeahead))return this.hoverIdx=t,void this.scrollHoverIntoView()}}onTriggerKey(i){i.target===this.trigger&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.toggleActive():this.show()))}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onPanelKey=i=>{this.popup.tab(i,(()=>this.requestClose("outside")))||this.onKey(i)};onKey(i){if(this.isDisabled||this.readOnly)return;if(i.target.closest?.("sui-chip"))return;const s=this.visible(),e=!!this.filterInput&&i.target===this.filterInput;switch(i.key){case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void this.show();case"Home":return void(this.open&&!e&&(i.preventDefault(),this.hoverIdx=J,this.scrollHoverIntoView()));case"End":return void(this.open&&!e&&(i.preventDefault(),this.hoverIdx=s.length-1,this.scrollHoverIntoView()));case"Enter":return e?(i.preventDefault(),void this.toggleActive()):void this.onTriggerKey(i);case" ":if(e)return;return void this.onTriggerKey(i);case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&i.target===this.trigger&&this.picks.length&&(i.preventDefault(),this.clearValue()));default:1!==i.key.length||i.ctrlKey||i.metaKey||i.altKey||i.target!==this.trigger||this.onTypeahead(i.key)}}onTriggerClick=i=>{this.isDisabled||this.readOnly||i.target.closest?.("sui-chip")||(this.open?this.requestClose("trigger"):this.show())};renderRow(i,s,e,t){const o=j(e,i.value),r=i.render,u=`${this.fieldId}-opt-${s}`,n=r?l("span",{key:"custom",class:"lbl custom",ref:s=>{s&&K(s,M(r,["option"],i.label))}}):l("span",{key:"text",class:"lbl"},i.label);return l("div",{id:u,key:i.value,role:"option","aria-label":i.label,"aria-describedby":i.description?`${u}-desc`:null,"aria-selected":o?"true":"false","aria-disabled":i.disabled?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{opt:!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:o,disabled:!!i.disabled},onMouseEnter:()=>this.hoverIdx=s,onClick:()=>this.toggle(i)},l("sui-checkbox",{inert:!0,size:"sm",checked:o,disabled:this.isDisabled||!!i.disabled}),i.icon?l("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,i.description?l("span",{key:"text-desc",class:"opt-text"},n,l("span",{class:"opt-desc",id:`${u}-desc`},i.description)):n)}render(){const i=this.norm(),s=this.picks,e=this.visible(),t=C(e),o=this.windowFor(t,e.length);this.windowed=!!o;const f=this.invalid||!!this.error,g=Z.includes(this.size)?this.size:"md",x=i.filter((i=>j(s,i.value))),b=i.filter((i=>!i.disabled)),k=b.length>0&&b.every((i=>j(s,i.value))),y=s.length>0&&!k,w=this.clearable&&x.length>0&&!this.isDisabled&&!this.readOnly,z=this.open?this.hoverIdx===J?`${this.fieldId}-all`:e[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0:void 0,F=this.isQuiet,T=P(void 0,"multi-select.loading",this.loadingMessage,"Loading"),D=this.query.trim()?P(void 0,"multi-select.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"multi-select.empty",this.emptyMessage,"Nothing here yet.");return l(u,{key:"13f5f69dd8e98705440f6c069d26a29e05a20967",label:F?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},l("div",{key:"6ff8b2f8b80c7bf5d8c46394edce016b4e5a8acd",class:{"sui-multi-select":!0,open:this.open,inline:F},onKeyDown:this.onKeyDown},l("div",{key:"2c31bb89205b4d51c20bf032c447ceb9e1514842",ref:i=>this.trigger=i,id:this.fieldId,class:F?{"sui-inline":!0,[g]:!0,open:this.open,shell:this.open,invalid:f,placeholder:0===x.length,disabled:this.isDisabled,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,trigger:!0,[g]:!0,focus:this.focused,open:this.open,invalid:f,placeholder:0===x.length,disabled:this.isDisabled,readonly:this.readOnly},role:"combobox",tabIndex:this.isDisabled?-1:0,"aria-label":this.label||this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-activedescendant":z,"aria-disabled":this.isDisabled?"true":null,"aria-invalid":f?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-describedby":r(this.fieldId,this.help,this.error),"aria-keyshortcuts":w?"Delete":null,"aria-busy":this.loading?"true":null,onClick:this.onTriggerClick,onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},l("span",{key:"5a37d4b2f0e8a41e2926273adaf5f5e5dc222134",class:"chips"},0===x.length?l("span",{class:"val placeholder-text"},P(void 0,"multi-select.placeholder",this.placeholder,"Select")):null,x.slice(0,this.maxChips).map((i=>l("sui-chip",{size:"sm",key:i.value,label:i.label,icon:i.icon,removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.toggle(i)}}))),x.length>this.maxChips?l("span",{class:"more"},B(void 0,"multi-select.more",void 0,"+{count} more",{count:x.length-this.maxChips})):null),w?l("span",{class:"clear","aria-hidden":"true",onClick:this.clear},l(d,{glyph:p})):null,l(d,this.loading?{glyph:h,class:"spin sui-popup-spin"}:{glyph:m,class:"chev"})),this.open||this.closing?l("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onScroll:this.onPanelScroll,onKeyDown:this.onPanelKey,onSuiChange:i=>i.stopPropagation()},this.filter?l("div",{class:"sui-popup-search"},l("div",{class:"sui-popup-search-box sui-frame"},l(d,{glyph:v}),l("input",{ref:i=>this.filterInput=i,type:"text",placeholder:P(void 0,"multi-select.search",void 0,"Search"),"aria-label":P(void 0,"multi-select.searchOptions",void 0,"Search options"),"aria-controls":`${this.fieldId}-list`,"aria-activedescendant":z,value:this.query,onInput:i=>{this.query=i.target.value,this.hoverIdx=0,this.resetScroll()}}))):null,this.loading?l(n,{message:T}):null,this.loading||0!==e.length?null:l("div",{key:"empty",class:"sui-popup-empty"},D),l("div",{key:"list",id:`${this.fieldId}-list`,role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?null:[l("div",{id:`${this.fieldId}-all`,role:"option","aria-label":P(void 0,"multi-select.selectAll",void 0,"Select all"),"aria-selected":k?"true":"false",class:{all:!0,hover:this.hoverIdx===J,keynav:this.keyNav&&this.hoverIdx===J},onMouseEnter:()=>this.hoverIdx=J,onClick:()=>this.toggleAll()},l("sui-checkbox",{inert:!0,class:"all-box",label:P(void 0,"multi-select.selectAll",void 0,"Select all"),size:"sm",checked:k,indeterminate:y,disabled:this.isDisabled})),c(t,o,(i=>`${this.fieldId}-grp-${i}`),((i,t)=>this.renderRow(i,t,s,e.length)))])):null,l(a,{key:"e335ff4a7d868fba896b0cf9e141609f9367fc21",message:this.open?this.loading?T:0===e.length?D:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],options:[{onOptionsChange:0}],loading:[{onOptionsChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-multi-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-multi-select.sc-sui-multi-select{position:relative}.sui-multi-select.inline.sc-sui-multi-select{display:flex;align-items:flex-start}.sui-popup-trigger.trigger.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md));padding-block:4px;padding-inline:6px 10px;flex-wrap:nowrap;gap:4px}.sui-popup-trigger.trigger.sm.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding-block:2px}.sui-popup-trigger.trigger.md.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md))}.sui-popup-trigger.trigger.lg.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-lg))}.trigger.disabled.sc-sui-multi-select{cursor:not-allowed}.trigger.readonly.sc-sui-multi-select:not(.disabled){cursor:default}.chips.sc-sui-multi-select{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.chips.sc-sui-multi-select sui-chip.sc-sui-multi-select{max-width:100%;min-width:0;overflow:hidden}.placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder);padding-inline-start:6px}.trigger.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.more.sc-sui-multi-select{font-size:11.5px;font-weight:650;color:var(--ink-muted);padding:2px 4px;white-space:nowrap}.chev.sc-sui-multi-select,.spin.sc-sui-multi-select,.clear.sc-sui-multi-select{flex-shrink:0}.sui-multi-select.sc-sui-multi-select .sui-inline.sc-sui-multi-select{gap:4px}.sui-inline.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-muted);padding-inline-start:0}.sui-inline.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.all.sc-sui-multi-select{padding:2px 4px 6px;border-bottom:1px solid var(--hairline);margin-bottom:4px;cursor:pointer}.all-box.sc-sui-multi-select{display:flex;padding:4px 6px;border-radius:var(--radius-sm)}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select{background:var(--surface-hover)}.all.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none}.opt.sc-sui-multi-select{display:flex;align-items:center;gap:9px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer}.opt.hover.sc-sui-multi-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.keynav.sc-sui-multi-select,.all.keynav.sc-sui-multi-select .all-box.sc-sui-multi-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.opt.disabled.sc-sui-multi-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.opt.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none;display:flex;flex-shrink:0}.opt.sc-sui-multi-select .lbl.sc-sui-multi-select{min-width:0;font-size:12.5px;font-weight:550;line-height:1.3;color:var(--ink)}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select{color:var(--disabled-ink)}.opt.sc-sui-multi-select .lbl.custom.sc-sui-multi-select{display:flex;align-items:center;gap:8px}.opt.sc-sui-multi-select .icon.sc-sui-multi-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select{color:var(--ink-placeholder)}.opt.sc-sui-multi-select .opt-text.sc-sui-multi-select{min-width:0;display:flex;flex-direction:column;gap:1px}.opt.sc-sui-multi-select .opt-desc.sc-sui-multi-select{font-size:12px;font-weight:460;line-height:1.3;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:var(--ink-placeholder)}@media (forced-colors: active){.placeholder-text.sc-sui-multi-select{color:GrayText}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select,.opt.hover.sc-sui-multi-select{outline:2px solid CanvasText;outline-offset:-2px}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:GrayText}}.sui-field.sc-sui-multi-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-multi-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-multi-select .sui-field-label.sc-sui-multi-select{color:var(--danger)}.sui-field-req.sc-sui-multi-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-multi-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-multi-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px}.sui-frame.sc-sui-multi-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-multi-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-multi-select,.sui-frame.readonly.sc-sui-multi-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-multi-select:focus-within,.sui-frame.focus.sc-sui-multi-select,.sui-frame.open.sc-sui-multi-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-multi-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-multi-select:focus-within,.sui-frame.invalid.focus.sc-sui-multi-select,.sui-frame.invalid.open.sc-sui-multi-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-multi-select:disabled,.sui-frame.disabled.sc-sui-multi-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-multi-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-multi-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-multi-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-multi-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-multi-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-multi-select:focus-within,.sui-frame.focus.sc-sui-multi-select,.sui-frame.open.sc-sui-multi-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-multi-select:disabled,.sui-frame.disabled.sc-sui-multi-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-multi-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-multi-select:disabled,.sui-popup-trigger.disabled.sc-sui-multi-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-multi-select .val.sc-sui-multi-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-multi-select .clear.sc-sui-multi-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-multi-select .clear.sc-sui-multi-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-multi-select .chev.sc-sui-multi-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-multi-select .chev.sc-sui-multi-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:0.4}.sui-popup-trigger.sc-sui-multi-select .spin.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-multi-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-multi-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-multi-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-multi-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-multi-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-multi-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-multi-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-multi-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-multi-select input.sc-sui-multi-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-multi-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-multi-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-multi-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-multi-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-multi-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-multi-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-multi-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-multi-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-multi-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-multi-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-multi-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-multi-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-multi-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-multi-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:GrayText}.sui-popup-option.hover.sc-sui-multi-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-multi-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-multi-select{color:GrayText}}.sui-inline.sc-sui-multi-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-multi-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-multi-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-multi-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-multi-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-multi-select{cursor:default}.sui-inline.sc-sui-multi-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-multi-select:focus{outline:none}.sui-inline.sc-sui-multi-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-multi-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-multi-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-multi-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-multi-select:disabled,.sui-inline.disabled.sc-sui-multi-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.sc-sui-multi-select .lead.sc-sui-multi-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-multi-select:disabled .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .lead.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .val.sc-sui-multi-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-muted)}.sui-inline.sc-sui-multi-select:disabled.placeholder .val.sc-sui-multi-select,.sui-inline.disabled.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .clear.sc-sui-multi-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-multi-select .clear.sc-sui-multi-select:hover{color:var(--ink)}.sui-inline.sc-sui-multi-select .chev.sc-sui-multi-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-multi-select .chev.sc-sui-multi-select{transform:rotate(180deg)}.sui-inline.sc-sui-multi-select:hover .clear.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:focus-visible .clear.sc-sui-multi-select,.sui-inline.shell.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:hover .chev.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:focus-visible .chev.sc-sui-multi-select,.sui-inline.shell.sc-sui-multi-select .chev.sc-sui-multi-select{visibility:visible}.sui-inline.sc-sui-multi-select .spin.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px}.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:hover:not(:disabled),.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:focus-visible,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:disabled,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-multi-select:hover .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:focus-within .clear.sc-sui-multi-select,.sui-inline.text.shell.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:hover .chev.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:focus-within .chev.sc-sui-multi-select,.sui-inline.text.shell.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-multi-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-multi-select .chev.sc-sui-multi-select{visibility:visible}.sui-inline.inverse.text.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-multi-select:not(.shell) sui-chip.sc-sui-multi-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-multi-select{border-color:CanvasText}.sui-inline.sc-sui-multi-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-multi-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-multi-select:disabled,.sui-inline.disabled.sc-sui-multi-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-multi-select:disabled .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .lead.sc-sui-multi-select{color:GrayText}.sui-inline.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:GrayText}}"}},[578,"sui-multi-select",{label:[1],help:[1],error:[1],options:[16],value:[1040],placeholder:[1],disabled:[516],readOnly:[516,"readonly"],invalid:[516],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],virtualScrollThreshold:[2,"virtual-scroll-threshold"],clearable:[516],size:[513],variant:[513],tone:[513],maxChips:[2,"max-chips"],open:[1540],required:[516],name:[513],query:[32],hoverIdx:[32],keyNav:[32],focused:[32],hostLabel:[32],panelScrollTop:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],options:[{onOptionsChange:0}],loading:[{onOptionsChange:0}],open:[{onOpenChange:0}]}]);function W(){"undefined"!=typeof customElements&&["sui-multi-select","sui-checkbox","sui-chip"].forEach((i=>{switch(i){case"sui-multi-select":customElements.get(o(i))||customElements.define(o(i),U);break;case"sui-checkbox":customElements.get(o(i))||L();break;case"sui-chip":customElements.get(o(i))||R()}}))}export{U as SuiMultiSelect,W as defineCustomElement}
+import{p as i,H as s,c as e,f as t,h as l,t as o}from"./p-DQ8DrIvI.js";import{d as r,F as u}from"./p-DWUWsh4I.js";import{P as n,p as c,a}from"./p-ClagA1nw.js";import{G as d,x as p,a as h,y as m,z as v}from"./p-B-Bh5OXe.js";import{i as f}from"./p-wknHx00K.js";import{u as g}from"./p-U06fVoGD.js";import{i as x,d as b,s as k,r as y}from"./p-BHB1Wprj.js";import{f as w}from"./p-CGWvlrv_.js";import{m as z}from"./p-BE4gZZNA.js";import{o as C,l as F,f as T,h as j,s as D}from"./p-D6TU5GZw.js";import{q as O,m as A,l as S}from"./p-B2OoQiUx.js";import{p as q,f as E}from"./p-BE1IYQsU.js";import{S as G,r as I,v as $,s as B}from"./p-Btp15dVO.js";import{a as K,l as H}from"./p-BuyjS5bS.js";import{m as N,c as M}from"./p-q0JbXN8q.js";import{d as P,p as U}from"./p-Bt5Kx3zM.js";import{defineCustomElement as V}from"./p-CDAf56Kr.js";import{d as L}from"./p-1D3wKua6.js";const R=["sm","md","lg"],W=-1,Q=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value=[];placeholder;disabled=!1;readOnly=!1;invalid=!1;filter=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;size="md";variant="default";tone;maxChips=3;open=!1;required=!1;name;suiChange;suiOpen;suiClose;query="";hoverIdx=W;keyNav=!1;pointerAt="";onKeyNav(i){P(i)&&(this.keyNav=!0)}onPointerNav(i){const s=U(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;panelScrollTop=0;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=g("sui-multi-select");trigger;panel;filterInput;typeahead="";typeaheadTimer;scrollFrame;initial=[];metrics=new G;windowed=!1;closing=!1;popup=q({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){x(this.host,this.internals),b(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.open&&this.panel&&t(this)}componentWillLoad(){this.initial=[...this.picks],this.open&&(this.hoverIdx=this.visible().findIndex((i=>!i.disabled))),this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen(),this.untabRowBoxes(),this.remeasure()}untabRowBoxes(){this.panel?.querySelectorAll('[role="option"] sui-checkbox').forEach((i=>{const s=()=>i.querySelector("input")?.setAttribute("tabindex","-1");i.querySelector("input")?s():i.componentOnReady?.().then(s)}))}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;const s=this.panel.querySelector('[role="option"].opt'),e=s?.querySelector("sui-checkbox");if(e&&!e.querySelector("input"))return void e.componentOnReady?.().then((()=>{this.open&&t(this)}));let l=this.metrics.measure(this.panel,s,i);l=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||l,l&&t(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const e=this.virtualScrollThreshold;return!(e>0)||s<e?null:I($(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=$(C(this.visible())),e=B(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=e&&(this.panel.scrollTop=e,this.panelScrollTop=this.panel.scrollTop)}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),clearTimeout(this.typeaheadTimer),this.typeahead=""}componentDidLoad(){this.syncForm()}syncForm(){const i=this.picks;k(this.internals,this.isDisabled?null:z(this.name,i)??(i.length?i.join(","):null)),y(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===i.length,this.label,this.trigger,this.error)}onOptionsChange(){this.open&&this.hoverIdx===W&&(this.hoverIdx=this.visible().findIndex((i=>!i.disabled)))}onOpenChange(i){if(this.panelScrollTop=0,this.metrics.reset(),i){this.popup.reopen(),this.closing=!1;const i=this.visible();this.hoverIdx=i.findIndex((i=>!i.disabled))}else this.teardown(),this.query="",this.hoverIdx=W,this.windowed=!1,this.closing=this.popup.close()}formResetCallback(){this.value=[...this.initial]}formDisabledCallback(i){this.formDisabled=w(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.trigger?.focus()}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(this.filter&&E((()=>this.filterInput),(()=>this.open)),this.scrollHoverIntoView())}get isQuiet(){return"quiet"===this.variant}reposition(){this.trigger&&this.panel&&(O(this.trigger,this.panel,this.isQuiet?200:0),A(this.panel,S(this.trigger,this.panel,"bottom",6,"start")))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}get picks(){return F(this.value,this.host,"value")}normCache;norm(){return this.normCache&&this.normCache.src===this.options||(this.normCache={src:this.options,out:T(F(this.options,this.host,"options"))}),this.normCache.out}visible(){if(this.loading)return[];const i=this.query.trim().toLowerCase();return i?this.norm().filter((s=>s.label.toLowerCase().includes(i))):this.norm()}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}setValue(i){this.value=i,this.suiChange.emit(i)}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picks;this.setValue(j(s,i.value)?s.filter((s=>!D(s,i.value))):s.concat(i.value))}toggleAll(){if(this.isDisabled||this.readOnly)return;const i=this.norm().filter((i=>!i.disabled)),s=i.length>0&&i.every((i=>j(this.picks,i.value)));this.setValue(s?[]:i.map((i=>i.value)))}clearValue(){this.isDisabled||this.readOnly||!this.picks.length||(this.setValue([]),this.trigger?.focus())}clear=i=>{i.stopPropagation(),i.preventDefault(),this.clearValue()};toggleActive(){if(this.hoverIdx===W)return void this.toggleAll();const i=this.visible()[this.hoverIdx];i&&this.toggle(i)}move(i){const s=this.visible(),e=s.length;let t=this.hoverIdx;for(let l=0;l<=e&&(t+=i,t>=e?t=W:t<W&&(t=e-1),t!==W&&s[t].disabled);l++);this.hoverIdx=t,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onTypeahead(i){clearTimeout(this.typeaheadTimer),this.typeahead+=i.toLowerCase(),this.typeaheadTimer=setTimeout((()=>this.typeahead=""),500);const s=this.visible(),e=this.hoverIdx+1;for(let i=0;i<s.length;i++){const t=(e+i)%s.length;if(!s[t].disabled&&s[t].label.toLowerCase().startsWith(this.typeahead))return this.hoverIdx=t,void this.scrollHoverIntoView()}}onTriggerKey(i){i.target===this.trigger&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.open?this.toggleActive():this.show()))}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onPanelKey=i=>{this.popup.tab(i,(()=>this.requestClose("outside")))||this.onKey(i)};onKey(i){if(this.isDisabled||this.readOnly)return;if(i.target.closest?.("sui-chip"))return;const s=this.visible(),e=!!this.filterInput&&i.target===this.filterInput;switch(i.key){case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)));case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void this.show();case"Home":return void(this.open&&!e&&(i.preventDefault(),this.hoverIdx=W,this.scrollHoverIntoView()));case"End":return void(this.open&&!e&&(i.preventDefault(),this.hoverIdx=s.length-1,this.scrollHoverIntoView()));case"Enter":return e?(i.preventDefault(),void this.toggleActive()):void this.onTriggerKey(i);case" ":if(e)return;return void this.onTriggerKey(i);case"Tab":return void(this.open&&this.requestClose("outside"));case"Delete":case"Backspace":return void(this.clearable&&i.target===this.trigger&&this.picks.length&&(i.preventDefault(),this.clearValue()));default:1!==i.key.length||i.ctrlKey||i.metaKey||i.altKey||i.target!==this.trigger||this.onTypeahead(i.key)}}onTriggerClick=i=>{this.isDisabled||this.readOnly||i.target.closest?.("sui-chip")||(this.open?this.requestClose("trigger"):this.show())};renderRow(i,s,e,t){const o=j(e,i.value),r=i.render,u=`${this.fieldId}-opt-${s}`,n=r?l("span",{key:"custom",class:"lbl custom",ref:s=>{s&&N(s,M(r,["option"],i.label))}}):l("span",{key:"text",class:"lbl"},i.label);return l("div",{id:u,key:i.value,role:"option","aria-label":i.label,"aria-describedby":i.description?`${u}-desc`:null,"aria-selected":o?"true":"false","aria-disabled":i.disabled?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{opt:!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:o,disabled:!!i.disabled},onMouseEnter:()=>this.hoverIdx=s,onClick:()=>this.toggle(i)},l("sui-checkbox",{inert:!0,size:"sm",checked:o,disabled:this.isDisabled||!!i.disabled}),i.icon?l("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,i.description?l("span",{key:"text-desc",class:"opt-text"},n,l("span",{class:"opt-desc",id:`${u}-desc`},i.description)):n)}render(){const i=this.norm(),s=this.picks,e=this.visible(),t=C(e),o=this.windowFor(t,e.length);this.windowed=!!o;const f=this.invalid||!!this.error,g=R.includes(this.size)?this.size:"md",x=i.filter((i=>j(s,i.value))),b=i.filter((i=>!i.disabled)),k=b.length>0&&b.every((i=>j(s,i.value))),y=s.length>0&&!k,w=this.clearable&&x.length>0&&!this.isDisabled&&!this.readOnly,z=this.open?this.hoverIdx===W?`${this.fieldId}-all`:e[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0:void 0,F=this.isQuiet,T=K(void 0,"multi-select.loading",this.loadingMessage,"Loading"),D=this.query.trim()?K(void 0,"multi-select.emptyFilter",this.emptyFilterMessage,"No matches."):K(void 0,"multi-select.empty",this.emptyMessage,"Nothing here yet.");return l(u,{key:"6a07ed117bb50585038154309d9756d31ce77462",label:F?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},l("div",{key:"c94a66b8f8b190c5144fb3c23e294f32cd133981",class:{"sui-multi-select":!0,open:this.open,inline:F},onKeyDown:this.onKeyDown},l("div",{key:"27e6507e6bbab4acd7d8a9726856ff20fd34cea3",ref:i=>this.trigger=i,id:this.fieldId,class:F?{"sui-inline":!0,[g]:!0,open:this.open,shell:this.open,invalid:f,placeholder:0===x.length,disabled:this.isDisabled,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,trigger:!0,[g]:!0,focus:this.focused,open:this.open,invalid:f,placeholder:0===x.length,disabled:this.isDisabled,readonly:this.readOnly},role:"combobox",tabIndex:this.isDisabled?-1:0,"aria-label":this.label||this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-activedescendant":z,"aria-disabled":this.isDisabled?"true":null,"aria-invalid":f?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-describedby":r(this.fieldId,this.help,this.error),"aria-keyshortcuts":w?"Delete":null,"aria-busy":this.loading?"true":null,onClick:this.onTriggerClick,onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},l("span",{key:"a7a21435f54e42e9f30fc78ad2be58be89bd3eb1",class:"chips"},0===x.length?l("span",{class:"val placeholder-text"},K(void 0,"multi-select.placeholder",this.placeholder,"Select")):null,x.slice(0,this.maxChips).map((i=>l("sui-chip",{size:"sm",key:i.value,label:i.label,icon:i.icon,removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.toggle(i)}}))),x.length>this.maxChips?l("span",{class:"more"},H(void 0,"multi-select.more",void 0,"+{count} more",{count:x.length-this.maxChips})):null),w?l("span",{class:"clear","aria-hidden":"true",onClick:this.clear},l(d,{glyph:p})):null,l(d,this.loading?{glyph:h,class:"spin sui-popup-spin"}:{glyph:m,class:"chev"})),this.open||this.closing?l("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onScroll:this.onPanelScroll,onKeyDown:this.onPanelKey,onSuiChange:i=>i.stopPropagation()},this.filter?l("div",{class:"sui-popup-search"},l("div",{class:"sui-popup-search-box sui-frame"},l(d,{glyph:v}),l("input",{ref:i=>this.filterInput=i,type:"text",placeholder:K(void 0,"multi-select.search",void 0,"Search"),"aria-label":K(void 0,"multi-select.searchOptions",void 0,"Search options"),"aria-controls":`${this.fieldId}-list`,"aria-activedescendant":z,value:this.query,onInput:i=>{this.query=i.target.value,this.hoverIdx=0,this.resetScroll()}}))):null,this.loading?l(n,{message:T}):null,this.loading||0!==e.length?null:l("div",{key:"empty",class:"sui-popup-empty"},D),l("div",{key:"list",id:`${this.fieldId}-list`,role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.hostLabel,"aria-busy":this.loading?"true":null},this.loading?null:[l("div",{id:`${this.fieldId}-all`,role:"option","aria-label":K(void 0,"multi-select.selectAll",void 0,"Select all"),"aria-selected":k?"true":"false",class:{all:!0,hover:this.hoverIdx===W,keynav:this.keyNav&&this.hoverIdx===W},onMouseEnter:()=>this.hoverIdx=W,onClick:()=>this.toggleAll()},l("sui-checkbox",{inert:!0,class:"all-box",label:K(void 0,"multi-select.selectAll",void 0,"Select all"),size:"sm",checked:k,indeterminate:y,disabled:this.isDisabled})),c(t,o,(i=>`${this.fieldId}-grp-${i}`),((i,t)=>this.renderRow(i,t,s,e.length)))])):null,l(a,{key:"7f18f7a7a0703d4afd69a053b43388c5371d5d11",message:this.open?this.loading?T:0===e.length?D:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],options:[{onOptionsChange:0}],loading:[{onOptionsChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-multi-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-multi-select.sc-sui-multi-select{position:relative}.sui-multi-select.inline.sc-sui-multi-select{display:flex;align-items:flex-start}.sui-popup-trigger.trigger.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md));padding-block:4px;padding-inline:6px 10px;flex-wrap:nowrap;gap:4px}.sui-popup-trigger.trigger.sm.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding-block:2px}.sui-popup-trigger.trigger.md.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-md))}.sui-popup-trigger.trigger.lg.sc-sui-multi-select{height:auto;min-height:var(--sui-field-height, var(--control-lg))}.trigger.disabled.sc-sui-multi-select{cursor:not-allowed}.trigger.readonly.sc-sui-multi-select:not(.disabled){cursor:default}.chips.sc-sui-multi-select{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.chips.sc-sui-multi-select sui-chip.sc-sui-multi-select{max-width:100%;min-width:0;overflow:hidden}.placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder);padding-inline-start:6px}.trigger.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.more.sc-sui-multi-select{font-size:11.5px;font-weight:650;color:var(--ink-muted);padding:2px 4px;white-space:nowrap}.chev.sc-sui-multi-select,.spin.sc-sui-multi-select,.clear.sc-sui-multi-select{flex-shrink:0}.sui-multi-select.sc-sui-multi-select .sui-inline.sc-sui-multi-select{gap:4px}.sui-inline.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-muted);padding-inline-start:0}.sui-inline.disabled.sc-sui-multi-select .placeholder-text.sc-sui-multi-select{color:var(--ink-placeholder)}.all.sc-sui-multi-select{padding:2px 4px 6px;border-bottom:1px solid var(--hairline);margin-bottom:4px;cursor:pointer}.all-box.sc-sui-multi-select{display:flex;padding:4px 6px;border-radius:var(--radius-sm)}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select{background:var(--surface-hover)}.all.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none}.opt.sc-sui-multi-select{display:flex;align-items:center;gap:9px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer}.opt.hover.sc-sui-multi-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.keynav.sc-sui-multi-select,.all.keynav.sc-sui-multi-select .all-box.sc-sui-multi-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.opt.disabled.sc-sui-multi-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.opt.sc-sui-multi-select sui-checkbox.sc-sui-multi-select{pointer-events:none;display:flex;flex-shrink:0}.opt.sc-sui-multi-select .lbl.sc-sui-multi-select{min-width:0;font-size:12.5px;font-weight:550;line-height:1.3;color:var(--ink)}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select{color:var(--disabled-ink)}.opt.sc-sui-multi-select .lbl.custom.sc-sui-multi-select{display:flex;align-items:center;gap:8px}.opt.sc-sui-multi-select .icon.sc-sui-multi-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select{color:var(--ink-placeholder)}.opt.sc-sui-multi-select .opt-text.sc-sui-multi-select{min-width:0;display:flex;flex-direction:column;gap:1px}.opt.sc-sui-multi-select .opt-desc.sc-sui-multi-select{font-size:12px;font-weight:460;line-height:1.3;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:var(--ink-placeholder)}@media (forced-colors: active){.placeholder-text.sc-sui-multi-select{color:GrayText}.all.hover.sc-sui-multi-select .all-box.sc-sui-multi-select,.opt.hover.sc-sui-multi-select{outline:2px solid CanvasText;outline-offset:-2px}.opt.disabled.sc-sui-multi-select .lbl.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.opt.disabled.sc-sui-multi-select .opt-desc.sc-sui-multi-select{color:GrayText}}.sui-field.sc-sui-multi-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-multi-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-multi-select .sui-field-label.sc-sui-multi-select{color:var(--danger)}.sui-field-req.sc-sui-multi-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-multi-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-multi-select{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px}.sui-frame.sc-sui-multi-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-multi-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-multi-select,.sui-frame.readonly.sc-sui-multi-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-multi-select:focus-within,.sui-frame.focus.sc-sui-multi-select,.sui-frame.open.sc-sui-multi-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-multi-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-multi-select:focus-within,.sui-frame.invalid.focus.sc-sui-multi-select,.sui-frame.invalid.open.sc-sui-multi-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-multi-select:disabled,.sui-frame.disabled.sc-sui-multi-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-multi-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-multi-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-multi-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-multi-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-multi-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-multi-select:focus-within,.sui-frame.focus.sc-sui-multi-select,.sui-frame.open.sc-sui-multi-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-multi-select:disabled,.sui-frame.disabled.sc-sui-multi-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-multi-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-multi-select:disabled,.sui-popup-trigger.disabled.sc-sui-multi-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-multi-select .val.sc-sui-multi-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-multi-select .clear.sc-sui-multi-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-multi-select .clear.sc-sui-multi-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-multi-select .chev.sc-sui-multi-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-multi-select .chev.sc-sui-multi-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:0.4}.sui-popup-trigger.sc-sui-multi-select .spin.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-multi-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-multi-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-multi-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-multi-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-multi-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-multi-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-multi-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-multi-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-multi-select input.sc-sui-multi-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-multi-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-multi-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-multi-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-multi-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-multi-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-multi-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-multi-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-multi-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-multi-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-multi-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-multi-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-multi-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-multi-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-multi-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:GrayText}.sui-popup-option.hover.sc-sui-multi-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-multi-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-multi-select{color:GrayText}}.sui-inline.sc-sui-multi-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-multi-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-multi-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-multi-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-multi-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-multi-select{cursor:default}.sui-inline.sc-sui-multi-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-multi-select:focus{outline:none}.sui-inline.sc-sui-multi-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-multi-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-multi-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-multi-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-multi-select:disabled,.sui-inline.disabled.sc-sui-multi-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.sc-sui-multi-select .lead.sc-sui-multi-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-multi-select:disabled .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .lead.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .val.sc-sui-multi-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-muted)}.sui-inline.sc-sui-multi-select:disabled.placeholder .val.sc-sui-multi-select,.sui-inline.disabled.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-multi-select .fit.sc-sui-multi-select input.sc-sui-multi-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-multi-select .clear.sc-sui-multi-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-multi-select .clear.sc-sui-multi-select:hover{color:var(--ink)}.sui-inline.sc-sui-multi-select .chev.sc-sui-multi-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-multi-select .chev.sc-sui-multi-select{transform:rotate(180deg)}.sui-inline.sc-sui-multi-select:hover .clear.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:focus-visible .clear.sc-sui-multi-select,.sui-inline.shell.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:hover .chev.sc-sui-multi-select,.sui-inline.sc-sui-multi-select:focus-visible .chev.sc-sui-multi-select,.sui-inline.shell.sc-sui-multi-select .chev.sc-sui-multi-select{visibility:visible}.sui-inline.sc-sui-multi-select .spin.sc-sui-multi-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:11px}.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select .sui-glyph.sc-sui-multi-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:hover:not(:disabled),.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:focus-visible,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-multi-select .clear.sc-sui-multi-select:disabled,.sui-inline.text.sc-sui-multi-select .chev.sc-sui-multi-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-multi-select:hover .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:focus-within .clear.sc-sui-multi-select,.sui-inline.text.shell.sc-sui-multi-select .clear.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:hover .chev.sc-sui-multi-select,.sui-inline.text.sc-sui-multi-select:focus-within .chev.sc-sui-multi-select,.sui-inline.text.shell.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-multi-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-multi-select .chev.sc-sui-multi-select{visibility:visible}.sui-inline.inverse.text.sc-sui-multi-select .chev.sc-sui-multi-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-multi-select:not(.shell) sui-chip.sc-sui-multi-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-multi-select{border-color:CanvasText}.sui-inline.sc-sui-multi-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-multi-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-multi-select:disabled,.sui-inline.disabled.sc-sui-multi-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-multi-select:disabled .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .icon.sc-sui-multi-select,.sui-inline.disabled.sc-sui-multi-select .lead.sc-sui-multi-select{color:GrayText}.sui-inline.placeholder.sc-sui-multi-select .val.sc-sui-multi-select{color:GrayText}}"}},[578,"sui-multi-select",{label:[1],help:[1],error:[1],options:[16],value:[1040],placeholder:[1],disabled:[516],readOnly:[516,"readonly"],invalid:[516],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],virtualScrollThreshold:[2,"virtual-scroll-threshold"],clearable:[516],size:[513],variant:[513],tone:[513],maxChips:[2,"max-chips"],open:[1540],required:[516],name:[513],query:[32],hoverIdx:[32],keyNav:[32],focused:[32],hostLabel:[32],panelScrollTop:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],options:[{onOptionsChange:0}],loading:[{onOptionsChange:0}],open:[{onOpenChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["sui-multi-select","sui-checkbox","sui-chip"].forEach((i=>{switch(i){case"sui-multi-select":customElements.get(o(i))||customElements.define(o(i),Q);break;case"sui-checkbox":customElements.get(o(i))||V();break;case"sui-chip":customElements.get(o(i))||L()}}))}export{Q as SuiMultiSelect,Y as defineCustomElement}

package/dist/components/p-wknHx00K.js

@@ -0,0 +1 @@
+const t=["aria-pressed","aria-expanded","aria-controls","aria-haspopup"];function e(e,n){const r=()=>{const r={};for(const n of t){const t=e.getAttribute(n);null!==t&&(r[n]=t)}Object.keys(r).length&&n(r)};if(r(),"undefined"==typeof MutationObserver)return()=>{};const a=new MutationObserver(r);return a.observe(e,{attributes:!0,attributeFilter:t}),()=>a.disconnect()}function n(t,e,n){const r=()=>n(t.getAttribute(e)??void 0);if(r(),"undefined"==typeof MutationObserver)return()=>{};const a=new MutationObserver(r);return a.observe(t,{attributes:!0,attributeFilter:[e]}),()=>a.disconnect()}function r(t,e){return n(t,"aria-label",e)}function a(t,e){return n(t,"aria-disabled",(t=>e(void 0!==t&&!/^\s*(false|undefined)\s*$/i.test(t))))}function i(t,e){return n(t,"aria-describedby",e)}function o(t,e){return n(t,"aria-labelledby",e)}export{o as a,a as b,i as c,e as d,r as i}

package/dist/components/{p-CENCqhRM.js → p-xL1CQMSR.js}

@@ -1 +1 @@
-import{h as n}from"./p-DQ8DrIvI.js";import{i as e}from"./p-GAnFXayY.js";import{G as r,k as t,q as u}from"./p-BJFE-_50.js";function i(n){return function(n){return!!n&&!n.separator&&null==n.section}(n)&&!n.disabled}function a(n){return n.findIndex(i)}function o(n){for(let e=n.length-1;e>=0;e--)if(i(n[e]))return e;return-1}function s(n,e,r){const t=n.length;if(!t)return-1;if(e<0)return r>0?a(n):o(n);let u=e;for(let e=0;e<t;e++)if(u=(u+r+t)%t,i(n[u]))return u;return-1}function l(n,r,t){const u=function(n){const e=c(n),r=e?Number(e.getAttribute("data-index")):NaN;return Number.isFinite(r)?r:-1}(n);u>=0&&u<r.length&&(t=u);const l=(e,r=t)=>(n.preventDefault(),{action:e,index:r}),d=e(n.currentTarget||n.target);switch(n.key){case"ArrowDown":return l("move",s(r,t,1));case"ArrowUp":return l("move",s(r,t,-1));case"Home":return l("move",a(r));case"End":return l("move",o(r));case"Enter":case" ":{const e=function(n){const e=c(n);return e&&"A"===e.tagName&&e.hasAttribute("href")?e:null}(n);return e?(" "===n.key&&(n.preventDefault(),e.click()),{action:"link",index:t}):l("activate")}case"Escape":return l("escape");case"ArrowRight":return l(d?"back":"forward");case"ArrowLeft":return l(d?"forward":"back");default:if(1===n.key.length&&!n.ctrlKey&&!n.metaKey&&!n.altKey){const e=function(n,e,r){const t=r.toLowerCase(),u=n.length;for(let r=1;r<=u;r++){const a=(e+r+u)%u,o=n[a];if(i(o)&&(o.label||"").toLowerCase().startsWith(t))return a}return-1}(r,t,n.key);if(e>=0)return l("move",e)}return{action:null,index:t}}}function c(n){const e=n.target;return e&&"function"==typeof e.closest?e.closest("[data-index]"):null}function d(n,e){if(!n||e<0)return;const r=n.querySelector(`[data-index="${e}"]`);r?.focus()}function f(n){if(" "!==n.key)return!1;const e=n.currentTarget;return!(!e||"A"!==e.tagName||!e.hasAttribute("href")||(n.preventDefault(),e.click(),0))}const m=[[/⌘|cmd|command/gi,"Meta"],[/⌃|ctrl|control/gi,"Control"],[/⇧|shift/gi,"Shift"],[/⌥|opt|option|alt/gi,"Alt"]];function p(n){let e=n.trim();for(const[n,r]of m)e=e.replace(n,`${r}+`);return e.replace(/\s*\+\s*/g,"+").replace(/\s+/g,"+").replace(/\++/g,"+").replace(/^\+|\+$/g,"")}const v=e=>{const o=e.items||[],s=e.activeIndex??-1,l=e.openIndex??-1,c=s>=0&&i(o[s])?s:a(o),d=o.some((n=>void 0!==n.checked));return n("div",{class:{"sui-menu-list":!0,fill:!!e.fill},role:"menu",id:e.menuId,"aria-label":e.ariaLabel,style:e.fill?void 0:{width:`${e.width??220}px`},ref:e.menuRef,onKeyDown:e.onKeyDown,onMouseLeave:e.onLeave},o.map(((a,o)=>{if(a.separator)return n("div",{class:"sui-menu-sep",role:"separator"});if(null!=a.section)return n("div",{class:"sui-menu-section",role:"presentation"},a.section);const f=!!e.nests&&!(!a.items||!a.items.length),m=function(n){return i(n)&&!!n.href&&!(n.items&&n.items.length)}(a),v=n(m?"a":"div",{id:e.idBase?`${e.idBase}-${o}`:void 0,class:{"sui-menu-item":!0,active:o===s&&!a.disabled,open:o===l,danger:!!a.danger,disabled:!!a.disabled,current:!!a.current},role:void 0===a.checked?"menuitem":"menuitemradio","aria-checked":void 0===a.checked?null:a.checked?"true":"false","data-index":o,tabIndex:o===c?0:-1,href:m?a.href:void 0,target:m?a.target:void 0,rel:m&&"_blank"===a.target?"noopener":void 0,"aria-current":a.current?"page":null,"aria-disabled":a.disabled?"true":null,"aria-label":null!=a.badge?`${a.label}, ${a.badge}`:null,"aria-keyshortcuts":a.shortcut?p(a.shortcut):null,"aria-haspopup":f?"menu":null,"aria-expanded":f?o===l?"true":"false":null,"aria-controls":f&&o===l&&e.controls?e.controls:null,onMouseEnter:()=>{a.disabled||e.onHover?.(o)},onClick:()=>{a.disabled||e.onPick?.(a,o)}},d?n("span",{class:"sui-menu-check","aria-hidden":"true"},a.checked?n(r,{glyph:t}):null):null,a.icon?n("i",{class:`sui-menu-icon ${a.icon}`,"aria-hidden":"true"}):null,n("span",{class:"sui-menu-label"},a.label),null!=a.badge?n("span",{class:"sui-menu-badge","aria-hidden":"true"},a.badge):null,a.shortcut?n("span",{class:"sui-menu-shortcut","aria-hidden":"true"},a.shortcut):null,f?n(r,{glyph:u,class:"sui-menu-chev"}):null);return e.renderAfter?n("div",{class:"sui-menu-row",role:"presentation"},v,e.renderAfter(a,o)):v})))};export{v as M,a,d as f,i,o as l,l as m,f as s}
+import{h as n}from"./p-DQ8DrIvI.js";import{i as e}from"./p-GAnFXayY.js";import{G as r,k as t,q as u}from"./p-B-Bh5OXe.js";function i(n){return function(n){return!!n&&!n.separator&&null==n.section}(n)&&!n.disabled}function a(n){return n.findIndex(i)}function o(n){for(let e=n.length-1;e>=0;e--)if(i(n[e]))return e;return-1}function s(n,e,r){const t=n.length;if(!t)return-1;if(e<0)return r>0?a(n):o(n);let u=e;for(let e=0;e<t;e++)if(u=(u+r+t)%t,i(n[u]))return u;return-1}function l(n,r,t){const u=function(n){const e=c(n),r=e?Number(e.getAttribute("data-index")):NaN;return Number.isFinite(r)?r:-1}(n);u>=0&&u<r.length&&(t=u);const l=(e,r=t)=>(n.preventDefault(),{action:e,index:r}),d=e(n.currentTarget||n.target);switch(n.key){case"ArrowDown":return l("move",s(r,t,1));case"ArrowUp":return l("move",s(r,t,-1));case"Home":return l("move",a(r));case"End":return l("move",o(r));case"Enter":case" ":{const e=function(n){const e=c(n);return e&&"A"===e.tagName&&e.hasAttribute("href")?e:null}(n);return e?(" "===n.key&&(n.preventDefault(),e.click()),{action:"link",index:t}):l("activate")}case"Escape":return l("escape");case"ArrowRight":return l(d?"back":"forward");case"ArrowLeft":return l(d?"forward":"back");default:if(1===n.key.length&&!n.ctrlKey&&!n.metaKey&&!n.altKey){const e=function(n,e,r){const t=r.toLowerCase(),u=n.length;for(let r=1;r<=u;r++){const a=(e+r+u)%u,o=n[a];if(i(o)&&(o.label||"").toLowerCase().startsWith(t))return a}return-1}(r,t,n.key);if(e>=0)return l("move",e)}return{action:null,index:t}}}function c(n){const e=n.target;return e&&"function"==typeof e.closest?e.closest("[data-index]"):null}function d(n,e){if(!n||e<0)return;const r=n.querySelector(`[data-index="${e}"]`);r?.focus()}function f(n){if(" "!==n.key)return!1;const e=n.currentTarget;return!(!e||"A"!==e.tagName||!e.hasAttribute("href")||(n.preventDefault(),e.click(),0))}const m=[[/⌘|cmd|command/gi,"Meta"],[/⌃|ctrl|control/gi,"Control"],[/⇧|shift/gi,"Shift"],[/⌥|opt|option|alt/gi,"Alt"]];function p(n){let e=n.trim();for(const[n,r]of m)e=e.replace(n,`${r}+`);return e.replace(/\s*\+\s*/g,"+").replace(/\s+/g,"+").replace(/\++/g,"+").replace(/^\+|\+$/g,"")}const v=e=>{const o=e.items||[],s=e.activeIndex??-1,l=e.openIndex??-1,c=s>=0&&i(o[s])?s:a(o),d=o.some((n=>void 0!==n.checked));return n("div",{class:{"sui-menu-list":!0,fill:!!e.fill},role:"menu",id:e.menuId,"aria-label":e.ariaLabel,style:e.fill?void 0:{width:`${e.width??220}px`},ref:e.menuRef,onKeyDown:e.onKeyDown,onMouseLeave:e.onLeave},o.map(((a,o)=>{if(a.separator)return n("div",{class:"sui-menu-sep",role:"separator"});if(null!=a.section)return n("div",{class:"sui-menu-section",role:"presentation"},a.section);const f=!!e.nests&&!(!a.items||!a.items.length),m=function(n){return i(n)&&!!n.href&&!(n.items&&n.items.length)}(a),v=n(m?"a":"div",{id:e.idBase?`${e.idBase}-${o}`:void 0,class:{"sui-menu-item":!0,active:o===s&&!a.disabled,open:o===l,danger:!!a.danger,disabled:!!a.disabled,current:!!a.current},role:void 0===a.checked?"menuitem":"menuitemradio","aria-checked":void 0===a.checked?null:a.checked?"true":"false","data-index":o,tabIndex:o===c?0:-1,href:m?a.href:void 0,target:m?a.target:void 0,rel:m&&"_blank"===a.target?"noopener":void 0,"aria-current":a.current?"page":null,"aria-disabled":a.disabled?"true":null,"aria-label":null!=a.badge?`${a.label}, ${a.badge}`:null,"aria-keyshortcuts":a.shortcut?p(a.shortcut):null,"aria-haspopup":f?"menu":null,"aria-expanded":f?o===l?"true":"false":null,"aria-controls":f&&o===l&&e.controls?e.controls:null,onMouseEnter:()=>{a.disabled||e.onHover?.(o)},onClick:()=>{a.disabled||e.onPick?.(a,o)}},d?n("span",{class:"sui-menu-check","aria-hidden":"true"},a.checked?n(r,{glyph:t}):null):null,a.icon?n("i",{class:`sui-menu-icon ${a.icon}`,"aria-hidden":"true"}):null,n("span",{class:"sui-menu-label"},a.label),null!=a.badge?n("span",{class:"sui-menu-badge","aria-hidden":"true"},a.badge):null,a.shortcut?n("span",{class:"sui-menu-shortcut","aria-hidden":"true"},a.shortcut):null,f?n(r,{glyph:u,class:"sui-menu-chev"}):null);return e.renderAfter?n("div",{class:"sui-menu-row",role:"presentation"},v,e.renderAfter(a,o)):v})))};export{v as M,a,d as f,i,o as l,l as m,f as s}

package/dist/components/{p-BB6nAZ6X.js → p-zLhMetqX.js}

@@ -1 +1 @@
-import{h as s}from"./p-DQ8DrIvI.js";import{G as a}from"./p-BJFE-_50.js";import{S as l}from"./p-B_eRhN2r.js";const i=i=>i.avatar||i.initials?s("sui-avatar",{class:"sui-list-avatar",src:i.avatar,initials:i.initials,size:"sm","aria-hidden":"true"}):i.severity&&l[i.severity]?s("span",{class:{sev:!0,[i.severity]:!0},"aria-hidden":"true"},s(a,{glyph:l[i.severity]})):i.icon?s("span",{class:"sev icon","aria-hidden":"true"},s("i",{class:i.icon})):null,n=a=>[a.marker??null,s("span",{class:"text"},s("span",{class:"title-row"},s("b",{class:"title"},a.title),a.unread?s("span",{class:"dot","aria-hidden":"true"}):null,a.unread&&a.unreadLabel?s("span",{class:"sr-only"},a.unreadLabel):null,a.meta?s("span",{class:"meta"},a.meta):null),a.description?s("span",{class:"detail"},a.description):null,a.time?s("span",{class:"time"},a.time):null)];export{i as L,n as a}
+import{h as s}from"./p-DQ8DrIvI.js";import{G as a}from"./p-B-Bh5OXe.js";import{S as l}from"./p-B1B3zkzC.js";const i=i=>i.avatar||i.initials?s("sui-avatar",{class:"sui-list-avatar",src:i.avatar,initials:i.initials,size:"sm","aria-hidden":"true"}):i.severity&&l[i.severity]?s("span",{class:{sev:!0,[i.severity]:!0},"aria-hidden":"true"},s(a,{glyph:l[i.severity]})):i.icon?s("span",{class:"sev icon","aria-hidden":"true"},s("i",{class:i.icon})):null,n=a=>[a.marker??null,s("span",{class:"text"},s("span",{class:"title-row"},s("b",{class:"title"},a.title),a.unread?s("span",{class:"dot","aria-hidden":"true"}):null,a.unread&&a.unreadLabel?s("span",{class:"sr-only"},a.unreadLabel):null,a.meta?s("span",{class:"meta"},a.meta):null),a.description?s("span",{class:"detail"},a.description):null,a.time?s("span",{class:"time"},a.time):null)];export{i as L,n as a}

package/dist/components/sui-accordion-item.js

@@ -1 +1 @@
-import{p as i,H as s,h as e,a,t}from"./p-DQ8DrIvI.js";import{u as o}from"./p-U06fVoGD.js";import{i as c}from"./p-Cs2X0Kih.js";import{d as n}from"./p-BHB1Wprj.js";import{d as r}from"./p-DXIDl7cw.js";import{G as d,q as l}from"./p-BJFE-_50.js";const h=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}get host(){return this}heading="";subtitle;meta;disabled=!1;expanded=!1;fieldId=o("sui-acc");landmark=!0;groupName;shown=!1;reveal;head;collapseTimer;unlabel;connectedCallback(){n(this.host,(()=>this.head)),this.unlabel?.();const i=this.host.closest("sui-accordion");this.unlabel=i?c(i,(i=>{this.groupName=i})):void 0,i||(this.groupName=void 0)}componentWillLoad(){this.shown=this.expanded,this.landmark=this.landmarkOk()}async setFocus(){this.head?.focus()}componentDidLoad(){const i=this.landmarkOk();i!==this.landmark&&(this.landmark=i),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.collapsed(),this.unlabel?.(),this.unlabel=void 0}onExpandedChange(i){if(this.tellAccordion(i),this.stopCollapse(),i)return void(this.shown=!0);const s=r("--duration-base",this.host);s>0?this.collapseTimer=setTimeout((()=>this.collapsed()),s+80):this.shown=!1}tellAccordion(i){const s=this.host.closest("sui-accordion");if(!s)return;const e=Array.from(s.querySelectorAll("sui-accordion-item")).filter((i=>i.closest("sui-accordion")===s)).indexOf(this.host);if(e<0)return;const a=Array.isArray(s.expanded)?s.expanded:[];if(a.includes(e)===i)return;const t="boolean"==typeof s.multiple?s.multiple:s.hasAttribute("multiple")&&"false"!==s.getAttribute("multiple");s.expanded=i?t?a.concat(e).sort(((i,s)=>i-s)):[e]:a.filter((i=>i!==e))}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}collapsed(){this.stopCollapse(),this.expanded||(this.shown=!1)}onTransitionEnd=i=>{i.target===this.reveal&&"grid-template-rows"===i.propertyName&&void 0!==this.collapseTimer&&this.collapsed()};landmarkOk(){const i=this.host.closest("sui-accordion");return!i||(!i.multiple&&!i.hasAttribute("multiple")||Array.from(i.querySelectorAll("sui-accordion-item")).filter((s=>s.closest("sui-accordion")===i)).length<=6)}render(){const i=this.fieldId+"-head",s=this.fieldId+"-panel",t=(this.groupName||"").trim(),o=this.landmark&&!!t;return e(a,{key:"adac23d6e4cd26af3e575babafb47ac6cb88a9cc",class:{open:this.expanded}},e("button",{key:"67baea5801b43957d0d2b492370fcfa4acfbb6a4",type:"button",class:"head",id:i,"aria-expanded":this.expanded?"true":"false","aria-controls":s,disabled:this.disabled,ref:i=>this.head=i},e(d,{key:"c785d77889acb3854c348b0107c80f30776aeb9d",glyph:l,class:"chev"}),e("span",{key:"b5bb507c8b000a4ce6ee9c09847862b1af3ffeba",class:"titles"},e("span",{key:"6506ae09ad54b678ba8618377ed3664c5aa3f19e",class:"heading"},this.heading),this.subtitle?e("span",{class:"subtitle"},this.subtitle):null),this.meta?e("span",{class:"meta"},this.meta):null),e("div",{key:"92a6a9579b1bec25b39c1f63d430898603ad1a69",class:{reveal:!0,open:this.expanded},ref:i=>this.reveal=i},e("div",{key:"87c945c3707b073f94b0c673af0ce27425c48465",class:"panel",role:this.landmark?"region":void 0,id:s,"aria-labelledby":this.landmark&&!o?i:void 0,"aria-label":o?`${this.heading}, ${t}`:void 0,hidden:!this.shown},e("div",{key:"2e5fabae6066a32db88d94dda7d6245e149ffe7d",class:"body"},e("slot",{key:"c3106012faa6040238cc0e989beeef4cfb3d5f4b"})))))}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-accordion-item-h{display:block;font-family:var(--font-sans);border-top:1px solid var(--hairline)}.sc-sui-accordion-item-h:first-child{border-top:none}.head.sc-sui-accordion-item{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:13px 16px;margin:0;border:none;text-align:start;background:transparent;cursor:pointer;font-family:var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-accordion-item:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-accordion-item:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.head.sc-sui-accordion-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.chev.sc-sui-accordion-item{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.open.sc-sui-accordion-item-h .chev.sc-sui-accordion-item{transform:rotate(90deg)}.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1)}.open.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1) rotate(90deg)}.titles.sc-sui-accordion-item{flex:1;min-width:0}.heading.sc-sui-accordion-item{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}.head.sc-sui-accordion-item:disabled .heading.sc-sui-accordion-item{color:var(--disabled-ink)}.head.sc-sui-accordion-item:disabled .subtitle.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .meta.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .chev.sc-sui-accordion-item{color:var(--ink-placeholder)}.subtitle.sc-sui-accordion-item{display:block;font-size:12px;color:var(--ink-faint);margin-top:1px}.meta.sc-sui-accordion-item{font-size:12.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.reveal.sc-sui-accordion-item{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-accordion-item{grid-template-rows:1fr}.panel.sc-sui-accordion-item{min-height:0;overflow:hidden;font-size:13px;color:var(--ink-muted);line-height:1.55}.panel[hidden].sc-sui-accordion-item{display:none}.body.sc-sui-accordion-item{padding:2px 16px 15px;padding-inline-start:36px}"}},[774,"sui-accordion-item",{heading:[1],subtitle:[1],meta:[1],disabled:[516],expanded:[516],landmark:[32],groupName:[32],shown:[32],setFocus:[64]},void 0,{expanded:[{onExpandedChange:0}]}]),u=h,p=function(){"undefined"!=typeof customElements&&["sui-accordion-item"].forEach((i=>{"sui-accordion-item"===i&&(customElements.get(t(i))||customElements.define(t(i),h))}))};export{u as SuiAccordionItem,p as defineCustomElement}
+import{p as i,H as s,h as e,a as t,t as a}from"./p-DQ8DrIvI.js";import{u as o}from"./p-U06fVoGD.js";import{i as n}from"./p-wknHx00K.js";import{d}from"./p-BHB1Wprj.js";import{d as c}from"./p-CZ4DDtn8.js";import{G as r,q as l}from"./p-B-Bh5OXe.js";const h=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}get host(){return this}heading="";subtitle;meta;disabled=!1;expanded=!1;fieldId=o("sui-acc");landmark=!0;groupName;shown=!1;reveal;head;collapseTimer;unlabel;connectedCallback(){d(this.host,(()=>this.head)),this.unlabel?.();const i=this.host.closest("sui-accordion");this.unlabel=i?n(i,(i=>{this.groupName=i})):void 0,i||(this.groupName=void 0)}componentWillLoad(){this.shown=this.expanded,this.landmark=this.landmarkOk()}async setFocus(){this.head?.focus()}componentDidLoad(){const i=this.landmarkOk();i!==this.landmark&&(this.landmark=i),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.collapsed(),this.unlabel?.(),this.unlabel=void 0}onExpandedChange(i){if(this.tellAccordion(i),this.stopCollapse(),i)return void(this.shown=!0);const s=c("--duration-base",this.host);s>0?this.collapseTimer=setTimeout((()=>this.collapsed()),s+80):this.shown=!1}tellAccordion(i){const s=this.host.closest("sui-accordion");if(!s)return;const e=Array.from(s.querySelectorAll("sui-accordion-item")).filter((i=>i.closest("sui-accordion")===s)).indexOf(this.host);if(e<0)return;const t=Array.isArray(s.expanded)?s.expanded:[];if(t.includes(e)===i)return;const a="boolean"==typeof s.multiple?s.multiple:s.hasAttribute("multiple")&&"false"!==s.getAttribute("multiple");s.expanded=i?a?t.concat(e).sort(((i,s)=>i-s)):[e]:t.filter((i=>i!==e))}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}collapsed(){this.stopCollapse(),this.expanded||(this.shown=!1)}onTransitionEnd=i=>{i.target===this.reveal&&"grid-template-rows"===i.propertyName&&void 0!==this.collapseTimer&&this.collapsed()};landmarkOk(){const i=this.host.closest("sui-accordion");return!i||(!i.multiple&&!i.hasAttribute("multiple")||Array.from(i.querySelectorAll("sui-accordion-item")).filter((s=>s.closest("sui-accordion")===i)).length<=6)}render(){const i=this.fieldId+"-head",s=this.fieldId+"-panel",a=(this.groupName||"").trim(),o=this.landmark&&!!a;return e(t,{key:"29c05560300713986888bf29c2579b1131e605bc",class:{open:this.expanded}},e("button",{key:"dfe67a84067d34a245d180ea63024ca34e4ff178",type:"button",class:"head",id:i,"aria-expanded":this.expanded?"true":"false","aria-controls":s,disabled:this.disabled,ref:i=>this.head=i},e(r,{key:"621938318d2079871053386d3a0784693d96c208",glyph:l,class:"chev"}),e("span",{key:"c0d5fd11d0741341fc7f4d2a149c98c8eea3ad48",class:"titles"},e("span",{key:"4a1e30e38c6275dbc920792b3aa72ee7fc5bea86",class:"heading"},this.heading),this.subtitle?e("span",{class:"subtitle"},this.subtitle):null),this.meta?e("span",{class:"meta"},this.meta):null),e("div",{key:"2db4584465e070f68846af10d3cfdf0f118416f1",class:{reveal:!0,open:this.expanded},ref:i=>this.reveal=i},e("div",{key:"586d66c882a19f11dba5fb8aedf7551d8f043be8",class:"panel",role:this.landmark?"region":void 0,id:s,"aria-labelledby":this.landmark&&!o?i:void 0,"aria-label":o?`${this.heading}, ${a}`:void 0,hidden:!this.shown},e("div",{key:"3e430cd5a04bf4ae6f83a19b5d61bad1f53d342b",class:"body"},e("slot",{key:"8ed96886a178ad1486729d667b0dd661a61bba1e"})))))}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-accordion-item-h{display:block;font-family:var(--font-sans);border-top:1px solid var(--hairline)}.sc-sui-accordion-item-h:first-child{border-top:none}.head.sc-sui-accordion-item{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:13px 16px;margin:0;border:none;text-align:start;background:transparent;cursor:pointer;font-family:var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-accordion-item:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-accordion-item:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);cursor:not-allowed}.head.sc-sui-accordion-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.chev.sc-sui-accordion-item{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.open.sc-sui-accordion-item-h .chev.sc-sui-accordion-item{transform:rotate(90deg)}.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1)}.open.sc-sui-accordion-item-h:dir(rtl) .chev.sc-sui-accordion-item{transform:scaleX(-1) rotate(90deg)}.titles.sc-sui-accordion-item{flex:1;min-width:0}.heading.sc-sui-accordion-item{display:block;font-size:13.5px;font-weight:650;color:var(--ink)}.head.sc-sui-accordion-item:disabled .heading.sc-sui-accordion-item{color:var(--disabled-ink)}.head.sc-sui-accordion-item:disabled .subtitle.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .meta.sc-sui-accordion-item,.head.sc-sui-accordion-item:disabled .chev.sc-sui-accordion-item{color:var(--ink-placeholder)}.subtitle.sc-sui-accordion-item{display:block;font-size:12px;color:var(--ink-faint);margin-top:1px}.meta.sc-sui-accordion-item{font-size:12.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.reveal.sc-sui-accordion-item{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-accordion-item{grid-template-rows:1fr}.panel.sc-sui-accordion-item{min-height:0;overflow:hidden;font-size:13px;color:var(--ink-muted);line-height:1.55}.panel[hidden].sc-sui-accordion-item{display:none}.body.sc-sui-accordion-item{padding:2px 16px 15px;padding-inline-start:36px}"}},[774,"sui-accordion-item",{heading:[1],subtitle:[1],meta:[1],disabled:[516],expanded:[516],landmark:[32],groupName:[32],shown:[32],setFocus:[64]},void 0,{expanded:[{onExpandedChange:0}]}]),u=h,p=function(){"undefined"!=typeof customElements&&["sui-accordion-item"].forEach((i=>{"sui-accordion-item"===i&&(customElements.get(a(i))||customElements.define(a(i),h))}))};export{u as SuiAccordionItem,p as defineCustomElement}

package/dist/components/sui-accordion.js

@@ -1 +1 @@
-import{p as t,t as s,H as i,c as e,h as o,a as n}from"./p-DQ8DrIvI.js";import{o as r}from"./p-BWkzTEZX.js";import{d}from"./p-BHB1Wprj.js";const a=t=>"boolean"==typeof t.expanded?t.expanded:t.hasAttribute("expanded")&&"false"!==t.getAttribute("expanded"),c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3)}get host(){return this}expanded=[];multiple=!1;suiExpandedChange;dispose;loaded=!1;count=0;connectedCallback(){d(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}componentWillLoad(){this.seed()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.headers()[0]}watch(t=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.onItems()),{childList:!0}),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.onItems()}))}seed(){const t=this.items();if(this.count=t.length,!t.length)return;const s=this.list(),i=t.map(((t,s)=>a(t)?s:-1)).filter((t=>t>=0&&!s.includes(t)));i.length&&(this.expanded=s.concat(i).sort(((t,s)=>t-s))),this.apply()}apply(){const t=this.list(),s=this.items();if(0===s.length)return;this.count=s.length,s.forEach(((s,i)=>{const e=t.includes(i);a(s)!==e&&(s.expanded=e)}));const i=t.filter((t=>t>=0&&t<s.length));i.length!==t.length&&(this.expanded=i,this.suiExpandedChange.emit(i))}onItems(){if(0===this.count)return void this.seed();const t=this.items();this.count=t.length;const s=t.map(((t,s)=>a(t)?s:-1)).filter((t=>t>=0)),i=this.list();s.length===i.length&&s.every(((t,s)=>t===i[s]))||(this.expanded=s,this.suiExpandedChange.emit(s))}list(){return Array.isArray(this.expanded)?this.expanded:[]}items(){return Array.from(this.host.querySelectorAll("sui-accordion-item")).filter((t=>t.closest("sui-accordion")===this.host))}headers(){return this.items().map((t=>t.querySelector("button.head"))).filter((t=>!!t&&!t.hasAttribute("disabled")))}itemOf(t){const s=t,i=s?.closest?s.closest("button.head"):null;if(!i)return null;const e=i.closest("sui-accordion-item");if(!e)return null;const o=this.items().indexOf(e);return o<0?null:{item:e,index:o}}toggle(t){const s=this.list(),i=s.includes(t)?s.filter((s=>s!==t)):this.multiple?s.concat(t).sort(((t,s)=>t-s)):[t];this.expanded=i,this.suiExpandedChange.emit(i)}onClick(t){const s=this.itemOf(t.target);!s||s.item.disabled||s.item.hasAttribute("disabled")||this.toggle(s.index)}onKeyDown(t){if(!this.itemOf(t.target))return;const s=this.headers(),i=s.indexOf(t.target);if(i<0||!s.length)return;let e=-1;"ArrowDown"===t.key?e=(i+1)%s.length:"ArrowUp"===t.key?e=(i-1+s.length)%s.length:"Home"===t.key?e=0:"End"===t.key&&(e=s.length-1),e<0||(t.preventDefault(),s[e].focus())}render(){return o(n,{key:"1f87f61194eae172d6d19ca42c65e8cae9def173"},o("slot",{key:"a4a46ce0336bf51331770d3ed1b2d26e83d9692d"}))}static get watchers(){return{expanded:[{apply:0}]}}static get style(){return".sc-sui-accordion-h{display:block;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}"}},[774,"sui-accordion",{expanded:[1040],multiple:[516],setFocus:[64]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]],{expanded:[{apply:0}]}]),h=c,u=function(){"undefined"!=typeof customElements&&["sui-accordion"].forEach((t=>{"sui-accordion"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{h as SuiAccordion,u as defineCustomElement}
+import{p as t,t as s,H as i,c as e,h as o,a as n}from"./p-DQ8DrIvI.js";import{o as r}from"./p-BWkzTEZX.js";import{d as a}from"./p-BHB1Wprj.js";const d=t=>"boolean"==typeof t.expanded?t.expanded:t.hasAttribute("expanded")&&"false"!==t.getAttribute("expanded"),c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3)}get host(){return this}expanded=[];multiple=!1;suiExpandedChange;dispose;loaded=!1;count=0;connectedCallback(){a(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}componentWillLoad(){this.seed()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.headers()[0]}watch(t=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.onItems()),{childList:!0}),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.onItems()}))}seed(){const t=this.items();if(this.count=t.length,!t.length)return;const s=this.list(),i=t.map(((t,s)=>d(t)?s:-1)).filter((t=>t>=0&&!s.includes(t)));i.length&&(this.expanded=s.concat(i).sort(((t,s)=>t-s))),this.apply()}apply(){const t=this.list(),s=this.items();if(0===s.length)return;this.count=s.length,s.forEach(((s,i)=>{const e=t.includes(i);d(s)!==e&&(s.expanded=e)}));const i=t.filter((t=>t>=0&&t<s.length));i.length!==t.length&&(this.expanded=i,this.suiExpandedChange.emit(i))}onItems(){if(0===this.count)return void this.seed();const t=this.items();this.count=t.length;const s=t.map(((t,s)=>d(t)?s:-1)).filter((t=>t>=0)),i=this.list();s.length===i.length&&s.every(((t,s)=>t===i[s]))||(this.expanded=s,this.suiExpandedChange.emit(s))}list(){return Array.isArray(this.expanded)?this.expanded:[]}items(){return Array.from(this.host.querySelectorAll("sui-accordion-item")).filter((t=>t.closest("sui-accordion")===this.host))}headers(){return this.items().map((t=>t.querySelector("button.head"))).filter((t=>!!t&&!t.hasAttribute("disabled")))}itemOf(t){const s=t,i=s?.closest?s.closest("button.head"):null;if(!i)return null;const e=i.closest("sui-accordion-item");if(!e)return null;const o=this.items().indexOf(e);return o<0?null:{item:e,index:o}}toggle(t){const s=this.list(),i=s.includes(t)?s.filter((s=>s!==t)):this.multiple?s.concat(t).sort(((t,s)=>t-s)):[t];this.expanded=i,this.suiExpandedChange.emit(i)}onClick(t){const s=this.itemOf(t.target);!s||s.item.disabled||s.item.hasAttribute("disabled")||this.toggle(s.index)}onKeyDown(t){if(!this.itemOf(t.target))return;const s=this.headers(),i=s.indexOf(t.target);if(i<0||!s.length)return;let e=-1;"ArrowDown"===t.key?e=(i+1)%s.length:"ArrowUp"===t.key?e=(i-1+s.length)%s.length:"Home"===t.key?e=0:"End"===t.key&&(e=s.length-1),e<0||(t.preventDefault(),s[e].focus())}render(){return o(n,{key:"4aaf23369608bb756cb5f562ed50d02f81eda177"},o("slot",{key:"b79efffa63c1b4fed00905f782161026e5954230"}))}static get watchers(){return{expanded:[{apply:0}]}}static get style(){return".sc-sui-accordion-h{display:block;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}"}},[774,"sui-accordion",{expanded:[1040],multiple:[516],setFocus:[64]},[[0,"click","onClick"],[0,"keydown","onKeyDown"]],{expanded:[{apply:0}]}]),h=c,u=function(){"undefined"!=typeof customElements&&["sui-accordion"].forEach((t=>{"sui-accordion"===t&&(customElements.get(s(t))||customElements.define(s(t),c))}))};export{h as SuiAccordion,u as defineCustomElement}

package/dist/components/sui-anchor.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as n,a as e,t as o}from"./p-DQ8DrIvI.js";import{d as r}from"./p-BHB1Wprj.js";import{a}from"./p-BuyjS5bS.js";import{s as h}from"./p-DXIDl7cw.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=s(this,"suiNavigate",7),this.suiActiveChange=s(this,"suiActiveChange",3)}get host(){return this}items=[];heading;target;active;spyOffset=60;scrollPad=8;suiNavigate;suiActiveChange;scroller=null;listening=null;frame=null;sections=new Map;loaded=!1;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.loaded&&this.bind()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("a.link[aria-current]")??this.host.querySelector("a.link")}componentDidLoad(){this.loaded=!0,this.bind()}disconnectedCallback(){this.unbind()}onTargetChange(){this.bind()}onItemsChange(){this.sections.clear(),this.listening&&this.spy()}resolveTarget(){const t=this.target;return t?"string"==typeof t?"undefined"!=typeof document?document.querySelector(t):null:t:null}bind(){this.unbind(),"undefined"!=typeof window&&(this.sections.clear(),this.scroller=this.resolveTarget(),this.listening=this.scroller||window,this.listening.addEventListener("scroll",this.onScroll,{passive:!0}),null==this.active&&this.spy())}unbind(){this.listening?.removeEventListener("scroll",this.onScroll),this.listening=null,this.scroller=null,null!==this.frame&&cancelAnimationFrame(this.frame),this.frame=null}onScroll=()=>{null===this.frame&&(this.frame=requestAnimationFrame((()=>{this.frame=null,this.spy()})))};section(t){const i=this.sections.get(t);if(i&&i.isConnected)return i;const s=`[id="${t.replace(/"/g,'\\"')}"]`,n=this.scroller?this.scroller.querySelector(s):document.querySelector(s);return n?this.sections.set(t,n):this.sections.delete(t),n}setActive(t){t!==this.active&&(this.active=t,this.suiActiveChange.emit(t))}spy(){const t=this.items||[];if(!t.length)return;const i=this.scroller?this.scroller.getBoundingClientRect().top:0;let s=t[0].id,n=!1;for(const e of t){const t=this.section(e.id);t&&(n=!0,t.getBoundingClientRect().top-i<=this.spyOffset&&(s=e.id))}n&&this.setActive(s)}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?t.id:void 0}onClick(t,i){if(this.setActive(i),this.suiNavigate.emit(i),"undefined"==typeof window)return;const s=this.section(i);if(!s)return;t.preventDefault();const n=this.scroller?this.scroller.getBoundingClientRect().top:0,e=s.getBoundingClientRect().top-n-this.scrollPad,o=h();if(this.scroller){const t=(this.scroller.scrollTop||0)+e;"function"==typeof this.scroller.scrollTo?this.scroller.scrollTo({top:t,behavior:o}):this.scroller.scrollTop=t}else"function"==typeof window.scrollTo&&window.scrollTo({top:(window.scrollY||0)+e,behavior:o})}render(){const t=this.current();return n(e,{key:"b217fb12291d7a274a658db14c93de159d6ef8f8"},n("nav",{key:"c9ef4fffeb7d77d9f0bb90e5eb16300b8a6f7f62",class:"sui-anchor","aria-label":a(void 0,"anchor.heading",this.heading,"On this page")},n("div",{key:"4d14b62019dab6185866fc96670ac0aeb020b1a7",class:"heading"},a(void 0,"anchor.heading",this.heading,"On this page")),(this.items||[]).map((i=>{const s=t===i.id;return n("a",{key:i.id,class:{link:!0,on:s},href:"#"+i.id,"aria-current":s?"location":null,onClick:t=>this.onClick(t,i.id)},i.label)}))))}static get watchers(){return{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}}static get style(){return".sc-sui-anchor-h{display:inline-block;vertical-align:top;width:180px;font-family:var(--font-sans)}.sui-anchor.sc-sui-anchor{width:100%}.heading.sc-sui-anchor{font-size:10.5px;font-weight:650;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.link.sc-sui-anchor{display:block;padding:5.5px 12px;border-inline-start:2px solid var(--border);font-size:12.5px;font-weight:460;color:var(--ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.link.sc-sui-anchor:hover{color:var(--ink)}.link.on.sc-sui-anchor{border-inline-start-color:var(--accent);color:var(--ink);font-weight:650}.link.sc-sui-anchor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}@media (forced-colors: active){.link.on.sc-sui-anchor{border-inline-start-color:Highlight}}"}},[514,"sui-anchor",{items:[16],heading:[1],target:[1],active:[1025],spyOffset:[2,"spy-offset"],scrollPad:[2,"scroll-pad"],setFocus:[64]},void 0,{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}]),l=c,u=function(){"undefined"!=typeof customElements&&["sui-anchor"].forEach((t=>{"sui-anchor"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{l as SuiAnchor,u as defineCustomElement}
+import{p as t,H as i,c as s,h as n,a as e,t as o}from"./p-DQ8DrIvI.js";import{d as r}from"./p-BHB1Wprj.js";import{a}from"./p-BuyjS5bS.js";import{s as h}from"./p-CZ4DDtn8.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=s(this,"suiNavigate",7),this.suiActiveChange=s(this,"suiActiveChange",3)}get host(){return this}items=[];heading;target;active;spyOffset=60;scrollPad=8;suiNavigate;suiActiveChange;scroller=null;listening=null;frame=null;sections=new Map;loaded=!1;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.loaded&&this.bind()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("a.link[aria-current]")??this.host.querySelector("a.link")}componentDidLoad(){this.loaded=!0,this.bind()}disconnectedCallback(){this.unbind()}onTargetChange(){this.bind()}onItemsChange(){this.sections.clear(),this.listening&&this.spy()}resolveTarget(){const t=this.target;return t?"string"==typeof t?"undefined"!=typeof document?document.querySelector(t):null:t:null}bind(){this.unbind(),"undefined"!=typeof window&&(this.sections.clear(),this.scroller=this.resolveTarget(),this.listening=this.scroller||window,this.listening.addEventListener("scroll",this.onScroll,{passive:!0}),null==this.active&&this.spy())}unbind(){this.listening?.removeEventListener("scroll",this.onScroll),this.listening=null,this.scroller=null,null!==this.frame&&cancelAnimationFrame(this.frame),this.frame=null}onScroll=()=>{null===this.frame&&(this.frame=requestAnimationFrame((()=>{this.frame=null,this.spy()})))};section(t){const i=this.sections.get(t);if(i&&i.isConnected)return i;const s=`[id="${t.replace(/"/g,'\\"')}"]`,n=this.scroller?this.scroller.querySelector(s):document.querySelector(s);return n?this.sections.set(t,n):this.sections.delete(t),n}setActive(t){t!==this.active&&(this.active=t,this.suiActiveChange.emit(t))}spy(){const t=this.items||[];if(!t.length)return;const i=this.scroller?this.scroller.getBoundingClientRect().top:0;let s=t[0].id,n=!1;for(const e of t){const t=this.section(e.id);t&&(n=!0,t.getBoundingClientRect().top-i<=this.spyOffset&&(s=e.id))}n&&this.setActive(s)}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?t.id:void 0}onClick(t,i){if(this.setActive(i),this.suiNavigate.emit(i),"undefined"==typeof window)return;const s=this.section(i);if(!s)return;t.preventDefault();const n=this.scroller?this.scroller.getBoundingClientRect().top:0,e=s.getBoundingClientRect().top-n-this.scrollPad,o=h();if(this.scroller){const t=(this.scroller.scrollTop||0)+e;"function"==typeof this.scroller.scrollTo?this.scroller.scrollTo({top:t,behavior:o}):this.scroller.scrollTop=t}else"function"==typeof window.scrollTo&&window.scrollTo({top:(window.scrollY||0)+e,behavior:o})}render(){const t=this.current();return n(e,{key:"b217fb12291d7a274a658db14c93de159d6ef8f8"},n("nav",{key:"c9ef4fffeb7d77d9f0bb90e5eb16300b8a6f7f62",class:"sui-anchor","aria-label":a(void 0,"anchor.heading",this.heading,"On this page")},n("div",{key:"4d14b62019dab6185866fc96670ac0aeb020b1a7",class:"heading"},a(void 0,"anchor.heading",this.heading,"On this page")),(this.items||[]).map((i=>{const s=t===i.id;return n("a",{key:i.id,class:{link:!0,on:s},href:"#"+i.id,"aria-current":s?"location":null,onClick:t=>this.onClick(t,i.id)},i.label)}))))}static get watchers(){return{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}}static get style(){return".sc-sui-anchor-h{display:inline-block;vertical-align:top;width:180px;font-family:var(--font-sans)}.sui-anchor.sc-sui-anchor{width:100%}.heading.sc-sui-anchor{font-size:10.5px;font-weight:650;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.link.sc-sui-anchor{display:block;padding:5.5px 12px;border-inline-start:2px solid var(--border);font-size:12.5px;font-weight:460;color:var(--ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.link.sc-sui-anchor:hover{color:var(--ink)}.link.on.sc-sui-anchor{border-inline-start-color:var(--accent);color:var(--ink);font-weight:650}.link.sc-sui-anchor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}@media (forced-colors: active){.link.on.sc-sui-anchor{border-inline-start-color:Highlight}}"}},[514,"sui-anchor",{items:[16],heading:[1],target:[1],active:[1025],spyOffset:[2,"spy-offset"],scrollPad:[2,"scroll-pad"],setFocus:[64]},void 0,{target:[{onTargetChange:0}],items:[{onItemsChange:0}]}]),l=c,u=function(){"undefined"!=typeof customElements&&["sui-anchor"].forEach((t=>{"sui-anchor"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{l as SuiAnchor,u as defineCustomElement}

package/dist/components/sui-auto-complete.js

@@ -1 +1 @@
-import{p as i,H as s,c as t,f as e,h as o,t as a}from"./p-DQ8DrIvI.js";import{F as l,d as u}from"./p-CvjYVNw7.js";import{p as n,P as r,a as c}from"./p-CZTPkDdM.js";import{G as p,k as h,x as d,a as m,y as v}from"./p-BJFE-_50.js";import{i as f,a as g}from"./p-Cs2X0Kih.js";import{u as x}from"./p-U06fVoGD.js";import{i as b,d as y,s as w,r as k}from"./p-BHB1Wprj.js";import{f as z}from"./p-CGWvlrv_.js";import{m as F}from"./p-BE4gZZNA.js";import{n as C,o as O,f as j,k as A,h as D,s as T,l as M}from"./p-D6TU5GZw.js";import{q as S,m as q,l as I}from"./p-CnbXPlor.js";import{p as L}from"./p--AfIJxhD.js";import{S as B,r as G,v as N,s as E}from"./p-Btp15dVO.js";import{l as P,a as V}from"./p-BuyjS5bS.js";import{d as H,p as $}from"./p-Bt5Kx3zM.js";import{d as K}from"./p-ClqEcp1V.js";const R=["sm","md","lg"],Q=[],Z=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=t(this,"suiInput",7),this.suiSelect=t(this,"suiSelect",7),this.suiChange=t(this,"suiChange",7),this.suiSearch=t(this,"suiSearch",7),this.suiOpen=t(this,"suiOpen",3),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.suiClose=t(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];externalFilter=!1;placeholder;multiple=!1;value="";disabled=!1;readOnly=!1;invalid=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;dropdown=!1;forceSelection=!1;allowCustom=!1;max;size="md";variant="default";tone;open=!1;openOnFocus=!1;required=!1;name;suiInput;suiSelect;suiChange;suiSearch;suiOpen;suiFocus;suiBlur;suiClose;hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){H(i)&&(this.keyNav=!0)}onPointerNav(i){const s=$(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;browse=!1;panelScrollTop=0;formDisabled=!1;query="";announce="";get isDisabled(){return this.disabled||this.formDisabled}fieldId=x("sui-auto-complete");input;box;panel;scrollFrame;initial="";committed="";seen=new Map;metrics=new B;windowed=!1;closing=!1;popup=L({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){b(this.host,this.internals),y(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=g(this.host,(i=>{this.hostLabelledby=i})),this.open&&this.panel&&e(this)}get text(){return"string"==typeof this.value?this.value:""}pickedCache;get picked(){const i=this.value;return Array.isArray(i)?(this.pickedCache&&this.pickedCache.src===i||(this.pickedCache={src:i,out:i.filter((i=>!C(i)))}),this.pickedCache.out):Q}get q(){return this.multiple?this.query:this.text}get cap(){const i=Math.floor(Number(this.max));return Number.isFinite(i)&&i>=1?i:void 0}get atCap(){const i=this.cap;return null!=i&&this.picked.length>=i}componentWillLoad(){this.multiple&&!Array.isArray(this.value)&&(this.value=[]),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.committed=this.text,this.syncForm()}componentDidRender(){this.syncForm(),this.open&&(this.afterOpen(),this.multiple&&this.reposition()),this.remeasure()}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;let s=this.metrics.measure(this.panel,this.panel.querySelector(".sui-popup-option"),i);s=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||s,s&&e(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const t=this.virtualScrollThreshold;return!(t>0)||s<t?null:G(N(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=N(O(this.matchingOptions())),t=E(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=t&&(this.panel.scrollTop=t,this.panelScrollTop=this.panel.scrollTop)}componentDidLoad(){this.syncForm()}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.isDisabled,s=this.required&&!i&&!this.readOnly;if(this.multiple){const t=this.picked;return w(this.internals,i?null:F(this.name,t)??(t.length?t.join(","):null)),void k(this.internals,s,0===t.length,this.label,this.input,this.error)}w(this.internals,i?null:this.text),k(this.internals,s,!this.text,this.label,this.input,this.error)}onMultipleChange(i){i&&!Array.isArray(this.value)?this.value=[]:i||"string"==typeof this.value||(this.value=""),this.query="",this.announce="",this.browse=!1,this.hoverIdx=-1,this.syncForm()}onOpenChange(i){if(this.hoverIdx=-1,this.panelScrollTop=0,this.metrics.reset(),i)return this.popup.reopen(),void(this.closing=!1);this.teardown(),this.browse=!1,this.windowed=!1,this.closing=this.popup.close()}onOptions(){this.hoverIdx>=this.matchingOptions().length&&(this.hoverIdx=-1)}formResetCallback(){const i=this.initial;this.value=Array.isArray(i)?[...i]:i,this.committed=this.text,this.query="",this.announce="",this.input&&(this.input.value=this.multiple?"":this.text),this.requestClose("cancel"),this.syncForm()}formDisabledCallback(i){this.formDisabled=z(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}allCache;all(){return this.flat().out}flat(){if(!this.allCache||this.allCache.src!==this.options){const i=j(M(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=A(i.value);s.has(t)||s.set(t,i)})),this.allCache={src:this.options,out:i,byValue:s}}return this.allCache}labelOf(i){const s=A(i);return this.flat().byValue.get(s)?.label??this.seen.get(s)??s}matchingOptions(){if(this.loading)return[];if(this.browse)return this.all();const i=this.q;if(!i)return this.multiple?this.all():[];if(this.externalFilter)return this.all();const s=i.toLowerCase();return this.all().filter((i=>i.label.toLowerCase().includes(s)))}isOff(i,s,t){return!!i.disabled||t&&!s.has(A(i.value))}show(i=!1){this.open||this.isDisabled||this.readOnly||!this.q&&!i||(this.open=!0,this.suiOpen.emit())}browseAll(){this.isDisabled||this.readOnly||(this.browse=!0,this.resetScroll(),this.open||(this.open=!0,this.suiOpen.emit()),this.suiSearch.emit({query:this.q,reason:"dropdown"}),this.input?.focus())}requestClose(i){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1))}afterOpen(){this.open&&this.input&&this.popup.open(this.panel)}get isQuiet(){return"quiet"===this.variant}reposition(){if(!this.input||!this.panel)return;const i=(this.isQuiet||this.multiple)&&this.box?this.box:this.input;S(i,this.panel,this.isQuiet?200:0),q(this.panel,I(i,this.panel,"bottom",6,"start"))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}settle(i){i!==this.committed&&(this.committed=i,this.suiChange.emit(i))}commit(){let i=this.text;if(this.forceSelection&&i){const s=this.all().find((s=>!s.disabled&&s.label.toLowerCase()===i.toLowerCase()));if(s)return s.label!==this.committed?void this.pick(s):void(i!==s.label&&(this.value=s.label,this.suiInput.emit(s.label)));this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),i=""}this.settle(i)}pick(i){if(this.isDisabled||i.disabled)return;const s=this.text!==i.label;this.value=i.label,this.requestClose("pick"),s&&this.suiInput.emit(i.label),this.suiSelect.emit(i.value),this.settle(i.label)}say(i,s,t){this.announce=P(void 0,i,void 0,s,{value:t})}sayAdded(i){this.announce=this.atCap?P(void 0,"auto-complete.addedAtLimit",void 0,"{value} added. Limit of {n} reached.",{value:i,n:this.cap+""}):P(void 0,"auto-complete.added",void 0,"{value} added.",{value:i})}limitText(){return P(void 0,"auto-complete.limitReached",void 0,"Limit of {n} reached.",{n:this.cap+""})}setValues(i){this.value=i,this.suiChange.emit(i)}clearQuery(){this.browse=!1,this.resetScroll(),this.input&&(this.input.value=""),this.query&&(this.query="",this.suiInput.emit(""))}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picked;if(D(s,i.value))return void this.removeValue(i.value);if(this.atCap)return void(this.announce=this.limitText());this.seen.set(A(i.value),i.label);const t=[...s,i.value];this.value=t,this.sayAdded(i.label),this.suiSelect.emit(i.value),this.suiChange.emit(t),this.clearQuery(),this.hoverIdx=this.matchingOptions().findIndex((s=>T(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;D(t,i)&&(this.setValues(t.filter((s=>!T(s,i)))),this.say("auto-complete.removed","{value} removed.",this.labelOf(i)),s&&this.input?.focus())}commitQuery(){const i=this.query.trim();if(!i)return!1;const s=i.toLowerCase(),t=this.all().find((i=>!i.disabled&&i.label.toLowerCase()===s));return t?D(this.picked,t.value)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",t.label),this.clearQuery(),!0):this.atCap?(this.announce=this.limitText(),!1):(this.toggle(t),!0):!(!this.allowCustom||(D(this.picked,i)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",i),this.clearQuery(),0):this.atCap?(this.announce=this.limitText(),1):(this.setValues([...this.picked,i]),this.sayAdded(i),this.clearQuery(),0)))}clearText=()=>{if(!this.isDisabled&&!this.readOnly){if(this.multiple){const i=this.picked.length>0;if(!i&&!this.query)return;return this.clearQuery(),this.requestClose("cancel"),i&&(this.setValues([]),this.announce=V(void 0,"auto-complete.cleared",void 0,"All values removed.")),void this.input?.focus()}this.text&&(this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),this.settle(""),this.input?.focus())}};onDropdownClick=()=>{this.isDisabled||this.readOnly||(this.open?this.requestClose("trigger"):this.browseAll())};onBoxMouseDown=i=>{const s=i.target;s!==this.input&&(i.preventDefault(),s.closest("button")||this.input?.focus())};onFocus=()=>{this.focused=!0,this.suiFocus.emit(),this.openOnFocus&&this.show(this.multiple)};onBlur=()=>{this.focused=!1,this.multiple&&this.query&&!this.isDisabled&&!this.readOnly&&(this.commitQuery(),this.clearQuery()),this.suiBlur.emit()};move(i){const s=this.matchingOptions();if(!s.length)return;const t=new Set(this.picked.map(A)),e=this.multiple&&this.atCap;let o=this.hoverIdx<0&&-1===i?0:this.hoverIdx;for(let a=0;a<s.length&&(o=(o+i+s.length)%s.length,this.isOff(s[o],t,e));a++);this.hoverIdx=o,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onInput=i=>{const s=i.target.value;this.multiple?this.query=s:this.value=s,this.hoverIdx=-1,this.browse=!1,this.resetScroll(),s?this.show():this.multiple||this.requestClose("cancel"),this.suiInput.emit(s),this.suiSearch.emit({query:s,reason:"input"})};onKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const s=this.matchingOptions();switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void(this.q?this.show():this.dropdown&&this.browseAll());case"Enter":{const t=this.open?s[this.hoverIdx]:void 0;return null!=t?(i.preventDefault(),void(this.multiple?this.toggle(t):this.pick(t))):this.multiple?void(this.query.trim()&&(i.preventDefault(),this.commitQuery())):(this.requestClose("pick"),void this.commit())}case"Backspace":return void(this.multiple&&!this.query&&this.picked.length&&this.removeValue(this.picked[this.picked.length-1]));case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape")));case"Tab":return void this.requestClose("outside")}};hl(i){const s=this.q;if(!s)return i;const t=i.toLowerCase().indexOf(s.toLowerCase());return t<0?i:[i.slice(0,t),o("strong",null,i.slice(t,t+s.length)),i.slice(t+s.length)]}renderRow(i,s,t,e,a){const l=this.multiple,u=l&&e.has(A(i.value)),n=this.isOff(i,e,a);return o("div",{id:`${this.fieldId}-opt-${s}`,key:i.value,role:"option","aria-selected":(l?u:s===this.hoverIdx)?"true":"false","aria-disabled":n?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{"sui-popup-option":!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:u,disabled:n},onMouseEnter:()=>this.hoverIdx=s,onMouseLeave:()=>this.hoverIdx=-1,onClick:()=>{n||(l?this.toggle(i):this.pick(i))}},o("span",{class:"sui-popup-option-label"},this.hl(i.label)),u?o(p,{glyph:h}):null)}renderChips(i){return i.length?o("span",{class:"sui-chips",role:"list"},i.map(((i,s)=>o("span",{role:"listitem",key:`${s}:${i}`},o("sui-chip",{size:"sm",label:this.labelOf(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.removeValue(i,!0)}}))))):null}render(){const i=this.multiple,s=i?this.picked:Q,t=new Set(s.map(A)),e=i&&this.atCap,a=this.q,h=this.matchingOptions(),f=O(h),g=this.windowFor(f,h.length);this.windowed=!!g;const x=this.invalid||!!this.error,b=R.includes(this.size)?this.size:"md",y=this.open&&null!=h[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,w=this.clearable&&(i?s.length>0||!!this.query:!!this.text)&&!this.isDisabled&&!this.readOnly,k=(w?1:0)+(this.dropdown||this.loading?1:0),z=this.isQuiet,F=o("input",{key:"3a24794a6e9bd84af5f91ae76deef1c6f954fe9c",ref:i=>this.input=i,id:this.fieldId,class:z?{val:!0}:i?{entry:!0}:{"sui-input":!0,"sui-frame":!0,[b]:!0,invalid:x,["side-"+k]:k>0},type:"text",size:z?1:void 0,role:"combobox",autocomplete:"off",value:a,placeholder:i&&s.length?void 0:this.placeholder,disabled:this.isDisabled,readOnly:this.readOnly,required:!i&&this.required,"aria-required":i&&this.required?"true":null,"aria-label":z?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list","aria-activedescendant":y,"aria-invalid":x?"true":null,"aria-busy":this.loading?"true":null,"aria-describedby":u(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:()=>{i||this.commit()},onKeyDown:this.onKeyDown}),C=w?o("button",{type:"button",class:z?"clear":"side-btn","aria-label":V(void 0,"auto-complete.clear",void 0,"Clear"),disabled:this.isDisabled,onClick:this.clearText},o(p,{glyph:d})):null,j=this.dropdown?o("button",{type:"button",class:z?{chev:!0}:{"side-btn":!0,drop:!0,open:this.open},"aria-label":V(void 0,"auto-complete.showOptions",void 0,"Show options"),"aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list",disabled:this.isDisabled||this.readOnly,onClick:this.onDropdownClick},o(p,this.loading?{glyph:m,class:"sui-popup-spin"}:{glyph:v,class:z?void 0:"chev"})):this.loading?o(p,{glyph:m,class:z?"spin sui-popup-spin":"side-spin sui-popup-spin"}):null,D=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},C,j):null,T=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},M=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",S=V(void 0,"auto-complete.loading",this.loadingMessage,"Loading"),q=!this.browse&&a.trim()?V(void 0,"auto-complete.emptyFilter",this.emptyFilterMessage,"No matches."):V(void 0,"auto-complete.empty",this.emptyMessage,"Nothing here yet."),I=this.open||this.closing?o("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onMouseDown:i=>i.preventDefault(),onScroll:this.onPanelScroll},this.loading?o(r,{message:S}):null,this.loading||0!==h.length?null:o("div",{key:"empty",class:"sui-popup-empty empty"},q),o("div",{key:"list",id:this.fieldId+"-list",role:"listbox","aria-multiselectable":i?"true":null,"aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-busy":this.loading?"true":null},this.loading||0===h.length?null:n(f,g,(i=>`${this.fieldId}-grp-${i}`),((i,s)=>this.renderRow(i,s,h.length,t,e))))):null,L=z?[o("div",{ref:i=>this.box=i,class:{"sui-inline":!0,text:!0,multi:i,[b]:!0,invalid:x,disabled:this.isDisabled,shell:this.open||this.focused,inverse:"inverse"===this.tone},...T,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":M},F)):o("span",{class:"fit","data-value":M},F),C,j),I]:i?[o("div",{ref:i=>this.box=i,class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,[b]:!0,invalid:x,disabled:this.isDisabled,readonly:this.readOnly,["side-"+k]:k>0},...T,onMouseDown:this.onBoxMouseDown},this.renderChips(s),F),I,D]:[F,I,D];return o(l,{key:"2ee44b829b6a23ad1df3a935bad104a8981dc4a4",label:z?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"47978a0f3f487ed0c9ae007ae0e11b28c3b9025b",class:{wrap:!0,inline:z,multiple:i,open:this.open}},L,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(c,{key:"39f74c834bf8ec93d093926ca352892082e184db",message:this.open?this.loading?S:0===h.length?q:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}}static get style(){return".sc-sui-auto-complete-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-auto-complete{position:relative}.wrap.inline.sc-sui-auto-complete{display:flex;align-items:flex-start}.wrap.open.sc-sui-auto-complete .sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-panel.sc-sui-auto-complete .empty.sc-sui-auto-complete{padding:9px 10px}.sui-popup-option.sc-sui-auto-complete strong.sc-sui-auto-complete{font-weight:700}.side.sc-sui-auto-complete{position:absolute;top:0;bottom:0;inset-inline-end:6px;display:flex;align-items:center;gap:2px}.side-btn.sc-sui-auto-complete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.side-btn.sc-sui-auto-complete:hover{color:var(--ink);background:var(--surface-hover)}.side-btn.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.side-btn.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);background:transparent;cursor:not-allowed}.side-btn.drop.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.side-btn.drop.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.side-spin.sc-sui-auto-complete{width:22px;text-align:center;font-size:11px;color:var(--ink-faint)}.wrap.sc-sui-auto-complete .sui-input.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.side-2.sc-sui-auto-complete{padding-inline-end:58px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-2.sc-sui-auto-complete{padding-inline-end:58px}.sui-inline.multi.sc-sui-auto-complete .flow.sc-sui-auto-complete{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sui-inline.multi.sc-sui-auto-complete .fit.sc-sui-auto-complete{flex:1 0 auto;min-width:2ch}.sr-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-auto-complete{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-auto-complete{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-auto-complete .sui-field-label.sc-sui-auto-complete{color:var(--danger)}.sui-field-req.sc-sui-auto-complete{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-auto-complete{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-auto-complete{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-frame.sc-sui-auto-complete{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-auto-complete:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-auto-complete,.sui-frame.readonly.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-auto-complete:focus-within,.sui-frame.invalid.focus.sc-sui-auto-complete,.sui-frame.invalid.open.sc-sui-auto-complete{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-auto-complete{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-auto-complete{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-auto-complete:disabled,.sui-popup-trigger.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-popup-trigger.sc-sui-auto-complete .val.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-auto-complete .chev.sc-sui-auto-complete{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:0.4}.sui-popup-trigger.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-auto-complete{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-auto-complete{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-auto-complete{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-auto-complete{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-auto-complete{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-auto-complete input.sc-sui-auto-complete{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-auto-complete{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-auto-complete{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-auto-complete{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-auto-complete{animation-duration:2s}}.sui-popup-spacer.sc-sui-auto-complete{flex:none;pointer-events:none}.sui-popup-option.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-auto-complete{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-auto-complete{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-auto-complete{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-auto-complete{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-auto-complete{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}.sui-popup-option.hover.sc-sui-auto-complete{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-auto-complete{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{color:HighlightText}.sui-popup-option.disabled.sc-sui-auto-complete{color:GrayText}}.sui-inline.sc-sui-auto-complete{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-auto-complete{min-height:var(--control-sm)}.sui-inline.md.sc-sui-auto-complete{min-height:var(--control-md)}.sui-inline.lg.sc-sui-auto-complete{min-height:var(--control-lg)}.sui-inline.text.sc-sui-auto-complete{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-auto-complete{cursor:default}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-auto-complete:focus{outline:none}.sui-inline.sc-sui-auto-complete:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-auto-complete{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-auto-complete{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-auto-complete{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete .lead.sc-sui-auto-complete{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .val.sc-sui-auto-complete{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete:disabled.placeholder .val.sc-sui-auto-complete,.sui-inline.disabled.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled{cursor:not-allowed}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-inline.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .clear.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .chev.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover:not(:disabled),.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:focus-visible,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:disabled,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .clear.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .chev.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.inverse.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell) sui-chip.sc-sui-auto-complete{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-auto-complete{border-color:CanvasText}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-auto-complete{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:GrayText}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}}.sui-chip-box.sc-sui-auto-complete{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-auto-complete:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-auto-complete{display:contents}.sui-chips.sc-sui-auto-complete>[role=\"listitem\"].sc-sui-auto-complete{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-auto-complete .entry.sc-sui-auto-complete{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-auto-complete .entry.sc-sui-auto-complete{padding:2px 2px}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}"}},[578,"sui-auto-complete",{label:[1],help:[1],error:[1],options:[16],externalFilter:[516,"external-filter"],placeholder:[1],multiple:[516],value:[1025],disabled:[516],readOnly:[516,"readonly"],invalid:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],virtualScrollThreshold:[2,"virtual-scroll-threshold"],clearable:[516],dropdown:[516],forceSelection:[516,"force-selection"],allowCustom:[516,"allow-custom"],max:[2],size:[513],variant:[513],tone:[513],open:[1540],openOnFocus:[516,"open-on-focus"],required:[516],name:[513],hoverIdx:[32],keyNav:[32],focused:[32],hostLabel:[32],hostLabelledby:[32],browse:[32],panelScrollTop:[32],formDisabled:[32],query:[32],announce:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}]),U=Z,W=function(){"undefined"!=typeof customElements&&["sui-auto-complete","sui-chip"].forEach((i=>{switch(i){case"sui-auto-complete":customElements.get(a(i))||customElements.define(a(i),Z);break;case"sui-chip":customElements.get(a(i))||K()}}))};export{U as SuiAutoComplete,W as defineCustomElement}
+import{p as i,H as s,c as t,f as e,h as o,t as a}from"./p-DQ8DrIvI.js";import{F as l,d as u}from"./p-DWUWsh4I.js";import{p as n,P as r,a as c}from"./p-ClagA1nw.js";import{G as p,k as h,x as d,a as m,y as v}from"./p-B-Bh5OXe.js";import{i as f,a as g}from"./p-wknHx00K.js";import{u as x}from"./p-U06fVoGD.js";import{i as b,d as y,s as w,r as k}from"./p-BHB1Wprj.js";import{f as z}from"./p-CGWvlrv_.js";import{m as F}from"./p-BE4gZZNA.js";import{n as C,o as O,f as A,k as D,h as j,s as T,l as M}from"./p-D6TU5GZw.js";import{q as S,m as q,l as B}from"./p-B2OoQiUx.js";import{p as I}from"./p-BE1IYQsU.js";import{S as L,r as G,v as N,s as E}from"./p-Btp15dVO.js";import{l as H,a as P}from"./p-BuyjS5bS.js";import{d as $,p as K}from"./p-Bt5Kx3zM.js";import{d as V}from"./p-1D3wKua6.js";const Q=["sm","md","lg"],U=[],R=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=t(this,"suiInput",7),this.suiSelect=t(this,"suiSelect",7),this.suiChange=t(this,"suiChange",7),this.suiSearch=t(this,"suiSearch",7),this.suiOpen=t(this,"suiOpen",3),this.suiFocus=t(this,"suiFocus",3),this.suiBlur=t(this,"suiBlur",3),this.suiClose=t(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];externalFilter=!1;placeholder;multiple=!1;value="";disabled=!1;readOnly=!1;invalid=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;virtualScrollThreshold=200;clearable=!1;dropdown=!1;forceSelection=!1;allowCustom=!1;max;size="md";variant="default";tone;open=!1;openOnFocus=!1;required=!1;name;suiInput;suiSelect;suiChange;suiSearch;suiOpen;suiFocus;suiBlur;suiClose;hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){$(i)&&(this.keyNav=!0)}onPointerNav(i){const s=K(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;browse=!1;panelScrollTop=0;formDisabled=!1;query="";announce="";get isDisabled(){return this.disabled||this.formDisabled}fieldId=x("sui-auto-complete");input;box;panel;scrollFrame;initial="";committed="";seen=new Map;metrics=new L;windowed=!1;closing=!1;popup=I({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){b(this.host,this.internals),y(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=f(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=g(this.host,(i=>{this.hostLabelledby=i})),this.open&&this.panel&&e(this)}get text(){return"string"==typeof this.value?this.value:""}pickedCache;get picked(){const i=this.value;return Array.isArray(i)?(this.pickedCache&&this.pickedCache.src===i||(this.pickedCache={src:i,out:i.filter((i=>!C(i)))}),this.pickedCache.out):U}get q(){return this.multiple?this.query:this.text}get cap(){const i=Math.floor(Number(this.max));return Number.isFinite(i)&&i>=1?i:void 0}get atCap(){const i=this.cap;return null!=i&&this.picked.length>=i}componentWillLoad(){this.multiple&&!Array.isArray(this.value)&&(this.value=[]),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.committed=this.text,this.syncForm()}componentDidRender(){this.syncForm(),this.open&&(this.afterOpen(),this.multiple&&this.reposition()),this.remeasure()}remeasure(){if(!this.open||!this.panel)return;const i=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!i)return;let s=this.metrics.measure(this.panel,this.panel.querySelector(".sui-popup-option"),i);s=this.metrics.measureGroup(this.panel.querySelector(".sui-popup-group"))||s,s&&e(this)}onPanelScroll=i=>{this.windowed&&(this.panelScrollTop=i.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(i,s){const t=this.virtualScrollThreshold;return!(t>0)||s<t?null:G(N(i),this.metrics.at(this.panelScrollTop))}scrollIndexIntoView(i){if(!this.windowed||!this.panel||i<0)return;const s=N(O(this.matchingOptions())),t=E(s,this.metrics.at(this.panelScrollTop),i,this.metrics.rowsTop);null!=t&&(this.panel.scrollTop=t,this.panelScrollTop=this.panel.scrollTop)}componentDidLoad(){this.syncForm()}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.isDisabled,s=this.required&&!i&&!this.readOnly;if(this.multiple){const t=this.picked;return w(this.internals,i?null:F(this.name,t)??(t.length?t.join(","):null)),void k(this.internals,s,0===t.length,this.label,this.input,this.error)}w(this.internals,i?null:this.text),k(this.internals,s,!this.text,this.label,this.input,this.error)}onMultipleChange(i){i&&!Array.isArray(this.value)?this.value=[]:i||"string"==typeof this.value||(this.value=""),this.query="",this.announce="",this.browse=!1,this.hoverIdx=-1,this.syncForm()}onOpenChange(i){if(this.hoverIdx=-1,this.panelScrollTop=0,this.metrics.reset(),i)return this.popup.reopen(),void(this.closing=!1);this.teardown(),this.browse=!1,this.windowed=!1,this.closing=this.popup.close()}onOptions(){this.hoverIdx>=this.matchingOptions().length&&(this.hoverIdx=-1)}formResetCallback(){const i=this.initial;this.value=Array.isArray(i)?[...i]:i,this.committed=this.text,this.query="",this.announce="",this.input&&(this.input.value=this.multiple?"":this.text),this.requestClose("cancel"),this.syncForm()}formDisabledCallback(i){this.formDisabled=z(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}allCache;all(){return this.flat().out}flat(){if(!this.allCache||this.allCache.src!==this.options){const i=A(M(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=D(i.value);s.has(t)||s.set(t,i)})),this.allCache={src:this.options,out:i,byValue:s}}return this.allCache}labelOf(i){const s=D(i);return this.flat().byValue.get(s)?.label??this.seen.get(s)??s}matchingOptions(){if(this.loading)return[];if(this.browse)return this.all();const i=this.q;if(!i)return this.multiple?this.all():[];if(this.externalFilter)return this.all();const s=i.toLowerCase();return this.all().filter((i=>i.label.toLowerCase().includes(s)))}isOff(i,s,t){return!!i.disabled||t&&!s.has(D(i.value))}show(i=!1){this.open||this.isDisabled||this.readOnly||!this.q&&!i||(this.open=!0,this.suiOpen.emit())}browseAll(){this.isDisabled||this.readOnly||(this.browse=!0,this.resetScroll(),this.open||(this.open=!0,this.suiOpen.emit()),this.suiSearch.emit({query:this.q,reason:"dropdown"}),this.input?.focus())}requestClose(i){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1))}afterOpen(){this.open&&this.input&&this.popup.open(this.panel)}get isQuiet(){return"quiet"===this.variant}reposition(){if(!this.input||!this.panel)return;const i=(this.isQuiet||this.multiple)&&this.box?this.box:this.input;S(i,this.panel,this.isQuiet?200:0),q(this.panel,B(i,this.panel,"bottom",6,"start"))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}settle(i){i!==this.committed&&(this.committed=i,this.suiChange.emit(i))}commit(){let i=this.text;if(this.forceSelection&&i){const s=this.all().find((s=>!s.disabled&&s.label.toLowerCase()===i.toLowerCase()));if(s)return s.label!==this.committed?void this.pick(s):void(i!==s.label&&(this.value=s.label,this.suiInput.emit(s.label)));this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),i=""}this.settle(i)}pick(i){if(this.isDisabled||i.disabled)return;const s=this.text!==i.label;this.value=i.label,this.requestClose("pick"),s&&this.suiInput.emit(i.label),this.suiSelect.emit(i.value),this.settle(i.label)}say(i,s,t){this.announce=H(void 0,i,void 0,s,{value:t})}sayAdded(i){this.announce=this.atCap?H(void 0,"auto-complete.addedAtLimit",void 0,"{value} added. Limit of {n} reached.",{value:i,n:this.cap+""}):H(void 0,"auto-complete.added",void 0,"{value} added.",{value:i})}limitText(){return H(void 0,"auto-complete.limitReached",void 0,"Limit of {n} reached.",{n:this.cap+""})}setValues(i){this.value=i,this.suiChange.emit(i)}clearQuery(){this.browse=!1,this.resetScroll(),this.input&&(this.input.value=""),this.query&&(this.query="",this.suiInput.emit(""))}toggle(i){if(this.isDisabled||this.readOnly||i.disabled)return;const s=this.picked;if(j(s,i.value))return void this.removeValue(i.value);if(this.atCap)return void(this.announce=this.limitText());this.seen.set(D(i.value),i.label);const t=[...s,i.value];this.value=t,this.sayAdded(i.label),this.suiSelect.emit(i.value),this.suiChange.emit(t),this.clearQuery(),this.hoverIdx=this.matchingOptions().findIndex((s=>T(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;j(t,i)&&(this.setValues(t.filter((s=>!T(s,i)))),this.say("auto-complete.removed","{value} removed.",this.labelOf(i)),s&&this.input?.focus())}commitQuery(){const i=this.query.trim();if(!i)return!1;const s=i.toLowerCase(),t=this.all().find((i=>!i.disabled&&i.label.toLowerCase()===s));return t?j(this.picked,t.value)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",t.label),this.clearQuery(),!0):this.atCap?(this.announce=this.limitText(),!1):(this.toggle(t),!0):!(!this.allowCustom||(j(this.picked,i)?(this.say("auto-complete.alreadyListed","{value} is already in the list.",i),this.clearQuery(),0):this.atCap?(this.announce=this.limitText(),1):(this.setValues([...this.picked,i]),this.sayAdded(i),this.clearQuery(),0)))}clearText=()=>{if(!this.isDisabled&&!this.readOnly){if(this.multiple){const i=this.picked.length>0;if(!i&&!this.query)return;return this.clearQuery(),this.requestClose("cancel"),i&&(this.setValues([]),this.announce=P(void 0,"auto-complete.cleared",void 0,"All values removed.")),void this.input?.focus()}this.text&&(this.value="",this.input&&(this.input.value=""),this.requestClose("cancel"),this.suiInput.emit(""),this.settle(""),this.input?.focus())}};onDropdownClick=()=>{this.isDisabled||this.readOnly||(this.open?this.requestClose("trigger"):this.browseAll())};onBoxMouseDown=i=>{const s=i.target;s!==this.input&&(i.preventDefault(),s.closest("button")||this.input?.focus())};onFocus=()=>{this.focused=!0,this.suiFocus.emit(),this.openOnFocus&&this.show(this.multiple)};onBlur=()=>{this.focused=!1,this.multiple&&this.query&&!this.isDisabled&&!this.readOnly&&(this.commitQuery(),this.clearQuery()),this.suiBlur.emit()};move(i){const s=this.matchingOptions();if(!s.length)return;const t=new Set(this.picked.map(D)),e=this.multiple&&this.atCap;let o=this.hoverIdx<0&&-1===i?0:this.hoverIdx;for(let a=0;a<s.length&&(o=(o+i+s.length)%s.length,this.isOff(s[o],t,e));a++);this.hoverIdx=o,this.scrollHoverIntoView()}scrollHoverIntoView(){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector('[role="option"].hover');i?i.scrollIntoView?.({block:"nearest"}):this.scrollIndexIntoView(this.hoverIdx)})))}onInput=i=>{const s=i.target.value;this.multiple?this.query=s:this.value=s,this.hoverIdx=-1,this.browse=!1,this.resetScroll(),s?this.show():this.multiple||this.requestClose("cancel"),this.suiInput.emit(s),this.suiSearch.emit({query:s,reason:"input"})};onKeyDown=i=>{if(this.isDisabled||this.readOnly)return;const s=this.matchingOptions();switch(i.key){case"ArrowDown":case"ArrowUp":return i.preventDefault(),this.open?void this.move("ArrowDown"===i.key?1:-1):void(this.q?this.show():this.dropdown&&this.browseAll());case"Enter":{const t=this.open?s[this.hoverIdx]:void 0;return null!=t?(i.preventDefault(),void(this.multiple?this.toggle(t):this.pick(t))):this.multiple?void(this.query.trim()&&(i.preventDefault(),this.commitQuery())):(this.requestClose("pick"),void this.commit())}case"Backspace":return void(this.multiple&&!this.query&&this.picked.length&&this.removeValue(this.picked[this.picked.length-1]));case"Escape":return void(this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape")));case"Tab":return void this.requestClose("outside")}};hl(i){const s=this.q;if(!s)return i;const t=i.toLowerCase().indexOf(s.toLowerCase());return t<0?i:[i.slice(0,t),o("strong",null,i.slice(t,t+s.length)),i.slice(t+s.length)]}renderRow(i,s,t,e,a){const l=this.multiple,u=l&&e.has(D(i.value)),n=this.isOff(i,e,a);return o("div",{id:`${this.fieldId}-opt-${s}`,key:i.value,role:"option","aria-selected":(l?u:s===this.hoverIdx)?"true":"false","aria-disabled":n?"true":null,"aria-posinset":s+1,"aria-setsize":t,class:{"sui-popup-option":!0,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx,selected:u,disabled:n},onMouseEnter:()=>this.hoverIdx=s,onMouseLeave:()=>this.hoverIdx=-1,onClick:()=>{n||(l?this.toggle(i):this.pick(i))}},o("span",{class:"sui-popup-option-label"},this.hl(i.label)),u?o(p,{glyph:h}):null)}renderChips(i){return i.length?o("span",{class:"sui-chips",role:"list"},i.map(((i,s)=>o("span",{role:"listitem",key:`${s}:${i}`},o("sui-chip",{size:"sm",label:this.labelOf(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:s=>{s.stopPropagation(),this.removeValue(i,!0)}}))))):null}render(){const i=this.multiple,s=i?this.picked:U,t=new Set(s.map(D)),e=i&&this.atCap,a=this.q,h=this.matchingOptions(),f=O(h),g=this.windowFor(f,h.length);this.windowed=!!g;const x=this.invalid||!!this.error,b=Q.includes(this.size)?this.size:"md",y=this.open&&null!=h[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,w=this.clearable&&(i?s.length>0||!!this.query:!!this.text)&&!this.isDisabled&&!this.readOnly,k=(w?1:0)+(this.dropdown||this.loading?1:0),z=this.isQuiet,F=o("input",{key:"af9072e76d9503fc4db22b2bad1942e1a7bfffb7",ref:i=>this.input=i,id:this.fieldId,class:z?{val:!0}:i?{entry:!0}:{"sui-input":!0,"sui-frame":!0,[b]:!0,invalid:x,["side-"+k]:k>0},type:"text",size:z?1:void 0,role:"combobox",autocomplete:"off",value:a,placeholder:i&&s.length?void 0:this.placeholder,disabled:this.isDisabled,readOnly:this.readOnly,required:!i&&this.required,"aria-required":i&&this.required?"true":null,"aria-label":z?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list","aria-activedescendant":y,"aria-invalid":x?"true":null,"aria-busy":this.loading?"true":null,"aria-describedby":u(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:()=>{i||this.commit()},onKeyDown:this.onKeyDown}),C=w?o("button",{type:"button",class:z?"clear":"side-btn","aria-label":P(void 0,"auto-complete.clear",void 0,"Clear"),disabled:this.isDisabled,onClick:this.clearText},o(p,{glyph:d})):null,A=this.dropdown?o("button",{type:"button",class:z?{chev:!0}:{"side-btn":!0,drop:!0,open:this.open},"aria-label":P(void 0,"auto-complete.showOptions",void 0,"Show options"),"aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-list",disabled:this.isDisabled||this.readOnly,onClick:this.onDropdownClick},o(p,this.loading?{glyph:m,class:"sui-popup-spin"}:{glyph:v,class:z?void 0:"chev"})):this.loading?o(p,{glyph:m,class:z?"spin sui-popup-spin":"side-spin sui-popup-spin"}):null,j=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},C,A):null,T=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},M=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",S=P(void 0,"auto-complete.loading",this.loadingMessage,"Loading"),q=!this.browse&&a.trim()?P(void 0,"auto-complete.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"auto-complete.empty",this.emptyMessage,"Nothing here yet."),B=this.open||this.closing?o("div",{key:"panel",ref:i=>this.panel=i,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onMouseDown:i=>i.preventDefault(),onScroll:this.onPanelScroll},this.loading?o(r,{message:S}):null,this.loading||0!==h.length?null:o("div",{key:"empty",class:"sui-popup-empty empty"},q),o("div",{key:"list",id:this.fieldId+"-list",role:"listbox","aria-multiselectable":i?"true":null,"aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-busy":this.loading?"true":null},this.loading||0===h.length?null:n(f,g,(i=>`${this.fieldId}-grp-${i}`),((i,s)=>this.renderRow(i,s,h.length,t,e))))):null,I=z?[o("div",{ref:i=>this.box=i,class:{"sui-inline":!0,text:!0,multi:i,[b]:!0,invalid:x,disabled:this.isDisabled,shell:this.open||this.focused,inverse:"inverse"===this.tone},...T,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":M},F)):o("span",{class:"fit","data-value":M},F),C,A),B]:i?[o("div",{ref:i=>this.box=i,class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,[b]:!0,invalid:x,disabled:this.isDisabled,readonly:this.readOnly,["side-"+k]:k>0},...T,onMouseDown:this.onBoxMouseDown},this.renderChips(s),F),B,j]:[F,B,j];return o(l,{key:"8a6a9faa1b534654a6bf887115e193d774b37ba6",label:z?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"11b9fda4a7af2ef5a407740b260b0b1b7de10971",class:{wrap:!0,inline:z,multiple:i,open:this.open}},I,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(c,{key:"6d615fb28138f2711f34d3636efebba6c2ba01d1",message:this.open?this.loading?S:0===h.length?q:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}}static get style(){return".sc-sui-auto-complete-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-auto-complete{position:relative}.wrap.inline.sc-sui-auto-complete{display:flex;align-items:flex-start}.wrap.open.sc-sui-auto-complete .sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-panel.sc-sui-auto-complete .empty.sc-sui-auto-complete{padding:9px 10px}.sui-popup-option.sc-sui-auto-complete strong.sc-sui-auto-complete{font-weight:700}.side.sc-sui-auto-complete{position:absolute;top:0;bottom:0;inset-inline-end:6px;display:flex;align-items:center;gap:2px}.side-btn.sc-sui-auto-complete{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.side-btn.sc-sui-auto-complete:hover{color:var(--ink);background:var(--surface-hover)}.side-btn.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.side-btn.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);background:transparent;cursor:not-allowed}.side-btn.drop.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.side-btn.drop.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.side-spin.sc-sui-auto-complete{width:22px;text-align:center;font-size:11px;color:var(--ink-faint)}.wrap.sc-sui-auto-complete .sui-input.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.side-2.sc-sui-auto-complete{padding-inline-end:58px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-1.sc-sui-auto-complete{padding-inline-end:34px}.wrap.sc-sui-auto-complete .sui-input.sui-chip-box.side-2.sc-sui-auto-complete{padding-inline-end:58px}.sui-inline.multi.sc-sui-auto-complete .flow.sc-sui-auto-complete{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sui-inline.multi.sc-sui-auto-complete .fit.sc-sui-auto-complete{flex:1 0 auto;min-width:2ch}.sr-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-auto-complete{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-auto-complete{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-auto-complete .sui-field-label.sc-sui-auto-complete{color:var(--danger)}.sui-field-req.sc-sui-auto-complete{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-auto-complete{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-auto-complete{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-frame.sc-sui-auto-complete{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-auto-complete:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-auto-complete,.sui-frame.readonly.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-auto-complete{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-auto-complete:focus-within,.sui-frame.invalid.focus.sc-sui-auto-complete,.sui-frame.invalid.open.sc-sui-auto-complete{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-auto-complete{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-auto-complete:focus-within,.sui-frame.focus.sc-sui-auto-complete,.sui-frame.open.sc-sui-auto-complete{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-auto-complete:disabled,.sui-frame.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-auto-complete{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-auto-complete:disabled,.sui-popup-trigger.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-popup-trigger.sc-sui-auto-complete .val.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-auto-complete .chev.sc-sui-auto-complete{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:0.4}.sui-popup-trigger.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-auto-complete{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-auto-complete{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-auto-complete{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-auto-complete{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-auto-complete{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-auto-complete{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-auto-complete input.sc-sui-auto-complete{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-auto-complete{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-auto-complete{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-auto-complete{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-auto-complete{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-auto-complete{animation-duration:2s}}.sui-popup-spacer.sc-sui-auto-complete{flex:none;pointer-events:none}.sui-popup-option.sc-sui-auto-complete{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-auto-complete{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-auto-complete{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-auto-complete{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-auto-complete{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-auto-complete{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-auto-complete{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}.sui-popup-option.hover.sc-sui-auto-complete{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-auto-complete{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{color:HighlightText}.sui-popup-option.disabled.sc-sui-auto-complete{color:GrayText}}.sui-inline.sc-sui-auto-complete{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-auto-complete{min-height:var(--control-sm)}.sui-inline.md.sc-sui-auto-complete{min-height:var(--control-md)}.sui-inline.lg.sc-sui-auto-complete{min-height:var(--control-lg)}.sui-inline.text.sc-sui-auto-complete{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-auto-complete{cursor:default}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-auto-complete:focus{outline:none}.sui-inline.sc-sui-auto-complete:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-auto-complete{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-auto-complete{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-auto-complete{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete .lead.sc-sui-auto-complete{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .val.sc-sui-auto-complete{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete:disabled.placeholder .val.sc-sui-auto-complete,.sui-inline.disabled.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled{cursor:not-allowed}.sui-inline.sc-sui-auto-complete .fit.sc-sui-auto-complete input.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover{color:var(--ink)}.sui-inline.sc-sui-auto-complete .chev.sc-sui-auto-complete{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-auto-complete .chev.sc-sui-auto-complete{transform:rotate(180deg)}.sui-inline.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .clear.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.sc-sui-auto-complete:focus-visible .chev.sc-sui-auto-complete,.sui-inline.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.sc-sui-auto-complete .spin.sc-sui-auto-complete{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:11px}.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete .sui-glyph.sc-sui-auto-complete{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:hover:not(:disabled),.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:focus-visible,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-auto-complete .clear.sc-sui-auto-complete:disabled,.sui-inline.text.sc-sui-auto-complete .chev.sc-sui-auto-complete:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-auto-complete:hover .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .clear.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .clear.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:hover .chev.sc-sui-auto-complete,.sui-inline.text.sc-sui-auto-complete:focus-within .chev.sc-sui-auto-complete,.sui-inline.text.shell.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-auto-complete .chev.sc-sui-auto-complete{visibility:visible}.sui-inline.inverse.text.sc-sui-auto-complete .chev.sc-sui-auto-complete{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-auto-complete:not(.shell) sui-chip.sc-sui-auto-complete{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-auto-complete{border-color:CanvasText}.sui-inline.sc-sui-auto-complete:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-auto-complete{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-auto-complete:disabled,.sui-inline.disabled.sc-sui-auto-complete{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-auto-complete:disabled .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .icon.sc-sui-auto-complete,.sui-inline.disabled.sc-sui-auto-complete .lead.sc-sui-auto-complete{color:GrayText}.sui-inline.placeholder.sc-sui-auto-complete .val.sc-sui-auto-complete{color:GrayText}}.sui-chip-box.sc-sui-auto-complete{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-auto-complete{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-auto-complete:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-auto-complete{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-auto-complete{display:contents}.sui-chips.sc-sui-auto-complete>[role=\"listitem\"].sc-sui-auto-complete{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-auto-complete .entry.sc-sui-auto-complete{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-auto-complete .entry.sc-sui-auto-complete{padding:2px 2px}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-auto-complete .entry.sc-sui-auto-complete:disabled::placeholder{color:var(--ink-placeholder)}"}},[578,"sui-auto-complete",{label:[1],help:[1],error:[1],options:[16],externalFilter:[516,"external-filter"],placeholder:[1],multiple:[516],value:[1025],disabled:[516],readOnly:[516,"readonly"],invalid:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],virtualScrollThreshold:[2,"virtual-scroll-threshold"],clearable:[516],dropdown:[516],forceSelection:[516,"force-selection"],allowCustom:[516,"allow-custom"],max:[2],size:[513],variant:[513],tone:[513],open:[1540],openOnFocus:[516,"open-on-focus"],required:[516],name:[513],hoverIdx:[32],keyNav:[32],focused:[32],hostLabel:[32],hostLabelledby:[32],browse:[32],panelScrollTop:[32],formDisabled:[32],query:[32],announce:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{onMultipleChange:0}],open:[{onOpenChange:0}],options:[{onOptions:0}],loading:[{onOptions:0}]}]),W=R,Y=function(){"undefined"!=typeof customElements&&["sui-auto-complete","sui-chip"].forEach((i=>{switch(i){case"sui-auto-complete":customElements.get(a(i))||customElements.define(a(i),R);break;case"sui-chip":customElements.get(a(i))||V()}}))};export{W as SuiAutoComplete,Y as defineCustomElement}

package/dist/components/sui-avatar-group.js

@@ -1 +1 @@
-import{p as a,H as s,h as r,a as t,t as e}from"./p-DQ8DrIvI.js";import{d as i}from"./p-6YJ2naCL.js";const o={xs:22,sm:26,md:32,lg:40,xl:56},n=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost()}users=[];max=4;size="md";render(){const a=Array.isArray(this.users)?this.users:[],s=`-${Math.round(.2*(o[this.size]||32))}px`,e=a.slice(0,Math.max(0,this.max)),i=a.length-e.length;return r(t,{key:"b6570695f52896395fdcff787992d266f4c7688b"},r("span",{key:"eebe15c9902c7fa4c98985387e1329f1ed7d253a",class:"sui-avatar-group"},e.map(((a,t)=>r("span",{class:"item",key:t+"",style:{marginInlineStart:t>0?s:"0",zIndex:e.length-t+""}},r("sui-avatar",{name:a.name,initials:a.initials,src:a.src,accent:!!a.accent,size:this.size})))),i>0?r("span",{class:{more:!0,[this.size]:!0},style:{marginInlineStart:s}},"+",i):null))}static get style(){return".sc-sui-avatar-group-h{display:inline-flex;vertical-align:middle;font-family:var(--font-sans)}.sui-avatar-group.sc-sui-avatar-group{display:inline-flex;align-items:center}.item.sc-sui-avatar-group{position:relative;display:inline-flex;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface))}.more.sc-sui-avatar-group{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface));background:var(--brand-soft);color:var(--brand-soft-ink);font-family:var(--font-sans);font-weight:720;line-height:1;white-space:nowrap;font-feature-settings:'tnum'}.more.xs.sc-sui-avatar-group{width:22px;height:22px;font-size:7px}.more.sm.sc-sui-avatar-group{width:26px;height:26px;font-size:9px}.more.md.sc-sui-avatar-group{width:32px;height:32px;font-size:11px}.more.lg.sc-sui-avatar-group{width:40px;height:40px;font-size:13px}.more.xl.sc-sui-avatar-group{width:56px;height:56px;font-size:16px}@media (forced-colors: active){.item.sc-sui-avatar-group{border-color:Canvas}.more.sc-sui-avatar-group{border-color:Canvas;outline:1px solid CanvasText;outline-offset:-3px}}"}},[514,"sui-avatar-group",{users:[16],max:[2],size:[513]}]),u=n,p=function(){"undefined"!=typeof customElements&&["sui-avatar-group","sui-avatar"].forEach((a=>{switch(a){case"sui-avatar-group":customElements.get(e(a))||customElements.define(e(a),n);break;case"sui-avatar":customElements.get(e(a))||i()}}))};export{u as SuiAvatarGroup,p as defineCustomElement}
+import{p as a,H as s,h as r,a as t,t as e}from"./p-DQ8DrIvI.js";import{d as i}from"./p-PWh0XRW8.js";const o={xs:22,sm:26,md:32,lg:40,xl:56},n=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost()}users=[];max=4;size="md";render(){const a=Array.isArray(this.users)?this.users:[],s=`-${Math.round(.2*(o[this.size]||32))}px`,e=a.slice(0,Math.max(0,this.max)),i=a.length-e.length;return r(t,{key:"b6570695f52896395fdcff787992d266f4c7688b"},r("span",{key:"eebe15c9902c7fa4c98985387e1329f1ed7d253a",class:"sui-avatar-group"},e.map(((a,t)=>r("span",{class:"item",key:t+"",style:{marginInlineStart:t>0?s:"0",zIndex:e.length-t+""}},r("sui-avatar",{name:a.name,initials:a.initials,src:a.src,accent:!!a.accent,size:this.size})))),i>0?r("span",{class:{more:!0,[this.size]:!0},style:{marginInlineStart:s}},"+",i):null))}static get style(){return".sc-sui-avatar-group-h{display:inline-flex;vertical-align:middle;font-family:var(--font-sans)}.sui-avatar-group.sc-sui-avatar-group{display:inline-flex;align-items:center}.item.sc-sui-avatar-group{position:relative;display:inline-flex;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface))}.more.sc-sui-avatar-group{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:2px solid var(--sui-avatar-group-ring, var(--surface));background:var(--brand-soft);color:var(--brand-soft-ink);font-family:var(--font-sans);font-weight:720;line-height:1;white-space:nowrap;font-feature-settings:'tnum'}.more.xs.sc-sui-avatar-group{width:22px;height:22px;font-size:7px}.more.sm.sc-sui-avatar-group{width:26px;height:26px;font-size:9px}.more.md.sc-sui-avatar-group{width:32px;height:32px;font-size:11px}.more.lg.sc-sui-avatar-group{width:40px;height:40px;font-size:13px}.more.xl.sc-sui-avatar-group{width:56px;height:56px;font-size:16px}@media (forced-colors: active){.item.sc-sui-avatar-group{border-color:Canvas}.more.sc-sui-avatar-group{border-color:Canvas;outline:1px solid CanvasText;outline-offset:-3px}}"}},[514,"sui-avatar-group",{users:[16],max:[2],size:[513]}]),u=n,p=function(){"undefined"!=typeof customElements&&["sui-avatar-group","sui-avatar"].forEach((a=>{switch(a){case"sui-avatar-group":customElements.get(e(a))||customElements.define(e(a),n);break;case"sui-avatar":customElements.get(e(a))||i()}}))};export{u as SuiAvatarGroup,p as defineCustomElement}

package/dist/components/sui-avatar.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-6YJ2naCL.js";const a=o,p=s;export{a as SuiAvatar,p as defineCustomElement}
+import{S as o,d as s}from"./p-PWh0XRW8.js";const p=o,r=s;export{p as SuiAvatar,r as defineCustomElement}

package/dist/components/sui-block-ui.js

@@ -1 +1 @@
-import{p as s,H as i,h as e,a as t,t as o}from"./p-DQ8DrIvI.js";import{o as r,h as a}from"./p-BWkzTEZX.js";import{a as n}from"./p-BuyjS5bS.js";import{d as c}from"./p-RJV4MFjb.js";const l=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}blocked=!1;message;hasVeilContent=!1;content;veil;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.readSlots()),{childList:!0}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasVeilContent=a(this.host,"veil")}componentDidRender(){this.content&&(this.blocked?this.content.setAttribute("inert",""):this.content.removeAttribute("inert"),this.fitVeil())}fitVeil(){const s=this.content&&1===this.content.childElementCount?this.content.firstElementChild:null;if(!this.veil||!s||"function"!=typeof getComputedStyle)return;const i=getComputedStyle(s).borderRadius;i&&(this.veil.style.borderRadius=i)}render(){return e(t,{key:"2a0cabdd9914c2806fc27601d8e027511ef29dc0","aria-busy":this.blocked?"true":"false"},e("div",{key:"02b131d1491c6e93bd88d878a48f8e8c10d1f45b",class:"wrap"},e("div",{key:"1d34c748a753ce332d2eb4f18a4f0d7f79e5327b",class:"content",ref:s=>this.content=s},e("slot",{key:"4bbec75b06833cb9fce5994bfb3450ba549b56de"})),this.blocked?e("div",{class:"veil",ref:s=>this.veil=s},this.hasVeilContent?null:e("sui-progress-spinner",{diameter:30,thickness:3,label:""===this.message?void 0:n(void 0,"block-ui.message",this.message,"Working")}),e("slot",{name:"veil"})):null))}static get style(){return".sc-sui-block-ui-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-block-ui{position:relative;border-radius:inherit}.veil.sc-sui-block-ui{position:absolute;inset:0;z-index:var(--z-sticky);border-radius:inherit;background:color-mix(in srgb, var(--canvas) 72%, transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:sui-block-in var(--duration-overlay) var(--ease-out)}.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{gap:10px;--sui-spinner-label-size:12.5px;--sui-spinner-label-weight:650;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-pop)}@keyframes sui-block-in{from{opacity:0}}@media (forced-colors: active){.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{background:Canvas;border-color:CanvasText;box-shadow:none}}"}},[774,"sui-block-ui",{blocked:[516],message:[1],hasVeilContent:[32]}]),d=l,u=function(){"undefined"!=typeof customElements&&["sui-block-ui","sui-progress-spinner"].forEach((s=>{switch(s){case"sui-block-ui":customElements.get(o(s))||customElements.define(o(s),l);break;case"sui-progress-spinner":customElements.get(o(s))||c()}}))};export{d as SuiBlockUi,u as defineCustomElement}
+import{p as s,H as i,h as e,a as t,t as o}from"./p-DQ8DrIvI.js";import{o as r,h as a}from"./p-BWkzTEZX.js";import{a as n}from"./p-BuyjS5bS.js";import{d as c}from"./p-J6VvFMWu.js";const l=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}blocked=!1;message;hasVeilContent=!1;content;veil;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=r(this.host,(()=>this.readSlots()),{childList:!0}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasVeilContent=a(this.host,"veil")}componentDidRender(){this.content&&(this.blocked?this.content.setAttribute("inert",""):this.content.removeAttribute("inert"),this.fitVeil())}fitVeil(){const s=this.content&&1===this.content.childElementCount?this.content.firstElementChild:null;if(!this.veil||!s||"function"!=typeof getComputedStyle)return;const i=getComputedStyle(s).borderRadius;i&&(this.veil.style.borderRadius=i)}render(){return e(t,{key:"40f4aef860e215bfa94f76eb65f807aba49c0ce7","aria-busy":this.blocked?"true":"false"},e("div",{key:"2750cf0477a95c4d07d00b8fec1214e6eaf6c7d6",class:"wrap"},e("div",{key:"ffe136c7f0febb69f3267e67da8e8683c399b1e6",class:"content",ref:s=>this.content=s},e("slot",{key:"a494e524dbcad53467dae349d3288da85566c6b1"})),this.blocked?e("div",{class:"veil",ref:s=>this.veil=s},this.hasVeilContent?null:e("sui-progress-spinner",{diameter:30,thickness:3,label:""===this.message?void 0:n(void 0,"block-ui.message",this.message,"Working")}),e("slot",{name:"veil"})):null))}static get style(){return".sc-sui-block-ui-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-block-ui{position:relative;border-radius:inherit}.veil.sc-sui-block-ui{position:absolute;inset:0;z-index:var(--z-sticky);border-radius:inherit;background:color-mix(in srgb, var(--canvas) 72%, transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:sui-block-in var(--duration-overlay) var(--ease-out)}.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{gap:10px;--sui-spinner-label-size:12.5px;--sui-spinner-label-weight:650;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-pop)}@keyframes sui-block-in{from{opacity:0}}@media (forced-colors: active){.veil.sc-sui-block-ui sui-progress-spinner.sc-sui-block-ui{background:Canvas;border-color:CanvasText;box-shadow:none}}"}},[774,"sui-block-ui",{blocked:[516],message:[1],hasVeilContent:[32]}]),d=l,u=function(){"undefined"!=typeof customElements&&["sui-block-ui","sui-progress-spinner"].forEach((s=>{switch(s){case"sui-block-ui":customElements.get(o(s))||customElements.define(o(s),l);break;case"sui-progress-spinner":customElements.get(o(s))||c()}}))};export{d as SuiBlockUi,u as defineCustomElement}