@shineuix/ssr 1.0.0 → 1.0.1

package/dist/components/{p-Deadvw27.js → p-D0BIoHLP.js}

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

package/dist/components/{p-C0MrkGLb.js → p-D0WdoZzs.js}

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

package/dist/components/{p-DSjolNQa.js → p-D1HckqwW.js}

@@ -1 +1 @@
-import{p as e,H as i,c as s,h as n,a as u,t}from"./p-CeVlau-G.js";import{m as a,f as o,M as r}from"./p-BPGiU7Vj.js";import{f as c,o as m}from"./p-BWkzTEZX.js";import{i as d}from"./p-Cs2X0Kih.js";import{d as l}from"./p-BHB1Wprj.js";import{u as h}from"./p-U06fVoGD.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiPick=s(this,"suiPick",7)}get host(){return this}items=[];width=230;variant="plain";suiPick;active=-1;hasHeader=!1;hostLabel;fieldId=h("sui-menu");menu;dispose;stopAria;loaded=!1;connectedCallback(){l(this.host,(()=>this.tabStop())),this.stopAria?.(),this.stopAria=d(this.host,(e=>{this.hostLabel=e})),this.loaded&&this.watch(!0)}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.menu?.querySelector('[data-index][tabindex="0"]')??null}componentWillLoad(){this.hasHeader=c(this.host,"header")}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.()}watch(e=!1){const i=()=>{this.hasHeader=c(this.host,"header")};this.dispose?.(),this.dispose=m(this.host,i,{childList:!0}),e&&Promise.resolve().then((()=>{this.host.isConnected&&i()}))}pick=e=>{this.suiPick.emit(e),e.command?.()};onKeyDown=e=>{if("Escape"===e.key)return;const i=a(e,this.items,this.active);if("move"===i.action&&i.index>=0)this.active=i.index,o(this.menu,i.index);else if("activate"===i.action){const e=this.items[this.active];e&&!e.disabled&&this.pick(e)}};render(){return n(u,{key:"3928e34086e8183488de213b1a717725cafcd347"},n("div",{key:"3dfb11320b80da2d53f6c5999485d5311d434556",class:{box:!0,card:"card"===this.variant}},this.hasHeader?n("div",{class:"header"},n("slot",{name:"header"})):null,n(r,{key:"10b0fb15103e87504803cf066ce9ed2c14db4c9a",items:this.items,width:this.width,fill:"card"!==this.variant,activeIndex:this.active,idBase:this.fieldId,ariaLabel:this.hostLabel,menuRef:e=>this.menu=e,onPick:this.pick,onHover:e=>this.active=e,onLeave:()=>this.active=-1,onKeyDown:this.onKeyDown})))}static get style(){return".sc-sui-menu-h{display:block;font-family:var(--font-sans)}.box.sc-sui-menu{display:block;box-sizing:border-box;color:var(--ink)}.box.card.sc-sui-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.header.sc-sui-menu{padding:11px 15px 9px;border-bottom:1px solid var(--hairline);font-size:13px}.sui-menu-list.sc-sui-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-menu{width:auto}.sui-menu-list.sc-sui-menu:focus{outline:none}.sui-menu-row.sc-sui-menu{position:relative}.sui-menu-fly.sc-sui-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-menu .sui-glyph.sc-sui-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-menu .sui-glyph.sc-sui-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-menu .sui-menu-sep.sc-sui-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-menu,a.sui-menu-item.sc-sui-menu:hover,a.sui-menu-item.sc-sui-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-menu,.sui-menu-item.open.sc-sui-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-menu,a.sui-menu-item.danger.sc-sui-menu,a.sui-menu-item.danger.sc-sui-menu:hover,a.sui-menu-item.danger.sc-sui-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-menu,.sui-menu-item.danger.sc-sui-menu:hover,a.sui-menu-item.danger.sc-sui-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-menu{font-weight:650}.sui-menu-item.sc-sui-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-menu:hover .sui-menu-icon.sc-sui-menu,.sui-menu-item.danger.active.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-menu{background:CanvasText}.sui-menu-item.active.sc-sui-menu,.sui-menu-item.open.sc-sui-menu,.sui-menu-item.danger.active.sc-sui-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-menu,a.sui-menu-item.open.sc-sui-menu,a.sui-menu-item.danger.active.sc-sui-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-menu{color:GrayText}.sui-menu-item.current.sc-sui-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-menu,.sui-menu-shortcut.sc-sui-menu,.sui-menu-chev.sc-sui-menu,.sui-menu-item.danger.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:inherit}.sui-menu-item.disabled.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:GrayText}.sui-menu-badge.sc-sui-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-menu",{items:[16],width:[2],variant:[513],active:[32],hasHeader:[32],hostLabel:[32],setFocus:[64]}]);function f(){"undefined"!=typeof customElements&&["sui-menu"].forEach((e=>{"sui-menu"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}export{p as SuiMenu,f as defineCustomElement}
+import{p as e,H as i,c as s,h as n,a as u,t}from"./p-CeVlau-G.js";import{m as a,f as o,M as r}from"./p-lu4HWrMJ.js";import{f as c,o as m}from"./p-BWkzTEZX.js";import{i as d}from"./p-wknHx00K.js";import{d as l}from"./p-BHB1Wprj.js";import{u as h}from"./p-U06fVoGD.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiPick=s(this,"suiPick",7)}get host(){return this}items=[];width=230;variant="plain";suiPick;active=-1;hasHeader=!1;hostLabel;fieldId=h("sui-menu");menu;dispose;stopAria;loaded=!1;connectedCallback(){l(this.host,(()=>this.tabStop())),this.stopAria?.(),this.stopAria=d(this.host,(e=>{this.hostLabel=e})),this.loaded&&this.watch(!0)}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.menu?.querySelector('[data-index][tabindex="0"]')??null}componentWillLoad(){this.hasHeader=c(this.host,"header")}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.()}watch(e=!1){const i=()=>{this.hasHeader=c(this.host,"header")};this.dispose?.(),this.dispose=m(this.host,i,{childList:!0}),e&&Promise.resolve().then((()=>{this.host.isConnected&&i()}))}pick=e=>{this.suiPick.emit(e),e.command?.()};onKeyDown=e=>{if("Escape"===e.key)return;const i=a(e,this.items,this.active);if("move"===i.action&&i.index>=0)this.active=i.index,o(this.menu,i.index);else if("activate"===i.action){const e=this.items[this.active];e&&!e.disabled&&this.pick(e)}};render(){return n(u,{key:"3928e34086e8183488de213b1a717725cafcd347"},n("div",{key:"3dfb11320b80da2d53f6c5999485d5311d434556",class:{box:!0,card:"card"===this.variant}},this.hasHeader?n("div",{class:"header"},n("slot",{name:"header"})):null,n(r,{key:"10b0fb15103e87504803cf066ce9ed2c14db4c9a",items:this.items,width:this.width,fill:"card"!==this.variant,activeIndex:this.active,idBase:this.fieldId,ariaLabel:this.hostLabel,menuRef:e=>this.menu=e,onPick:this.pick,onHover:e=>this.active=e,onLeave:()=>this.active=-1,onKeyDown:this.onKeyDown})))}static get style(){return".sc-sui-menu-h{display:block;font-family:var(--font-sans)}.box.sc-sui-menu{display:block;box-sizing:border-box;color:var(--ink)}.box.card.sc-sui-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.header.sc-sui-menu{padding:11px 15px 9px;border-bottom:1px solid var(--hairline);font-size:13px}.sui-menu-list.sc-sui-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-menu{width:auto}.sui-menu-list.sc-sui-menu:focus{outline:none}.sui-menu-row.sc-sui-menu{position:relative}.sui-menu-fly.sc-sui-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-menu .sui-glyph.sc-sui-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-menu .sui-glyph.sc-sui-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-menu .sui-menu-sep.sc-sui-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-menu,a.sui-menu-item.sc-sui-menu:hover,a.sui-menu-item.sc-sui-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-menu,.sui-menu-item.open.sc-sui-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-menu,a.sui-menu-item.danger.sc-sui-menu,a.sui-menu-item.danger.sc-sui-menu:hover,a.sui-menu-item.danger.sc-sui-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-menu,.sui-menu-item.danger.sc-sui-menu:hover,a.sui-menu-item.danger.sc-sui-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-menu{font-weight:650}.sui-menu-item.sc-sui-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-menu:hover .sui-menu-icon.sc-sui-menu,.sui-menu-item.danger.active.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-menu{background:CanvasText}.sui-menu-item.active.sc-sui-menu,.sui-menu-item.open.sc-sui-menu,.sui-menu-item.danger.active.sc-sui-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-menu,a.sui-menu-item.open.sc-sui-menu,a.sui-menu-item.danger.active.sc-sui-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-menu{color:GrayText}.sui-menu-item.current.sc-sui-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-menu,.sui-menu-shortcut.sc-sui-menu,.sui-menu-chev.sc-sui-menu,.sui-menu-item.danger.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:inherit}.sui-menu-item.disabled.sc-sui-menu .sui-menu-icon.sc-sui-menu{color:GrayText}.sui-menu-badge.sc-sui-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-menu",{items:[16],width:[2],variant:[513],active:[32],hasHeader:[32],hostLabel:[32],setFocus:[64]}]);function f(){"undefined"!=typeof customElements&&["sui-menu"].forEach((e=>{"sui-menu"===e&&(customElements.get(t(e))||customElements.define(t(e),p))}))}export{p as SuiMenu,f as defineCustomElement}

package/dist/components/{p-Dgl_qIYT.js → p-D3Vt3xcn.js}

@@ -1 +1 @@
-import{p as i,H as o,c as s,h as r,t as e}from"./p-CeVlau-G.js";import{i as t,d as a,s as l,r as n}from"./p-BHB1Wprj.js";import{f as c}from"./p-C6T8Kp68.js";import{d,F as h}from"./p-TBwsYzWO.js";import{G as u,a6 as p,p as f}from"./p-DdsE4HI6.js";import{u as b}from"./p-U06fVoGD.js";import{a as v,l as x,i as g}from"./p-BuyjS5bS.js";import{a as m}from"./p-COO9uV7W.js";import{n as y}from"./p-BpxmwysK.js";import{f as w}from"./p-CGWvlrv_.js";import{d as k}from"./p-CYZG3LOZ.js";import{d as C}from"./p-v0MrzKlW.js";const F=["#121C4D","#FF9422","#DCE3EC","#8E9CAF","#D86F00","#00449E"],M=["HEX","RGB","HSL"],z=[255,255,255],D=[0,0,0],A=(i,o,s)=>Math.min(s,Math.max(o,isNaN(i)?o:i)),S=(i,o,s)=>{i/=255,o/=255,s/=255;const r=Math.max(i,o,s),e=r-Math.min(i,o,s);let t=0;return e&&(t=r===i?(o-s)/e%6:r===o?(s-i)/e+2:(i-o)/e+4,t*=60,t<0&&(t+=360)),[t,r?e/r:0,r]},j=(i,o,s)=>{o/=100,s/=100;const r=(1-Math.abs(2*s-1))*o,e=r*(1-Math.abs(i/60%2-1)),t=s-r/2,a=i<60?[r,e,0]:i<120?[e,r,0]:i<180?[0,r,e]:i<240?[0,e,r]:i<300?[e,0,r]:[r,0,e];return[Math.round(255*(a[0]+t)),Math.round(255*(a[1]+t)),Math.round(255*(a[2]+t))]},E=i=>i.toString(16).padStart(2,"0").toUpperCase(),H=i=>{let o=/^#?([0-9a-f]{3})$/i.exec(String(i??"").trim());if(o){const i=o[1];return{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16)}}if(o=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i.exec(String(i??"").trim()),!o)return null;const s=parseInt(o[1],16);return{r:s>>16&255,g:s>>8&255,b:255&s,a:null!=o[2]?Math.round(parseInt(o[2],16)/2.55):void 0}},I=i=>{const o=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*o(i[0])+.7152*o(i[1])+.0722*o(i[2])},K=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;invalid=!1;required=!1;value="#000000";noAlpha=!1;showContrast=!1;presets=F;recentsKey="sui-color-editor-recents";width=264;disabled=!1;readOnly=!1;name;suiInput;suiChange;h=0;s=0;v=0;alpha=100;model="HEX";recent=[];hexText="";formDisabled=!1;orig={hex:"#000000",alpha:100};last={hex:"",alpha:-1};lastValue;drag;dragMoved=!1;async setFocus(){c(this.host)?.focus()}fieldId=b("sui-color-editor");connectedCallback(){t(this.host,this.internals),a(this.host,(()=>c(this.host)))}componentWillLoad(){this.applyValue(this.value);const i=this.hex();this.orig={hex:i,alpha:this.alpha},this.last={hex:i,alpha:this.alpha},this.hexText=i,this.lastValue=this.value,this.recent=this.loadRecents(),this.syncForm()}disconnectedCallback(){this.endDrag(!1)}onValueChange(i){if(i===this.lastValue)return;if(!H(i))return;this.applyValue(i);const o=this.hex();this.last={hex:o,alpha:this.alpha},this.hexText=o,this.lastValue=i,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){l(this.internals,this.isDisabled?null:this.css()),n(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,c(this.host)||void 0,this.error)}formResetCallback(){this.revert(!0),this.hexText=this.orig.hex}formDisabledCallback(i){this.formDisabled=w(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get locked(){return this.isDisabled||this.readOnly}rgb(){return((i,o,s)=>{const r=r=>{const e=(r+i/60)%6;return s-s*o*Math.max(0,Math.min(e,4-e,1))};return[r(5),r(3),r(1)].map((i=>Math.round(255*i)))})(this.h,this.s,this.v)}hex(){const i=this.rgb();return o=i[1],s=i[2],"#"+E(i[0])+E(o)+E(s);var o,s}hsl(){const i=this.rgb();return((i,o,s)=>{i/=255,o/=255,s/=255;const r=Math.max(i,o,s),e=Math.min(i,o,s),t=r-e,a=(r+e)/2;let l=0,n=0;return t&&(n=a>.5?t/(2-r-e):t/(r+e),l=r===i?(o-s)/t%6:r===o?(s-i)/t+2:(i-o)/t+4,l*=60,l<0&&(l+=360)),[Math.round(l),Math.round(100*n),Math.round(100*a)]})(i[0],i[1],i[2])}css(){const i=this.hex();if(this.alpha>=100||this.noAlpha)return i;const o=this.rgb();return`rgba(${o[0]},${o[1]},${o[2]},${this.alpha/100})`}applyValue(i){const o=H(i)||{r:0,g:0,b:0,a:void 0},s=S(o.r,o.g,o.b);this.h=s[0],this.s=s[1],this.v=s[2],this.alpha=null!=o.a?o.a:100}detail(){const i=this.rgb(),o=this.hsl();return{hex:this.hex(),alpha:this.alpha,rgb:{r:i[0],g:i[1],b:i[2]},hsl:{h:o[0],s:o[1],l:o[2]},css:this.css()}}commit(i=!0){const o=this.hex();if(o===this.last.hex&&this.alpha===this.last.alpha)return;this.last={hex:o,alpha:this.alpha},this.hexText=o,this.lastValue=this.alpha<100&&!this.noAlpha?o+E(Math.round(255*this.alpha/100)):o,this.value=this.lastValue,this.syncForm();const s=this.detail();this.suiInput.emit(s),i?this.suiChange.emit(s):this.dragMoved=!0}setHsv(i=this.h,o=this.s,s=this.v,r=!1){this.isDisabled||this.readOnly&&!r||(this.h=i,this.s=o,this.v=s,this.commit(!this.drag))}setAlpha(i,o=!1){this.isDisabled||this.readOnly&&!o||(this.alpha=A(Math.round(i),0,100),this.commit(!this.drag))}applyRgb(i,o,s){const r=S(i,o,s);this.setHsv(r[0],r[1],r[2])}applyHex(i,o=!1){const s=H(i);if(!s)return!1;if(this.readOnly&&!o)return!0;const r=S(s.r,s.g,s.b);return this.h=r[0],this.s=r[1],this.v=r[2],null!=s.a&&(this.alpha=s.a),this.isDisabled||this.commit(),!0}revert(i=!1){this.applyHex(this.orig.hex,i),this.setAlpha(this.orig.alpha,i)}loadRecents(){try{if(!this.recentsKey||"undefined"==typeof localStorage)return[];const i=JSON.parse(localStorage.getItem(this.recentsKey)||"[]");return Array.isArray(i)?i.filter((i=>"string"==typeof i)).slice(0,7):[]}catch{return[]}}pushRecent(i){if(this.recent.includes(i))return;const o=[i].concat(this.recent).slice(0,7);this.recent=o;try{this.recentsKey&&"undefined"!=typeof localStorage&&localStorage.setItem(this.recentsKey,JSON.stringify(o))}catch{}}applyPointer(i){const o=this.drag;if(!o)return;const s=o.el.getBoundingClientRect(),r=A(s.width?(i.clientX-s.left)/s.width:0,0,1),e=A(s.height?(i.clientY-s.top)/s.height:0,0,1);"sv"===o.mode&&this.setHsv(this.h,r,1-e),"hue"===o.mode&&this.setHsv(Math.min(360,Math.round(360*r))),"alpha"===o.mode&&this.setAlpha(100*r)}startDrag=i=>o=>{if(this.locked)return;o.preventDefault();const s=o.currentTarget;this.drag={mode:i,el:s},this.dragMoved=!1,s.focus?.(),this.applyPointer(o),"undefined"!=typeof document&&(document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp))};onMove=i=>this.applyPointer(i);onUp=()=>this.endDrag(!0);endDrag(i){const o=this.dragMoved;this.drag=void 0,this.dragMoved=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),i&&o&&this.suiChange.emit(this.detail())}onSvKey=i=>{const o=i.shiftKey?.1:.01;switch(i.key){case"ArrowRight":this.setHsv(this.h,A(this.s+o,0,1));break;case"ArrowLeft":this.setHsv(this.h,A(this.s-o,0,1));break;case"ArrowUp":this.setHsv(this.h,this.s,A(this.v+o,0,1));break;case"ArrowDown":this.setHsv(this.h,this.s,A(this.v-o,0,1));break;case"PageUp":this.setHsv(this.h,this.s,A(this.v+.1,0,1));break;case"PageDown":this.setHsv(this.h,this.s,A(this.v-.1,0,1));break;case"Home":this.setHsv(this.h,0,this.v);break;case"End":this.setHsv(this.h,1,this.v);break;default:return}i.preventDefault()};rangeKey(i,o,s,r){const e=i.shiftKey?10:1;switch(i.key){case"ArrowRight":case"ArrowUp":r(A(o+e,0,s));break;case"ArrowLeft":case"ArrowDown":r(A(o-e,0,s));break;case"PageUp":r(A(o+10,0,s));break;case"PageDown":r(A(o-10,0,s));break;case"Home":r(0);break;case"End":r(s);break;default:return}i.preventDefault()}onHueKey=i=>this.rangeKey(i,Math.round(this.h),360,(i=>this.setHsv(i)));onAlphaKey=i=>this.rangeKey(i,this.alpha,100,(i=>this.setAlpha(i)));commitHexText(){this.applyHex(this.hexText)||(this.hexText=this.hex())}pickFromScreen=()=>{if(!this.locked)try{(new(0,window.EyeDropper)).open().then((i=>this.applyHex(i.sRGBHex))).catch((()=>{}))}catch{}};get hasEyeDropper(){return"undefined"!=typeof window&&!!window.EyeDropper}channelField(i,o,s,e,t=!1){const a=o=>{const r=o.value.replace(/\D/g,"");""!==r&&e(A(parseInt(r,10),0,s)),o.value=String(""===r?i:A(parseInt(r,10),0,s))};return r("div",{class:{ch:!0,fixed:t},key:o},r("input",{class:"num sui-frame",value:String(i),inputMode:"numeric","aria-label":o,disabled:this.isDisabled,readOnly:this.readOnly,onBlur:i=>a(i.target),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),a(i.currentTarget))}}),r("div",{class:"under"},o))}renderFields(){const i=this.rgb(),o=this.hsl();return"HEX"===this.model?[r("div",{class:"ch",key:"hex"},r("input",{class:"num hexfield sui-frame",value:this.hexText,"aria-label":v(void 0,"color-editor.hexValue",void 0,"Hex value"),id:this.fieldId,"aria-required":this.required?"true":null,"aria-invalid":this.invalid||this.error?"true":null,"aria-describedby":d(this.fieldId,this.help,this.error),spellcheck:!1,disabled:this.isDisabled,readOnly:this.readOnly,onInput:i=>this.hexText=i.target.value,onBlur:()=>this.commitHexText(),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.commitHexText())}}),r("div",{class:"under"},"Hex"))]:"RGB"===this.model?[this.channelField(i[0],"R",255,(o=>this.applyRgb(o,i[1],i[2]))),this.channelField(i[1],"G",255,(o=>this.applyRgb(i[0],o,i[2]))),this.channelField(i[2],"B",255,(o=>this.applyRgb(i[0],i[1],o)))]:[this.channelField(o[0],"H",360,(i=>{const s=j(i,o[1],o[2]),r=S(s[0],s[1],s[2]);this.setHsv(o[1]>0?i:r[0],r[1],r[2])})),this.channelField(o[1],"S",100,(i=>{const s=j(o[0],i,o[2]);this.applyRgb(s[0],s[1],s[2])})),this.channelField(o[2],"L",100,(i=>{const s=j(o[0],o[1],i);this.applyRgb(s[0],s[1],s[2])}))]}swatch(i,o){const s=i.toUpperCase()===this.hex();return r("span",{class:"cell",key:o},r("button",{type:"button",class:{sw:!0,on:s,white:"#FFFFFF"===i.toUpperCase()},"aria-label":x(void 0,"color-editor.use",void 0,"Use {color}",{color:i}),"aria-pressed":s?"true":"false",disabled:this.locked,style:{background:i},onClick:()=>this.applyHex(i)}))}ratioRow(i,o,s){const e=((i,o)=>{const s=I(i)+.05,r=I(o)+.05;return Math.round(Math.max(s,r)/Math.min(s,r)*100)/100})(this.rgb(),i),t=e>=7?["AAA","pass"]:e>=4.5?["AA","pass"]:e>=3?[v(void 0,"color-editor.aaLarge",void 0,"AA large"),"large"]:[v(void 0,"color-editor.fails",void 0,"Fails"),"fail"];return r("div",{class:"ratio",key:s},r("span",{class:"sample",style:{background:s,color:this.hex()},"aria-hidden":"true"},"Aa"),r("span",{class:"ratio-name"},o),r("b",{class:"ratio-val"},y(g(),{minimumFractionDigits:2,maximumFractionDigits:2}).format(e),":1"),r("span",{class:{grade:!0,[t[1]]:!0}},t[0]))}thumb(i,o,s){return r("span",{class:"thumb",style:{left:`${i}%`,top:null!=o?`${o}%`:"50%",background:s},"aria-hidden":"true"})}render(){const i=this.invalid||!!this.error,o=this.hex(),s=`hsl(${Math.round(this.h)} 100% 50%)`,e=Math.round(100*this.s),t=Math.round(100*this.v),a=this.orig;return r(h,{key:"c03b16e9be2f7db8b3888f8caaf3ade6c1e9bc2d",label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"324310b54e93f23f3d23296a3cd5a5a0dcd7698e",class:{"sui-color-editor":!0,disabled:this.isDisabled,readonly:this.readOnly,invalid:i},style:{width:`${this.width}px`},"aria-disabled":this.isDisabled?"true":null},r("div",{key:"c66474c8f060443bc02dc20119563b0f92705644",class:"card"},r("div",{key:"d315ad4631a419e3b7612986d3b6a9890e7c9d2c",class:"sv",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.saturationAndBrightness",void 0,"Saturation and brightness"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t,"aria-valuetext":x(void 0,"color-editor.saturationBrightness",void 0,"Saturation {saturation}, brightness {brightness}",{saturation:m(e),brightness:m(t)}),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:`linear-gradient(to top, black, transparent), linear-gradient(to right, white, ${s})`},onPointerDown:this.startDrag("sv"),onKeyDown:this.onSvKey},this.thumb(100*this.s,100*(1-this.v),o)),r("div",{key:"b3ecf1007b590dd2c2850c317623c3ecea981536",class:"strip hue",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.hue",void 0,"Hue"),"aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(this.h),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:"linear-gradient(to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%))"},onPointerDown:this.startDrag("hue"),onKeyDown:this.onHueKey},this.thumb(this.h/360*100,null,s)),this.noAlpha?null:r("div",{class:"strip alpha checker",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.alpha",void 0,"Alpha"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.alpha,"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,onPointerDown:this.startDrag("alpha"),onKeyDown:this.onAlphaKey},r("span",{class:"alpha-fill",style:{background:`linear-gradient(to right, transparent, ${o})`}}),this.thumb(this.alpha,null,o)),r("div",{key:"d3e344e9e354fce2aa2c456a2b6a8780ad0e3ef9",class:"tools"},r("sui-tooltip",{key:"5f06a0c49be33b366084e361c5ef3f8e7da76af7",content:v(void 0,"color-editor.originalVsNew",void 0,"Original vs new. Click to revert"),position:"top"},r("span",{key:"a0c882e1fd32106d5e84c4352211565926fe973c",class:"compare checker",role:"button",tabIndex:this.locked?-1:0,"aria-label":v(void 0,"color-editor.revertToOriginalColor",void 0,"Revert to original color"),"aria-disabled":this.locked?"true":null,onClick:()=>this.revert(),onKeyDown:i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.revert())}},r("span",{key:"058f5ca91f5ae45f5cfa8927e887e13bb304d227",class:"half",style:{background:a.hex,opacity:String(a.alpha/100)}}),r("span",{key:"861208752adfaf0ce69d66bd56cc1468077b82e3",class:"half",style:{background:o,opacity:String(this.noAlpha?1:this.alpha/100)}}))),r("span",{key:"692a4077681d2359978daeb0da0e124e0c407acf",class:"spacer"}),r("sui-select-button",{key:"9a9b1d081a8c6d23bfc6f3cc1fafccc3634a6678",class:"models",size:"sm",pill:!1,options:M,value:this.model,disabled:this.isDisabled,onSuiChange:i=>{i.stopPropagation(),this.model=i.detail}}),this.hasEyeDropper?r("sui-tooltip",{content:v(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),position:"top"},r("button",{type:"button",class:"eye","aria-label":v(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),disabled:this.locked,onClick:this.pickFromScreen},r(u,{glyph:p}))):null),r("div",{key:"f71039c0de8fb16da55f8b847aa9e94c2fcfb106",class:"fields"},this.renderFields(),this.noAlpha?null:this.channelField(this.alpha,"A%",100,(i=>this.setAlpha(i)),!0)),this.showContrast?r("div",{class:"contrast"},r("span",{class:"eyebrow"},v(void 0,"color-editor.contrast",void 0,"Contrast")),this.ratioRow(z,v(void 0,"color-editor.onWhite",void 0,"on white"),"white"),this.ratioRow(D,v(void 0,"color-editor.onBlack",void 0,"on black"),"black")):null,r("div",{key:"6f4f2cfaa66fb72c9a1891e845fd46a9846b860c",class:"swatches"},r("div",{key:"41f82218bb5fa853e71afaac924c2201cd5a04ff",class:"swrow"},r("span",{key:"a67539d223284fd6ba53ccf469bc2319f531472d",class:"swlabel"},v(void 0,"color-editor.swatches",void 0,"Swatches")),(this.presets||[]).map(((i,o)=>this.swatch(i,`p${o}`)))),r("div",{key:"a1af00a8490495c8c812bc7290b422ae079e0ef9",class:"swrow"},r("span",{key:"163ade2ce1cafaaceeeb989c020e8b6f63ff5c07",class:"swlabel"},v(void 0,"color-editor.recent",void 0,"Recent")),this.recent.map(((i,o)=>this.swatch(i,`r${o}`))),r("sui-tooltip",{key:"4625419f3bd16c7478f612673fe996703ad4a86b",content:v(void 0,"color-editor.saveCurrentColor",void 0,"Save current color"),position:"top"},r("button",{key:"c953410787dcca8cb311a92eb90a9f26e5773388",type:"button",class:"save","aria-label":v(void 0,"color-editor.saveCurrentColorToRecent",void 0,"Save current color to recent"),disabled:this.isDisabled,onClick:()=>this.pushRecent(o)},r(u,{key:"a2c201039767231e9229cf7e1ccace206f201937",glyph:f}))))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-color-editor-h{display:inline-flex;font-family:var(--font-sans)}.sui-color-editor.sc-sui-color-editor{display:inline-flex;flex-direction:column;gap:6px;box-sizing:border-box;max-width:100%}.card.sc-sui-color-editor{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.disabled.sc-sui-color-editor .card.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);background:var(--disabled-bg)}.invalid.sc-sui-color-editor .card.sc-sui-color-editor{border-color:var(--danger)}.checker.sc-sui-color-editor{background:repeating-conic-gradient(var(--border) 0% 25%, var(--palette-white) 0% 50%) 0 0 / 10px 10px}.sv.sc-sui-color-editor{position:relative;height:148px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;outline:none}.strip.sc-sui-color-editor{position:relative;height:14px;border-radius:7px;cursor:pointer;touch-action:none;outline:none}.alpha-fill.sc-sui-color-editor{position:absolute;inset:0;border-radius:7px}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.disabled.sc-sui-color-editor .sv.sc-sui-color-editor,.disabled.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:not-allowed}.readonly.sc-sui-color-editor .sv.sc-sui-color-editor,.readonly.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:default}.thumb.sc-sui-color-editor{position:absolute;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent), 0 1px 3px color-mix(in srgb, var(--brand) 30%, transparent)}.tools.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.spacer.sc-sui-color-editor{flex:1}.compare.sc-sui-color-editor{display:inline-flex;width:44px;height:26px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;flex-shrink:0;box-sizing:border-box;outline:none}.compare.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.compare.sc-sui-color-editor .half.sc-sui-color-editor{flex:1}.disabled.sc-sui-color-editor .compare.sc-sui-color-editor{cursor:not-allowed}.eye.sc-sui-color-editor{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--ink-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.eye.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.eye.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.eye.sc-sui-color-editor:disabled{background:var(--disabled-bg);color:var(--ink-placeholder);cursor:not-allowed}.fields.sc-sui-color-editor{display:flex;gap:6px;align-items:flex-start}.ch.sc-sui-color-editor{flex:1;min-width:0}.ch.fixed.sc-sui-color-editor{flex:none;width:46px}.num.sc-sui-color-editor{height:30px;width:100%;box-sizing:border-box;padding:0 6px;font-size:12px;font-family:var(--font-sans);font-feature-settings:'tnum';color:var(--ink);text-align:center}.num.hexfield.sc-sui-color-editor{font-family:var(--font-mono);text-align:left;padding:0 9px;font-weight:650}.under.sc-sui-color-editor{font-size:9.5px;font-weight:650;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-top:4px}.contrast.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--hairline);padding-top:9px}.eyebrow.sc-sui-color-editor{font-size:10px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)}.ratio.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.sample.sc-sui-color-editor{width:26px;height:20px;border-radius:4px;border:1px solid var(--border);box-sizing:border-box;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ratio-name.sc-sui-color-editor{flex:1;font-size:11.5px;color:var(--ink-muted)}.ratio-val.sc-sui-color-editor{font-size:11.5px;font-feature-settings:'tnum';color:var(--ink)}.grade.sc-sui-color-editor{padding:1px 7px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:720}.grade.pass.sc-sui-color-editor{background:var(--brand-soft);color:var(--brand-soft-ink)}.grade.large.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.grade.fail.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.swatches.sc-sui-color-editor{border-top:1px solid var(--hairline);padding-top:9px;display:flex;flex-direction:column;gap:7px}.swrow.sc-sui-color-editor{display:flex;gap:0;align-items:center;flex-wrap:wrap;line-height:0}.swlabel.sc-sui-color-editor{font-size:9px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);width:70px;white-space:nowrap;flex-shrink:0;line-height:normal}.cell.sc-sui-color-editor{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;box-sizing:border-box}.sw.sc-sui-color-editor{display:block;flex-shrink:0;box-sizing:border-box;width:18px;height:18px;border-radius:5px;padding:0;cursor:pointer;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.sw.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sw.sc-sui-color-editor:disabled{cursor:not-allowed}.swrow.sc-sui-color-editor sui-tooltip.sc-sui-color-editor{display:inline-flex;line-height:0}.save.sc-sui-color-editor{width:18px;height:18px;margin:4px;border-radius:5px;padding:0;cursor:pointer;background:transparent;border:1px dashed var(--border-strong);color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.save.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.save.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.save.sc-sui-color-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed}@media (forced-colors: active){.sv.sc-sui-color-editor,.strip.sc-sui-color-editor,.compare.sc-sui-color-editor,.sample.sc-sui-color-editor,.sw.sc-sui-color-editor{forced-color-adjust:none;border:1px solid CanvasText}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible,.compare.sc-sui-color-editor:focus-visible,.sw.sc-sui-color-editor:focus-visible{outline-color:Highlight;box-shadow:none}.sw.white.sc-sui-color-editor{border-color:CanvasText}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px Canvas, 0 0 0 4px Highlight}.sw.sc-sui-color-editor:disabled{border-color:GrayText}.num.sc-sui-color-editor:disabled{color:GrayText;border-color:GrayText}.grade.sc-sui-color-editor{border:1px solid CanvasText}}.sui-frame.sc-sui-color-editor{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-color-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-editor,.sui-frame.readonly.sc-sui-color-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{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-color-editor{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-color-editor:focus-within,.sui-frame.invalid.focus.sc-sui-color-editor,.sui-frame.invalid.open.sc-sui-color-editor{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-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{--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-color-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-editor{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-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-editor .sui-field-label.sc-sui-color-editor{color:var(--danger)}.sui-field-req.sc-sui-color-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-editor{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-color-editor .sui-glyph.sc-sui-color-editor{font-size:11px}"}},[578,"sui-color-editor",{label:[1],help:[1],error:[1],invalid:[516],required:[516],value:[1025],noAlpha:[516,"no-alpha"],showContrast:[516,"show-contrast"],presets:[16],recentsKey:[1,"recents-key"],width:[2],disabled:[516],readOnly:[516,"readonly"],name:[513],h:[32],s:[32],v:[32],alpha:[32],model:[32],recent:[32],hexText:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}]);function T(){"undefined"!=typeof customElements&&["sui-color-editor","sui-select-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-color-editor":customElements.get(e(i))||customElements.define(e(i),K);break;case"sui-select-button":customElements.get(e(i))||k();break;case"sui-tooltip":customElements.get(e(i))||C()}}))}export{K as S,T as d}
+import{p as i,H as o,c as s,h as r,t as e}from"./p-CeVlau-G.js";import{i as t,d as a,s as l,r as n}from"./p-BHB1Wprj.js";import{f as c}from"./p-BtgC2u2Q.js";import{d,F as h}from"./p-piEUki9n.js";import{G as u,a6 as p,p as f}from"./p-BeYfX4rQ.js";import{u as b}from"./p-U06fVoGD.js";import{a as v,l as x,i as g}from"./p-BuyjS5bS.js";import{a as m}from"./p-qut9RP2y.js";import{n as y}from"./p-BpxmwysK.js";import{f as w}from"./p-CGWvlrv_.js";import{d as k}from"./p-BkdpcGfq.js";import{d as F}from"./p-b5Ks_pUg.js";const C=["#121C4D","#FF9422","#DCE3EC","#8E9CAF","#D86F00","#00449E"],M=["HEX","RGB","HSL"],A=[255,255,255],D=[0,0,0],z=(i,o,s)=>Math.min(s,Math.max(o,isNaN(i)?o:i)),S=(i,o,s)=>{i/=255,o/=255,s/=255;const r=Math.max(i,o,s),e=r-Math.min(i,o,s);let t=0;return e&&(t=r===i?(o-s)/e%6:r===o?(s-i)/e+2:(i-o)/e+4,t*=60,t<0&&(t+=360)),[t,r?e/r:0,r]},j=(i,o,s)=>{o/=100,s/=100;const r=(1-Math.abs(2*s-1))*o,e=r*(1-Math.abs(i/60%2-1)),t=s-r/2,a=i<60?[r,e,0]:i<120?[e,r,0]:i<180?[0,r,e]:i<240?[0,e,r]:i<300?[e,0,r]:[r,0,e];return[Math.round(255*(a[0]+t)),Math.round(255*(a[1]+t)),Math.round(255*(a[2]+t))]},E=i=>i.toString(16).padStart(2,"0").toUpperCase(),H=i=>{let o=/^#?([0-9a-f]{3})$/i.exec(String(i??"").trim());if(o){const i=o[1];return{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16)}}if(o=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i.exec(String(i??"").trim()),!o)return null;const s=parseInt(o[1],16);return{r:s>>16&255,g:s>>8&255,b:255&s,a:null!=o[2]?Math.round(parseInt(o[2],16)/2.55):void 0}},I=i=>{const o=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*o(i[0])+.7152*o(i[1])+.0722*o(i[2])},B=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;invalid=!1;required=!1;value="#000000";noAlpha=!1;showContrast=!1;presets=C;recentsKey="sui-color-editor-recents";width=264;disabled=!1;readOnly=!1;name;suiInput;suiChange;h=0;s=0;v=0;alpha=100;model="HEX";recent=[];hexText="";formDisabled=!1;orig={hex:"#000000",alpha:100};last={hex:"",alpha:-1};lastValue;drag;dragMoved=!1;async setFocus(){c(this.host)?.focus()}fieldId=b("sui-color-editor");connectedCallback(){t(this.host,this.internals),a(this.host,(()=>c(this.host)))}componentWillLoad(){this.applyValue(this.value);const i=this.hex();this.orig={hex:i,alpha:this.alpha},this.last={hex:i,alpha:this.alpha},this.hexText=i,this.lastValue=this.value,this.recent=this.loadRecents(),this.syncForm()}disconnectedCallback(){this.endDrag(!1)}onValueChange(i){if(i===this.lastValue)return;if(!H(i))return;this.applyValue(i);const o=this.hex();this.last={hex:o,alpha:this.alpha},this.hexText=o,this.lastValue=i,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){l(this.internals,this.isDisabled?null:this.css()),n(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,c(this.host)||void 0,this.error)}formResetCallback(){this.revert(!0),this.hexText=this.orig.hex}formDisabledCallback(i){this.formDisabled=w(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get locked(){return this.isDisabled||this.readOnly}rgb(){return((i,o,s)=>{const r=r=>{const e=(r+i/60)%6;return s-s*o*Math.max(0,Math.min(e,4-e,1))};return[r(5),r(3),r(1)].map((i=>Math.round(255*i)))})(this.h,this.s,this.v)}hex(){const i=this.rgb();return o=i[1],s=i[2],"#"+E(i[0])+E(o)+E(s);var o,s}hsl(){const i=this.rgb();return((i,o,s)=>{i/=255,o/=255,s/=255;const r=Math.max(i,o,s),e=Math.min(i,o,s),t=r-e,a=(r+e)/2;let l=0,n=0;return t&&(n=a>.5?t/(2-r-e):t/(r+e),l=r===i?(o-s)/t%6:r===o?(s-i)/t+2:(i-o)/t+4,l*=60,l<0&&(l+=360)),[Math.round(l),Math.round(100*n),Math.round(100*a)]})(i[0],i[1],i[2])}css(){const i=this.hex();if(this.alpha>=100||this.noAlpha)return i;const o=this.rgb();return`rgba(${o[0]},${o[1]},${o[2]},${this.alpha/100})`}applyValue(i){const o=H(i)||{r:0,g:0,b:0,a:void 0},s=S(o.r,o.g,o.b);this.h=s[0],this.s=s[1],this.v=s[2],this.alpha=null!=o.a?o.a:100}detail(){const i=this.rgb(),o=this.hsl();return{hex:this.hex(),alpha:this.alpha,rgb:{r:i[0],g:i[1],b:i[2]},hsl:{h:o[0],s:o[1],l:o[2]},css:this.css()}}commit(i=!0){const o=this.hex();if(o===this.last.hex&&this.alpha===this.last.alpha)return;this.last={hex:o,alpha:this.alpha},this.hexText=o,this.lastValue=this.alpha<100&&!this.noAlpha?o+E(Math.round(255*this.alpha/100)):o,this.value=this.lastValue,this.syncForm();const s=this.detail();this.suiInput.emit(s),i?this.suiChange.emit(s):this.dragMoved=!0}setHsv(i=this.h,o=this.s,s=this.v,r=!1){this.isDisabled||this.readOnly&&!r||(this.h=i,this.s=o,this.v=s,this.commit(!this.drag))}setAlpha(i,o=!1){this.isDisabled||this.readOnly&&!o||(this.alpha=z(Math.round(i),0,100),this.commit(!this.drag))}applyRgb(i,o,s){const r=S(i,o,s);this.setHsv(r[0],r[1],r[2])}applyHex(i,o=!1){const s=H(i);if(!s)return!1;if(this.readOnly&&!o)return!0;const r=S(s.r,s.g,s.b);return this.h=r[0],this.s=r[1],this.v=r[2],null!=s.a&&(this.alpha=s.a),this.isDisabled||this.commit(),!0}revert(i=!1){this.applyHex(this.orig.hex,i),this.setAlpha(this.orig.alpha,i)}loadRecents(){try{if(!this.recentsKey||"undefined"==typeof localStorage)return[];const i=JSON.parse(localStorage.getItem(this.recentsKey)||"[]");return Array.isArray(i)?i.filter((i=>"string"==typeof i)).slice(0,7):[]}catch{return[]}}pushRecent(i){if(this.recent.includes(i))return;const o=[i].concat(this.recent).slice(0,7);this.recent=o;try{this.recentsKey&&"undefined"!=typeof localStorage&&localStorage.setItem(this.recentsKey,JSON.stringify(o))}catch{}}applyPointer(i){const o=this.drag;if(!o)return;const s=o.el.getBoundingClientRect(),r=z(s.width?(i.clientX-s.left)/s.width:0,0,1),e=z(s.height?(i.clientY-s.top)/s.height:0,0,1);"sv"===o.mode&&this.setHsv(this.h,r,1-e),"hue"===o.mode&&this.setHsv(Math.min(360,Math.round(360*r))),"alpha"===o.mode&&this.setAlpha(100*r)}startDrag=i=>o=>{if(this.locked)return;o.preventDefault();const s=o.currentTarget;this.drag={mode:i,el:s},this.dragMoved=!1,s.focus?.(),this.applyPointer(o),"undefined"!=typeof document&&(document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp))};onMove=i=>this.applyPointer(i);onUp=()=>this.endDrag(!0);endDrag(i){const o=this.dragMoved;this.drag=void 0,this.dragMoved=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),i&&o&&this.suiChange.emit(this.detail())}onSvKey=i=>{const o=i.shiftKey?.1:.01;switch(i.key){case"ArrowRight":this.setHsv(this.h,z(this.s+o,0,1));break;case"ArrowLeft":this.setHsv(this.h,z(this.s-o,0,1));break;case"ArrowUp":this.setHsv(this.h,this.s,z(this.v+o,0,1));break;case"ArrowDown":this.setHsv(this.h,this.s,z(this.v-o,0,1));break;case"PageUp":this.setHsv(this.h,this.s,z(this.v+.1,0,1));break;case"PageDown":this.setHsv(this.h,this.s,z(this.v-.1,0,1));break;case"Home":this.setHsv(this.h,0,this.v);break;case"End":this.setHsv(this.h,1,this.v);break;default:return}i.preventDefault()};rangeKey(i,o,s,r){const e=i.shiftKey?10:1;switch(i.key){case"ArrowRight":case"ArrowUp":r(z(o+e,0,s));break;case"ArrowLeft":case"ArrowDown":r(z(o-e,0,s));break;case"PageUp":r(z(o+10,0,s));break;case"PageDown":r(z(o-10,0,s));break;case"Home":r(0);break;case"End":r(s);break;default:return}i.preventDefault()}onHueKey=i=>this.rangeKey(i,Math.round(this.h),360,(i=>this.setHsv(i)));onAlphaKey=i=>this.rangeKey(i,this.alpha,100,(i=>this.setAlpha(i)));commitHexText(){this.applyHex(this.hexText)||(this.hexText=this.hex())}pickFromScreen=()=>{if(!this.locked)try{(new(0,window.EyeDropper)).open().then((i=>this.applyHex(i.sRGBHex))).catch((()=>{}))}catch{}};get hasEyeDropper(){return"undefined"!=typeof window&&!!window.EyeDropper}channelField(i,o,s,e,t=!1){const a=o=>{const r=o.value.replace(/\D/g,"");""!==r&&e(z(parseInt(r,10),0,s)),o.value=String(""===r?i:z(parseInt(r,10),0,s))};return r("div",{class:{ch:!0,fixed:t},key:o},r("input",{class:"num sui-frame",value:String(i),inputMode:"numeric","aria-label":o,disabled:this.isDisabled,readOnly:this.readOnly,onBlur:i=>a(i.target),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),a(i.currentTarget))}}),r("div",{class:"under"},o))}renderFields(){const i=this.rgb(),o=this.hsl();return"HEX"===this.model?[r("div",{class:"ch",key:"hex"},r("input",{class:"num hexfield sui-frame",value:this.hexText,"aria-label":v(void 0,"color-editor.hexValue",void 0,"Hex value"),id:this.fieldId,"aria-required":this.required?"true":null,"aria-invalid":this.invalid||this.error?"true":null,"aria-describedby":d(this.fieldId,this.help,this.error),spellcheck:!1,disabled:this.isDisabled,readOnly:this.readOnly,onInput:i=>this.hexText=i.target.value,onBlur:()=>this.commitHexText(),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.commitHexText())}}),r("div",{class:"under"},"Hex"))]:"RGB"===this.model?[this.channelField(i[0],"R",255,(o=>this.applyRgb(o,i[1],i[2]))),this.channelField(i[1],"G",255,(o=>this.applyRgb(i[0],o,i[2]))),this.channelField(i[2],"B",255,(o=>this.applyRgb(i[0],i[1],o)))]:[this.channelField(o[0],"H",360,(i=>{const s=j(i,o[1],o[2]),r=S(s[0],s[1],s[2]);this.setHsv(o[1]>0?i:r[0],r[1],r[2])})),this.channelField(o[1],"S",100,(i=>{const s=j(o[0],i,o[2]);this.applyRgb(s[0],s[1],s[2])})),this.channelField(o[2],"L",100,(i=>{const s=j(o[0],o[1],i);this.applyRgb(s[0],s[1],s[2])}))]}swatch(i,o){const s=i.toUpperCase()===this.hex();return r("span",{class:"cell",key:o},r("button",{type:"button",class:{sw:!0,on:s,white:"#FFFFFF"===i.toUpperCase()},"aria-label":x(void 0,"color-editor.use",void 0,"Use {color}",{color:i}),"aria-pressed":s?"true":"false",disabled:this.locked,style:{background:i},onClick:()=>this.applyHex(i)}))}ratioRow(i,o,s){const e=((i,o)=>{const s=I(i)+.05,r=I(o)+.05;return Math.round(Math.max(s,r)/Math.min(s,r)*100)/100})(this.rgb(),i),t=e>=7?["AAA","pass"]:e>=4.5?["AA","pass"]:e>=3?[v(void 0,"color-editor.aaLarge",void 0,"AA large"),"large"]:[v(void 0,"color-editor.fails",void 0,"Fails"),"fail"];return r("div",{class:"ratio",key:s},r("span",{class:"sample",style:{background:s,color:this.hex()},"aria-hidden":"true"},"Aa"),r("span",{class:"ratio-name"},o),r("b",{class:"ratio-val"},y(g(),{minimumFractionDigits:2,maximumFractionDigits:2}).format(e),":1"),r("span",{class:{grade:!0,[t[1]]:!0}},t[0]))}thumb(i,o,s){return r("span",{class:"thumb",style:{left:`${i}%`,top:null!=o?`${o}%`:"50%",background:s},"aria-hidden":"true"})}render(){const i=this.invalid||!!this.error,o=this.hex(),s=`hsl(${Math.round(this.h)} 100% 50%)`,e=Math.round(100*this.s),t=Math.round(100*this.v),a=this.orig;return r(h,{key:"c03b16e9be2f7db8b3888f8caaf3ade6c1e9bc2d",label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"324310b54e93f23f3d23296a3cd5a5a0dcd7698e",class:{"sui-color-editor":!0,disabled:this.isDisabled,readonly:this.readOnly,invalid:i},style:{width:`${this.width}px`},"aria-disabled":this.isDisabled?"true":null},r("div",{key:"c66474c8f060443bc02dc20119563b0f92705644",class:"card"},r("div",{key:"d315ad4631a419e3b7612986d3b6a9890e7c9d2c",class:"sv",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.saturationAndBrightness",void 0,"Saturation and brightness"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t,"aria-valuetext":x(void 0,"color-editor.saturationBrightness",void 0,"Saturation {saturation}, brightness {brightness}",{saturation:m(e),brightness:m(t)}),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:`linear-gradient(to top, black, transparent), linear-gradient(to right, white, ${s})`},onPointerDown:this.startDrag("sv"),onKeyDown:this.onSvKey},this.thumb(100*this.s,100*(1-this.v),o)),r("div",{key:"b3ecf1007b590dd2c2850c317623c3ecea981536",class:"strip hue",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.hue",void 0,"Hue"),"aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(this.h),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:"linear-gradient(to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%))"},onPointerDown:this.startDrag("hue"),onKeyDown:this.onHueKey},this.thumb(this.h/360*100,null,s)),this.noAlpha?null:r("div",{class:"strip alpha checker",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":v(void 0,"color-editor.alpha",void 0,"Alpha"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.alpha,"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,onPointerDown:this.startDrag("alpha"),onKeyDown:this.onAlphaKey},r("span",{class:"alpha-fill",style:{background:`linear-gradient(to right, transparent, ${o})`}}),this.thumb(this.alpha,null,o)),r("div",{key:"d3e344e9e354fce2aa2c456a2b6a8780ad0e3ef9",class:"tools"},r("sui-tooltip",{key:"5f06a0c49be33b366084e361c5ef3f8e7da76af7",content:v(void 0,"color-editor.originalVsNew",void 0,"Original vs new. Click to revert"),position:"top"},r("span",{key:"a0c882e1fd32106d5e84c4352211565926fe973c",class:"compare checker",role:"button",tabIndex:this.locked?-1:0,"aria-label":v(void 0,"color-editor.revertToOriginalColor",void 0,"Revert to original color"),"aria-disabled":this.locked?"true":null,onClick:()=>this.revert(),onKeyDown:i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.revert())}},r("span",{key:"058f5ca91f5ae45f5cfa8927e887e13bb304d227",class:"half",style:{background:a.hex,opacity:String(a.alpha/100)}}),r("span",{key:"861208752adfaf0ce69d66bd56cc1468077b82e3",class:"half",style:{background:o,opacity:String(this.noAlpha?1:this.alpha/100)}}))),r("span",{key:"692a4077681d2359978daeb0da0e124e0c407acf",class:"spacer"}),r("sui-select-button",{key:"9a9b1d081a8c6d23bfc6f3cc1fafccc3634a6678",class:"models",size:"sm",pill:!1,options:M,value:this.model,disabled:this.isDisabled,onSuiChange:i=>{i.stopPropagation(),this.model=i.detail}}),this.hasEyeDropper?r("sui-tooltip",{content:v(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),position:"top"},r("button",{type:"button",class:"eye","aria-label":v(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),disabled:this.locked,onClick:this.pickFromScreen},r(u,{glyph:p}))):null),r("div",{key:"f71039c0de8fb16da55f8b847aa9e94c2fcfb106",class:"fields"},this.renderFields(),this.noAlpha?null:this.channelField(this.alpha,"A%",100,(i=>this.setAlpha(i)),!0)),this.showContrast?r("div",{class:"contrast"},r("span",{class:"eyebrow"},v(void 0,"color-editor.contrast",void 0,"Contrast")),this.ratioRow(A,v(void 0,"color-editor.onWhite",void 0,"on white"),"white"),this.ratioRow(D,v(void 0,"color-editor.onBlack",void 0,"on black"),"black")):null,r("div",{key:"6f4f2cfaa66fb72c9a1891e845fd46a9846b860c",class:"swatches"},r("div",{key:"41f82218bb5fa853e71afaac924c2201cd5a04ff",class:"swrow"},r("span",{key:"a67539d223284fd6ba53ccf469bc2319f531472d",class:"swlabel"},v(void 0,"color-editor.swatches",void 0,"Swatches")),(this.presets||[]).map(((i,o)=>this.swatch(i,`p${o}`)))),r("div",{key:"a1af00a8490495c8c812bc7290b422ae079e0ef9",class:"swrow"},r("span",{key:"163ade2ce1cafaaceeeb989c020e8b6f63ff5c07",class:"swlabel"},v(void 0,"color-editor.recent",void 0,"Recent")),this.recent.map(((i,o)=>this.swatch(i,`r${o}`))),r("sui-tooltip",{key:"4625419f3bd16c7478f612673fe996703ad4a86b",content:v(void 0,"color-editor.saveCurrentColor",void 0,"Save current color"),position:"top"},r("button",{key:"c953410787dcca8cb311a92eb90a9f26e5773388",type:"button",class:"save","aria-label":v(void 0,"color-editor.saveCurrentColorToRecent",void 0,"Save current color to recent"),disabled:this.isDisabled,onClick:()=>this.pushRecent(o)},r(u,{key:"a2c201039767231e9229cf7e1ccace206f201937",glyph:f}))))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-color-editor-h{display:inline-flex;font-family:var(--font-sans)}.sui-color-editor.sc-sui-color-editor{display:inline-flex;flex-direction:column;gap:6px;box-sizing:border-box;max-width:100%}.card.sc-sui-color-editor{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.disabled.sc-sui-color-editor .card.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);background:var(--disabled-bg)}.invalid.sc-sui-color-editor .card.sc-sui-color-editor{border-color:var(--danger)}.checker.sc-sui-color-editor{background:repeating-conic-gradient(var(--border) 0% 25%, var(--palette-white) 0% 50%) 0 0 / 10px 10px}.sv.sc-sui-color-editor{position:relative;height:148px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;outline:none}.strip.sc-sui-color-editor{position:relative;height:14px;border-radius:7px;cursor:pointer;touch-action:none;outline:none}.alpha-fill.sc-sui-color-editor{position:absolute;inset:0;border-radius:7px}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.disabled.sc-sui-color-editor .sv.sc-sui-color-editor,.disabled.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:not-allowed}.readonly.sc-sui-color-editor .sv.sc-sui-color-editor,.readonly.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:default}.thumb.sc-sui-color-editor{position:absolute;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent), 0 1px 3px color-mix(in srgb, var(--brand) 30%, transparent)}.tools.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.spacer.sc-sui-color-editor{flex:1}.compare.sc-sui-color-editor{display:inline-flex;width:44px;height:26px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;flex-shrink:0;box-sizing:border-box;outline:none}.compare.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.compare.sc-sui-color-editor .half.sc-sui-color-editor{flex:1}.disabled.sc-sui-color-editor .compare.sc-sui-color-editor{cursor:not-allowed}.eye.sc-sui-color-editor{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--ink-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.eye.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.eye.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.eye.sc-sui-color-editor:disabled{background:var(--disabled-bg);color:var(--ink-placeholder);cursor:not-allowed}.fields.sc-sui-color-editor{display:flex;gap:6px;align-items:flex-start}.ch.sc-sui-color-editor{flex:1;min-width:0}.ch.fixed.sc-sui-color-editor{flex:none;width:46px}.num.sc-sui-color-editor{height:30px;width:100%;box-sizing:border-box;padding:0 6px;font-size:12px;font-family:var(--font-sans);font-feature-settings:'tnum';color:var(--ink);text-align:center}.num.hexfield.sc-sui-color-editor{font-family:var(--font-mono);text-align:left;padding:0 9px;font-weight:650}.under.sc-sui-color-editor{font-size:9.5px;font-weight:650;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-top:4px}.contrast.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--hairline);padding-top:9px}.eyebrow.sc-sui-color-editor{font-size:10px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)}.ratio.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.sample.sc-sui-color-editor{width:26px;height:20px;border-radius:4px;border:1px solid var(--border);box-sizing:border-box;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ratio-name.sc-sui-color-editor{flex:1;font-size:11.5px;color:var(--ink-muted)}.ratio-val.sc-sui-color-editor{font-size:11.5px;font-feature-settings:'tnum';color:var(--ink)}.grade.sc-sui-color-editor{padding:1px 7px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:720}.grade.pass.sc-sui-color-editor{background:var(--brand-soft);color:var(--brand-soft-ink)}.grade.large.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.grade.fail.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.swatches.sc-sui-color-editor{border-top:1px solid var(--hairline);padding-top:9px;display:flex;flex-direction:column;gap:7px}.swrow.sc-sui-color-editor{display:flex;gap:0;align-items:center;flex-wrap:wrap;line-height:0}.swlabel.sc-sui-color-editor{font-size:9px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);width:70px;white-space:nowrap;flex-shrink:0;line-height:normal}.cell.sc-sui-color-editor{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;box-sizing:border-box}.sw.sc-sui-color-editor{display:block;flex-shrink:0;box-sizing:border-box;width:18px;height:18px;border-radius:5px;padding:0;cursor:pointer;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.sw.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sw.sc-sui-color-editor:disabled{cursor:not-allowed}.swrow.sc-sui-color-editor sui-tooltip.sc-sui-color-editor{display:inline-flex;line-height:0}.save.sc-sui-color-editor{width:18px;height:18px;margin:4px;border-radius:5px;padding:0;cursor:pointer;background:transparent;border:1px dashed var(--border-strong);color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.save.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.save.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.save.sc-sui-color-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed}@media (forced-colors: active){.sv.sc-sui-color-editor,.strip.sc-sui-color-editor,.compare.sc-sui-color-editor,.sample.sc-sui-color-editor,.sw.sc-sui-color-editor{forced-color-adjust:none;border:1px solid CanvasText}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible,.compare.sc-sui-color-editor:focus-visible,.sw.sc-sui-color-editor:focus-visible{outline-color:Highlight;box-shadow:none}.sw.white.sc-sui-color-editor{border-color:CanvasText}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px Canvas, 0 0 0 4px Highlight}.sw.sc-sui-color-editor:disabled{border-color:GrayText}.num.sc-sui-color-editor:disabled{color:GrayText;border-color:GrayText}.grade.sc-sui-color-editor{border:1px solid CanvasText}}.sui-frame.sc-sui-color-editor{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-color-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-editor,.sui-frame.readonly.sc-sui-color-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{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-color-editor{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-color-editor:focus-within,.sui-frame.invalid.focus.sc-sui-color-editor,.sui-frame.invalid.open.sc-sui-color-editor{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-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{--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-color-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-editor{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-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-editor .sui-field-label.sc-sui-color-editor{color:var(--danger)}.sui-field-req.sc-sui-color-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-editor{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-color-editor .sui-glyph.sc-sui-color-editor{font-size:11px}"}},[578,"sui-color-editor",{label:[1],help:[1],error:[1],invalid:[516],required:[516],value:[1025],noAlpha:[516,"no-alpha"],showContrast:[516,"show-contrast"],presets:[16],recentsKey:[1,"recents-key"],width:[2],disabled:[516],readOnly:[516,"readonly"],name:[513],h:[32],s:[32],v:[32],alpha:[32],model:[32],recent:[32],hexText:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}]);function R(){"undefined"!=typeof customElements&&["sui-color-editor","sui-select-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-color-editor":customElements.get(e(i))||customElements.define(e(i),B);break;case"sui-select-button":customElements.get(e(i))||k();break;case"sui-tooltip":customElements.get(e(i))||F()}}))}export{B as S,R as d}

package/dist/components/{p-mdFjb4l0.js → p-DDyzuLfq.js}

@@ -1 +1 @@
-import{p as t,c as n,o as e,r,a as s,h as u,b as a}from"./p-l4ru8vIR.js";const o=["data-sui-theme","data-sui-preset","data-sui-status"],c=t=>{const n=/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/.exec(t);return n?"#"+[n[1],n[2],n[3]].map((t=>Math.round(Number(t)).toString(16).padStart(2,"0"))).join("").toUpperCase():""};function i(n,e){if("function"!=typeof getComputedStyle)return null;try{const r=getComputedStyle(n),s={};for(const n of e){const e=r.getPropertyValue(n).trim();if(s[n]=t(e,"")||c(e),!s[n])return null}return s}catch{return null}}function f(t,n){if("undefined"==typeof MutationObserver||"undefined"==typeof document)return()=>{};const e=new Set([document.documentElement]),r=t.closest(o.map((t=>`[${t}]`)).join(","));r&&e.add(r);const s=Array.from(e).map((t=>{const e=new MutationObserver(n);return e.observe(t,{attributes:!0,attributeFilter:o}),e}));return()=>s.forEach((t=>t.disconnect()))}const d=t=>{const n=s(u(t)),e=n.H*Math.PI/180;return[n.L,n.C*Math.cos(e),n.C*Math.sin(e)]};function F(t,n,e){const s=d(t),u=d(n),o=s.map(((t,n)=>t*e+u[n]*(1-e)));return r(a({L:o[0],C:Math.hypot(o[1],o[2]),H:180*Math.atan2(o[2],o[1])/Math.PI}))}function l(t,r){const s=r.find((e=>n(e,t)>=4.5))||(n("#000000",t)>n("#FFFFFF",t)?"#000000":"#FFFFFF");return{ink:s,sub:n(e(s,t,.78),t)>=3?.78:1}}export{l,F as m,i as r,f as w}
+import{p as t,c as n,o as e,r,a as s,h as u,b as a}from"./p-C-tuu2jV.js";const o=["data-sui-theme","data-sui-preset","data-sui-status"],c=t=>{const n=/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/.exec(t);return n?"#"+[n[1],n[2],n[3]].map((t=>Math.round(Number(t)).toString(16).padStart(2,"0"))).join("").toUpperCase():""};function i(n,e){if("function"!=typeof getComputedStyle)return null;try{const r=getComputedStyle(n),s={};for(const n of e){const e=r.getPropertyValue(n).trim();if(s[n]=t(e,"")||c(e),!s[n])return null}return s}catch{return null}}function f(t,n){if("undefined"==typeof MutationObserver||"undefined"==typeof document)return()=>{};const e=new Set([document.documentElement]),r=t.closest(o.map((t=>`[${t}]`)).join(","));r&&e.add(r);const s=Array.from(e).map((t=>{const e=new MutationObserver(n);return e.observe(t,{attributes:!0,attributeFilter:o}),e}));return()=>s.forEach((t=>t.disconnect()))}const d=t=>{const n=s(u(t)),e=n.H*Math.PI/180;return[n.L,n.C*Math.cos(e),n.C*Math.sin(e)]};function F(t,n,e){const s=d(t),u=d(n),o=s.map(((t,n)=>t*e+u[n]*(1-e)));return r(a({L:o[0],C:Math.hypot(o[1],o[2]),H:180*Math.atan2(o[2],o[1])/Math.PI}))}function h(t,r){const s=r.find((e=>n(e,t)>=4.5))||(n("#000000",t)>n("#FFFFFF",t)?"#000000":"#FFFFFF");return{ink:s,sub:n(e(s,t,.78),t)>=3?.78:1}}export{h as l,F as m,i as r,f as w}

package/dist/components/p-DW6x7zfX.js

@@ -0,0 +1 @@
+import{k as o,o as n,p as s}from"./p-DsHK25q3.js";function t(t){let e,r;const c=()=>{const o=r;r=void 0,e=void 0,o?.()},i=n((()=>{c(),t.exited()})),p=t.onEscape?o(t.onEscape):void 0;return{get shown(){return e},open:o=>(p?.arm(),!(!o||o===e||(c(),e=o,r=s(o),0))),close:()=>(p?.disarm(),!!i.begin(e)||(c(),!1)),reopen(){p?.arm(),i.cancel(),c()},disconnect(){p?.disarm();const o=i.active;return i.cancel(),c(),o}}}export{t as m}

package/dist/components/p-DWqzHMCu.js

@@ -0,0 +1 @@
+import{p as t,H as a,c as s,h as i,a as e,t as o}from"./p-CeVlau-G.js";import{G as n,o as r,f as c,q as l,r as p}from"./p-BeYfX4rQ.js";import{i as d}from"./p-wknHx00K.js";import{d as g}from"./p-BHB1Wprj.js";import{c as h}from"./p-qut9RP2y.js";import{l as u,a as b,i as f}from"./p-BuyjS5bS.js";import{p as v}from"./p-DNXYH-fW.js";import{n as m}from"./p-BpxmwysK.js";import{defineCustomElement as y}from"./p-CDiy2nTd.js";const x=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiPageChange=s(this,"suiPageChange",3),this.suiPageSizeChange=s(this,"suiPageSizeChange",3)}get host(){return this}hostLabel;tableLabel;stopAria;stopTableAria;totalRecords;page=1;pageSize=10;pageSizes=[10,25,50,100];hidePageSize=!1;showOnSinglePage=!1;suiPageChange;suiPageSizeChange;clampPending=!1;narrow=!1;navEl;resizeObserver;connectedCallback(){this.stopAria?.(),this.stopAria=d(this.host,(t=>{this.hostLabel=t})),this.stopTableAria?.();const t=this.host.closest("sui-data-table, sui-data-view");this.stopTableAria=t?d(t,(t=>{this.tableLabel=t})):void 0,t||(this.tableLabel=void 0),g(this.host,(()=>this.tabStop())),this.navEl&&this.watchWidth(!0)}async setFocus(){this.tabStop()?.focus()}tabStop(){const t=this.navEl;return t?t.querySelector('button[aria-current="page"]')||t.querySelector("button:not([disabled])"):null}componentDidLoad(){this.watchWidth()}watchWidth(t=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver||!this.navEl)return;const a=t=>{this.narrow=t>0&&t<420};this.resizeObserver=new ResizeObserver((t=>a(t.length?t[0].contentRect.width:this.navEl?.clientWidth||0))),this.resizeObserver.observe(this.navEl),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.navEl&&a(this.navEl.clientWidth||0)}))}disconnectedCallback(){this.stopAria?.(),this.stopTableAria?.(),this.stopTableAria=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}get count(){return this.totalRecords??0}landmarkName(){if(this.hostLabel)return this.hostLabel;const t=(this.tableLabel||"").trim();return t?u(void 0,"paginator.labelFor",void 0,"Pagination, {table}",{table:t}):b(void 0,"paginator.label",void 0,"Pagination")}onBounds(){this.clampPending=!0}componentWillRender(){if(!this.clampPending)return;this.clampPending=!1;const t=h(this.page||1,1,this.pages());t!==this.page&&(this.page=t,this.suiPageChange.emit(t))}pages(){return Math.max(1,Math.ceil(this.count/Math.max(1,this.pageSize||1)))}go(t){const a=h(t,1,this.pages());a!==this.page&&(this.page=a,this.suiPageChange.emit(a))}onNav=t=>{const a=t.target.closest("button[data-go]");a&&!a.hasAttribute("disabled")&&this.go(Number(a.getAttribute("data-go")))};onSize=t=>{t.stopPropagation();const a=Number(t.detail);if(!a||a===this.pageSize)return;const s=1!==this.page;this.pageSize=a,this.page=1,this.suiPageSizeChange.emit(a),s&&this.suiPageChange.emit(1)};pageButton(t,a){return i("button",{type:"button",class:{pg:!0,current:a},"data-go":t,"aria-label":u(void 0,"paginator.page",void 0,"Page {n}",{n:t}),"aria-current":a?"page":null,key:`p${t}`},t)}rangeText(t,a,s){const i=m(f());return u(void 0,"paginator.range",void 0,"{from}–{to} of {total}",{from:i.format(t),to:i.format(a),total:i.format(s)})}render(){const t=this.pages(),a=h(this.page||1,1,t),s=this.pageSize,o=this.count,d=0===o?0:(a-1)*s+1,g=Math.min(o,a*s),u=[],f=t=>u.push(i("span",{class:"dots","aria-hidden":"true",key:t},"…"));if(this.narrow&&t>5)if(a<=2){for(let t=1;t<=3;t++)u.push(this.pageButton(t,t===a));f("d2"),u.push(this.pageButton(t,!1))}else if(a>=t-1){u.push(this.pageButton(1,!1)),f("d1");for(let s=t-2;s<=t;s++)u.push(this.pageButton(s,s===a))}else u.push(this.pageButton(1,!1)),f("d1"),u.push(this.pageButton(a,!0)),f("d2"),u.push(this.pageButton(t,!1));else if(t<=7)for(let s=1;s<=t;s++)u.push(this.pageButton(s,s===a));else if(a<=4){for(let t=1;t<=5;t++)u.push(this.pageButton(t,t===a));f("d2"),u.push(this.pageButton(t,a===t))}else if(a>=t-3){u.push(this.pageButton(1,1===a)),f("d1");for(let s=t-4;s<=t;s++)u.push(this.pageButton(s,s===a))}else{u.push(this.pageButton(1,!1)),f("d1");for(let t=a-1;t<=a+1;t++)u.push(this.pageButton(t,t===a));f("d2"),u.push(this.pageButton(t,!1))}const m=1===a,y=a===t,x=v(o,s,this.pageSizes,this.hidePageSize,this.showOnSinglePage);return i(e,{key:"953a76f5eb0c1582e10e508fc62da52ebce67544",class:{"sui-pg-single":x}},i("nav",{key:"70c5bb0e2573ca673e4c94e050f1e95765405d0e",class:{"sui-pg":!0,narrow:this.narrow},"aria-label":this.landmarkName(),ref:t=>this.navEl=t},i("span",{key:"10cfc82992c7e4a97e5bbaf1ca53bf098260c732",class:"range-box"},i("span",{key:"b69954537f204ca7d53e737b6086fe9a2e5a5a88",class:"range",role:"status"},this.rangeText(d,g,o)),i("span",{key:"23cfc8c137426843f0c0bb19ba7e4c64b78f7d2d",class:"range-sizer","aria-hidden":"true"},this.rangeText(o,o,o))),i("div",{key:"ef62856b932f02166f5c9052e3eea1053bea8270",class:"pages",onClick:this.onNav},i("button",{key:"0b12f5ab589a18f03c7a0d1f042ad0630604fbcd",type:"button",class:"pg","data-go":1,disabled:m,"aria-label":b(void 0,"paginator.firstPage",void 0,"First page")},i(n,{key:"159a0e02b52b361f31c65976fdfc33b5976a4a2e",glyph:r})),i("button",{key:"15bfa922c899e0370265b09a9a86126c9c871276",type:"button",class:"pg","data-go":a-1,disabled:m,"aria-label":b(void 0,"paginator.previousPage",void 0,"Previous page")},i(n,{key:"15282c9992af838807d8bea86c91ba8f39858ddd",glyph:c})),u,i("button",{key:"ab6298c67d603ceb81ee2bac13b27e3110176c36",type:"button",class:"pg","data-go":a+1,disabled:y,"aria-label":b(void 0,"paginator.nextPage",void 0,"Next page")},i(n,{key:"d22ae8530f1c261e020e019b3786552e74c24e55",glyph:l})),i("button",{key:"95b51f29ab7ae6264d3992079e4056a1e89bb39a",type:"button",class:"pg","data-go":t,disabled:y,"aria-label":b(void 0,"paginator.lastPage",void 0,"Last page")},i(n,{key:"b182173bb8bb45f558d0370a70670b67589c84a9",glyph:p}))),this.hidePageSize?null:i("label",{class:"rows"},i("span",null,b(void 0,"paginator.rows",void 0,"Rows")),i("sui-select",{class:"size",options:(this.pageSizes||[]).map((t=>String(t))),value:String(s),size:"sm","aria-label":b(void 0,"paginator.rowsPerPage",void 0,"Rows per page"),onSuiChange:this.onSize}))))}static get watchers(){return{totalRecords:[{onBounds:0}],pageSize:[{onBounds:0}]}}static get style(){return".sc-sui-paginator-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-pg-single.sc-sui-paginator-h{display:none}.sui-pg.sc-sui-paginator{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.range-box.sc-sui-paginator{display:inline-grid}.range-box.sc-sui-paginator>*.sc-sui-paginator{grid-area:1 / 1}.range.sc-sui-paginator{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.range-sizer.sc-sui-paginator{visibility:hidden;font-size:12.5px;font-feature-settings:'tnum';white-space:nowrap}.pages.sc-sui-paginator{display:flex;align-items:center;gap:2px}.pg.sc-sui-paginator{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;margin:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-family:var(--font-sans);font-size:12.5px;font-weight:550;font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.pg.sc-sui-paginator:hover:not(:disabled):not(.current){background:var(--surface-hover)}.pg.sc-sui-paginator:active:not(:disabled):not(.current){background:var(--surface-pressed)}.pg.current.sc-sui-paginator{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);font-weight:700}.pg.sc-sui-paginator:disabled{color:var(--ink-placeholder);cursor:not-allowed}.pg.sc-sui-paginator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pg.sc-sui-paginator .sui-glyph.sc-sui-paginator{font-size:10px}.pg.sc-sui-paginator .sui-glyph.sc-sui-paginator:dir(rtl){transform:scaleX(-1)}.dots.sc-sui-paginator{color:var(--ink-faint);min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.rows.sc-sui-paginator{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-muted)}.size.sc-sui-paginator{display:inline-block;min-width:68px;font-feature-settings:'tnum'}@media (forced-colors: active){.pg.current.sc-sui-paginator{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.pg.current.sc-sui-paginator:focus-visible{outline-color:CanvasText;box-shadow:none}}"}},[514,"sui-paginator",{totalRecords:[2,"total-records"],page:[1026],pageSize:[1026,"page-size"],pageSizes:[16],hidePageSize:[516,"hide-page-size"],showOnSinglePage:[516,"show-on-single-page"],hostLabel:[32],tableLabel:[32],narrow:[32],setFocus:[64]},void 0,{totalRecords:[{onBounds:0}],pageSize:[{onBounds:0}]}]);function k(){"undefined"!=typeof customElements&&["sui-paginator","sui-select"].forEach((t=>{switch(t){case"sui-paginator":customElements.get(o(t))||customElements.define(o(t),x);break;case"sui-select":customElements.get(o(t))||y()}}))}export{x as S,k as d}

package/dist/components/p-DX9wgxoJ.js

@@ -0,0 +1 @@
+import{b as t,d as a,c as s,t as i,e as o}from"./p-BeYfX4rQ.js";const e={positive:o,attention:i,critical:s,neutral:a,info:t};export{e as S}

package/dist/components/{p-BJXb6pu9.js → p-Dh0O8nfH.js}

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as r,a as o,t as e}from"./p-CeVlau-G.js";import{r as a}from"./p-BnZU02lM.js";import{i as u}from"./p-Cs2X0Kih.js";import{d as n}from"./p-BHB1Wprj.js";import{d}from"./p-v0MrzKlW.js";const c=["sm","md","lg"],l=["horizontal","vertical"],b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiActiveChange=s(this,"suiActiveChange",3),this.suiPick=s(this,"suiPick",7)}get host(){return this}items=[];size="md";orientation="horizontal";selectable=!1;active=-1;disabled=!1;suiActiveChange;suiPick;hostLabel;group;dispose;stopAria;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=u(this.host,(t=>{this.hostLabel=t})),this.arm()}componentDidLoad(){this.arm()}componentDidUpdate(){this.arm()}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.dispose?.(),this.dispose=void 0,this.group?.removeEventListener("keydown",this.onArrowSelect)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.disabled||!this.group)return null;const t=this.group.querySelector('button.item[tabindex="0"]');if(t)return t;const i=this.tabStopIndex();return i<0?null:this.group.querySelector(`button.item[data-index="${i}"]`)}resolvedSize(){return c.includes(this.size)?this.size:"md"}resolvedOrientation(){return l.includes(this.orientation)?this.orientation:"horizontal"}itemOff(t){return this.disabled||!t||!!t.disabled}rovingAxis(){return this.selectable?"both":"vertical"===this.resolvedOrientation()?"vertical":"horizontal"}arm(){this.group&&(this.dispose?.(),this.group.removeEventListener("keydown",this.onArrowSelect),this.dispose=a(this.group,"button.item",this.rovingAxis()),this.group.addEventListener("keydown",this.onArrowSelect))}press(t){const i=(this.items||[])[t];this.itemOff(i)||(this.selectable&&this.active!==t&&(this.active=t,this.suiActiveChange.emit(t)),this.suiPick.emit(i),i.command?.())}onArrowSelect=t=>{if(this.disabled||!this.selectable||!t.defaultPrevented)return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(t.key))return;const i="undefined"!=typeof document?document.activeElement:null;if(i&&i.classList.contains("item")&&this.group?.contains(i)){const t=Number(i.getAttribute("data-index"));Number.isNaN(t)||this.press(t)}};tabStopIndex(){if(this.disabled)return-1;const t=this.items||[],i=t.findIndex((t=>!t.disabled));return this.selectable&&t[this.active]&&!t[this.active].disabled?this.active:i}tabIndexFor(t){return t===this.tabStopIndex()?0:-1}render(){const t=this.items||[],i=t.length,s=this.resolvedSize(),e="vertical"===this.resolvedOrientation();return r(o,{key:"a1d9af89b0bec96d4188728bfedfab3bd67d004f"},r("div",{key:"9999d2e08f284b560e215e564ac4eb1ca034412d",ref:t=>this.group=t,class:{group:!0,[s]:!0,vertical:e,disabled:this.disabled},role:this.selectable?"radiogroup":"toolbar","aria-label":this.hostLabel,"aria-orientation":e?"vertical":null,"aria-disabled":this.disabled?"true":null},t.map(((t,s)=>{const o=this.selectable&&this.active===s,e=!t.label,a=this.itemOff(t),u=r("button",{type:"button",class:{item:!0,on:o,first:0===s,last:s===i-1,"icon-only":e},role:this.selectable?"radio":void 0,"aria-checked":this.selectable?o?"true":"false":null,"aria-label":t.ariaLabel,disabled:a,"data-index":s,"data-value":t.value??null,tabIndex:this.tabIndexFor(s),onClick:()=>this.press(s)},t.icon?r("i",{class:`${t.icon} icon`,"aria-hidden":"true"}):null,t.label?r("span",{class:"lbl"},t.label):null);return e&&t.ariaLabel?r("sui-tooltip",{key:s,content:t.ariaLabel,position:"top"},u):r("span",{key:s,class:"cell"},u)}))))}static get style(){return".sc-sui-button-group-h{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;font-family:var(--font-sans)}.group.sc-sui-button-group{display:inline-flex;align-items:stretch;box-sizing:border-box;max-width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.group.vertical.sc-sui-button-group{flex-direction:column}.cell.sc-sui-button-group{display:inline-flex}.vertical.sc-sui-button-group .cell.sc-sui-button-group,.vertical.sc-sui-button-group sui-tooltip.sc-sui-button-group{display:flex;width:100%}.item.sc-sui-button-group{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;padding:0 var(--sui-button-group-pad-x, 13px);height:var(--control-md);border:none;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:var(--w-semibold);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.item.icon-only.sc-sui-button-group{padding:0 10px}.item.first.sc-sui-button-group{border-inline-start:none;border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.sc-sui-button-group{width:100%;border-inline-start:none;border-top:1px solid var(--border)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group{border-top:none;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.vertical.sc-sui-button-group .item.last.sc-sui-button-group{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.sm.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-sm);font-size:12.5px;padding:0 var(--sui-button-group-pad-x, 8px)}.lg.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-lg)}.item.sc-sui-button-group:hover:not(:disabled):not(.on){background:var(--surface-hover)}.item.sc-sui-button-group:active:not(:disabled):not(.on){background:var(--surface-pressed)}.item.on.sc-sui-button-group{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.item.sc-sui-button-group:disabled{color:var(--disabled-ink);cursor:not-allowed}.item.sc-sui-button-group:disabled:not(.on){background:transparent}.item.on.sc-sui-button-group:disabled{background:var(--disabled-bg)}.item.sc-sui-button-group:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);position:relative;z-index:1;border-radius:var(--radius-sm)}.item.first.sc-sui-button-group:focus-visible{border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group:focus-visible{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) var(--radius-sm) var(--radius-sm)}.vertical.sc-sui-button-group .item.last.sc-sui-button-group:focus-visible{border-radius:var(--radius-sm) var(--radius-sm) calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group:focus-visible,.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px)}.icon.sc-sui-button-group{font-size:var(--icon-size-sm);color:var(--ink-muted)}.item.on.sc-sui-button-group .icon.sc-sui-button-group{color:inherit}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:var(--disabled-ink)}@media (forced-colors: active){.item.on.sc-sui-button-group{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.item.on.sc-sui-button-group:focus-visible{outline-color:CanvasText;box-shadow:none}.item.sc-sui-button-group:disabled{background:GrayText;color:Canvas;border-color:GrayText}.item.sc-sui-button-group:disabled:not(.on){background:Canvas;color:GrayText}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:inherit}}"}},[514,"sui-button-group",{items:[16],size:[513],orientation:[513],selectable:[516],active:[1026],disabled:[516],hostLabel:[32],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["sui-button-group","sui-tooltip"].forEach((t=>{switch(t){case"sui-button-group":customElements.get(e(t))||customElements.define(e(t),b);break;case"sui-tooltip":customElements.get(e(t))||d()}}))}export{b as S,p as d}
+import{p as t,H as i,c as s,h as r,a as o,t as e}from"./p-CeVlau-G.js";import{r as a}from"./p-BnZU02lM.js";import{i as u}from"./p-wknHx00K.js";import{d as n}from"./p-BHB1Wprj.js";import{d}from"./p-b5Ks_pUg.js";const c=["sm","md","lg"],l=["horizontal","vertical"],b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiActiveChange=s(this,"suiActiveChange",3),this.suiPick=s(this,"suiPick",7)}get host(){return this}items=[];size="md";orientation="horizontal";selectable=!1;active=-1;disabled=!1;suiActiveChange;suiPick;hostLabel;group;dispose;stopAria;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=u(this.host,(t=>{this.hostLabel=t})),this.arm()}componentDidLoad(){this.arm()}componentDidUpdate(){this.arm()}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.dispose?.(),this.dispose=void 0,this.group?.removeEventListener("keydown",this.onArrowSelect)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.disabled||!this.group)return null;const t=this.group.querySelector('button.item[tabindex="0"]');if(t)return t;const i=this.tabStopIndex();return i<0?null:this.group.querySelector(`button.item[data-index="${i}"]`)}resolvedSize(){return c.includes(this.size)?this.size:"md"}resolvedOrientation(){return l.includes(this.orientation)?this.orientation:"horizontal"}itemOff(t){return this.disabled||!t||!!t.disabled}rovingAxis(){return this.selectable?"both":"vertical"===this.resolvedOrientation()?"vertical":"horizontal"}arm(){this.group&&(this.dispose?.(),this.group.removeEventListener("keydown",this.onArrowSelect),this.dispose=a(this.group,"button.item",this.rovingAxis()),this.group.addEventListener("keydown",this.onArrowSelect))}press(t){const i=(this.items||[])[t];this.itemOff(i)||(this.selectable&&this.active!==t&&(this.active=t,this.suiActiveChange.emit(t)),this.suiPick.emit(i),i.command?.())}onArrowSelect=t=>{if(this.disabled||!this.selectable||!t.defaultPrevented)return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(t.key))return;const i="undefined"!=typeof document?document.activeElement:null;if(i&&i.classList.contains("item")&&this.group?.contains(i)){const t=Number(i.getAttribute("data-index"));Number.isNaN(t)||this.press(t)}};tabStopIndex(){if(this.disabled)return-1;const t=this.items||[],i=t.findIndex((t=>!t.disabled));return this.selectable&&t[this.active]&&!t[this.active].disabled?this.active:i}tabIndexFor(t){return t===this.tabStopIndex()?0:-1}render(){const t=this.items||[],i=t.length,s=this.resolvedSize(),e="vertical"===this.resolvedOrientation();return r(o,{key:"a1d9af89b0bec96d4188728bfedfab3bd67d004f"},r("div",{key:"9999d2e08f284b560e215e564ac4eb1ca034412d",ref:t=>this.group=t,class:{group:!0,[s]:!0,vertical:e,disabled:this.disabled},role:this.selectable?"radiogroup":"toolbar","aria-label":this.hostLabel,"aria-orientation":e?"vertical":null,"aria-disabled":this.disabled?"true":null},t.map(((t,s)=>{const o=this.selectable&&this.active===s,e=!t.label,a=this.itemOff(t),u=r("button",{type:"button",class:{item:!0,on:o,first:0===s,last:s===i-1,"icon-only":e},role:this.selectable?"radio":void 0,"aria-checked":this.selectable?o?"true":"false":null,"aria-label":t.ariaLabel,disabled:a,"data-index":s,"data-value":t.value??null,tabIndex:this.tabIndexFor(s),onClick:()=>this.press(s)},t.icon?r("i",{class:`${t.icon} icon`,"aria-hidden":"true"}):null,t.label?r("span",{class:"lbl"},t.label):null);return e&&t.ariaLabel?r("sui-tooltip",{key:s,content:t.ariaLabel,position:"top"},u):r("span",{key:s,class:"cell"},u)}))))}static get style(){return".sc-sui-button-group-h{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;font-family:var(--font-sans)}.group.sc-sui-button-group{display:inline-flex;align-items:stretch;box-sizing:border-box;max-width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.group.vertical.sc-sui-button-group{flex-direction:column}.cell.sc-sui-button-group{display:inline-flex}.vertical.sc-sui-button-group .cell.sc-sui-button-group,.vertical.sc-sui-button-group sui-tooltip.sc-sui-button-group{display:flex;width:100%}.item.sc-sui-button-group{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;padding:0 var(--sui-button-group-pad-x, 13px);height:var(--control-md);border:none;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:var(--w-semibold);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.item.icon-only.sc-sui-button-group{padding:0 10px}.item.first.sc-sui-button-group{border-inline-start:none;border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.sc-sui-button-group{width:100%;border-inline-start:none;border-top:1px solid var(--border)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group{border-top:none;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.vertical.sc-sui-button-group .item.last.sc-sui-button-group{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.sm.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-sm);font-size:12.5px;padding:0 var(--sui-button-group-pad-x, 8px)}.lg.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-lg)}.item.sc-sui-button-group:hover:not(:disabled):not(.on){background:var(--surface-hover)}.item.sc-sui-button-group:active:not(:disabled):not(.on){background:var(--surface-pressed)}.item.on.sc-sui-button-group{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.item.sc-sui-button-group:disabled{color:var(--disabled-ink);cursor:not-allowed}.item.sc-sui-button-group:disabled:not(.on){background:transparent}.item.on.sc-sui-button-group:disabled{background:var(--disabled-bg)}.item.sc-sui-button-group:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);position:relative;z-index:1;border-radius:var(--radius-sm)}.item.first.sc-sui-button-group:focus-visible{border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group:focus-visible{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) var(--radius-sm) var(--radius-sm)}.vertical.sc-sui-button-group .item.last.sc-sui-button-group:focus-visible{border-radius:var(--radius-sm) var(--radius-sm) calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group:focus-visible,.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px)}.icon.sc-sui-button-group{font-size:var(--icon-size-sm);color:var(--ink-muted)}.item.on.sc-sui-button-group .icon.sc-sui-button-group{color:inherit}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:var(--disabled-ink)}@media (forced-colors: active){.item.on.sc-sui-button-group{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.item.on.sc-sui-button-group:focus-visible{outline-color:CanvasText;box-shadow:none}.item.sc-sui-button-group:disabled{background:GrayText;color:Canvas;border-color:GrayText}.item.sc-sui-button-group:disabled:not(.on){background:Canvas;color:GrayText}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:inherit}}"}},[514,"sui-button-group",{items:[16],size:[513],orientation:[513],selectable:[516],active:[1026],disabled:[516],hostLabel:[32],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["sui-button-group","sui-tooltip"].forEach((t=>{switch(t){case"sui-button-group":customElements.get(e(t))||customElements.define(e(t),b);break;case"sui-tooltip":customElements.get(e(t))||d()}}))}export{b as S,p as d}

package/dist/components/{p-BEa7fx4d.js → p-DpbLhd6d.js}

@@ -1 +1 @@
-import{f as t}from"./p-C6T8Kp68.js";import{c as e,d as n,e as o,g as r,h as u,i,j as c,F as s,f as a}from"./p-CN5x4MC8.js";import{d as f}from"./p-BWkzTEZX.js";const l=s.join(","),d='[aria-live]:not([aria-live="off"]), [role="status"], [role="alert"], [role="log"]',p="[data-sui-keep-live]",m=`${d}, ${p}`,y=["data-sui-keep-live","aria-live","role"],b=new Set(["script","style","link","template","noscript","meta","title","base"]),v=t=>!!document.body&&document.body.contains(t),w=t=>t.filter((e=>!t.some((t=>t!==e&&t.contains(e))))),S=[];let k,g,h=new Set,C=[];function x(t){return Array.from(document.querySelectorAll(p)).filter((e=>!e.contains(t)))}function A(){if("undefined"==typeof document)return;for(let t=S.length-1;t>=0;t--)v(S[t])||S.splice(t,1);const t=S[S.length-1],{out:e,keep:n}=t?function(t){const e=new Set,n=document.body;if(!n||!n.contains(t))return{out:e,keep:[]};const o=[t,...c(t),...Array.from(document.querySelectorAll(d)),...x(t)].filter((t=>n.contains(t))),r=new Set(w(o)),u=new Set;return r.forEach((t=>{for(let e=t.parentElement;e&&!u.has(e)&&(u.add(e),e!==n);e=e.parentElement);})),u.forEach((t=>{f(t).forEach((t=>{r.has(t)||u.has(t)||b.has(t.localName)||e.add(t)}))})),{out:e,keep:Array.from(r)}}(t):{out:new Set,keep:[]};C=n;const o=new Set;var r;h.forEach((t=>{e.has(t)?o.add(t):t.removeAttribute("inert")})),e.forEach((t=>{o.has(t)||t.hasAttribute("inert")||(t.setAttribute("inert",""),o.add(t))})),h=o,(r=!!t)&&!g&&"undefined"!=typeof MutationObserver&&document.body?(g=new MutationObserver((t=>{S.length&&(t&&t.length&&!t.some(j)||A())})),g.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:y})):!r&&g&&(g.disconnect(),g=void 0)}function j(t){const e=t.target;if("attributes"===t.type){const t=C.indexOf(e)>=0;return!(!t&&C.some((t=>t.contains(e))))&&t!==("function"==typeof e.matches&&e.matches(m))}if(C.some((t=>t.contains(e))))return!1;const n=Array.from(t.addedNodes).filter((t=>1===t.nodeType));return!!n.length&&("function"!=typeof e.closest||!e.closest("[inert]")||n.some((t=>t.matches(m)||!!t.querySelector(m))))}const F=new Set;let M;function $(){if(F.forEach((t=>{t.owner&&!v(t.owner)&&F.delete(t)})),M&&M.html!==document.documentElement&&(M=void 0),F.size&&!M){const t=document.documentElement,e=document.body,n="undefined"!=typeof window?Math.max(0,window.innerWidth-t.clientWidth):0,o={overflow:t.style.overflow,gutter:t.style.getPropertyValue("scrollbar-gutter"),pad:e.style.paddingInlineEnd};if(n>0&&"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("scrollbar-gutter","stable"))t.style.setProperty("scrollbar-gutter","stable");else if(n>0){const t=parseFloat(getComputedStyle(e).paddingInlineEnd)||0;e.style.paddingInlineEnd=`${t+n}px`}t.style.overflow="hidden",M={html:t,unlock:()=>{t.style.overflow=o.overflow,o.gutter?t.style.setProperty("scrollbar-gutter",o.gutter):t.style.removeProperty("scrollbar-gutter"),e.style.paddingInlineEnd=o.pad}}}else if(!F.size&&M){const{unlock:t}=M;M=void 0,t()}}function O(t,c={}){const s=c.onEscape?e(c.onEscape):void 0,a=n(t)||t,f=o(t,{initial:()=>("function"==typeof c.initialFocus?c.initialFocus():c.initialFocus)||t,returnFocus:c.returnFocus,within:e=>i(t,e),companions:()=>function(t){return w(Array.from(document.querySelectorAll(`[data-sui-layer="toast"], ${p}`)).filter((e=>!e.contains(t))))}(a)}),l=function(t){const e=S.findIndex((e=>t!==e&&t.contains(e)));e>=0?S.splice(e,0,t):S.push(t),k||(k=u(A)),A();let n=!1;return()=>{if(n)return;n=!0;const e=S.lastIndexOf(t);e>=0&&S.splice(e,1),S.length||(k?.(),k=void 0),A()}}(a),d=function(t){if("undefined"==typeof document||!document.documentElement||!document.body)return()=>{};const e={owner:t};return $(),F.add(e),$(),()=>{F.delete(e)&&$()}}(t);let m=!1;return{refocus:()=>f.refocus(),release(){m||(m=!0,r(t),s?.(),l(),d(),f.release())}}}function T(t){return t&&a(t)[0]||void 0}function z(e,n){if(!e||!n)return;let o=null;try{o=e.querySelector(n)}catch{return}if(!o)return;const r="function"==typeof o.matches&&o.matches(l)?o:t(o);return r&&!r.hasAttribute("disabled")?r:void 0}function B(t,e){if(!e)return;const n=t.isConnected&&"function"==typeof t.getRootNode?t.getRootNode():null;return z(n&&"function"==typeof n.querySelector?n:document,e)}function E(t){if(t&&t.scrollHeight>t.clientHeight)return t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t}export{z as a,T as f,B as n,O as o,E as s}
+import{f as t}from"./p-BtgC2u2Q.js";import{c as e,d as n,e as o,g as r,h as u,i,j as c,F as s,f as a}from"./p-DsHK25q3.js";import{d as f}from"./p-BWkzTEZX.js";const l=s.join(","),d='[aria-live]:not([aria-live="off"]), [role="status"], [role="alert"], [role="log"]',p="[data-sui-keep-live]",m=`${d}, ${p}`,y=["data-sui-keep-live","aria-live","role"],b=new Set(["script","style","link","template","noscript","meta","title","base"]),v=t=>!!document.body&&document.body.contains(t),w=t=>t.filter((e=>!t.some((t=>t!==e&&t.contains(e))))),S=[];let g,k,h=new Set,A=[];function C(t){return Array.from(document.querySelectorAll(p)).filter((e=>!e.contains(t)))}function j(){if("undefined"==typeof document)return;for(let t=S.length-1;t>=0;t--)v(S[t])||S.splice(t,1);const t=S[S.length-1],{out:e,keep:n}=t?function(t){const e=new Set,n=document.body;if(!n||!n.contains(t))return{out:e,keep:[]};const o=[t,...c(t),...Array.from(document.querySelectorAll(d)),...C(t)].filter((t=>n.contains(t))),r=new Set(w(o)),u=new Set;return r.forEach((t=>{for(let e=t.parentElement;e&&!u.has(e)&&(u.add(e),e!==n);e=e.parentElement);})),u.forEach((t=>{f(t).forEach((t=>{r.has(t)||u.has(t)||b.has(t.localName)||e.add(t)}))})),{out:e,keep:Array.from(r)}}(t):{out:new Set,keep:[]};A=n;const o=new Set;var r;h.forEach((t=>{e.has(t)?o.add(t):t.removeAttribute("inert")})),e.forEach((t=>{o.has(t)||t.hasAttribute("inert")||(t.setAttribute("inert",""),o.add(t))})),h=o,(r=!!t)&&!k&&"undefined"!=typeof MutationObserver&&document.body?(k=new MutationObserver((t=>{S.length&&(t&&t.length&&!t.some(x)||j())})),k.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:y})):!r&&k&&(k.disconnect(),k=void 0)}function x(t){const e=t.target;if("attributes"===t.type){const t=A.indexOf(e)>=0;return!(!t&&A.some((t=>t.contains(e))))&&t!==("function"==typeof e.matches&&e.matches(m))}if(A.some((t=>t.contains(e))))return!1;const n=Array.from(t.addedNodes).filter((t=>1===t.nodeType));return!!n.length&&("function"!=typeof e.closest||!e.closest("[inert]")||n.some((t=>t.matches(m)||!!t.querySelector(m))))}const F=new Set;let $;function M(){if(F.forEach((t=>{t.owner&&!v(t.owner)&&F.delete(t)})),$&&$.html!==document.documentElement&&($=void 0),F.size&&!$){const t=document.documentElement,e=document.body,n="undefined"!=typeof window?Math.max(0,window.innerWidth-t.clientWidth):0,o={overflow:t.style.overflow,gutter:t.style.getPropertyValue("scrollbar-gutter"),pad:e.style.paddingInlineEnd};if(n>0&&"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("scrollbar-gutter","stable"))t.style.setProperty("scrollbar-gutter","stable");else if(n>0){const t=parseFloat(getComputedStyle(e).paddingInlineEnd)||0;e.style.paddingInlineEnd=`${t+n}px`}t.style.overflow="hidden",$={html:t,unlock:()=>{t.style.overflow=o.overflow,o.gutter?t.style.setProperty("scrollbar-gutter",o.gutter):t.style.removeProperty("scrollbar-gutter"),e.style.paddingInlineEnd=o.pad}}}else if(!F.size&&$){const{unlock:t}=$;$=void 0,t()}}function B(t,c={}){const s=c.onEscape?e(c.onEscape):void 0,a=n(t)||t,f=o(t,{initial:()=>("function"==typeof c.initialFocus?c.initialFocus():c.initialFocus)||t,returnFocus:c.returnFocus,within:e=>i(t,e),companions:()=>function(t){return w(Array.from(document.querySelectorAll(`[data-sui-layer="toast"], ${p}`)).filter((e=>!e.contains(t))))}(a)}),l=function(t){const e=S.findIndex((e=>t!==e&&t.contains(e)));e>=0?S.splice(e,0,t):S.push(t),g||(g=u(j)),j();let n=!1;return()=>{if(n)return;n=!0;const e=S.lastIndexOf(t);e>=0&&S.splice(e,1),S.length||(g?.(),g=void 0),j()}}(a),d=function(t){if("undefined"==typeof document||!document.documentElement||!document.body)return()=>{};const e={owner:t};return M(),F.add(e),M(),()=>{F.delete(e)&&M()}}(t);let m=!1;return{refocus:()=>f.refocus(),release(){m||(m=!0,r(t),s?.(),l(),d(),f.release())}}}function O(t){return t&&a(t)[0]||void 0}function q(e,n){if(!e||!n)return;let o=null;try{o=e.querySelector(n)}catch{return}if(!o)return;const r="function"==typeof o.matches&&o.matches(l)?o:t(o);return r&&!r.hasAttribute("disabled")?r:void 0}function z(t,e){if(!e)return;const n=t.isConnected&&"function"==typeof t.getRootNode?t.getRootNode():null;return q(n&&"function"==typeof n.querySelector?n:document,e)}function D(t){if(t&&t.scrollHeight>t.clientHeight)return t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t}export{q as a,O as f,z as n,B as o,D as s}

package/dist/components/p-DquILvXX.js

@@ -0,0 +1 @@
+import{p as t,H as s,h as i,a as n,t as o}from"./p-CeVlau-G.js";import{i as u,b as e,c as a}from"./p-wknHx00K.js";import{d as b}from"./p-BHB1Wprj.js";import{a as r,G as d}from"./p-BeYfX4rQ.js";const c=["accent","brand","outline","ghost","danger","link"],l=["sm","md","lg","xl"],v=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get host(){return this}variant="outline";tone;size="md";label;icon;iconPos="start";disabled=!1;loading=!1;block=!1;pill=!1;type="button";form;name;value;href;target;rel;hostLabel;hostDisabled=!1;hostDescribedby;stopAria;stopAriaDisabled;stopAriaDescribedby;connectedCallback(){b(this.host,(()=>this.btn)),this.stopAria=u(this.host,(t=>{this.hostLabel=t})),this.stopAriaDisabled=e(this.host,(t=>{this.hostDisabled=t})),this.stopAriaDescribedby=a(this.host,(t=>{this.hostDescribedby=t}))}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.stopAriaDisabled?.(),this.stopAriaDisabled=void 0,this.stopAriaDescribedby?.(),this.stopAriaDescribedby=void 0}btn;async setFocus(){this.btn?.focus()}get held(){return this.hostDisabled&&!this.disabled}get blocked(){return this.held||(this.href?this.loading||this.disabled:this.loading&&!this.disabled)}get linkRel(){return this.rel??("_blank"===this.target?"noopener":void 0)}onClick=t=>{this.blocked&&(t.preventDefault(),t.stopImmediatePropagation())};onHostClick(t){t.target===this.host&&(this.disabled||this.blocked)&&(t.preventDefault(),t.stopImmediatePropagation())}render(){const t=this.loading,s=this.disabled,o=this.held,u=!!this.href,e=u&&!s&&!this.blocked,a=c.includes(this.variant)?this.variant:"outline",b=l.includes(this.size)?this.size:"md",v="outline"===a||"ghost"===a||"link"===a,g="danger"===this.tone&&v,h="inverse"===this.tone&&v,f=t?i(d,{glyph:r,class:"sui-btn-spin sui-btn-icon"}):this.icon?i("i",{class:`${this.icon} sui-btn-icon`,"aria-hidden":"true"}):null;return i(n,{key:"ecfa207238c205b83e79b0d012cba904a27b60b9"},i(u?"a":"button",{key:"bfd2a6fb1e08f8c34f32d421965bab1135778d8f",ref:t=>this.btn=t,class:{"sui-btn":!0,[a]:!0,[b]:!0,"tone-danger":g,inverse:h,block:this.block,pill:this.pill,loading:t&&!s&&!o,disabled:u&&s||o},type:u?void 0:this.type,form:u?void 0:this.form,name:u?void 0:this.name,value:u?void 0:this.value,disabled:u?void 0:s,href:e?this.href:void 0,target:e?this.target:void 0,rel:e?this.linkRel:void 0,role:u&&!e?"link":void 0,tabIndex:!u||e||s?void 0:0,"aria-disabled":this.blocked?"true":void 0,"aria-label":this.hostLabel,"aria-describedby":this.hostDescribedby,"aria-busy":t?"true":"false",onClick:this.onClick},"end"===this.iconPos?null:f,this.label?i("span",{class:"sui-btn-label"},this.label):null,i("slot",{key:"eeb7ea82feaca996f3e01bf845468e430ffa6176"}),"end"===this.iconPos?f:null))}static get style(){return".sc-sui-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}[block].sc-sui-button-h{display:block}.sui-btn.sc-sui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--sui-button-radius, var(--radius-md));font-family:var(--font-sans);line-height:1;white-space:nowrap;user-select:none;cursor:pointer;text-decoration:none;margin:0;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-btn.block.sc-sui-button{display:flex;width:100%}.sui-btn.pill.sc-sui-button{border-radius:var(--radius-pill)}.sui-btn.sc-sui-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--sui-button-focus-offset, 1px);box-shadow:var(--sui-button-focus-shadow, var(--focus-shadow))}.sui-btn.sm.sc-sui-button{height:var(--sui-button-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-btn.md.sc-sui-button{height:var(--sui-button-height, var(--control-md));padding:0 var(--button-pad-x);font-size:13px}.sui-btn.lg.sc-sui-button{height:var(--sui-button-height, var(--control-lg));padding:0 var(--button-pad-x-lg);font-size:14px}.sui-btn.xl.sc-sui-button{height:var(--sui-button-height, var(--control-xl));padding:0 var(--button-pad-x-lg);font-size:14px}.sui-btn.sm.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:11px}.sui-btn.md.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:12px}.sui-btn.lg.sc-sui-button .sui-btn-icon.sc-sui-button,.sui-btn.xl.sc-sui-button .sui-btn-icon.sc-sui-button{font-size:14px}.sui-btn.accent.sc-sui-button{background:var(--accent);color:var(--accent-contrast);font-weight:var(--w-heavy)}.sui-btn.accent.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--accent-hover)}.sui-btn.accent.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-accent, var(--focus-ring))}.sui-btn.accent.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--accent-active)}.sui-btn.brand.sc-sui-button{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.sui-btn.brand.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--brand-hover)}.sui-btn.brand.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-brand, var(--focus-ring))}.sui-btn.brand.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--brand-active)}.sui-btn.outline.sc-sui-button{background:var(--surface);color:var(--ink);border-color:var(--sui-button-border, var(--control-border));font-weight:var(--w-semibold);background-clip:padding-box}.sui-btn.outline.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{border-color:var(--sui-button-hover-border, color-mix(in srgb, var(--ink) 30%, var(--control-border)));background:var(--brand-soft)}.sui-btn.outline.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink))}.sui-btn.ghost.sc-sui-button{background:transparent;color:var(--ink);font-weight:var(--w-semibold)}.sui-btn.ghost.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--brand-soft)}.sui-btn.ghost.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink))}.sui-btn.danger.sc-sui-button{background:var(--danger-fill);color:var(--danger-contrast);font-weight:var(--w-heavy);box-shadow:inset 0 0 0 1.5px var(--danger-fill-edge)}.sui-btn.danger.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--danger-hover)}.sui-btn.danger.sc-sui-button:focus-visible{outline-color:var(--sui-button-focus-danger, var(--focus-ring))}.sui-btn.danger.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--danger-active)}.sui-btn.link.sc-sui-button{background:transparent;color:var(--link);font-weight:var(--w-semibold);position:relative}.sui-btn.link.sm.sc-sui-button,.sui-btn.link.md.sc-sui-button,.sui-btn.link.lg.sc-sui-button,.sui-btn.link.xl.sc-sui-button{padding-inline:0;border-inline-width:0}.sui-btn.link.sc-sui-button::after{content:'';position:absolute;inset:0 -6px;border-radius:var(--sui-button-radius, var(--radius-md))}.sui-btn.link.sc-sui-button:focus-visible{outline:none;box-shadow:none}.sui-btn.link.sc-sui-button:focus-visible::after{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-btn.link.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{text-decoration:underline}.sui-btn.link.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{text-decoration:underline}.sui-btn.link.sc-sui-button:not(.inverse):not(.tone-danger):active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{color:color-mix(in srgb, var(--link) 70%, var(--ink))}.sui-btn.inverse.sc-sui-button{--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-btn.outline.inverse.sc-sui-button{background:transparent;color:var(--ink-inverse-muted);border-color:var(--border-inverse)}.sui-btn.ghost.inverse.sc-sui-button,.sui-btn.link.inverse.sc-sui-button{background:transparent;color:var(--ink-inverse-muted)}.sui-btn.outline.inverse.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button,.sui-btn.ghost.inverse.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--border-inverse);color:var(--ink-inverse)}.sui-btn.outline.inverse.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button,.sui-btn.ghost.inverse.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:color-mix(in srgb, var(--ink-inverse) 22%, transparent);color:var(--ink-inverse)}.sui-btn.link.inverse.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{color:var(--ink-inverse)}.sui-btn.outline.tone-danger.sc-sui-button{color:var(--danger);border-color:var(--danger)}.sui-btn.ghost.tone-danger.sc-sui-button,.sui-btn.link.tone-danger.sc-sui-button{color:var(--danger);font-weight:var(--w-bold)}.sui-btn.outline.tone-danger.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button,.sui-btn.ghost.tone-danger.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-btn.outline.tone-danger.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button,.sui-btn.ghost.tone-danger.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{background:color-mix(in srgb, var(--danger-soft) 84%, var(--danger));color:var(--danger-soft-ink)}.sui-btn.outline.tone-danger.sc-sui-button:hover:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button,.sui-btn.outline.tone-danger.sc-sui-button:active:not(:disabled,.loading.sc-sui-button,.disabled).sc-sui-button{border-color:var(--danger)}.sui-btn.sc-sui-button:disabled,.sui-btn.disabled.sc-sui-button{cursor:not-allowed}.sui-btn.loading.sc-sui-button{cursor:progress}.sui-btn.sc-sui-button:disabled:not(.loading),.sui-btn.disabled.sc-sui-button:not(.loading){color:var(--disabled-ink);border-color:transparent}.sui-btn.accent.sc-sui-button:disabled:not(.loading),.sui-btn.brand.sc-sui-button:disabled:not(.loading),.sui-btn.danger.sc-sui-button:disabled:not(.loading),.sui-btn.accent.disabled.sc-sui-button,.sui-btn.brand.disabled.sc-sui-button,.sui-btn.danger.disabled.sc-sui-button{background:var(--disabled-bg);box-shadow:none}.sui-btn.outline.sc-sui-button:disabled:not(.loading),.sui-btn.outline.disabled.sc-sui-button{background:var(--surface);border-color:var(--border)}.sui-btn.ghost.sc-sui-button:disabled:not(.loading),.sui-btn.link.sc-sui-button:disabled:not(.loading),.sui-btn.ghost.disabled.sc-sui-button,.sui-btn.link.disabled.sc-sui-button{background:transparent}.sui-btn.inverse.sc-sui-button:disabled:not(.loading),.sui-btn.inverse.disabled.sc-sui-button{background:transparent;color:var(--ink-inverse-faint)}.sui-btn.outline.inverse.sc-sui-button:disabled:not(.loading),.sui-btn.outline.inverse.disabled.sc-sui-button{border-color:var(--border-inverse)}.sui-btn-spin.sc-sui-button{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-btn-spin.sc-sui-button{animation-duration:2s}}@media (forced-colors: active){.sui-btn.disabled.sc-sui-button{color:GrayText;border-color:GrayText}}"}},[774,"sui-button",{variant:[513],tone:[513],size:[513],label:[1],icon:[1],iconPos:[513,"icon-pos"],disabled:[516],loading:[516],block:[516],pill:[516],type:[513],form:[1],name:[1],value:[1],href:[1],target:[1],rel:[1],hostLabel:[32],hostDisabled:[32],hostDescribedby:[32],setFocus:[64]},[[2,"click","onHostClick"]]]);function g(){"undefined"!=typeof customElements&&["sui-button"].forEach((t=>{"sui-button"===t&&(customElements.get(o(t))||customElements.define(o(t),v))}))}export{v as SuiButton,g as defineCustomElement}