@shineuix/ssr 1.0.0 → 1.0.1

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-CeVlau-G.js";import{F as l,d as u}from"./p-TBwsYzWO.js";import{p as n,P as r,a as c}from"./p-D0KZcTn9.js";import{G as p,k as h,x as d,a as m,y as v}from"./p-DdsE4HI6.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 C}from"./p-BE4gZZNA.js";import{n as F,o as O,f as M,k as T,h as j,s as A,l as D}from"./p-M0fYQCIv.js";import{q as S,m as q,l as L}from"./p-CN5x4MC8.js";import{p as B}from"./p-CDJMRbCX.js";import{S as I,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 R,p as V}from"./p-Bt5Kx3zM.js";import{d as $}from"./p-CR0heQtR.js";const K=["sm","md","lg"],Q=[],W=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){R(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;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 I;windowed=!1;closing=!1;popup=B({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=>!F(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:C(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=M(D(this.options,this.host,"options")),s=new Map;i.forEach((i=>{const t=T(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=T(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(T(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,L(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(T(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=>A(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=>!A(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(T)),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(T(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(T)),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=K.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,C=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}),F=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,M=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()},F,M):null,A=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},D=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."),L=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,B=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},...A,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":D},C)):o("span",{class:"fit","data-value":D},C),F,M),L]: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},...A,onMouseDown:this.onBoxMouseDown},this.renderChips(s),C),L,j]:[C,L,j];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}},B,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}]}]),Y=W,Z=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),W);break;case"sui-chip":customElements.get(a(i))||$()}}))};export{Y as SuiAutoComplete,Z as defineCustomElement}
+import{p as i,H as s,c as t,f as e,h as o,t as a}from"./p-CeVlau-G.js";import{F as l,d as u}from"./p-piEUki9n.js";import{p as n,P as r,a as c}from"./p-3rGcn3Dk.js";import{G as p,k as h,x as d,a as m,y as v}from"./p-BeYfX4rQ.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 j,k as A,h as M,s as S,l as D}from"./p-M0fYQCIv.js";import{q as T,m as q,l as G}from"./p-DsHK25q3.js";import{p as L}from"./p-2OGp7Y2F.js";import{S as B,r as I,v as N,s as E}from"./p-Btp15dVO.js";import{l as H,a as P}from"./p-BuyjS5bS.js";import{d as V,p as $}from"./p-Bt5Kx3zM.js";import{d as K}from"./p-mEOcDy5S.js";const Q=["sm","md","lg"],R=[],Y=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){V(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):R}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:I(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(D(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;T(i,this.panel,this.isQuiet?200:0),q(this.panel,G(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(M(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=>S(s.value,i.value))),this.scrollHoverIntoView()}removeValue(i,s=!1){if(this.isDisabled||this.readOnly)return;const t=this.picked;M(t,i)&&(this.setValues(t.filter((s=>!S(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?M(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||(M(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(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:R,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=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,j=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,M=k>0?o("div",{class:"side",onMouseDown:i=>i.preventDefault()},C,j):null,S=i?{role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby}:{},D=i?this.query||(s.length?"":this.placeholder||""):this.text||this.placeholder||"",T=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."),G=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:T}):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},...S,onMouseDown:this.onBoxMouseDown},i?o("span",{class:"flow"},this.renderChips(s),o("span",{class:"fit","data-value":D},F)):o("span",{class:"fit","data-value":D},F),C,j),G]: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},...S,onMouseDown:this.onBoxMouseDown},this.renderChips(s),F),G,M]:[F,G,M];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}},L,i?o("span",{class:"sr-status",role:"status","aria-live":"polite"},this.announce):null,o(c,{key:"6d615fb28138f2711f34d3636efebba6c2ba01d1",message:this.open?this.loading?T: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=Y,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),Y);break;case"sui-chip":customElements.get(a(i))||K()}}))};export{U as SuiAutoComplete,W 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-CeVlau-G.js";import{d as i}from"./p-D7L5Nhsy.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 t,a as r,t as e}from"./p-CeVlau-G.js";import{d as i}from"./p-qtQ1008P.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 t(r,{key:"b6570695f52896395fdcff787992d266f4c7688b"},t("span",{key:"eebe15c9902c7fa4c98985387e1329f1ed7d253a",class:"sui-avatar-group"},e.map(((a,r)=>t("span",{class:"item",key:r+"",style:{marginInlineStart:r>0?s:"0",zIndex:e.length-r+""}},t("sui-avatar",{name:a.name,initials:a.initials,src:a.src,accent:!!a.accent,size:this.size})))),i>0?t("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 s,d as o}from"./p-D7L5Nhsy.js";const p=s,r=o;export{p as SuiAvatar,r as defineCustomElement}
+import{S as o,d as s}from"./p-qtQ1008P.js";const t=o,p=s;export{t as SuiAvatar,p 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-CeVlau-G.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-eoxRNwfF.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-CeVlau-G.js";import{o as a,h as r}from"./p-BWkzTEZX.js";import{a as n}from"./p-BuyjS5bS.js";import{d as c}from"./p-BBNN1byS.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=a(this.host,(()=>this.readSlots()),{childList:!0}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasVeilContent=r(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}

package/dist/components/sui-board.js

@@ -1 +1 @@
-import{p as o,H as s,c as i,h as t,a as r,t as a}from"./p-CeVlau-G.js";import{u as e}from"./p-U06fVoGD.js";import{c as n}from"./p-COO9uV7W.js";import{i as d}from"./p-GAnFXayY.js";import{a as c,u as l}from"./p-BuyjS5bS.js";import{i as u}from"./p-Cs2X0Kih.js";import{c as h,m as p}from"./p-q0JbXN8q.js";import{d as b}from"./p-BHB1Wprj.js";import{G as v,t as f,q as g,f as m}from"./p-DdsE4HI6.js";import{d as x}from"./p-BUqcDxTK.js";import{d as y}from"./p-Ds9HpZbg.js";import{d as k}from"./p-D31mbQ3e.js";const w=Symbol("threw"),C=o=>o+"",D=(o,s)=>o.replace(/\{(\w+)\}/g,((o,i)=>i in s?s[i]+"":o)),z=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.suiMove=i(this,"suiMove",7),this.suiCollapsedChange=i(this,"suiCollapsedChange",3),this.suiCardClick=i(this,"suiCardClick",7)}get host(){return this}columns=[];cards=[];groupBy="status";cardRender;collapsed=[];noDrag=!1;variant="card";density="standard";loading=!1;emptyMessage;suiMove;suiCollapsedChange;suiCardClick;lifted=null;drag=null;over=null;live="";stops={};ariaName;home=null;fieldId=e("sui-board");cardEls=new Map;stripEls={};pendingFocus=null;pendingStrip=null;unlabel;connectedCallback(){b(this.host,(()=>this.firstStop())),this.unlabel?.(),this.unlabel=u(this.host,(o=>this.ariaName=o))}disconnectedCallback(){this.unlabel&&this.unlabel()}onData(){this.lifted&&!this.locate(this.lifted.id,this.base())&&(this.lifted=null,this.home=null)}onCollapsed(o){this.lifted&&(o||[]).some((o=>C(o)===this.lifted.col))&&(this.lifted=null,this.home=null)}componentDidRender(){this.pendingStrip?(this.focusStrip(this.pendingStrip),this.pendingStrip=null):null!=this.pendingFocus&&(this.focusCard(this.pendingFocus),this.pendingFocus=null)}async move(o,s,i){const t=this.base().get(C(s));if(!t)return!1;const r=this.attempt(o,C(s),null==i?t.length:i);return"moved"===r?this.announceMoved(o):"refused"===r&&this.announceRefused(o),"moved"===r}async setFocus(){this.firstStop()?.focus()}firstStop(){const o=this.view();for(const s of this.openColumns()){const i=C(s.id),t=this.stopOf(i,o.get(i)||[]);if(null!=t)return this.cardEls.get(t)}}columnsOf(){return this.columns||[]}cardsOf(){return this.cards||[]}groupOf(o){return o[this.groupBy]+""}isCollapsed(o){return(this.collapsed||[]).some((s=>C(s)===o))}openColumns(){return this.columnsOf().filter((o=>!this.isCollapsed(C(o.id))))}columnOf(o){return this.columnsOf().find((s=>C(s.id)===o))}nameOf(o){const s=this.columnOf(o);return s?s.heading:o}idOf(o){const s=this.columnOf(o);return s?s.id:o}cardById(o){return this.cardsOf().find((s=>s.id===o))}base(){const o=new Map;return this.columnsOf().forEach((s=>o.set(C(s.id),[]))),this.cardsOf().forEach((s=>{const i=o.get(this.groupOf(s));i&&i.push(s)})),o}view(){const o=this.base(),s=this.lifted;if(!s)return o;let i;o.forEach((o=>{const t=o.findIndex((o=>o.id===s.id));t>=0&&([i]=o.splice(t,1))}));const t=o.get(s.col);return i&&t&&t.splice(n(s.index,0,t.length),0,i),o}locate(o,s){let i=null;return s.forEach(((s,t)=>{const r=s.findIndex((s=>s.id===o));r>=0&&(i={col:t,index:r})})),i}stopOf(o,s){const i=this.stops[o];return s.some((o=>o.id===i))?i:s.length?s[0].id:void 0}setStop(o,s){this.stops[o]!==s&&(this.stops={...this.stops,[o]:s})}focusCard(o){const s=this.cardEls.get(o);s&&"function"==typeof s.focus&&s.focus()}focusStrip(o){const s=this.stripEls[o];s&&"function"==typeof s.focus&&s.focus()}focusAfter(o,s){this.setStop(o,s),this.isCollapsed(o)?(this.pendingStrip=o,this.pendingFocus=null):(this.pendingFocus=s,this.pendingStrip=null)}focusAt(o,s){s&&(this.setStop(o,s.id),this.focusCard(s.id))}attempt(o,s,i){const t=this.base(),r=this.locate(o,t),a=t.get(s);if(!r||!a)return"unknown";const e=n(i,0,Math.max(0,r.col===s?a.length-1:a.length));if(r.col===s&&r.index===e)return"same";const d={id:o,from:r.col,fromIndex:r.index,to:s,index:e,collapsed:this.isCollapsed(s)};return this.suiMove.emit({...d,from:this.idOf(d.from),to:this.idOf(d.to)}).defaultPrevented?"refused":(this.commit(d),"moved")}commit(o){const s=this.cardsOf().slice(),i=s.findIndex((s=>s.id===o.id)),[t]=s.splice(i,1),r={...t,[this.groupBy]:this.idOf(o.to)},a=[];s.forEach(((s,i)=>{this.groupOf(s)===o.to&&a.push(i)})),s.splice(o.index<a.length?a[o.index]:a.length?a[a.length-1]+1:i,0,r),this.cards=s,this.focusAfter(o.to,o.id)}announceMoved(o){const s=this.locate(o,this.base()),i=this.cardById(o);if(!s||!i)return;const t=(this.base().get(s.col)||[]).length;this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1,count:t})}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(o,s,i,t){if(this.lifted=null,this.home=null,this.drag={id:s.id,col:i,idx:t},this.setStop(i,s.id),o.dataTransfer){o.dataTransfer.effectAllowed="move";try{o.dataTransfer.setData("text/plain",s.id+"")}catch{}}}onCardDragOver(o,s,i){if(!this.drag)return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget.getBoundingClientRect(),r=o.clientY<t.top+t.height/2?i:i+1;this.over&&this.over.col===s&&this.over.index===r||(this.over={col:s,index:r})}onListDragOver(o,s){if(!this.drag)return;o.preventDefault();const i=(this.base().get(s)||[]).length;this.over&&this.over.col===s&&this.over.index===i||(this.over={col:s,index:i})}onDrop=o=>{o.preventDefault();const s=this.drag,i=this.over;if(this.resetDrag(),!s||!i)return;const t=this.attempt(s.id,i.col,s.col===i.col&&i.index>s.idx?i.index-1:i.index);"moved"===t?this.announceMoved(s.id):"refused"===t&&this.announceRefused(s.id)};announceRefused(o){const s=this.locate(o,this.base()),i=this.cardById(o);s&&i&&(this.live=D(c(void 0,"board.refused",void 0,"Move refused. {card} stays in {column} at position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}onCardClick(o,s){this.setStop(s,o.id),this.lifted||this.suiCardClick.emit({id:o.id,card:o})}onKey(o,s){const i=this.view(),t=this.locate(s.id,i);if(!t)return;const{col:r,index:a}=t,e=i.get(r)||[],l=!!this.lifted&&this.lifted.id===s.id,u=(s,t)=>{o.preventDefault();const d=null!=t?t<0?0:e.length-1:n(a+s,0,e.length-1);l?this.moveLifted(r,d,i):this.focusAt(r,e[d])},h=s=>{o.preventDefault();const t=this.openColumns().map((o=>C(o.id))),e=t.indexOf(r);if(l){const o=t[e+s];return o?void this.moveLifted(o,Math.min(a,(i.get(o)||[]).length),i):void(this.live=D(s<0?c(void 0,"board.firstColumn",void 0,"{column} is the first column."):c(void 0,"board.lastColumn",void 0,"{column} is the last column."),{column:this.nameOf(r)}))}for(let o=e+s;o>=0&&o<t.length;o+=s){const s=i.get(t[o])||[];if(s.length){const i=this.stopOf(t[o],s);return void this.focusAt(t[o],s.find((o=>o.id===i)))}}};switch(o.key){case" ":case"Spacebar":o.preventDefault(),l?this.drop():this.lift(s,r,a);break;case"Enter":o.preventDefault(),l?this.drop():this.suiCardClick.emit({id:s.id,card:s});break;case"ArrowDown":u(1);break;case"ArrowUp":u(-1);break;case"Home":u(0,-1);break;case"End":u(0,1);break;case"ArrowRight":h(d(this.host)?-1:1);break;case"ArrowLeft":h(d(this.host)?1:-1);break;case"Escape":l&&(o.preventDefault(),this.cancel())}}lift(o,s,i){this.lifted={id:o.id,col:s,index:i},this.home={col:s,index:i},this.setStop(s,o.id),this.live=D(c(void 0,"board.lifted",void 0,"{card} lifted. Use the arrow keys to move it, Space to drop it, Escape to cancel."),{card:o.title})}moveLifted(o,s,i){const t=this.lifted,r=t&&this.cardById(t.id);if(!t||!r)return;if(o===t.col){const a=(i.get(o)||[]).length,e=n(s,0,Math.max(0,a-1));return e===t.index?void(this.live=D(0===e?c(void 0,"board.atTop",void 0,"{card} is already at the top of {column}."):c(void 0,"board.atBottom",void 0,"{card} is already at the bottom of {column}."),{card:r.title,column:this.nameOf(o)})):(this.lifted={...t,index:e},this.pendingFocus=t.id,void(this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})))}const a=(i.get(o)||[]).length+1,e=n(s,0,a-1);this.lifted={id:t.id,col:o,index:e},this.setStop(o,t.id),this.pendingFocus=t.id,this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})}drop(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);if(o&&s&&i){if(o.col===s.col&&o.index===s.index||"refused"!==this.attempt(o.id,o.col,o.index)){const s=this.locate(o.id,this.base()),t=s?(this.base().get(s.col)||[]).length:0;return this.focusAfter(o.col,o.id),void(this.live=D(c(void 0,"board.dropped",void 0,"{card} dropped in {column} at position {index} of {count}."),{card:i.title,column:this.nameOf(o.col),index:(s?s.index:o.index)+1,count:t}))}this.focusAfter(s.col,o.id),this.announceRefused(o.id)}}cancel(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);o&&s&&i&&(this.focusAfter(s.col,o.id),this.live=D(c(void 0,"board.canceled",void 0,"Move canceled. {card} returned to {column}, position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}toggle(o){const s=this.isCollapsed(o)?(this.collapsed||[]).filter((s=>C(s)!==o)):(this.collapsed||[]).concat([this.idOf(o)]);this.collapsed=s,this.suiCollapsedChange.emit(s)}countText(o,s){return null==o.limit?l(s,void 0,["board.countOne","board.count"])?D(c(void 0,"board.countOne",void 0,"{count} card"),{count:s}):D(c(void 0,"board.count",void 0,"{count} cards"),{count:s}):D(s>o.limit?c(void 0,"board.overLimit",void 0,"{count} of {limit} cards, over the limit"):c(void 0,"board.countLimit",void 0,"{count} of {limit} cards"),{count:s,limit:o.limit})}count(o,s,i){const r=null!=o.limit&&s>o.limit;return t("span",{class:{[i]:!0,over:r}},r?t(v,{glyph:f}):null,t("span",{class:"digits","aria-hidden":"true"},null!=o.limit?`${s} / ${o.limit}`:s),t("span",{class:"sr-only"},this.countText(o,s)))}defaultCard(o){const s=o.pill;return[t("div",{class:"card-title"},o.title),o.subtitle?t("div",{class:"card-sub"},o.subtitle):null,o.meta||s?t("div",{class:"card-foot"},o.meta?t("span",{class:"card-meta"},o.meta):null,s?t("sui-tag",{size:"sm",label:s.label,severity:s.severity}):null):null]}strip(o,s,i){const r=C(o.id),a=!this.noDrag;return t("div",{key:r,class:{col:!0,collapsed:!0,over:!!this.drag&&!!this.over&&this.over.col===r},role:"group","aria-labelledby":`${this.fieldId}-c${i}-h`,onDragEnter:a?o=>this.onListDragOver(o,r):void 0,onDragOver:a?o=>this.onListDragOver(o,r):void 0,onDrop:a?this.onDrop:void 0},t("button",{type:"button",class:"col-toggle",ref:o=>{o&&(this.stripEls[r]=o)},"aria-expanded":"false","aria-label":D(c(void 0,"board.expand",void 0,"Expand {column}"),{column:o.heading}),onClick:()=>this.toggle(r)},t(v,{glyph:g})),this.loading?null:this.count(o,s.length,"col-count"),t("span",{class:"strip-title",id:`${this.fieldId}-c${i}-h`},o.heading))}column(o,s,i,r){const a=C(o.id),e=`${this.fieldId}-c${i}-h`,n=this.stopOf(a,s),d=!!this.drag&&!!this.over&&this.over.col===a,l=this.cardRender,u=!this.noDrag,b=[];this.loading?[0,1,2].forEach((o=>b.push(t("li",{class:"card ghost",role:"presentation","aria-hidden":"true",key:"g"+o},t("sui-skeleton",{shape:"title",width:"72%"}),t("sui-skeleton",{width:"46%"}))))):(s.forEach(((s,i)=>{d&&this.over.index===i&&b.push(t("li",{class:"dropline",role:"presentation",key:"dl"+i}));const r=!!this.lifted&&this.lifted.id===s.id,e=!!this.drag&&this.drag.id===s.id,c=s.id===n,v=l?h(l,[s,o],w):w;b.push(t("li",{key:s.id+"",ref:o=>{o&&this.cardEls.set(s.id,o)},class:{card:!0,selected:c,lifted:r,dragging:e,static:!u},role:"option","aria-selected":c?"true":"false","aria-describedby":this.fieldId+"-hint",tabIndex:c?0:-1,draggable:u,onClick:()=>this.onCardClick(s,a),onKeyDown:o=>this.onKey(o,s),onDragStart:o=>this.onDragStart(o,s,a,i),onDragEnd:this.resetDrag,onDragEnter:o=>this.onCardDragOver(o,a,i),onDragOver:o=>this.onCardDragOver(o,a,i)},v!==w?t("div",{class:"custom",ref:o=>p(o,v)}):this.defaultCard(s)))})),d&&s.length&&this.over.index===s.length&&b.push(t("li",{class:"dropline",role:"presentation",key:"dlend"})));const f=!this.loading&&!s.length;return t("div",{key:a,class:{col:!0,over:d},role:"group","aria-labelledby":e},t("div",{class:"col-head"},o.tone?t("sui-badge",{dot:!0,severity:o.tone}):null,t("div",{class:"col-title",id:e},o.heading),this.loading?null:this.count(o,s.length,"col-count"),t("button",{type:"button",class:"col-toggle","aria-expanded":"true","aria-label":D(c(void 0,"board.collapse",void 0,"Collapse {column}"),{column:o.heading}),onClick:()=>this.toggle(a)},t(v,{glyph:m}))),t("div",{class:"col-body",onDragEnter:u?o=>this.onListDragOver(o,a):void 0,onDragOver:u?o=>this.onListDragOver(o,a):void 0,onDrop:u?this.onDrop:void 0},t("ol",{class:"col-list",role:"listbox","aria-labelledby":e,"aria-describedby":this.fieldId+"-hint","aria-busy":this.loading?"true":null},b),f?r?t("div",{class:{"drop-here":!0,over:d}},c(void 0,"board.dropHere",void 0,"Drop here")):t("div",{class:"empty"},""===this.emptyMessage?null:c(void 0,"board.empty",this.emptyMessage,"Nothing here yet.")):null))}render(){const o=this.columnsOf(),s=this.view(),i=!!this.drag||!!this.lifted;this.cardEls=new Map,this.stripEls={};const a=o.map((o=>this.isCollapsed(C(o.id))?"var(--sui-board-strip, 40px)":"minmax(var(--sui-board-column-min, 200px), 1fr)")).join(" ");return t(r,{key:"d0ae66f238dd3a2c70ebe612def75a19501989fe"},t("div",{key:"7f928ee144b9259ff548ee223256b5030b82b191",class:"board",role:"group","aria-label":this.ariaName,style:{gridTemplateColumns:a}},o.map(((o,t)=>this.isCollapsed(C(o.id))?this.strip(o,s.get(C(o.id))||[],t):this.column(o,s.get(C(o.id))||[],t,i)))),t("div",{key:"ca6530d94d2de873443419407389bfa4bb30dad2",class:"sr-only",id:this.fieldId+"-hint"},c(void 0,"board.hint",void 0,"Press Space to lift a card, the arrow keys to move it within and across columns, Space to drop it and Escape to cancel.")),t("div",{key:"5d89d8cbeb6eba494759f92da35241666989fc1d",class:"sr-only","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}}static get style(){return".sc-sui-board-h{display:block;min-width:0;box-sizing:border-box;position:relative;font-family:var(--font-sans);color:var(--ink)}.board.sc-sui-board{display:grid;grid-auto-flow:column;gap:12px;align-items:stretch;height:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.col.sc-sui-board{display:flex;flex-direction:column;min-width:0;min-height:0;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.col.collapsed.sc-sui-board{align-items:center;gap:8px;padding:6px 0 10px;overflow:hidden}.col.collapsed.over.sc-sui-board{border-color:var(--accent);border-style:dashed;background:var(--accent-soft)}.col-head.sc-sui-board{display:flex;align-items:center;gap:8px;padding:9px 6px 5px;padding-inline-start:12px;flex-shrink:0}.col-head.sc-sui-board sui-badge.sc-sui-board{flex-shrink:0;display:inline-flex}.col-title.sc-sui-board{flex:1;min-width:0;font-size:12.5px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-title.sc-sui-board{writing-mode:vertical-rl;font-size:12.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}.col-count.sc-sui-board{position:relative;display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:550;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap;flex-shrink:0}.col-count.over.sc-sui-board{background:var(--status-attention-bg);border-color:transparent;color:var(--status-attention-ink)}.col-count.sc-sui-board .sui-glyph.sc-sui-board{font-size:10px}.sc-sui-board-h:dir(rtl) .col-toggle.sc-sui-board .sui-glyph.sc-sui-board{transform:scaleX(-1)}.col-toggle.sc-sui-board{box-sizing:border-box;width:24px;height:24px;padding:0;margin:0;flex-shrink:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.col-toggle.sc-sui-board .sui-glyph.sc-sui-board{font-size:11px}.col-toggle.sc-sui-board:hover{background:var(--surface-hover);color:var(--ink)}.col-toggle.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.col-body.sc-sui-board{display:flex;flex-direction:column;padding:3px 8px 8px;box-sizing:border-box;overflow-y:auto;min-height:56px;flex:1}.col-list.sc-sui-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.card.sc-sui-board{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 12px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.card.static.sc-sui-board{cursor:default}.card.sc-sui-board:hover{border-color:var(--border-strong)}.card.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.card.lifted.sc-sui-board{border-color:var(--accent);box-shadow:var(--shadow-raised);position:relative;z-index:1}.card.lifted.sc-sui-board:focus-visible{box-shadow:var(--shadow-raised), var(--focus-shadow)}.card.dragging.sc-sui-board{opacity:0.5;border-style:dashed;border-color:var(--ink-muted);box-shadow:none}.card.ghost.sc-sui-board{cursor:default;gap:8px}.card-title.sc-sui-board{font-size:13px;font-weight:550;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-sub.sc-sui-board{font-size:12px;line-height:1.4;color:var(--ink-muted)}.card-foot.sc-sui-board{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-width:0}.card-meta.sc-sui-board{font-size:11.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom.sc-sui-board{min-width:0}.dropline.sc-sui-board{height:2px;border-radius:1px;background:var(--accent-ink);margin:-5px 4px;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}[variant='plain'].sc-sui-board-h .col.sc-sui-board{background:transparent;border-color:transparent}[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border-color:var(--accent);background:var(--accent-soft)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{padding-inline-start:8px;padding-bottom:8px;box-shadow:inset 0 -1px 0 var(--border)}[variant='plain'].sc-sui-board-h .col-body.sc-sui-board{padding:8px 4px}[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board:hover .col-toggle.sc-sui-board,[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board:focus-visible,[variant='plain'].sc-sui-board-h .col.collapsed.sc-sui-board .col-toggle.sc-sui-board{opacity:1}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{background:transparent;border-color:transparent;padding:0 2px}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{background:var(--status-attention-bg)}[density='compact'].sc-sui-board-h .col-list.sc-sui-board{gap:6px}[density='compact'].sc-sui-board-h .card.sc-sui-board{padding:8px 10px;gap:2px}[density='compact'].sc-sui-board-h .card-foot.sc-sui-board{margin-top:0}[density='comfortable'].sc-sui-board-h .col-list.sc-sui-board{gap:10px}[density='comfortable'].sc-sui-board-h .card.sc-sui-board{padding:14px;gap:6px}[density='compact'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-4px}[density='comfortable'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-6px}.empty.sc-sui-board,.drop-here.sc-sui-board{box-sizing:border-box;padding:14px 10px;font-size:12px;text-align:center;border-radius:var(--radius-md);flex-shrink:0}.empty.sc-sui-board{min-height:calc(1lh + 30px);color:var(--ink-muted);border:1px dashed var(--border-strong)}.drop-here.sc-sui-board{color:var(--accent-ink);background:var(--surface);border:1.5px dashed var(--accent);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.drop-here.over.sc-sui-board{background:var(--accent-soft);color:var(--accent-soft-ink)}.sr-only.sc-sui-board{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.card.lifted.sc-sui-board{border-style:dashed;border-color:Highlight}.dropline.sc-sui-board{background:Highlight}[variant='plain'].sc-sui-board-h .col.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{border-bottom:1px solid CanvasText}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{border-color:CanvasText}.drop-here.sc-sui-board{border-color:Highlight}.drop-here.over.sc-sui-board{forced-color-adjust:none;background:Highlight;color:HighlightText}.col.collapsed.over.sc-sui-board,[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border:2px solid Highlight}}"}},[514,"sui-board",{columns:[16],cards:[1040],groupBy:[1,"group-by"],cardRender:[16],collapsed:[1040],noDrag:[516,"no-drag"],variant:[513],density:[513],loading:[516],emptyMessage:[1,"empty-message"],lifted:[32],drag:[32],over:[32],live:[32],stops:[32],ariaName:[32],move:[64],setFocus:[64]},void 0,{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}]),E=z,j=function(){"undefined"!=typeof customElements&&["sui-board","sui-badge","sui-skeleton","sui-tag"].forEach((o=>{switch(o){case"sui-board":customElements.get(a(o))||customElements.define(a(o),z);break;case"sui-badge":customElements.get(a(o))||x();break;case"sui-skeleton":customElements.get(a(o))||y();break;case"sui-tag":customElements.get(a(o))||k()}}))};export{E as SuiBoard,j as defineCustomElement}
+import{p as o,H as s,c as i,h as t,a as r,t as a}from"./p-CeVlau-G.js";import{u as e}from"./p-U06fVoGD.js";import{c as n}from"./p-qut9RP2y.js";import{i as d}from"./p-GAnFXayY.js";import{a as c,u as l}from"./p-BuyjS5bS.js";import{i as u}from"./p-wknHx00K.js";import{c as h,m as p}from"./p-q0JbXN8q.js";import{d as b}from"./p-BHB1Wprj.js";import{G as v,t as f,q as g,f as m}from"./p-BeYfX4rQ.js";import{d as x}from"./p-BUqcDxTK.js";import{d as y}from"./p-CmEfiaNv.js";import{d as k}from"./p-DthM6mDw.js";const w=Symbol("threw"),C=o=>o+"",D=(o,s)=>o.replace(/\{(\w+)\}/g,((o,i)=>i in s?s[i]+"":o)),z=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.suiMove=i(this,"suiMove",7),this.suiCollapsedChange=i(this,"suiCollapsedChange",3),this.suiCardClick=i(this,"suiCardClick",7)}get host(){return this}columns=[];cards=[];groupBy="status";cardRender;collapsed=[];noDrag=!1;variant="card";density="standard";loading=!1;emptyMessage;suiMove;suiCollapsedChange;suiCardClick;lifted=null;drag=null;over=null;live="";stops={};ariaName;home=null;fieldId=e("sui-board");cardEls=new Map;stripEls={};pendingFocus=null;pendingStrip=null;unlabel;connectedCallback(){b(this.host,(()=>this.firstStop())),this.unlabel?.(),this.unlabel=u(this.host,(o=>this.ariaName=o))}disconnectedCallback(){this.unlabel&&this.unlabel()}onData(){this.lifted&&!this.locate(this.lifted.id,this.base())&&(this.lifted=null,this.home=null)}onCollapsed(o){this.lifted&&(o||[]).some((o=>C(o)===this.lifted.col))&&(this.lifted=null,this.home=null)}componentDidRender(){this.pendingStrip?(this.focusStrip(this.pendingStrip),this.pendingStrip=null):null!=this.pendingFocus&&(this.focusCard(this.pendingFocus),this.pendingFocus=null)}async move(o,s,i){const t=this.base().get(C(s));if(!t)return!1;const r=this.attempt(o,C(s),null==i?t.length:i);return"moved"===r?this.announceMoved(o):"refused"===r&&this.announceRefused(o),"moved"===r}async setFocus(){this.firstStop()?.focus()}firstStop(){const o=this.view();for(const s of this.openColumns()){const i=C(s.id),t=this.stopOf(i,o.get(i)||[]);if(null!=t)return this.cardEls.get(t)}}columnsOf(){return this.columns||[]}cardsOf(){return this.cards||[]}groupOf(o){return o[this.groupBy]+""}isCollapsed(o){return(this.collapsed||[]).some((s=>C(s)===o))}openColumns(){return this.columnsOf().filter((o=>!this.isCollapsed(C(o.id))))}columnOf(o){return this.columnsOf().find((s=>C(s.id)===o))}nameOf(o){const s=this.columnOf(o);return s?s.heading:o}idOf(o){const s=this.columnOf(o);return s?s.id:o}cardById(o){return this.cardsOf().find((s=>s.id===o))}base(){const o=new Map;return this.columnsOf().forEach((s=>o.set(C(s.id),[]))),this.cardsOf().forEach((s=>{const i=o.get(this.groupOf(s));i&&i.push(s)})),o}view(){const o=this.base(),s=this.lifted;if(!s)return o;let i;o.forEach((o=>{const t=o.findIndex((o=>o.id===s.id));t>=0&&([i]=o.splice(t,1))}));const t=o.get(s.col);return i&&t&&t.splice(n(s.index,0,t.length),0,i),o}locate(o,s){let i=null;return s.forEach(((s,t)=>{const r=s.findIndex((s=>s.id===o));r>=0&&(i={col:t,index:r})})),i}stopOf(o,s){const i=this.stops[o];return s.some((o=>o.id===i))?i:s.length?s[0].id:void 0}setStop(o,s){this.stops[o]!==s&&(this.stops={...this.stops,[o]:s})}focusCard(o){const s=this.cardEls.get(o);s&&"function"==typeof s.focus&&s.focus()}focusStrip(o){const s=this.stripEls[o];s&&"function"==typeof s.focus&&s.focus()}focusAfter(o,s){this.setStop(o,s),this.isCollapsed(o)?(this.pendingStrip=o,this.pendingFocus=null):(this.pendingFocus=s,this.pendingStrip=null)}focusAt(o,s){s&&(this.setStop(o,s.id),this.focusCard(s.id))}attempt(o,s,i){const t=this.base(),r=this.locate(o,t),a=t.get(s);if(!r||!a)return"unknown";const e=n(i,0,Math.max(0,r.col===s?a.length-1:a.length));if(r.col===s&&r.index===e)return"same";const d={id:o,from:r.col,fromIndex:r.index,to:s,index:e,collapsed:this.isCollapsed(s)};return this.suiMove.emit({...d,from:this.idOf(d.from),to:this.idOf(d.to)}).defaultPrevented?"refused":(this.commit(d),"moved")}commit(o){const s=this.cardsOf().slice(),i=s.findIndex((s=>s.id===o.id)),[t]=s.splice(i,1),r={...t,[this.groupBy]:this.idOf(o.to)},a=[];s.forEach(((s,i)=>{this.groupOf(s)===o.to&&a.push(i)})),s.splice(o.index<a.length?a[o.index]:a.length?a[a.length-1]+1:i,0,r),this.cards=s,this.focusAfter(o.to,o.id)}announceMoved(o){const s=this.locate(o,this.base()),i=this.cardById(o);if(!s||!i)return;const t=(this.base().get(s.col)||[]).length;this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1,count:t})}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(o,s,i,t){if(this.lifted=null,this.home=null,this.drag={id:s.id,col:i,idx:t},this.setStop(i,s.id),o.dataTransfer){o.dataTransfer.effectAllowed="move";try{o.dataTransfer.setData("text/plain",s.id+"")}catch{}}}onCardDragOver(o,s,i){if(!this.drag)return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget.getBoundingClientRect(),r=o.clientY<t.top+t.height/2?i:i+1;this.over&&this.over.col===s&&this.over.index===r||(this.over={col:s,index:r})}onListDragOver(o,s){if(!this.drag)return;o.preventDefault();const i=(this.base().get(s)||[]).length;this.over&&this.over.col===s&&this.over.index===i||(this.over={col:s,index:i})}onDrop=o=>{o.preventDefault();const s=this.drag,i=this.over;if(this.resetDrag(),!s||!i)return;const t=this.attempt(s.id,i.col,s.col===i.col&&i.index>s.idx?i.index-1:i.index);"moved"===t?this.announceMoved(s.id):"refused"===t&&this.announceRefused(s.id)};announceRefused(o){const s=this.locate(o,this.base()),i=this.cardById(o);s&&i&&(this.live=D(c(void 0,"board.refused",void 0,"Move refused. {card} stays in {column} at position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}onCardClick(o,s){this.setStop(s,o.id),this.lifted||this.suiCardClick.emit({id:o.id,card:o})}onKey(o,s){const i=this.view(),t=this.locate(s.id,i);if(!t)return;const{col:r,index:a}=t,e=i.get(r)||[],l=!!this.lifted&&this.lifted.id===s.id,u=(s,t)=>{o.preventDefault();const d=null!=t?t<0?0:e.length-1:n(a+s,0,e.length-1);l?this.moveLifted(r,d,i):this.focusAt(r,e[d])},h=s=>{o.preventDefault();const t=this.openColumns().map((o=>C(o.id))),e=t.indexOf(r);if(l){const o=t[e+s];return o?void this.moveLifted(o,Math.min(a,(i.get(o)||[]).length),i):void(this.live=D(s<0?c(void 0,"board.firstColumn",void 0,"{column} is the first column."):c(void 0,"board.lastColumn",void 0,"{column} is the last column."),{column:this.nameOf(r)}))}for(let o=e+s;o>=0&&o<t.length;o+=s){const s=i.get(t[o])||[];if(s.length){const i=this.stopOf(t[o],s);return void this.focusAt(t[o],s.find((o=>o.id===i)))}}};switch(o.key){case" ":case"Spacebar":o.preventDefault(),l?this.drop():this.lift(s,r,a);break;case"Enter":o.preventDefault(),l?this.drop():this.suiCardClick.emit({id:s.id,card:s});break;case"ArrowDown":u(1);break;case"ArrowUp":u(-1);break;case"Home":u(0,-1);break;case"End":u(0,1);break;case"ArrowRight":h(d(this.host)?-1:1);break;case"ArrowLeft":h(d(this.host)?1:-1);break;case"Escape":l&&(o.preventDefault(),this.cancel())}}lift(o,s,i){this.lifted={id:o.id,col:s,index:i},this.home={col:s,index:i},this.setStop(s,o.id),this.live=D(c(void 0,"board.lifted",void 0,"{card} lifted. Use the arrow keys to move it, Space to drop it, Escape to cancel."),{card:o.title})}moveLifted(o,s,i){const t=this.lifted,r=t&&this.cardById(t.id);if(!t||!r)return;if(o===t.col){const a=(i.get(o)||[]).length,e=n(s,0,Math.max(0,a-1));return e===t.index?void(this.live=D(0===e?c(void 0,"board.atTop",void 0,"{card} is already at the top of {column}."):c(void 0,"board.atBottom",void 0,"{card} is already at the bottom of {column}."),{card:r.title,column:this.nameOf(o)})):(this.lifted={...t,index:e},this.pendingFocus=t.id,void(this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})))}const a=(i.get(o)||[]).length+1,e=n(s,0,a-1);this.lifted={id:t.id,col:o,index:e},this.setStop(o,t.id),this.pendingFocus=t.id,this.live=D(c(void 0,"board.moved",void 0,"{card} moved to {column}, position {index} of {count}."),{card:r.title,column:this.nameOf(o),index:e+1,count:a})}drop(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);if(o&&s&&i){if(o.col===s.col&&o.index===s.index||"refused"!==this.attempt(o.id,o.col,o.index)){const s=this.locate(o.id,this.base()),t=s?(this.base().get(s.col)||[]).length:0;return this.focusAfter(o.col,o.id),void(this.live=D(c(void 0,"board.dropped",void 0,"{card} dropped in {column} at position {index} of {count}."),{card:i.title,column:this.nameOf(o.col),index:(s?s.index:o.index)+1,count:t}))}this.focusAfter(s.col,o.id),this.announceRefused(o.id)}}cancel(){const o=this.lifted,s=this.home;this.lifted=null,this.home=null;const i=o&&this.cardById(o.id);o&&s&&i&&(this.focusAfter(s.col,o.id),this.live=D(c(void 0,"board.canceled",void 0,"Move canceled. {card} returned to {column}, position {index}."),{card:i.title,column:this.nameOf(s.col),index:s.index+1}))}toggle(o){const s=this.isCollapsed(o)?(this.collapsed||[]).filter((s=>C(s)!==o)):(this.collapsed||[]).concat([this.idOf(o)]);this.collapsed=s,this.suiCollapsedChange.emit(s)}countText(o,s){return null==o.limit?l(s,void 0,["board.countOne","board.count"])?D(c(void 0,"board.countOne",void 0,"{count} card"),{count:s}):D(c(void 0,"board.count",void 0,"{count} cards"),{count:s}):D(s>o.limit?c(void 0,"board.overLimit",void 0,"{count} of {limit} cards, over the limit"):c(void 0,"board.countLimit",void 0,"{count} of {limit} cards"),{count:s,limit:o.limit})}count(o,s,i){const r=null!=o.limit&&s>o.limit;return t("span",{class:{[i]:!0,over:r}},r?t(v,{glyph:f}):null,t("span",{class:"digits","aria-hidden":"true"},null!=o.limit?`${s} / ${o.limit}`:s),t("span",{class:"sr-only"},this.countText(o,s)))}defaultCard(o){const s=o.pill;return[t("div",{class:"card-title"},o.title),o.subtitle?t("div",{class:"card-sub"},o.subtitle):null,o.meta||s?t("div",{class:"card-foot"},o.meta?t("span",{class:"card-meta"},o.meta):null,s?t("sui-tag",{size:"sm",label:s.label,severity:s.severity}):null):null]}strip(o,s,i){const r=C(o.id),a=!this.noDrag;return t("div",{key:r,class:{col:!0,collapsed:!0,over:!!this.drag&&!!this.over&&this.over.col===r},role:"group","aria-labelledby":`${this.fieldId}-c${i}-h`,onDragEnter:a?o=>this.onListDragOver(o,r):void 0,onDragOver:a?o=>this.onListDragOver(o,r):void 0,onDrop:a?this.onDrop:void 0},t("button",{type:"button",class:"col-toggle",ref:o=>{o&&(this.stripEls[r]=o)},"aria-expanded":"false","aria-label":D(c(void 0,"board.expand",void 0,"Expand {column}"),{column:o.heading}),onClick:()=>this.toggle(r)},t(v,{glyph:g})),this.loading?null:this.count(o,s.length,"col-count"),t("span",{class:"strip-title",id:`${this.fieldId}-c${i}-h`},o.heading))}column(o,s,i,r){const a=C(o.id),e=`${this.fieldId}-c${i}-h`,n=this.stopOf(a,s),d=!!this.drag&&!!this.over&&this.over.col===a,l=this.cardRender,u=!this.noDrag,b=[];this.loading?[0,1,2].forEach((o=>b.push(t("li",{class:"card ghost",role:"presentation","aria-hidden":"true",key:"g"+o},t("sui-skeleton",{shape:"title",width:"72%"}),t("sui-skeleton",{width:"46%"}))))):(s.forEach(((s,i)=>{d&&this.over.index===i&&b.push(t("li",{class:"dropline",role:"presentation",key:"dl"+i}));const r=!!this.lifted&&this.lifted.id===s.id,e=!!this.drag&&this.drag.id===s.id,c=s.id===n,v=l?h(l,[s,o],w):w;b.push(t("li",{key:s.id+"",ref:o=>{o&&this.cardEls.set(s.id,o)},class:{card:!0,selected:c,lifted:r,dragging:e,static:!u},role:"option","aria-selected":c?"true":"false","aria-describedby":this.fieldId+"-hint",tabIndex:c?0:-1,draggable:u,onClick:()=>this.onCardClick(s,a),onKeyDown:o=>this.onKey(o,s),onDragStart:o=>this.onDragStart(o,s,a,i),onDragEnd:this.resetDrag,onDragEnter:o=>this.onCardDragOver(o,a,i),onDragOver:o=>this.onCardDragOver(o,a,i)},v!==w?t("div",{class:"custom",ref:o=>p(o,v)}):this.defaultCard(s)))})),d&&s.length&&this.over.index===s.length&&b.push(t("li",{class:"dropline",role:"presentation",key:"dlend"})));const f=!this.loading&&!s.length;return t("div",{key:a,class:{col:!0,over:d},role:"group","aria-labelledby":e},t("div",{class:"col-head"},o.tone?t("sui-badge",{dot:!0,severity:o.tone}):null,t("div",{class:"col-title",id:e},o.heading),this.loading?null:this.count(o,s.length,"col-count"),t("button",{type:"button",class:"col-toggle","aria-expanded":"true","aria-label":D(c(void 0,"board.collapse",void 0,"Collapse {column}"),{column:o.heading}),onClick:()=>this.toggle(a)},t(v,{glyph:m}))),t("div",{class:"col-body",onDragEnter:u?o=>this.onListDragOver(o,a):void 0,onDragOver:u?o=>this.onListDragOver(o,a):void 0,onDrop:u?this.onDrop:void 0},t("ol",{class:"col-list",role:"listbox","aria-labelledby":e,"aria-describedby":this.fieldId+"-hint","aria-busy":this.loading?"true":null},b),f?r?t("div",{class:{"drop-here":!0,over:d}},c(void 0,"board.dropHere",void 0,"Drop here")):t("div",{class:"empty"},""===this.emptyMessage?null:c(void 0,"board.empty",this.emptyMessage,"Nothing here yet.")):null))}render(){const o=this.columnsOf(),s=this.view(),i=!!this.drag||!!this.lifted;this.cardEls=new Map,this.stripEls={};const a=o.map((o=>this.isCollapsed(C(o.id))?"var(--sui-board-strip, 40px)":"minmax(var(--sui-board-column-min, 200px), 1fr)")).join(" ");return t(r,{key:"d0ae66f238dd3a2c70ebe612def75a19501989fe"},t("div",{key:"7f928ee144b9259ff548ee223256b5030b82b191",class:"board",role:"group","aria-label":this.ariaName,style:{gridTemplateColumns:a}},o.map(((o,t)=>this.isCollapsed(C(o.id))?this.strip(o,s.get(C(o.id))||[],t):this.column(o,s.get(C(o.id))||[],t,i)))),t("div",{key:"ca6530d94d2de873443419407389bfa4bb30dad2",class:"sr-only",id:this.fieldId+"-hint"},c(void 0,"board.hint",void 0,"Press Space to lift a card, the arrow keys to move it within and across columns, Space to drop it and Escape to cancel.")),t("div",{key:"5d89d8cbeb6eba494759f92da35241666989fc1d",class:"sr-only","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}}static get style(){return".sc-sui-board-h{display:block;min-width:0;box-sizing:border-box;position:relative;font-family:var(--font-sans);color:var(--ink)}.board.sc-sui-board{display:grid;grid-auto-flow:column;gap:12px;align-items:stretch;height:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.col.sc-sui-board{display:flex;flex-direction:column;min-width:0;min-height:0;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.col.collapsed.sc-sui-board{align-items:center;gap:8px;padding:6px 0 10px;overflow:hidden}.col.collapsed.over.sc-sui-board{border-color:var(--accent);border-style:dashed;background:var(--accent-soft)}.col-head.sc-sui-board{display:flex;align-items:center;gap:8px;padding:9px 6px 5px;padding-inline-start:12px;flex-shrink:0}.col-head.sc-sui-board sui-badge.sc-sui-board{flex-shrink:0;display:inline-flex}.col-title.sc-sui-board{flex:1;min-width:0;font-size:12.5px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-title.sc-sui-board{writing-mode:vertical-rl;font-size:12.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0}.col-count.sc-sui-board{position:relative;display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:550;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap;flex-shrink:0}.col-count.over.sc-sui-board{background:var(--status-attention-bg);border-color:transparent;color:var(--status-attention-ink)}.col-count.sc-sui-board .sui-glyph.sc-sui-board{font-size:10px}.sc-sui-board-h:dir(rtl) .col-toggle.sc-sui-board .sui-glyph.sc-sui-board{transform:scaleX(-1)}.col-toggle.sc-sui-board{box-sizing:border-box;width:24px;height:24px;padding:0;margin:0;flex-shrink:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.col-toggle.sc-sui-board .sui-glyph.sc-sui-board{font-size:11px}.col-toggle.sc-sui-board:hover{background:var(--surface-hover);color:var(--ink)}.col-toggle.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.col-body.sc-sui-board{display:flex;flex-direction:column;padding:3px 8px 8px;box-sizing:border-box;overflow-y:auto;min-height:56px;flex:1}.col-list.sc-sui-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.card.sc-sui-board{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 12px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.card.static.sc-sui-board{cursor:default}.card.sc-sui-board:hover{border-color:var(--border-strong)}.card.sc-sui-board:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.card.lifted.sc-sui-board{border-color:var(--accent);box-shadow:var(--shadow-raised);position:relative;z-index:1}.card.lifted.sc-sui-board:focus-visible{box-shadow:var(--shadow-raised), var(--focus-shadow)}.card.dragging.sc-sui-board{opacity:0.5;border-style:dashed;border-color:var(--ink-muted);box-shadow:none}.card.ghost.sc-sui-board{cursor:default;gap:8px}.card-title.sc-sui-board{font-size:13px;font-weight:550;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-sub.sc-sui-board{font-size:12px;line-height:1.4;color:var(--ink-muted)}.card-foot.sc-sui-board{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;min-width:0}.card-meta.sc-sui-board{font-size:11.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom.sc-sui-board{min-width:0}.dropline.sc-sui-board{height:2px;border-radius:1px;background:var(--accent-ink);margin:-5px 4px;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}[variant='plain'].sc-sui-board-h .col.sc-sui-board{background:transparent;border-color:transparent}[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border-color:var(--accent);background:var(--accent-soft)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{padding-inline-start:8px;padding-bottom:8px;box-shadow:inset 0 -1px 0 var(--border)}[variant='plain'].sc-sui-board-h .col-body.sc-sui-board{padding:8px 4px}[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board{opacity:0;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board:hover .col-toggle.sc-sui-board,[variant='plain'].sc-sui-board-h .col-toggle.sc-sui-board:focus-visible,[variant='plain'].sc-sui-board-h .col.collapsed.sc-sui-board .col-toggle.sc-sui-board{opacity:1}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{background:transparent;border-color:transparent;padding:0 2px}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{background:var(--status-attention-bg)}[density='compact'].sc-sui-board-h .col-list.sc-sui-board{gap:6px}[density='compact'].sc-sui-board-h .card.sc-sui-board{padding:8px 10px;gap:2px}[density='compact'].sc-sui-board-h .card-foot.sc-sui-board{margin-top:0}[density='comfortable'].sc-sui-board-h .col-list.sc-sui-board{gap:10px}[density='comfortable'].sc-sui-board-h .card.sc-sui-board{padding:14px;gap:6px}[density='compact'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-4px}[density='comfortable'].sc-sui-board-h .dropline.sc-sui-board{margin-block:-6px}.empty.sc-sui-board,.drop-here.sc-sui-board{box-sizing:border-box;padding:14px 10px;font-size:12px;text-align:center;border-radius:var(--radius-md);flex-shrink:0}.empty.sc-sui-board{min-height:calc(1lh + 30px);color:var(--ink-muted);border:1px dashed var(--border-strong)}.drop-here.sc-sui-board{color:var(--accent-ink);background:var(--surface);border:1.5px dashed var(--accent);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.drop-here.over.sc-sui-board{background:var(--accent-soft);color:var(--accent-soft-ink)}.sr-only.sc-sui-board{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.card.lifted.sc-sui-board{border-style:dashed;border-color:Highlight}.dropline.sc-sui-board{background:Highlight}[variant='plain'].sc-sui-board-h .col.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-head.sc-sui-board{border-bottom:1px solid CanvasText}[variant='plain'].sc-sui-board-h .col-count.sc-sui-board{border-color:Canvas}[variant='plain'].sc-sui-board-h .col-count.over.sc-sui-board{border-color:CanvasText}.drop-here.sc-sui-board{border-color:Highlight}.drop-here.over.sc-sui-board{forced-color-adjust:none;background:Highlight;color:HighlightText}.col.collapsed.over.sc-sui-board,[variant='plain'].sc-sui-board-h .col.collapsed.over.sc-sui-board{border:2px solid Highlight}}"}},[514,"sui-board",{columns:[16],cards:[1040],groupBy:[1,"group-by"],cardRender:[16],collapsed:[1040],noDrag:[516,"no-drag"],variant:[513],density:[513],loading:[516],emptyMessage:[1,"empty-message"],lifted:[32],drag:[32],over:[32],live:[32],stops:[32],ariaName:[32],move:[64],setFocus:[64]},void 0,{cards:[{onData:0}],columns:[{onData:0}],collapsed:[{onCollapsed:0}]}]),E=z,j=function(){"undefined"!=typeof customElements&&["sui-board","sui-badge","sui-skeleton","sui-tag"].forEach((o=>{switch(o){case"sui-board":customElements.get(a(o))||customElements.define(a(o),z);break;case"sui-badge":customElements.get(a(o))||x();break;case"sui-skeleton":customElements.get(a(o))||y();break;case"sui-tag":customElements.get(a(o))||k()}}))};export{E as SuiBoard,j as defineCustomElement}

package/dist/components/sui-bottom-nav.js

@@ -1 +1 @@
-import{p as t,H as o,c as a,h as i,a as s,t as n}from"./p-CeVlau-G.js";import{d as e}from"./p-BHB1Wprj.js";import{i as r}from"./p-Cs2X0Kih.js";import{a as c}from"./p-BuyjS5bS.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=a(this,"suiNavigate",7),this.suiActiveChange=a(this,"suiActiveChange",3)}get host(){return this}hostLabel;stopAria;connectedCallback(){e(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=r(this.host,(t=>{this.hostLabel=t}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector(".tab.on:not([disabled])")??this.host.querySelector(".tab:not([disabled])")}disconnectedCallback(){this.stopAria?.()}items=[];active;fixed=!1;suiNavigate;suiActiveChange;keyOf(t){return t.key||t.label}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?this.keyOf(t):void 0}navigate(t){if(t.disabled)return;const o=this.keyOf(t);o!==this.active&&(this.active=o,this.suiActiveChange.emit(o)),this.suiNavigate.emit(o)}render(){const t=this.current();return i(s,{key:"f65f7542e3660610d73233b17987326adb3e0ec3"},i("nav",{key:"615b22e75258bfc22e396e383feaab5e289c7eca",class:{bar:!0,fixed:this.fixed},"aria-label":this.hostLabel||c(void 0,"bottom-nav.primary",void 0,"Primary")},(this.items||[]).map((o=>{const a=t===this.keyOf(o),s=!!o.href&&!o.disabled;return i(s?"a":"button",{type:s?void 0:"button",href:s?o.href:void 0,target:s?o.target:void 0,rel:s&&"_blank"===o.target?"noopener":void 0,class:{tab:!0,on:a},"aria-current":a&&!o.disabled?"page":null,"aria-label":null!=o.badge?`${o.label}, ${o.badge}`:null,disabled:s?void 0:!!o.disabled,onClick:()=>this.navigate(o)},i("span",{class:"indicator","aria-hidden":"true"}),i("span",{class:"glyph"},i("i",{class:o.icon+" icon","aria-hidden":"true"}),null!=o.badge?i("span",{class:"badge","aria-hidden":"true"},o.badge):null),i("span",{class:"label"},o.label))}))))}static get style(){return".sc-sui-bottom-nav-h{display:block;font-family:var(--font-sans)}.bar.sc-sui-bottom-nav{display:flex;background:var(--surface-navy);border-radius:var(--radius-lg);overflow:hidden;--focus-ring:var(--ink-inverse);--focus-shadow:none}.bar.fixed.sc-sui-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:var(--z-overlay);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tab.sc-sui-bottom-nav{position:relative;flex:1;min-height:56px;padding:8px 4px 7px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--ink-inverse-muted);font-family:var(--font-sans);cursor:pointer;text-decoration:none;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}a.tab.sc-sui-bottom-nav,a.tab.sc-sui-bottom-nav:hover,a.tab.sc-sui-bottom-nav:visited{color:var(--ink-inverse-muted);text-decoration:none}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:hover{background:color-mix(in srgb, var(--ink-inverse) 8%, transparent)}.tab.on.sc-sui-bottom-nav{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent);color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tab[disabled].sc-sui-bottom-nav{color:var(--ink-inverse-faint);cursor:not-allowed}.tab[disabled].sc-sui-bottom-nav:hover{background:transparent}.indicator.sc-sui-bottom-nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:var(--accent)}.glyph.sc-sui-bottom-nav{position:relative;display:inline-flex}.icon.sc-sui-bottom-nav{font-size:16px;color:inherit}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:var(--accent)}.badge.sc-sui-bottom-nav{position:absolute;top:-6px;inset-inline-end:-10px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:9px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-navy)}.label.sc-sui-bottom-nav{font-size:10.5px;font-weight:550;letter-spacing:0.01em}.tab.on.sc-sui-bottom-nav .label.sc-sui-bottom-nav{font-weight:650}@media (forced-colors: active){.bar.sc-sui-bottom-nav{border:1px solid CanvasText}.tab.on.sc-sui-bottom-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:HighlightText}.tab.sc-sui-bottom-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:HighlightText}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:HighlightText}.badge.sc-sui-bottom-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}"}},[514,"sui-bottom-nav",{items:[16],active:[1025],fixed:[516],hostLabel:[32],setFocus:[64]}]),u=b,l=function(){"undefined"!=typeof customElements&&["sui-bottom-nav"].forEach((t=>{"sui-bottom-nav"===t&&(customElements.get(n(t))||customElements.define(n(t),b))}))};export{u as SuiBottomNav,l as defineCustomElement}
+import{p as t,H as o,c as a,h as i,a as s,t as n}from"./p-CeVlau-G.js";import{d as e}from"./p-BHB1Wprj.js";import{i as r}from"./p-wknHx00K.js";import{a as c}from"./p-BuyjS5bS.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiNavigate=a(this,"suiNavigate",7),this.suiActiveChange=a(this,"suiActiveChange",3)}get host(){return this}hostLabel;stopAria;connectedCallback(){e(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=r(this.host,(t=>{this.hostLabel=t}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector(".tab.on:not([disabled])")??this.host.querySelector(".tab:not([disabled])")}disconnectedCallback(){this.stopAria?.()}items=[];active;fixed=!1;suiNavigate;suiActiveChange;keyOf(t){return t.key||t.label}current(){if(null!=this.active)return this.active;const t=(this.items||[])[0];return t?this.keyOf(t):void 0}navigate(t){if(t.disabled)return;const o=this.keyOf(t);o!==this.active&&(this.active=o,this.suiActiveChange.emit(o)),this.suiNavigate.emit(o)}render(){const t=this.current();return i(s,{key:"f65f7542e3660610d73233b17987326adb3e0ec3"},i("nav",{key:"615b22e75258bfc22e396e383feaab5e289c7eca",class:{bar:!0,fixed:this.fixed},"aria-label":this.hostLabel||c(void 0,"bottom-nav.primary",void 0,"Primary")},(this.items||[]).map((o=>{const a=t===this.keyOf(o),s=!!o.href&&!o.disabled;return i(s?"a":"button",{type:s?void 0:"button",href:s?o.href:void 0,target:s?o.target:void 0,rel:s&&"_blank"===o.target?"noopener":void 0,class:{tab:!0,on:a},"aria-current":a&&!o.disabled?"page":null,"aria-label":null!=o.badge?`${o.label}, ${o.badge}`:null,disabled:s?void 0:!!o.disabled,onClick:()=>this.navigate(o)},i("span",{class:"indicator","aria-hidden":"true"}),i("span",{class:"glyph"},i("i",{class:o.icon+" icon","aria-hidden":"true"}),null!=o.badge?i("span",{class:"badge","aria-hidden":"true"},o.badge):null),i("span",{class:"label"},o.label))}))))}static get style(){return".sc-sui-bottom-nav-h{display:block;font-family:var(--font-sans)}.bar.sc-sui-bottom-nav{display:flex;background:var(--surface-navy);border-radius:var(--radius-lg);overflow:hidden;--focus-ring:var(--ink-inverse);--focus-shadow:none}.bar.fixed.sc-sui-bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:var(--z-overlay);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tab.sc-sui-bottom-nav{position:relative;flex:1;min-height:56px;padding:8px 4px 7px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--ink-inverse-muted);font-family:var(--font-sans);cursor:pointer;text-decoration:none;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}a.tab.sc-sui-bottom-nav,a.tab.sc-sui-bottom-nav:hover,a.tab.sc-sui-bottom-nav:visited{color:var(--ink-inverse-muted);text-decoration:none}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:hover{background:color-mix(in srgb, var(--ink-inverse) 8%, transparent)}.tab.on.sc-sui-bottom-nav{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent);color:var(--ink-inverse)}.tab.sc-sui-bottom-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.tab[disabled].sc-sui-bottom-nav{color:var(--ink-inverse-faint);cursor:not-allowed}.tab[disabled].sc-sui-bottom-nav:hover{background:transparent}.indicator.sc-sui-bottom-nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:var(--accent)}.glyph.sc-sui-bottom-nav{position:relative;display:inline-flex}.icon.sc-sui-bottom-nav{font-size:16px;color:inherit}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:var(--accent)}.badge.sc-sui-bottom-nav{position:absolute;top:-6px;inset-inline-end:-10px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:9px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-navy)}.label.sc-sui-bottom-nav{font-size:10.5px;font-weight:550;letter-spacing:0.01em}.tab.on.sc-sui-bottom-nav .label.sc-sui-bottom-nav{font-weight:650}@media (forced-colors: active){.bar.sc-sui-bottom-nav{border:1px solid CanvasText}.tab.on.sc-sui-bottom-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.tab.on.sc-sui-bottom-nav,a.tab.on.sc-sui-bottom-nav:hover,a.tab.on.sc-sui-bottom-nav:visited{color:HighlightText}.tab.sc-sui-bottom-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-bottom-nav .indicator.sc-sui-bottom-nav{background:HighlightText}.tab.on.sc-sui-bottom-nav .icon.sc-sui-bottom-nav{color:HighlightText}.badge.sc-sui-bottom-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}"}},[514,"sui-bottom-nav",{items:[16],active:[1025],fixed:[516],hostLabel:[32],setFocus:[64]}]),u=b,l=function(){"undefined"!=typeof customElements&&["sui-bottom-nav"].forEach((t=>{"sui-bottom-nav"===t&&(customElements.get(n(t))||customElements.define(n(t),b))}))};export{u as SuiBottomNav,l as defineCustomElement}

package/dist/components/sui-breadcrumb.js

@@ -1 +1 @@
-import{p as s,H as r,c as e,h as t,a as i,t as a}from"./p-CeVlau-G.js";import{d as c}from"./p-BHB1Wprj.js";import{i as n}from"./p-Cs2X0Kih.js";import{a as o,l as u}from"./p-BuyjS5bS.js";import{G as l,s as b,q as d}from"./p-DdsE4HI6.js";const m=s(class extends r{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=e(this,"suiNavigate",7)}get host(){return this}items=[];maxItems=0;suiNavigate;expanded=!1;hostLabel;stopAria;pendingFocus=!1;connectedCallback(){c(this.host,(()=>this.host.querySelector("a.crumb, button.crumb"))),this.stopAria?.(),this.stopAria=n(this.host,(s=>{this.hostLabel=s}))}async setFocus(){this.host.querySelector("a.crumb, button.crumb")?.focus()}destination(s){return s.href||s.key||s.label}disconnectedCallback(){this.stopAria?.()}onItems(){this.expanded=!1}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const s=this.host.querySelectorAll(".crumb");s[1]?.focus()}expand=()=>{this.expanded=!0,this.pendingFocus=!0};get collapsed(){const s=this.maxItems>=2?this.maxItems:0;return s>0&&!this.expanded&&(this.items||[]).length>s}crumb(s,r){const e=[s.icon?t("i",{class:"crumb-icon "+s.icon,"aria-hidden":"true"}):null,t("span",{class:"crumb-label"},s.label)],i={crumb:!0,last:r};return r?t("span",{class:i,"aria-current":"page"},e):s.href?t("a",{class:i,href:s.href,target:s.target,rel:"_blank"===s.target?"noopener":void 0,onClick:()=>this.suiNavigate.emit(this.destination(s))},e):t("button",{class:i,type:"button",onClick:()=>this.suiNavigate.emit(this.destination(s))},e)}render(){const s=this.items||[],r=s.length-1,e=()=>t(l,{glyph:d,class:"sep"});if(this.collapsed){const r=s.slice(s.length-(this.maxItems-1)),a=s.length-1-r.length;return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},t("li",{class:"step"},this.crumb(s[0],!1)),t("li",{class:"step"},e(),t("button",{class:"crumb ellipsis",type:"button","aria-label":u(void 0,"breadcrumb.showMore",void 0,"Show {count} more",{count:a}),"aria-expanded":"false",onClick:this.expand},t(l,{glyph:b}))),r.map(((s,i)=>t("li",{class:"step"},e(),this.crumb(s,i===r.length-1)))))))}return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},s.map(((s,i)=>t("li",{class:"step"},i>0?e():null,this.crumb(s,i===r)))))))}static get watchers(){return{items:[{onItems:0}]}}static get style(){return".sc-sui-breadcrumb-h{display:block;font-family:var(--font-sans)}.trail.sc-sui-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.step.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:7px}.sep.sc-sui-breadcrumb{font-size:8px;color:var(--border-strong)}.sc-sui-breadcrumb-h:dir(rtl) .sep.sc-sui-breadcrumb{transform:scaleX(-1)}.crumb.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;margin:-2px -4px;border:none;background:transparent;font-family:var(--font-sans);font-size:12.5px;font-weight:550;line-height:normal;color:var(--ink-muted);cursor:pointer;text-decoration:none;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}a.crumb.sc-sui-breadcrumb:visited{color:var(--ink-muted)}.crumb.sc-sui-breadcrumb:hover:not(.last){color:var(--link);text-decoration:underline}.crumb.sc-sui-breadcrumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.crumb.last.sc-sui-breadcrumb{font-weight:700;color:var(--ink);cursor:default;text-decoration:none}.crumb-icon.sc-sui-breadcrumb{font-size:11px}.crumb.ellipsis.sc-sui-breadcrumb{padding:2px 7px;margin-inline:0}.crumb.ellipsis.sc-sui-breadcrumb:hover{text-decoration:none;background:var(--surface-hover)}.crumb.ellipsis.sc-sui-breadcrumb:active{background:var(--surface-pressed)}.crumb.ellipsis.sc-sui-breadcrumb .sui-glyph.sc-sui-breadcrumb{font-size:12px}"}},[514,"sui-breadcrumb",{items:[16],maxItems:[2,"max-items"],expanded:[32],hostLabel:[32],setFocus:[64]},void 0,{items:[{onItems:0}]}]),p=m,h=function(){"undefined"!=typeof customElements&&["sui-breadcrumb"].forEach((s=>{"sui-breadcrumb"===s&&(customElements.get(a(s))||customElements.define(a(s),m))}))};export{p as SuiBreadcrumb,h as defineCustomElement}
+import{p as s,H as r,c as e,h as t,a as i,t as a}from"./p-CeVlau-G.js";import{d as c}from"./p-BHB1Wprj.js";import{i as n}from"./p-wknHx00K.js";import{a as o,l as u}from"./p-BuyjS5bS.js";import{G as l,s as b,q as d}from"./p-BeYfX4rQ.js";const m=s(class extends r{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=e(this,"suiNavigate",7)}get host(){return this}items=[];maxItems=0;suiNavigate;expanded=!1;hostLabel;stopAria;pendingFocus=!1;connectedCallback(){c(this.host,(()=>this.host.querySelector("a.crumb, button.crumb"))),this.stopAria?.(),this.stopAria=n(this.host,(s=>{this.hostLabel=s}))}async setFocus(){this.host.querySelector("a.crumb, button.crumb")?.focus()}destination(s){return s.href||s.key||s.label}disconnectedCallback(){this.stopAria?.()}onItems(){this.expanded=!1}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const s=this.host.querySelectorAll(".crumb");s[1]?.focus()}expand=()=>{this.expanded=!0,this.pendingFocus=!0};get collapsed(){const s=this.maxItems>=2?this.maxItems:0;return s>0&&!this.expanded&&(this.items||[]).length>s}crumb(s,r){const e=[s.icon?t("i",{class:"crumb-icon "+s.icon,"aria-hidden":"true"}):null,t("span",{class:"crumb-label"},s.label)],i={crumb:!0,last:r};return r?t("span",{class:i,"aria-current":"page"},e):s.href?t("a",{class:i,href:s.href,target:s.target,rel:"_blank"===s.target?"noopener":void 0,onClick:()=>this.suiNavigate.emit(this.destination(s))},e):t("button",{class:i,type:"button",onClick:()=>this.suiNavigate.emit(this.destination(s))},e)}render(){const s=this.items||[],r=s.length-1,e=()=>t(l,{glyph:d,class:"sep"});if(this.collapsed){const r=s.slice(s.length-(this.maxItems-1)),a=s.length-1-r.length;return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},t("li",{class:"step"},this.crumb(s[0],!1)),t("li",{class:"step"},e(),t("button",{class:"crumb ellipsis",type:"button","aria-label":u(void 0,"breadcrumb.showMore",void 0,"Show {count} more",{count:a}),"aria-expanded":"false",onClick:this.expand},t(l,{glyph:b}))),r.map(((s,i)=>t("li",{class:"step"},e(),this.crumb(s,i===r.length-1)))))))}return t(i,null,t("nav",{"aria-label":this.hostLabel||o(void 0,"breadcrumb.label",void 0,"Breadcrumb")},t("ol",{class:"trail"},s.map(((s,i)=>t("li",{class:"step"},i>0?e():null,this.crumb(s,i===r)))))))}static get watchers(){return{items:[{onItems:0}]}}static get style(){return".sc-sui-breadcrumb-h{display:block;font-family:var(--font-sans)}.trail.sc-sui-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.step.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:7px}.sep.sc-sui-breadcrumb{font-size:8px;color:var(--border-strong)}.sc-sui-breadcrumb-h:dir(rtl) .sep.sc-sui-breadcrumb{transform:scaleX(-1)}.crumb.sc-sui-breadcrumb{display:inline-flex;align-items:center;gap:6px;padding:2px 4px;margin:-2px -4px;border:none;background:transparent;font-family:var(--font-sans);font-size:12.5px;font-weight:550;line-height:normal;color:var(--ink-muted);cursor:pointer;text-decoration:none;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}a.crumb.sc-sui-breadcrumb:visited{color:var(--ink-muted)}.crumb.sc-sui-breadcrumb:hover:not(.last){color:var(--link);text-decoration:underline}.crumb.sc-sui-breadcrumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.crumb.last.sc-sui-breadcrumb{font-weight:700;color:var(--ink);cursor:default;text-decoration:none}.crumb-icon.sc-sui-breadcrumb{font-size:11px}.crumb.ellipsis.sc-sui-breadcrumb{padding:2px 7px;margin-inline:0}.crumb.ellipsis.sc-sui-breadcrumb:hover{text-decoration:none;background:var(--surface-hover)}.crumb.ellipsis.sc-sui-breadcrumb:active{background:var(--surface-pressed)}.crumb.ellipsis.sc-sui-breadcrumb .sui-glyph.sc-sui-breadcrumb{font-size:12px}"}},[514,"sui-breadcrumb",{items:[16],maxItems:[2,"max-items"],expanded:[32],hostLabel:[32],setFocus:[64]},void 0,{items:[{onItems:0}]}]),p=m,h=function(){"undefined"!=typeof customElements&&["sui-breadcrumb"].forEach((s=>{"sui-breadcrumb"===s&&(customElements.get(a(s))||customElements.define(a(s),m))}))};export{p as SuiBreadcrumb,h as defineCustomElement}

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

@@ -1 +1 @@
-import{S as o,d as p}from"./p-BJXb6pu9.js";const s=o,r=p;export{s as SuiButtonGroup,r as defineCustomElement}
+import{S as o,d as s}from"./p-Dh0O8nfH.js";const p=o,r=s;export{p as SuiButtonGroup,r as defineCustomElement}

package/dist/components/sui-button.js

@@ -1 +1 @@
-import{SuiButton as t,defineCustomElement as o}from"./p-DgXzRiP4.js";const e=t,s=o;export{e as SuiButton,s as defineCustomElement}
+import{SuiButton as t,defineCustomElement as o}from"./p-DquILvXX.js";const e=t,s=o;export{e as SuiButton,s as defineCustomElement}