@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-f5205be8.entry.js → p-d1d8cbf7.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,g as s,f as e,h as r,a as o}from"./p-ChCjmDsd.js";import{G as a,a2 as h,a3 as n,a4 as c,a5 as l,q as d,a6 as u,a7 as p,X as m}from"./p-DGU97JSr.js";import{i as v}from"./p-Cs2X0Kih.js";import{u as f}from"./p-U06fVoGD.js";import{o as k,p as b,a as g,b as x,k as y,j as w,m as C,t as S}from"./p--VsCbcYp.js";import{f as z}from"./p-8R5d4SBR.js";import{S as A,e as M,N as P,p as T,f as j,m as D,i as H,d as I,n as L,g as E,j as N}from"./p-BZHfNo5D.js";import{s as F,b as K,T as O,c as G,d as U,w as R,f as W}from"./p-KzF-D40r.js";import{l as B}from"./p-lWhwwQJ2.js";import"./p-GAnFXayY.js";import"./p-DXIDl7cw.js";const J=[...M,"custom"],X=O,V=["brand","semantic","custom"],Y=["dark","light","auto"],$=["primary","accent","surface","status"],_=["auto","primary","custom"],q=["compact","panel"],Q="sui-theme",Z=A.shineui;function ii(i){if(!(!i||i.length<20||i.length>32768||i.indexOf('[data-sui-preset="custom"]')<0||i.indexOf("--brand:")<0||/<\/style/i.test(i)))return i}const ti=class{constructor(s){i(this,s),this.suiThemeChange=t(this,"suiThemeChange",3)}get host(){return s(this)}preset="shineui";mode="light";status="brand";code="dark";primary;accentColor;accentMode="custom";neutral="tint";appearance="compact";target="html";persist=!1;disabled=!1;showPresetName=!1;suiThemeChange;hostLabel;open=!1;menu=null;editor=null;accentIdx=0;positiveAuto=!0;warnAuto=!0;alertAuto=!0;positiveHex="";warnHex="";alertHex="";locks={primary:!1,accent:!1,surface:!1,status:!1};titleId=f("sui-theme-picker-title");dialogId=f("sui-theme-picker-dialog");raised=[];trigger;bodyEl;layerEl;closing=!1;exit=k((()=>{this.closing=!1}));menuFocusPending=!1;flyEl;editorEl;presetAnchor;surfaceAnchor;wellBtns={};lastTarget=null;lastCss="";loaded=!1;disposers=[];flyDisposers=[];applying=!1;stopAria;accentItems=[{label:"Suggested",value:"auto"},{label:"Primary",value:"primary"},{label:"Custom",value:"custom"}];statusItems(){return[{label:B(void 0,"theme-picker.brand",void 0,"Brand"),value:"brand"},{label:B(void 0,"theme-picker.semantic",void 0,"Semantic"),value:"semantic"},{label:B(void 0,"theme-picker.custom",void 0,"Custom"),value:"custom"}]}codeItems(){return[{label:B(void 0,"theme-picker.dark",void 0,"Dark"),value:"dark"},{label:B(void 0,"theme-picker.light",void 0,"Light"),value:"light"},{label:B(void 0,"theme-picker.auto",void 0,"Auto"),value:"auto"}]}componentWillLoad(){this.wantsPersist()&&this.hydratePersist(),this.coerce(),this.apply()}connectedCallback(){this.stopAria?.(),this.stopAria=v(this.host,(i=>{this.hostLabel=i})),this.loaded&&this.apply(),this.loaded&&(this.open||this.menu||this.editor)&&e(this)}componentWillRender(){this.raised.length&&this.lowerOuts(this.drawnOuts())}drawnOuts(){return["compact"===this.resolvedAppearance()&&(this.open||this.closing)?this.layerEl:void 0,this.menu?this.flyEl:void 0,this.editor&&this.hasColorEditor()?this.editorEl:void 0]}raiseOuts(){for(const i of this.drawnOuts())i&&!this.raised.some((t=>t.el===i))&&this.raised.push({el:i,down:b(i)})}lowerOuts(i=[]){this.raised=this.raised.filter((t=>!!i.includes(t.el)||(t.down(),!1)))}componentDidLoad(){this.loaded=!0,this.syncTriggerAria()}componentDidRender(){this.raiseOuts(),this.syncTriggerAria(),this.open&&"compact"===this.resolvedAppearance()&&this.afterOpen(),this.placeFly(),this.armFlyListeners(),this.settleMenuFocus()}settleMenuFocus(){if(!this.menuFocusPending||!this.menu||!this.flyEl)return;this.menuFocusPending=!1;const i=this.flyEl.querySelector(".opt.on")||this.flyEl.querySelector(".opt");i?.focus({preventScroll:!0})}onFlyKeyDown=i=>{if(!this.flyEl)return;const t=Array.from(this.flyEl.querySelectorAll(".opt:not([disabled])"));if(!t.length)return;const s=t.indexOf(document.activeElement),e=s=>{i.preventDefault(),i.stopPropagation(),t[(s+t.length)%t.length].focus({preventScroll:!0})};if("ArrowDown"===i.key)return e(s+1);if("ArrowUp"===i.key)return e(s-1);if("Home"===i.key)return e(0);if("End"===i.key)return e(t.length-1);if("Tab"===i.key)return i.preventDefault(),void(this.menu=null);if(1===i.key.length&&/\S/.test(i.key)&&!i.altKey&&!i.ctrlKey&&!i.metaKey){const r=i.key.toLowerCase();for(let i=1;i<=t.length;i++){const o=(s+i)%t.length;if((t[o].textContent||"").trim().toLowerCase().startsWith(r))return e(o)}}};disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.exit.cancel(),this.closing=!1,this.teardown(),this.releaseFlyListeners(),this.lowerOuts(),this.lastTarget&&(F(this.lastTarget),K(this.lastTarget))}onPersist(i){i&&!this.applying&&(this.hydratePersist(),this.coerce(),this.apply())}onThemeProps(){this.applying||(this.coerce(),this.apply())}onOpenChange(i){if("compact"===this.resolvedAppearance()){if(i)return this.exit.cancel(),void(this.closing=!1);this.menu=null,this.editor=null,this.releaseFlyListeners(),this.teardown(),this.exit.begin(this.bodyEl)&&(this.closing=!0)}}onEditorChange(i,t){if(i||!t||"undefined"==typeof document)return;const s=document.activeElement;this.editorEl&&s&&this.editorEl.contains(s)&&this.wellBtns[t]?.focus({preventScroll:!0})}onMenuChange(i,t){if(i)this.menuFocusPending=!0;else if(t&&"undefined"!=typeof document){const i="preset"===t?this.presetAnchor:this.surfaceAnchor,s=document.activeElement;i&&(!s||s===document.body||this.flyEl&&this.flyEl.contains(s))&&(i.querySelector("button")||i).focus({preventScroll:!0})}}async setTheme(i){this.commit(this.mergePatch(i||{}),!0)}async reset(){const i=this.locks;i.status||(this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0,this.positiveHex="",this.warnHex="",this.alertHex=""),i.accent||(this.accentIdx=0);const t=this.normalizeCurrent();this.commit(this.mergePatch({preset:"shineui",mode:"light",status:i.status?t.status:"brand",code:"dark",primary:i.primary?t.primary:Z.brand,accent:i.accent?t.accent:Z.accent,accentMode:i.accent?t.accentMode:"custom",neutral:i.surface?t.neutral:"tint"}),!0)}async setFocus(){this.disabled||("compact"!==this.resolvedAppearance()?this.bodyEl?.querySelector(".preset-btn button, .preset-btn")?.focus():await(this.trigger?.setFocus()))}coerce(){const i=this.normalizeCurrent();this.preset!==i.preset&&(this.preset=i.preset),this.mode!==i.mode&&(this.mode=i.mode),this.status!==i.status&&(this.status=i.status),this.code!==i.code&&(this.code=i.code),this.primary!==i.primary&&(this.primary=i.primary),this.accentColor!==i.accent&&(this.accentColor=i.accent),this.accentMode!==i.accentMode&&(this.accentMode=i.accentMode),this.neutral!==i.neutral&&(this.neutral=i.neutral)}resolvedPreset(i=this.preset){return J.includes(i)?i:"shineui"}resolvedMode(i=this.mode){return X.includes(i)?i:"light"}resolvedStatus(i=this.status){return V.includes(i)?i:"brand"}resolvedCode(i=this.code){return Y.includes(i)?i:"dark"}paintedCode(){const i=this.resolvedCode();return"auto"===i?this.paintedMode():i}resolvedAccentMode(i=this.accentMode){return _.includes(i)?i:"custom"}resolvedNeutral(i=this.neutral){return P.includes(i)?i:"tint"}resolvedAppearance(){return q.includes(this.appearance)?this.appearance:"compact"}primaryHex(){return T(this.primary,Z.brand)}accentHex(){return j(this.primaryHex(),T(this.accentColor,Z.accent),this.resolvedAccentMode(),this.accentIdx)}namedOf(i){return"custom"===i?"Custom":A[i]?.name||"ShineUI"}triggerName(){return this.hostLabel||"Theme"}choice(){const i=this.normalizeCurrent();return{preset:i.preset,mode:i.mode,resolvedMode:G(i.mode),status:i.status,code:i.code,primary:i.primary,accent:i.accent,neutral:i.neutral}}paintedMode(){return G(this.resolvedMode())}statusColors(){if("brand"===this.resolvedStatus())return;const i={};return!this.positiveAuto&&T(this.positiveHex)&&(i.positive=T(this.positiveHex)),!this.warnAuto&&T(this.warnHex)&&(i.warn=T(this.warnHex)),!this.alertAuto&&T(this.alertHex)&&(i.alert=T(this.alertHex)),Object.keys(i).length?i:void 0}onSystemChange(){"system"===this.resolvedMode()&&("auto"===this.resolvedCode()&&this.apply(),this.syncTriggerAria(),e(this),this.suiThemeChange.emit(this.choice()))}normalizeCurrent(){return this.mergePatch({})}mergePatch(i){let t=void 0!==i.preset?this.resolvedPreset(i.preset):this.resolvedPreset();const s=void 0!==i.mode?this.resolvedMode(i.mode):this.resolvedMode(),e=void 0!==i.status?this.resolvedStatus(i.status):this.resolvedStatus(),r=void 0!==i.code?this.resolvedCode(i.code):this.resolvedCode();let o=void 0!==i.accentMode?this.resolvedAccentMode(i.accentMode):this.resolvedAccentMode(),a=void 0!==i.neutral?this.resolvedNeutral(i.neutral):this.resolvedNeutral(),h=void 0!==i.primary?T(i.primary,Z.brand):this.primaryHex(),n=T(void 0!==i.accent?i.accent:this.accentColor,Z.accent);if("custom"!==t&&A[t]){const s=A[t];void 0!==i.primary||void 0!==i.accent||(h=s.brand,n=s.accent,o="custom"),i.preset&&void 0===i.neutral&&(a=s.neutral)}const c=j(h,n,o,this.accentIdx),l=D(h,c,a);return"custom"===t||l||(t="custom"),"custom"!==t&&l&&(t=l,h=A[l].brand,n=A[l].accent),{preset:t,mode:s,status:e,code:r,primary:h,accent:c,accentMode:o,neutral:a}}resolveTarget(){if("undefined"==typeof document)return null;const i=(null==this.target?"":String(this.target)).trim()||"html";if("html"===i)return document.documentElement;try{return document.querySelector(i)||document.documentElement}catch(i){return document.documentElement}}apply(){const i=this.resolveTarget();if(!i)return;this.lastTarget&&this.lastTarget!==i&&U(this.lastTarget),this.lastTarget=i;const t=this.normalizeCurrent(),s=R(i,{preset:t.preset,primary:t.primary,accent:t.accent,neutral:t.neutral,mode:t.mode,resolvedMode:G(t.mode),status:"custom"===t.status?"semantic":t.status,code:this.paintedCode(),statusColors:this.statusColors()});this.lastCss=s.css,W(i,(()=>this.onSystemChange()))}wantsPersist(){return!(!this.persist&&!this.host?.hasAttribute("persist"))}storage(){try{if("undefined"!=typeof window&&window.localStorage)return window.localStorage}catch(i){}try{if("undefined"!=typeof localStorage)return localStorage}catch(i){}return null}persistNow(){const i=this.wantsPersist()?this.storage():null;if(!i)return;const t=this.normalizeCurrent();try{i.setItem(Q,JSON.stringify({preset:t.preset,mode:t.mode,status:t.status,code:t.code,primary:t.primary,accent:t.accent,accentMode:t.accentMode,accentIdx:this.accentIdx,neutral:t.neutral,positiveAuto:this.positiveAuto,warnAuto:this.warnAuto,alertAuto:this.alertAuto,positive:this.positiveHex,warn:this.warnHex,alert:this.alertHex,locks:this.locks,sheet:ii(this.lastCss)}))}catch(i){}}hydratePersist(){const i=this.storage();if(i)try{const t=i.getItem(Q);if(!t)return;const s=JSON.parse(t);if(!s||"object"!=typeof s)return;J.includes(s.preset)&&(this.preset=s.preset),X.includes(s.mode)&&(this.mode=s.mode),V.includes(s.status)&&(this.status=s.status),Y.includes(s.code)&&(this.code=s.code),T(s.primary)&&(this.primary=T(s.primary)),T(s.accent)&&(this.accentColor=T(s.accent)),_.includes(s.accentMode)&&(this.accentMode=s.accentMode),Number.isFinite(s.accentIdx)&&(this.accentIdx=Number(s.accentIdx)),P.includes(s.neutral)&&(this.neutral=s.neutral),"boolean"==typeof s.positiveAuto&&(this.positiveAuto=s.positiveAuto),"boolean"==typeof s.warnAuto&&(this.warnAuto=s.warnAuto),"boolean"==typeof s.alertAuto&&(this.alertAuto=s.alertAuto),T(s.positive)&&(this.positiveHex=T(s.positive)),T(s.warn)&&(this.warnHex=T(s.warn)),T(s.alert)&&(this.alertHex=T(s.alert)),s.locks&&"object"==typeof s.locks&&(this.locks=$.reduce(((i,t)=>({...i,[t]:!0===s.locks[t]})),{primary:!1,accent:!1,surface:!1,status:!1}))}catch(i){}}commit(i,t){this.applying=!0,this.preset=i.preset,this.mode=i.mode,this.status=i.status,this.code=i.code,this.primary=i.primary,this.accentColor=i.accent,this.accentMode=i.accentMode,this.neutral=i.neutral,this.apply(),this.persistNow(),t&&this.suiThemeChange.emit(this.choice()),this.applying=!1}leavePair(i){this.disabled||this.commit(this.mergePatch({...i,preset:"custom"}),!0)}commitStatus(){if(this.disabled)return;const i=!this.positiveAuto||!this.warnAuto||!this.alertAuto,t=i?"custom":"custom"===this.resolvedStatus()?"semantic":this.resolvedStatus();this.commit(this.mergePatch(i?{preset:"custom",status:t}:{status:t}),!0)}enterCustom(i,t){const s=this.statusHexes();this.positiveAuto&&(this.positiveHex=s.positive),this.warnAuto&&(this.warnHex=s.warn),this.alertAuto&&(this.alertHex=s.alert),"positive"===i&&t?this.positiveHex=t:"warn"===i&&t?this.warnHex=t:"alert"===i&&t&&(this.alertHex=t),this.positiveAuto=!1,this.warnAuto=!1,this.alertAuto=!1,this.commitStatus()}clearStatus(){this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0}toggleLock(i){this.disabled||(this.locks={...this.locks,[i]:!this.locks[i]},this.persistNow())}lockLabel(i,t){switch(i){case"primary":return t?B(void 0,"theme-picker.unlockPrimary",void 0,"Unlock primary"):B(void 0,"theme-picker.lockPrimary",void 0,"Lock primary");case"accent":return t?B(void 0,"theme-picker.unlockAccent",void 0,"Unlock accent"):B(void 0,"theme-picker.lockAccent",void 0,"Lock accent");case"surface":return t?B(void 0,"theme-picker.unlockSurface",void 0,"Unlock surface"):B(void 0,"theme-picker.lockSurface",void 0,"Lock surface");default:return t?B(void 0,"theme-picker.unlockStatus",void 0,"Unlock status"):B(void 0,"theme-picker.lockStatus",void 0,"Lock status")}}lockBtn(i){const t=this.locks[i],s=this.lockLabel(i,t);return r("sui-tooltip",{content:s,position:"top"},r("button",{type:"button",class:{lockb:!0,on:t},"aria-pressed":t?"true":"false","aria-label":s,disabled:this.disabled,onClick:()=>this.toggleLock(i)},r(a,{glyph:t?h:n})))}pickNamed(i){if(this.disabled)return;const t=A[i],s=this.locks;s.accent||(this.accentIdx=0),s.status||this.clearStatus(),this.menu=null,this.commit(this.mergePatch({preset:i,primary:s.primary?this.primaryHex():t.brand,accent:s.accent?this.accentHex():t.accent,accentMode:s.accent?this.resolvedAccentMode():"custom",neutral:s.surface?this.resolvedNeutral():t.neutral}),!0)}pickNeutral(i){if(this.disabled)return;this.menu=null;const t=this.mergePatch({neutral:i});this.commit(t,!0)}pickMode(i){this.disabled||this.commit(this.mergePatch({mode:i}),!0)}pickStatus(i){this.disabled||this.locks.status||("custom"!==i?(this.clearStatus(),this.commit(this.mergePatch({status:i}),!0)):this.enterCustom())}pickCode(i){this.disabled||this.commit(this.mergePatch({code:i}),!0)}pickAccentMode(i){if(this.disabled)return;const t={accentMode:i};"custom"===i&&(t.accent=this.accentHex()),this.leavePair(t)}pickAccentIdx(i){this.disabled||(this.accentIdx=i,this.leavePair({accentMode:"auto"}))}setWell(i,t){if(this.disabled)return;const s=T(t);s&&("primary"===i?this.leavePair({primary:s}):"accent"===i?this.leavePair({accent:s,accentMode:"custom"}):this.enterCustom(i,s))}swap=()=>{if(this.disabled||this.locks.primary||this.locks.accent)return;const i=this.primaryHex(),t=this.accentHex();let s=this.resolvedNeutral();this.locks.surface||("tint"===s?s="tintA":"tintA"===s&&(s="tint")),this.locks.status||this.clearStatus(),this.leavePair({primary:t,accent:i,accentMode:"custom",neutral:s})};surprise=()=>{if(this.disabled)return;const i=H(),t=this.locks;t.accent||(this.accentIdx=i.accentIdx),t.status||this.clearStatus(),this.leavePair({status:t.status?this.resolvedStatus():Math.random()<.5?"brand":"semantic",primary:t.primary?this.primaryHex():i.primary,accent:t.accent?this.accentHex():i.accent,accentMode:t.accent?this.resolvedAccentMode():i.accentMode,neutral:t.surface?this.resolvedNeutral():i.neutral})};onReset=()=>{this.disabled||this.reset()};toggleMode=()=>{this.disabled||this.pickMode("dark"===this.paintedMode()?"light":"dark")};onAccentGroupChange=i=>{i.stopPropagation(),this.pickAccentMode(["auto","primary","custom"][i.detail]||"custom")};onStatusGroupChange=i=>{i.stopPropagation(),this.pickStatus(V[i.detail]||"brand")};onCodeGroupChange=i=>{i.stopPropagation(),this.pickCode(Y[i.detail]||"dark")};stopInner=i=>{i.stopPropagation()};toggle=()=>{this.disabled||"compact"!==this.resolvedAppearance()||(this.open=!this.open)};toggleMenu=i=>{this.disabled||(this.menu=this.menu===i?null:i,this.editor=null)};close(i=!1){this.open&&(this.open=!1,this.menu=null,this.editor=null,i&&this.trigger?.setFocus())}afterOpen(){this.open&&this.trigger&&this.bodyEl&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(g((()=>[this.host,this.layerEl,this.bodyEl,this.flyEl,this.editorEl]),(()=>this.close())),x((()=>this.reposition()))),(z(this.bodyEl)[0]||this.bodyEl).focus({preventScroll:!0}))}reposition(){if("undefined"!=typeof window){if(this.trigger&&this.bodyEl&&"compact"===this.resolvedAppearance()){this.bodyEl.style.maxHeight="",y(this.bodyEl,w(this.trigger,this.bodyEl,"bottom",6,"end"));const i=this.bodyEl.getBoundingClientRect(),t=Math.floor(window.innerHeight-i.top-8);i.bottom>window.innerHeight-8&&t>=160&&(this.bodyEl.style.maxHeight=`${t}px`);const s=this.bodyEl.getBoundingClientRect(),e=Math.max(s.width,320),r=Math.max(8,window.innerWidth-e-8),o=Math.min(Math.max(8,s.left),r);Math.abs(o-s.left)>.5&&(this.bodyEl.style.left=`${Math.round(o)}px`)}this.placeFly()}}placeFly(){if("undefined"!=typeof window){if(this.menu&&this.flyEl){const i="preset"===this.menu?this.presetAnchor:this.surfaceAnchor;i&&(C(i,this.flyEl),y(this.flyEl,w(i,this.flyEl,"bottom",6,"start")))}if(this.editor&&this.editorEl){const i=this.wellBtns[this.editor];i&&y(this.editorEl,w(i,this.editorEl,"bottom",6,"start"))}}}flyAnchor(){return this.editor?this.wellBtns[this.editor]:"preset"===this.menu?this.presetAnchor:"surface"===this.menu?this.surfaceAnchor:void 0}armFlyListeners(){this.menu||this.editor?!this.flyDisposers.length&&this.host.isConnected&&(this.flyDisposers.push(x((()=>this.placeFly()))),this.flyDisposers.push(g((()=>[this.flyEl,this.editorEl,this.flyAnchor()]),(()=>{this.menu=null,this.editor=null})))):this.releaseFlyListeners()}releaseFlyListeners(){this.flyDisposers.forEach((i=>i())),this.flyDisposers=[]}teardown(){this.disposers.forEach((i=>i())),this.disposers=[]}syncTriggerAria(){const i=this.trigger?.querySelector("button");i&&(i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-expanded",this.open?"true":"false"),this.open?i.setAttribute("aria-controls",this.dialogId):i.removeAttribute("aria-controls"),i.setAttribute("aria-label",this.triggerName()),i.classList.add("trig"));const t=this.host?.querySelector(".dark-mode button");t&&t.setAttribute("aria-pressed","dark"===this.paintedMode()?"true":"false")}hasColorEditor(){return"undefined"!=typeof customElements&&!!customElements.get("sui-color-editor")}openWell(i,t){if(!this.disabled)return this.hasColorEditor()?(this.editor=this.editor===i?null:i,void(this.menu=null)):void t?.click()}onEditorKey=i=>{const t=this.editor;t&&this.editorEl&&S(i,this.editorEl,(()=>{this.editor=null,this.wellBtns[t]?.focus({preventScroll:!0})}))||this.onKeyDown(i)};onListKey=i=>{this.onFlyKeyDown(i),i.defaultPrevented||this.onKeyDown(i)};onKeyDown=i=>{if(!this.disabled)if("Tab"===i.key&&this.open&&this.bodyEl&&"compact"===this.resolvedAppearance()){const t="function"==typeof i.composedPath?i.composedPath()[0]:i.target;[this.flyEl,this.editorEl].some((i=>!!i&&!!t&&i.contains(t)))||S(i,this.bodyEl,(()=>{this.close(),this.trigger?.querySelector("button")?.focus({preventScroll:!0})}))}else if("Escape"===i.key){if(this.editor)return i.preventDefault(),i.stopPropagation(),void(this.editor=null);if(this.menu)return i.preventDefault(),i.stopPropagation(),void(this.menu=null);this.open&&(i.preventDefault(),i.stopPropagation(),this.close(!0))}};preview(i){const t=this.normalizeCurrent();return I(t.primary,t.accent,t.neutral,"brand"!==(i||t.status)?{mode:"semantic",positive:this.positiveAuto?null:T(this.positiveHex)||null,warn:this.warnAuto?null:T(this.warnHex)||null,alert:this.alertAuto?null:T(this.alertHex)||null}:{mode:"brand"},"dark"===G(t.mode))}semanticHexes(){const i=this.normalizeCurrent(),t=this.preview("semantic"),s=this.positiveAuto?t.suggestedPositive||"":T(this.positiveHex,t.suggestedPositive||""),e=this.warnAuto?t.suggestedWarn||"":T(this.warnHex,t.suggestedWarn||""),r=this.alertAuto?t.suggestedAlert||"":T(this.alertHex,t.suggestedAlert||"");return{positive:s||i.primary,warn:e||i.primary,alert:r||i.accent,preview:t}}statusHexes(){if("brand"!==this.resolvedStatus()){const i=this.semanticHexes();return{positive:i.positive,warn:i.warn,alert:i.alert}}const i=this.preview("brand").T;return{positive:i["--status-positive-accent"],warn:i["--status-attention-accent"],alert:i["--status-critical-bg"]}}editorHex(){const i=this.normalizeCurrent(),t=this.statusHexes();return"accent"===this.editor?i.accent:"positive"===this.editor?t.positive:"warn"===this.editor?t.warn:"alert"===this.editor?t.alert:i.primary}modeLabel(){return"dark"===this.paintedMode()?B(void 0,"theme-picker.lightMode",void 0,"Light mode"):B(void 0,"theme-picker.darkMode",void 0,"Dark mode")}modeIcon(){return"dark"===this.paintedMode()?c:l}dots(i,t=!1){const s=i&&"custom"!==i?A[i]:void 0;return t||!s?r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot"}),r("i",{class:"dot acc"})):r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot tone",style:{"--tone":s.brand}}),r("i",{class:"dot tone",style:{"--tone":s.accent}}))}toneDots(i,t){return r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot tone",style:{"--tone":i}}),r("i",{class:"dot tone",style:{"--tone":t}}))}wellRow(i,t,s,e=!1,o=!1){let a;const h="dark"===this.paintedMode()?"light":"brand",n=this.disabled||("primary"===i?this.locks.primary:"accent"===i?this.locks.accent:this.locks.status);return r("div",{class:"pick"},r("button",{type:"button",class:"well",ref:t=>{t&&(this.wellBtns[i]=t)},style:{"--well":t},"aria-label":s,disabled:n,onClick:()=>this.openWell(i,a)}),this.editor===i?this.renderEditorFly():null,r("input",{ref:i=>a=i,class:"natv",type:"color",value:t.toLowerCase(),tabindex:-1,"aria-hidden":"true",disabled:n||e,onInput:t=>this.setWell(i,t.target.value)}),r("input",{class:"hex sui-frame",value:t,spellcheck:!1,"aria-label":s+" hex",disabled:n||e,onChange:t=>this.setWell(i,t.target.value)}),o?r("sui-tooltip",{content:B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:h},r("sui-copy-button",{value:t,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner})):null)}copyBtn(i){const t="dark"===this.paintedMode()?"light":"brand";return r("sui-tooltip",{content:B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:t},r("sui-copy-button",{value:i,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner}))}renderMenuFly(i){if(!this.menu)return null;if("preset"===this.menu)return r("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":B(void 0,"theme-picker.preset",void 0,"Preset"),ref:i=>this.flyEl=i,onKeyDown:this.onListKey},M.map((t=>r("button",{type:"button",class:{opt:!0,on:i.preset===t},role:"option","aria-selected":i.preset===t?"true":"false",disabled:this.disabled,onClick:()=>this.pickNamed(t)},this.dots(t),A[t].name))));const t=L(i.primary,i.accent);return r("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":B(void 0,"theme-picker.surface",void 0,"Surface"),ref:i=>this.flyEl=i,onKeyDown:this.onListKey},P.map((s=>r("button",{type:"button",class:{opt:!0,on:i.neutral===s},role:"option","aria-selected":i.neutral===s?"true":"false",disabled:this.disabled,onClick:()=>this.pickNeutral(s)},this.toneDots(t[s][0],t[s][1]),E[s].label))))}renderEditorFly(){if(!this.editor||!this.hasColorEditor())return null;const i=this.editorHex();return r("div",{key:"editor",class:"fly editor","data-sui-fly":"editor",ref:i=>this.editorEl=i,onKeyDown:this.onEditorKey},r("sui-color-editor",{value:i,noAlpha:!0,onSuiChange:t=>{t.stopPropagation();const s=T(t.detail?.hex);s&&s!==i&&this.editor&&this.setWell(this.editor,s)}}))}renderControls(){const i=this.normalizeCurrent(),t=this.statusHexes(),s=this.locks,e=L(i.primary,i.accent),o=N(i.primary),h=this.modeLabel();return r("div",{class:"kit"},r("div",{class:"head"},r("sui-button",{class:"fill preset-btn",variant:"outline",size:"md",block:!0,disabled:this.disabled,ref:i=>this.presetAnchor=i,onClick:()=>this.toggleMenu("preset")},r("span",{class:{face:!0,open:"preset"===this.menu}},this.dots(i.preset,"custom"===i.preset),r("span",{class:"grow"},this.namedOf(i.preset)),r(a,{glyph:d,class:"chev"}))),"preset"===this.menu?this.renderMenuFly(i):null,r("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.swapPrimaryAndAccent",void 0,"Swap primary and accent"),onClick:this.swap},r(a,{glyph:u})),r("sui-icon-button",{class:"surprise",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.surpriseMe",void 0,"Surprise me"),onClick:this.surprise},r(a,{glyph:p})),r("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.resetToShineui",void 0,"Reset to ShineUI"),onClick:this.onReset},r(a,{glyph:m})),r("sui-icon-button",{key:this.paintedMode(),class:"dark-mode",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":h,"aria-pressed":"dark"===this.paintedMode()?"true":"false",onClick:this.toggleMode},r(a,{glyph:this.modeIcon()}))),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.primary",void 0,"Primary")),this.lockBtn("primary")),this.wellRow("primary",i.primary,"Primary color",!1,!0)),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.accent",void 0,"Accent")),this.lockBtn("accent")),r("sui-button-group",{selectable:!0,size:"sm",active:"primary"===i.accentMode?1:"custom"===i.accentMode?2:0,disabled:this.disabled||s.accent,items:this.accentItems,"aria-label":B(void 0,"theme-picker.accent",void 0,"Accent"),onSuiActiveChange:this.onAccentGroupChange,onSuiPick:this.stopInner}),"auto"===i.accentMode?r("div",{class:"chips"},o.map(((i,t)=>r("button",{type:"button",class:{chip:!0,on:this.accentIdx===t},style:{"--well":i},"aria-label":"Accent option "+(t+1),"aria-pressed":this.accentIdx===t?"true":"false",disabled:this.disabled||s.accent,onClick:()=>this.pickAccentIdx(t)}))),this.copyBtn(o[this.accentIdx]||o[0])):null,"auto"!==i.accentMode?this.wellRow("accent",i.accent,"Accent color","primary"===i.accentMode,!0):null),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.surface",void 0,"Surface")),this.lockBtn("surface")),r("sui-button",{variant:"outline",size:"md",block:!0,disabled:this.disabled||s.surface,ref:i=>this.surfaceAnchor=i,onClick:()=>this.toggleMenu("surface")},r("span",{class:{face:!0,open:"surface"===this.menu}},this.toneDots(e[i.neutral][0],e[i.neutral][1]),r("span",{class:"grow"},E[i.neutral].label),r(a,{glyph:d,class:"chev"}))),"surface"===this.menu?this.renderMenuFly(i):null),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.status",void 0,"Status")),this.lockBtn("status")),r("sui-button-group",{selectable:!0,size:"sm",active:Math.max(0,V.indexOf(i.status)),disabled:this.disabled||s.status,items:this.statusItems(),"aria-label":B(void 0,"theme-picker.status",void 0,"Status"),onSuiActiveChange:this.onStatusGroupChange,onSuiPick:this.stopInner}),r("div",{class:"sem"},r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.success",void 0,"Success")),this.wellRow("positive",t.positive,"Success color",this.positiveAuto,!0),r("sui-button",{variant:this.positiveAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.positiveAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.positiveAuto?this.enterCustom("positive",t.positive):(this.positiveAuto=!0,this.commitStatus()))}})),r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.warning",void 0,"Warning")),this.wellRow("warn",t.warn,"Warning color",this.warnAuto,!0),r("sui-button",{variant:this.warnAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.warnAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.warnAuto?this.enterCustom("warn",t.warn):(this.warnAuto=!0,this.commitStatus()))}})),r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.alert",void 0,"Alert")),this.wellRow("alert",t.alert,"Alert color",this.alertAuto,!0),r("sui-button",{variant:this.alertAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.alertAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.alertAuto?this.enterCustom("alert",t.alert):(this.alertAuto=!0,this.commitStatus()))}})))),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.code",void 0,"Code"))),r("sui-button-group",{selectable:!0,size:"sm",active:Y.indexOf(i.code),disabled:this.disabled,items:this.codeItems(),"aria-label":B(void 0,"theme-picker.code",void 0,"Code"),onSuiActiveChange:this.onCodeGroupChange,onSuiPick:this.stopInner})))}render(){const i="compact"===this.resolvedAppearance(),t=this.normalizeCurrent(),s=!!this.showPresetName;return r(o,{key:"373411d6f4702b058a1c8440f34f401d4402d9b4",class:{compact:i,panel:!i,disabled:this.disabled},onKeyDown:this.onKeyDown},i?r("sui-button",{ref:i=>this.trigger=i,class:"trig-host",variant:"outline",size:"md",disabled:this.disabled,"aria-label":this.triggerName(),onClick:this.toggle},r("span",{class:"face"},this.dots(t.preset,!0),s?r("span",{class:"grow"},this.namedOf(t.preset)):null,r(a,{glyph:d,class:"chev"}))):null,!i||this.open||this.closing?r("div",{ref:i=>this.layerEl=i,class:{layer:!0,pop:i}},r("div",{ref:i=>this.bodyEl=i,id:i?this.dialogId:void 0,class:{body:!0,pop:i,flow:!i,closing:this.closing},inert:this.closing,role:i?"dialog":void 0,tabIndex:i?-1:void 0,"aria-labelledby":i?this.titleId:void 0},i?r("h2",{class:"sr-only",id:this.titleId},this.triggerName()):null,this.renderControls())):null)}static get watchers(){return{persist:[{onPersist:0}],preset:[{onThemeProps:0}],mode:[{onThemeProps:0}],status:[{onThemeProps:0}],code:[{onThemeProps:0}],primary:[{onThemeProps:0}],accentColor:[{onThemeProps:0}],accentMode:[{onThemeProps:0}],neutral:[{onThemeProps:0}],target:[{onThemeProps:0}],open:[{onOpenChange:0}],editor:[{onEditorChange:0}],menu:[{onMenuChange:0}]}}};ti.style=".sc-sui-theme-picker-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.panel.sc-sui-theme-picker-h{display:block;max-width:320px}.face.sc-sui-theme-picker{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%}.face.sc-sui-theme-picker .grow.sc-sui-theme-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:start;line-height:1.35}.dots.sc-sui-theme-picker{display:inline-flex;align-items:center;flex-shrink:0}.dot.sc-sui-theme-picker{width:13px;height:13px;box-sizing:border-box;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent)}.dot.sc-sui-theme-picker+.dot.sc-sui-theme-picker{margin-inline-start:-9px}.dot.acc.sc-sui-theme-picker{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 14%, transparent)}.dot.tone.sc-sui-theme-picker{background:var(--tone);border-color:color-mix(in srgb, var(--ink) 10%, transparent)}.disabled.sc-sui-theme-picker-h .dot.sc-sui-theme-picker{opacity:0.4}.chev.sc-sui-theme-picker{font-size:var(--icon-size-sm);color:var(--ink-faint);line-height:1;margin-inline-start:auto}.trig[aria-expanded=\"true\"].sc-sui-theme-picker .chev.sc-sui-theme-picker,.open.sc-sui-theme-picker .chev.sc-sui-theme-picker{transform:rotate(180deg)}.body.sc-sui-theme-picker{display:flex;flex-direction:column;gap:0;box-sizing:border-box;width:320px;max-height:min(calc(100vh - 88px), 640px);overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg)}.kit.sc-sui-theme-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.body.pop.sc-sui-theme-picker{position:fixed;z-index:var(--z-dropdown);width:320px;min-width:320px;max-width:min(320px, calc(100vw - 16px));background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:sui-theme-picker-in var(--duration-overlay) var(--ease-out)}.body.pop[data-side='top'].sc-sui-theme-picker{animation-name:sui-theme-picker-in-top}.body.pop.closing.sc-sui-theme-picker{animation:sui-theme-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.body.flow.sc-sui-theme-picker{max-width:min(320px, 100%);box-shadow:none}.layer.pop.sc-sui-theme-picker{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:var(--z-overlay)}@keyframes sui-theme-picker-in{from{opacity:0;margin-top:-4px}}@keyframes sui-theme-picker-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-theme-picker-out{to{opacity:0}}.sr-only.sc-sui-theme-picker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.head.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.head.sc-sui-theme-picker>.preset-btn.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-button.sc-sui-theme-picker{flex:1;min-width:0}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker{flex:0 0 auto}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker .sui-glyph.sc-sui-theme-picker{font-size:var(--icon-size-md)}.row.sc-sui-theme-picker{display:flex;flex-direction:column;gap:6px;min-width:0}.k.sc-sui-theme-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-sans);font-size:11.5px;font-weight:var(--w-semibold);color:var(--ink-muted)}.lockb.sc-sui-theme-picker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-4px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);cursor:pointer;font-size:10px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.lockb.sc-sui-theme-picker:hover{background:var(--surface-hover);color:var(--ink-muted)}.lockb.on.sc-sui-theme-picker{color:var(--brand)}.lockb.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.lockb[disabled].sc-sui-theme-picker{cursor:not-allowed;color:var(--ink-placeholder)}.row.sc-sui-theme-picker>sui-button-group.sc-sui-theme-picker{display:block;width:100%;max-width:100%;--sui-button-group-pad-x:8px}.list.sc-sui-theme-picker{display:flex;flex-direction:column;gap:2px}.opt.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;margin:0;box-sizing:border-box;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:12.5px;font-weight:var(--w-medium);cursor:pointer;text-align:start}.opt.sc-sui-theme-picker:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.on.sc-sui-theme-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:var(--w-bold)}.opt.on.sc-sui-theme-picker:hover:not(:disabled){--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.opt.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.opt.sc-sui-theme-picker:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.pick.sc-sui-theme-picker{display:flex;gap:8px;align-items:center;position:relative}.pick.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.pick.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0}.well.sc-sui-theme-picker{width:44px;height:34px;padding:0;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--well);cursor:pointer}.well.sc-sui-theme-picker:disabled{cursor:not-allowed;border-style:dashed}.well.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.hex.sc-sui-theme-picker{width:96px;height:var(--control-md);box-sizing:border-box;padding:0 10px;margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:var(--w-semibold);text-transform:uppercase}.natv.sc-sui-theme-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chips.sc-sui-theme-picker{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chips.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.chips.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0;margin-inline-start:1px}.chip.sc-sui-theme-picker{width:34px;height:34px;padding:0;margin:0;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent);background:var(--well);cursor:pointer}.chip.on.sc-sui-theme-picker{outline:2px solid var(--focus-ring);outline-offset:2px}.chip.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.chip.sc-sui-theme-picker:disabled{cursor:not-allowed}.sem.sc-sui-theme-picker{display:flex;flex-direction:column;gap:8px}.semrow.sc-sui-theme-picker{display:flex;align-items:center;gap:7px;position:relative}.semrow.sc-sui-theme-picker .nm.sc-sui-theme-picker{font-family:var(--font-sans);font-size:12px;font-weight:var(--w-semibold);color:var(--ink-muted);width:52px;flex-shrink:0}.semrow.sc-sui-theme-picker .hex.sc-sui-theme-picker{width:84px}.semrow.sc-sui-theme-picker .pick.sc-sui-theme-picker{min-width:0}.fly.sc-sui-theme-picker{position:fixed;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:5px;max-height:min(50vh, 320px);overflow:auto}.fly.editor.sc-sui-theme-picker{padding:10px;max-height:min(80vh, 420px)}@media (forced-colors: active){.dot.sc-sui-theme-picker,.dot.acc.sc-sui-theme-picker,.dot.tone.sc-sui-theme-picker,.well.sc-sui-theme-picker,.chip.sc-sui-theme-picker{forced-color-adjust:none;border-color:CanvasText}.well.sc-sui-theme-picker:focus-visible,.chip.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.chip.on.sc-sui-theme-picker{outline-color:Highlight}.opt.on.sc-sui-theme-picker,.opt.on.sc-sui-theme-picker:hover{forced-color-adjust:none;background:Highlight;color:HighlightText}.opt.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.hex.sc-sui-theme-picker:focus{outline:2px solid CanvasText;outline-offset:1px}}.sui-frame.sc-sui-theme-picker{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-theme-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-theme-picker,.sui-frame.readonly.sc-sui-theme-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{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-theme-picker{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-theme-picker:focus-within,.sui-frame.invalid.focus.sc-sui-theme-picker,.sui-frame.invalid.open.sc-sui-theme-picker{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-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{--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-theme-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-theme-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-theme-picker{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-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{color:GrayText;border-color:GrayText}}";export{ti as sui_theme_picker}
+import{r as i,c as t,g as s,f as e,h as r,a as o}from"./p-ChCjmDsd.js";import{G as a,a2 as h,a3 as n,a4 as c,a5 as l,q as d,a6 as u,a7 as p,X as m}from"./p-CHznIlgx.js";import{i as v}from"./p-BsRW1Q8k.js";import{u as f}from"./p-U06fVoGD.js";import{o as k,p as b,a as g,b as x,k as y,j as w,m as C,t as S}from"./p-DxQKrio7.js";import{f as z}from"./p-8R5d4SBR.js";import{S as A,e as M,N as P,p as T,f as j,m as D,i as H,d as I,n as L,g as E,j as N}from"./p-CIj1hqWb.js";import{s as F,b as K,T as O,c as W,d as G,w as R,f as U}from"./p-BmKc-qo-.js";import{l as B}from"./p-lWhwwQJ2.js";import"./p-GAnFXayY.js";import"./p-CZ4DDtn8.js";const q=[...M,"custom"],J=O,Q=["brand","semantic","custom"],X=["dark","light","auto"],$=["primary","accent","surface","status"],_=["auto","primary","custom"],V=["compact","panel"],Y="sui-theme",Z=A.shineui;function ii(i){if(!(!i||i.length<20||i.length>32768||i.indexOf('[data-sui-preset="custom"]')<0||i.indexOf("--brand:")<0||/<\/style/i.test(i)))return i}const ti=class{constructor(s){i(this,s),this.suiThemeChange=t(this,"suiThemeChange",3)}get host(){return s(this)}preset="shineui";mode="light";status="brand";code="dark";primary;accentColor;accentMode="custom";neutral="tint";appearance="compact";target="html";persist=!1;disabled=!1;showPresetName=!1;suiThemeChange;hostLabel;open=!1;menu=null;editor=null;accentIdx=0;positiveAuto=!0;warnAuto=!0;alertAuto=!0;positiveHex="";warnHex="";alertHex="";locks={primary:!1,accent:!1,surface:!1,status:!1};titleId=f("sui-theme-picker-title");dialogId=f("sui-theme-picker-dialog");raised=[];trigger;bodyEl;layerEl;closing=!1;exit=k((()=>{this.closing=!1}));menuFocusPending=!1;flyEl;editorEl;presetAnchor;surfaceAnchor;wellBtns={};lastTarget=null;lastCss="";loaded=!1;disposers=[];flyDisposers=[];applying=!1;stopAria;accentItems=[{label:"Suggested",value:"auto"},{label:"Primary",value:"primary"},{label:"Custom",value:"custom"}];statusItems(){return[{label:B(void 0,"theme-picker.brand",void 0,"Brand"),value:"brand"},{label:B(void 0,"theme-picker.semantic",void 0,"Semantic"),value:"semantic"},{label:B(void 0,"theme-picker.custom",void 0,"Custom"),value:"custom"}]}codeItems(){return[{label:B(void 0,"theme-picker.dark",void 0,"Dark"),value:"dark"},{label:B(void 0,"theme-picker.light",void 0,"Light"),value:"light"},{label:B(void 0,"theme-picker.auto",void 0,"Auto"),value:"auto"}]}componentWillLoad(){this.wantsPersist()&&this.hydratePersist(),this.coerce(),this.apply()}connectedCallback(){this.stopAria?.(),this.stopAria=v(this.host,(i=>{this.hostLabel=i})),this.loaded&&this.apply(),this.loaded&&(this.open||this.menu||this.editor)&&e(this)}componentWillRender(){this.raised.length&&this.lowerOuts(this.drawnOuts())}drawnOuts(){return["compact"===this.resolvedAppearance()&&(this.open||this.closing)?this.layerEl:void 0,this.menu?this.flyEl:void 0,this.editor&&this.hasColorEditor()?this.editorEl:void 0]}raiseOuts(){for(const i of this.drawnOuts())i&&!this.raised.some((t=>t.el===i))&&this.raised.push({el:i,down:b(i)})}lowerOuts(i=[]){this.raised=this.raised.filter((t=>!!i.includes(t.el)||(t.down(),!1)))}componentDidLoad(){this.loaded=!0,this.syncTriggerAria()}componentDidRender(){this.raiseOuts(),this.syncTriggerAria(),this.open&&"compact"===this.resolvedAppearance()&&this.afterOpen(),this.placeFly(),this.armFlyListeners(),this.settleMenuFocus()}settleMenuFocus(){if(!this.menuFocusPending||!this.menu||!this.flyEl)return;this.menuFocusPending=!1;const i=this.flyEl.querySelector(".opt.on")||this.flyEl.querySelector(".opt");i?.focus({preventScroll:!0})}onFlyKeyDown=i=>{if(!this.flyEl)return;const t=Array.from(this.flyEl.querySelectorAll(".opt:not([disabled])"));if(!t.length)return;const s=t.indexOf(document.activeElement),e=s=>{i.preventDefault(),i.stopPropagation(),t[(s+t.length)%t.length].focus({preventScroll:!0})};if("ArrowDown"===i.key)return e(s+1);if("ArrowUp"===i.key)return e(s-1);if("Home"===i.key)return e(0);if("End"===i.key)return e(t.length-1);if("Tab"===i.key)return i.preventDefault(),void(this.menu=null);if(1===i.key.length&&/\S/.test(i.key)&&!i.altKey&&!i.ctrlKey&&!i.metaKey){const r=i.key.toLowerCase();for(let i=1;i<=t.length;i++){const o=(s+i)%t.length;if((t[o].textContent||"").trim().toLowerCase().startsWith(r))return e(o)}}};disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.exit.cancel(),this.closing=!1,this.teardown(),this.releaseFlyListeners(),this.lowerOuts(),this.lastTarget&&(F(this.lastTarget),K(this.lastTarget))}onPersist(i){i&&!this.applying&&(this.hydratePersist(),this.coerce(),this.apply())}onThemeProps(){this.applying||(this.coerce(),this.apply())}onOpenChange(i){if("compact"===this.resolvedAppearance()){if(i)return this.exit.cancel(),void(this.closing=!1);this.menu=null,this.editor=null,this.releaseFlyListeners(),this.teardown(),this.exit.begin(this.bodyEl)&&(this.closing=!0)}}onEditorChange(i,t){if(i||!t||"undefined"==typeof document)return;const s=document.activeElement;this.editorEl&&s&&this.editorEl.contains(s)&&this.wellBtns[t]?.focus({preventScroll:!0})}onMenuChange(i,t){if(i)this.menuFocusPending=!0;else if(t&&"undefined"!=typeof document){const i="preset"===t?this.presetAnchor:this.surfaceAnchor,s=document.activeElement;i&&(!s||s===document.body||this.flyEl&&this.flyEl.contains(s))&&(i.querySelector("button")||i).focus({preventScroll:!0})}}async setTheme(i){this.commit(this.mergePatch(i||{}),!0)}async reset(){const i=this.locks;i.status||(this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0,this.positiveHex="",this.warnHex="",this.alertHex=""),i.accent||(this.accentIdx=0);const t=this.normalizeCurrent();this.commit(this.mergePatch({preset:"shineui",mode:"light",status:i.status?t.status:"brand",code:"dark",primary:i.primary?t.primary:Z.brand,accent:i.accent?t.accent:Z.accent,accentMode:i.accent?t.accentMode:"custom",neutral:i.surface?t.neutral:"tint"}),!0)}async setFocus(){this.disabled||("compact"!==this.resolvedAppearance()?this.bodyEl?.querySelector(".preset-btn button, .preset-btn")?.focus():await(this.trigger?.setFocus()))}coerce(){const i=this.normalizeCurrent();this.preset!==i.preset&&(this.preset=i.preset),this.mode!==i.mode&&(this.mode=i.mode),this.status!==i.status&&(this.status=i.status),this.code!==i.code&&(this.code=i.code),this.primary!==i.primary&&(this.primary=i.primary),this.accentColor!==i.accent&&(this.accentColor=i.accent),this.accentMode!==i.accentMode&&(this.accentMode=i.accentMode),this.neutral!==i.neutral&&(this.neutral=i.neutral)}resolvedPreset(i=this.preset){return q.includes(i)?i:"shineui"}resolvedMode(i=this.mode){return J.includes(i)?i:"light"}resolvedStatus(i=this.status){return Q.includes(i)?i:"brand"}resolvedCode(i=this.code){return X.includes(i)?i:"dark"}paintedCode(){const i=this.resolvedCode();return"auto"===i?this.paintedMode():i}resolvedAccentMode(i=this.accentMode){return _.includes(i)?i:"custom"}resolvedNeutral(i=this.neutral){return P.includes(i)?i:"tint"}resolvedAppearance(){return V.includes(this.appearance)?this.appearance:"compact"}primaryHex(){return T(this.primary,Z.brand)}accentHex(){return j(this.primaryHex(),T(this.accentColor,Z.accent),this.resolvedAccentMode(),this.accentIdx)}namedOf(i){return"custom"===i?"Custom":A[i]?.name||"ShineUI"}triggerName(){return this.hostLabel||"Theme"}choice(){const i=this.normalizeCurrent();return{preset:i.preset,mode:i.mode,resolvedMode:W(i.mode),status:i.status,code:i.code,primary:i.primary,accent:i.accent,neutral:i.neutral}}paintedMode(){return W(this.resolvedMode())}statusColors(){if("brand"===this.resolvedStatus())return;const i={};return!this.positiveAuto&&T(this.positiveHex)&&(i.positive=T(this.positiveHex)),!this.warnAuto&&T(this.warnHex)&&(i.warn=T(this.warnHex)),!this.alertAuto&&T(this.alertHex)&&(i.alert=T(this.alertHex)),Object.keys(i).length?i:void 0}onSystemChange(){"system"===this.resolvedMode()&&("auto"===this.resolvedCode()&&this.apply(),this.syncTriggerAria(),e(this),this.suiThemeChange.emit(this.choice()))}normalizeCurrent(){return this.mergePatch({})}mergePatch(i){let t=void 0!==i.preset?this.resolvedPreset(i.preset):this.resolvedPreset();const s=void 0!==i.mode?this.resolvedMode(i.mode):this.resolvedMode(),e=void 0!==i.status?this.resolvedStatus(i.status):this.resolvedStatus(),r=void 0!==i.code?this.resolvedCode(i.code):this.resolvedCode();let o=void 0!==i.accentMode?this.resolvedAccentMode(i.accentMode):this.resolvedAccentMode(),a=void 0!==i.neutral?this.resolvedNeutral(i.neutral):this.resolvedNeutral(),h=void 0!==i.primary?T(i.primary,Z.brand):this.primaryHex(),n=T(void 0!==i.accent?i.accent:this.accentColor,Z.accent);if("custom"!==t&&A[t]){const s=A[t];void 0!==i.primary||void 0!==i.accent||(h=s.brand,n=s.accent,o="custom"),i.preset&&void 0===i.neutral&&(a=s.neutral)}const c=j(h,n,o,this.accentIdx),l=D(h,c,a);return"custom"===t||l||(t="custom"),"custom"!==t&&l&&(t=l,h=A[l].brand,n=A[l].accent),{preset:t,mode:s,status:e,code:r,primary:h,accent:c,accentMode:o,neutral:a}}resolveTarget(){if("undefined"==typeof document)return null;const i=(null==this.target?"":String(this.target)).trim()||"html";if("html"===i)return document.documentElement;try{return document.querySelector(i)||document.documentElement}catch(i){return document.documentElement}}apply(){const i=this.resolveTarget();if(!i)return;this.lastTarget&&this.lastTarget!==i&&G(this.lastTarget),this.lastTarget=i;const t=this.normalizeCurrent(),s=R(i,{preset:t.preset,primary:t.primary,accent:t.accent,neutral:t.neutral,mode:t.mode,resolvedMode:W(t.mode),status:"custom"===t.status?"semantic":t.status,code:this.paintedCode(),statusColors:this.statusColors()});this.lastCss=s.css,U(i,(()=>this.onSystemChange()))}wantsPersist(){return!(!this.persist&&!this.host?.hasAttribute("persist"))}storage(){try{if("undefined"!=typeof window&&window.localStorage)return window.localStorage}catch(i){}try{if("undefined"!=typeof localStorage)return localStorage}catch(i){}return null}persistNow(){const i=this.wantsPersist()?this.storage():null;if(!i)return;const t=this.normalizeCurrent();try{i.setItem(Y,JSON.stringify({preset:t.preset,mode:t.mode,status:t.status,code:t.code,primary:t.primary,accent:t.accent,accentMode:t.accentMode,accentIdx:this.accentIdx,neutral:t.neutral,positiveAuto:this.positiveAuto,warnAuto:this.warnAuto,alertAuto:this.alertAuto,positive:this.positiveHex,warn:this.warnHex,alert:this.alertHex,locks:this.locks,sheet:ii(this.lastCss)}))}catch(i){}}hydratePersist(){const i=this.storage();if(i)try{const t=i.getItem(Y);if(!t)return;const s=JSON.parse(t);if(!s||"object"!=typeof s)return;q.includes(s.preset)&&(this.preset=s.preset),J.includes(s.mode)&&(this.mode=s.mode),Q.includes(s.status)&&(this.status=s.status),X.includes(s.code)&&(this.code=s.code),T(s.primary)&&(this.primary=T(s.primary)),T(s.accent)&&(this.accentColor=T(s.accent)),_.includes(s.accentMode)&&(this.accentMode=s.accentMode),Number.isFinite(s.accentIdx)&&(this.accentIdx=Number(s.accentIdx)),P.includes(s.neutral)&&(this.neutral=s.neutral),"boolean"==typeof s.positiveAuto&&(this.positiveAuto=s.positiveAuto),"boolean"==typeof s.warnAuto&&(this.warnAuto=s.warnAuto),"boolean"==typeof s.alertAuto&&(this.alertAuto=s.alertAuto),T(s.positive)&&(this.positiveHex=T(s.positive)),T(s.warn)&&(this.warnHex=T(s.warn)),T(s.alert)&&(this.alertHex=T(s.alert)),s.locks&&"object"==typeof s.locks&&(this.locks=$.reduce(((i,t)=>({...i,[t]:!0===s.locks[t]})),{primary:!1,accent:!1,surface:!1,status:!1}))}catch(i){}}commit(i,t){this.applying=!0,this.preset=i.preset,this.mode=i.mode,this.status=i.status,this.code=i.code,this.primary=i.primary,this.accentColor=i.accent,this.accentMode=i.accentMode,this.neutral=i.neutral,this.apply(),this.persistNow(),t&&this.suiThemeChange.emit(this.choice()),this.applying=!1}leavePair(i){this.disabled||this.commit(this.mergePatch({...i,preset:"custom"}),!0)}commitStatus(){if(this.disabled)return;const i=!this.positiveAuto||!this.warnAuto||!this.alertAuto,t=i?"custom":"custom"===this.resolvedStatus()?"semantic":this.resolvedStatus();this.commit(this.mergePatch(i?{preset:"custom",status:t}:{status:t}),!0)}enterCustom(i,t){const s=this.statusHexes();this.positiveAuto&&(this.positiveHex=s.positive),this.warnAuto&&(this.warnHex=s.warn),this.alertAuto&&(this.alertHex=s.alert),"positive"===i&&t?this.positiveHex=t:"warn"===i&&t?this.warnHex=t:"alert"===i&&t&&(this.alertHex=t),this.positiveAuto=!1,this.warnAuto=!1,this.alertAuto=!1,this.commitStatus()}clearStatus(){this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0}toggleLock(i){this.disabled||(this.locks={...this.locks,[i]:!this.locks[i]},this.persistNow())}lockLabel(i,t){switch(i){case"primary":return t?B(void 0,"theme-picker.unlockPrimary",void 0,"Unlock primary"):B(void 0,"theme-picker.lockPrimary",void 0,"Lock primary");case"accent":return t?B(void 0,"theme-picker.unlockAccent",void 0,"Unlock accent"):B(void 0,"theme-picker.lockAccent",void 0,"Lock accent");case"surface":return t?B(void 0,"theme-picker.unlockSurface",void 0,"Unlock surface"):B(void 0,"theme-picker.lockSurface",void 0,"Lock surface");default:return t?B(void 0,"theme-picker.unlockStatus",void 0,"Unlock status"):B(void 0,"theme-picker.lockStatus",void 0,"Lock status")}}lockBtn(i){const t=this.locks[i],s=this.lockLabel(i,t);return r("sui-tooltip",{content:s,position:"top"},r("button",{type:"button",class:{lockb:!0,on:t},"aria-pressed":t?"true":"false","aria-label":s,disabled:this.disabled,onClick:()=>this.toggleLock(i)},r(a,{glyph:t?h:n})))}pickNamed(i){if(this.disabled)return;const t=A[i],s=this.locks;s.accent||(this.accentIdx=0),s.status||this.clearStatus(),this.menu=null,this.commit(this.mergePatch({preset:i,primary:s.primary?this.primaryHex():t.brand,accent:s.accent?this.accentHex():t.accent,accentMode:s.accent?this.resolvedAccentMode():"custom",neutral:s.surface?this.resolvedNeutral():t.neutral}),!0)}pickNeutral(i){if(this.disabled)return;this.menu=null;const t=this.mergePatch({neutral:i});this.commit(t,!0)}pickMode(i){this.disabled||this.commit(this.mergePatch({mode:i}),!0)}pickStatus(i){this.disabled||this.locks.status||("custom"!==i?(this.clearStatus(),this.commit(this.mergePatch({status:i}),!0)):this.enterCustom())}pickCode(i){this.disabled||this.commit(this.mergePatch({code:i}),!0)}pickAccentMode(i){if(this.disabled)return;const t={accentMode:i};"custom"===i&&(t.accent=this.accentHex()),this.leavePair(t)}pickAccentIdx(i){this.disabled||(this.accentIdx=i,this.leavePair({accentMode:"auto"}))}setWell(i,t){if(this.disabled)return;const s=T(t);s&&("primary"===i?this.leavePair({primary:s}):"accent"===i?this.leavePair({accent:s,accentMode:"custom"}):this.enterCustom(i,s))}swap=()=>{if(this.disabled||this.locks.primary||this.locks.accent)return;const i=this.primaryHex(),t=this.accentHex();let s=this.resolvedNeutral();this.locks.surface||("tint"===s?s="tintA":"tintA"===s&&(s="tint")),this.locks.status||this.clearStatus(),this.leavePair({primary:t,accent:i,accentMode:"custom",neutral:s})};surprise=()=>{if(this.disabled)return;const i=H(),t=this.locks;t.accent||(this.accentIdx=i.accentIdx),t.status||this.clearStatus(),this.leavePair({status:t.status?this.resolvedStatus():Math.random()<.5?"brand":"semantic",primary:t.primary?this.primaryHex():i.primary,accent:t.accent?this.accentHex():i.accent,accentMode:t.accent?this.resolvedAccentMode():i.accentMode,neutral:t.surface?this.resolvedNeutral():i.neutral})};onReset=()=>{this.disabled||this.reset()};toggleMode=()=>{this.disabled||this.pickMode("dark"===this.paintedMode()?"light":"dark")};onAccentGroupChange=i=>{i.stopPropagation(),this.pickAccentMode(["auto","primary","custom"][i.detail]||"custom")};onStatusGroupChange=i=>{i.stopPropagation(),this.pickStatus(Q[i.detail]||"brand")};onCodeGroupChange=i=>{i.stopPropagation(),this.pickCode(X[i.detail]||"dark")};stopInner=i=>{i.stopPropagation()};toggle=()=>{this.disabled||"compact"!==this.resolvedAppearance()||(this.open=!this.open)};toggleMenu=i=>{this.disabled||(this.menu=this.menu===i?null:i,this.editor=null)};close(i=!1){this.open&&(this.open=!1,this.menu=null,this.editor=null,i&&this.trigger?.setFocus())}afterOpen(){this.open&&this.trigger&&this.bodyEl&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(g((()=>[this.host,this.layerEl,this.bodyEl,this.flyEl,this.editorEl]),(()=>this.close())),x((()=>this.reposition()))),(z(this.bodyEl)[0]||this.bodyEl).focus({preventScroll:!0}))}reposition(){if("undefined"!=typeof window){if(this.trigger&&this.bodyEl&&"compact"===this.resolvedAppearance()){this.bodyEl.style.maxHeight="",y(this.bodyEl,w(this.trigger,this.bodyEl,"bottom",6,"end"));const i=this.bodyEl.getBoundingClientRect(),t=Math.floor(window.innerHeight-i.top-8);i.bottom>window.innerHeight-8&&t>=160&&(this.bodyEl.style.maxHeight=`${t}px`);const s=this.bodyEl.getBoundingClientRect(),e=Math.max(s.width,320),r=Math.max(8,window.innerWidth-e-8),o=Math.min(Math.max(8,s.left),r);Math.abs(o-s.left)>.5&&(this.bodyEl.style.left=`${Math.round(o)}px`)}this.placeFly()}}placeFly(){if("undefined"!=typeof window){if(this.menu&&this.flyEl){const i="preset"===this.menu?this.presetAnchor:this.surfaceAnchor;i&&(C(i,this.flyEl),y(this.flyEl,w(i,this.flyEl,"bottom",6,"start")))}if(this.editor&&this.editorEl){const i=this.wellBtns[this.editor];i&&y(this.editorEl,w(i,this.editorEl,"bottom",6,"start"))}}}flyAnchor(){return this.editor?this.wellBtns[this.editor]:"preset"===this.menu?this.presetAnchor:"surface"===this.menu?this.surfaceAnchor:void 0}armFlyListeners(){this.menu||this.editor?!this.flyDisposers.length&&this.host.isConnected&&(this.flyDisposers.push(x((()=>this.placeFly()))),this.flyDisposers.push(g((()=>[this.flyEl,this.editorEl,this.flyAnchor()]),(()=>{this.menu=null,this.editor=null})))):this.releaseFlyListeners()}releaseFlyListeners(){this.flyDisposers.forEach((i=>i())),this.flyDisposers=[]}teardown(){this.disposers.forEach((i=>i())),this.disposers=[]}syncTriggerAria(){const i=this.trigger?.querySelector("button");i&&(i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-expanded",this.open?"true":"false"),this.open?i.setAttribute("aria-controls",this.dialogId):i.removeAttribute("aria-controls"),i.setAttribute("aria-label",this.triggerName()),i.classList.add("trig"));const t=this.host?.querySelector(".dark-mode button");t&&t.setAttribute("aria-pressed","dark"===this.paintedMode()?"true":"false")}hasColorEditor(){return"undefined"!=typeof customElements&&!!customElements.get("sui-color-editor")}openWell(i,t){if(!this.disabled)return this.hasColorEditor()?(this.editor=this.editor===i?null:i,void(this.menu=null)):void t?.click()}onEditorKey=i=>{const t=this.editor;t&&this.editorEl&&S(i,this.editorEl,(()=>{this.editor=null,this.wellBtns[t]?.focus({preventScroll:!0})}))||this.onKeyDown(i)};onListKey=i=>{this.onFlyKeyDown(i),i.defaultPrevented||this.onKeyDown(i)};onKeyDown=i=>{if(!this.disabled)if("Tab"===i.key&&this.open&&this.bodyEl&&"compact"===this.resolvedAppearance()){const t="function"==typeof i.composedPath?i.composedPath()[0]:i.target;[this.flyEl,this.editorEl].some((i=>!!i&&!!t&&i.contains(t)))||S(i,this.bodyEl,(()=>{this.close(),this.trigger?.querySelector("button")?.focus({preventScroll:!0})}))}else if("Escape"===i.key){if(this.editor)return i.preventDefault(),i.stopPropagation(),void(this.editor=null);if(this.menu)return i.preventDefault(),i.stopPropagation(),void(this.menu=null);this.open&&(i.preventDefault(),i.stopPropagation(),this.close(!0))}};preview(i){const t=this.normalizeCurrent();return I(t.primary,t.accent,t.neutral,"brand"!==(i||t.status)?{mode:"semantic",positive:this.positiveAuto?null:T(this.positiveHex)||null,warn:this.warnAuto?null:T(this.warnHex)||null,alert:this.alertAuto?null:T(this.alertHex)||null}:{mode:"brand"},"dark"===W(t.mode))}semanticHexes(){const i=this.normalizeCurrent(),t=this.preview("semantic"),s=this.positiveAuto?t.suggestedPositive||"":T(this.positiveHex,t.suggestedPositive||""),e=this.warnAuto?t.suggestedWarn||"":T(this.warnHex,t.suggestedWarn||""),r=this.alertAuto?t.suggestedAlert||"":T(this.alertHex,t.suggestedAlert||"");return{positive:s||i.primary,warn:e||i.primary,alert:r||i.accent,preview:t}}statusHexes(){if("brand"!==this.resolvedStatus()){const i=this.semanticHexes();return{positive:i.positive,warn:i.warn,alert:i.alert}}const i=this.preview("brand").T;return{positive:i["--status-positive-accent"],warn:i["--status-attention-accent"],alert:i["--status-critical-bg"]}}editorHex(){const i=this.normalizeCurrent(),t=this.statusHexes();return"accent"===this.editor?i.accent:"positive"===this.editor?t.positive:"warn"===this.editor?t.warn:"alert"===this.editor?t.alert:i.primary}modeLabel(){return"dark"===this.paintedMode()?B(void 0,"theme-picker.lightMode",void 0,"Light mode"):B(void 0,"theme-picker.darkMode",void 0,"Dark mode")}modeIcon(){return"dark"===this.paintedMode()?c:l}dots(i,t=!1){const s=i&&"custom"!==i?A[i]:void 0;return t||!s?r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot"}),r("i",{class:"dot acc"})):r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot tone",style:{"--tone":s.brand}}),r("i",{class:"dot tone",style:{"--tone":s.accent}}))}toneDots(i,t){return r("span",{class:"dots","aria-hidden":"true"},r("i",{class:"dot tone",style:{"--tone":i}}),r("i",{class:"dot tone",style:{"--tone":t}}))}wellRow(i,t,s,e=!1,o=!1){let a;const h="dark"===this.paintedMode()?"light":"brand",n=this.disabled||("primary"===i?this.locks.primary:"accent"===i?this.locks.accent:this.locks.status);return r("div",{class:"pick"},r("button",{type:"button",class:"well",ref:t=>{t&&(this.wellBtns[i]=t)},style:{"--well":t},"aria-label":s,disabled:n,onClick:()=>this.openWell(i,a)}),this.editor===i?this.renderEditorFly():null,r("input",{ref:i=>a=i,class:"natv",type:"color",value:t.toLowerCase(),tabindex:-1,"aria-hidden":"true",disabled:n||e,onInput:t=>this.setWell(i,t.target.value)}),r("input",{class:"hex sui-frame",value:t,spellcheck:!1,"aria-label":s+" hex",disabled:n||e,onChange:t=>this.setWell(i,t.target.value)}),o?r("sui-tooltip",{content:B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:h},r("sui-copy-button",{value:t,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner})):null)}copyBtn(i){const t="dark"===this.paintedMode()?"light":"brand";return r("sui-tooltip",{content:B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:t},r("sui-copy-button",{value:i,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":B(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner}))}renderMenuFly(i){if(!this.menu)return null;if("preset"===this.menu)return r("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":B(void 0,"theme-picker.preset",void 0,"Preset"),ref:i=>this.flyEl=i,onKeyDown:this.onListKey},M.map((t=>r("button",{type:"button",class:{opt:!0,on:i.preset===t},role:"option","aria-selected":i.preset===t?"true":"false",disabled:this.disabled,onClick:()=>this.pickNamed(t)},this.dots(t),A[t].name))));const t=L(i.primary,i.accent);return r("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":B(void 0,"theme-picker.surface",void 0,"Surface"),ref:i=>this.flyEl=i,onKeyDown:this.onListKey},P.map((s=>r("button",{type:"button",class:{opt:!0,on:i.neutral===s},role:"option","aria-selected":i.neutral===s?"true":"false",disabled:this.disabled,onClick:()=>this.pickNeutral(s)},this.toneDots(t[s][0],t[s][1]),E[s].label))))}renderEditorFly(){if(!this.editor||!this.hasColorEditor())return null;const i=this.editorHex();return r("div",{key:"editor",class:"fly editor","data-sui-fly":"editor",ref:i=>this.editorEl=i,onKeyDown:this.onEditorKey},r("sui-color-editor",{value:i,noAlpha:!0,onSuiChange:t=>{t.stopPropagation();const s=T(t.detail?.hex);s&&s!==i&&this.editor&&this.setWell(this.editor,s)}}))}renderControls(){const i=this.normalizeCurrent(),t=this.statusHexes(),s=this.locks,e=L(i.primary,i.accent),o=N(i.primary),h=this.modeLabel();return r("div",{class:"kit"},r("div",{class:"head"},r("sui-button",{class:"fill preset-btn",variant:"outline",size:"md",block:!0,disabled:this.disabled,ref:i=>this.presetAnchor=i,onClick:()=>this.toggleMenu("preset")},r("span",{class:{face:!0,open:"preset"===this.menu}},this.dots(i.preset,"custom"===i.preset),r("span",{class:"grow"},this.namedOf(i.preset)),r(a,{glyph:d,class:"chev"}))),"preset"===this.menu?this.renderMenuFly(i):null,r("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.swapPrimaryAndAccent",void 0,"Swap primary and accent"),onClick:this.swap},r(a,{glyph:u})),r("sui-icon-button",{class:"surprise",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.surpriseMe",void 0,"Surprise me"),onClick:this.surprise},r(a,{glyph:p})),r("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":B(void 0,"theme-picker.resetToShineui",void 0,"Reset to ShineUI"),onClick:this.onReset},r(a,{glyph:m})),r("sui-icon-button",{key:this.paintedMode(),class:"dark-mode",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":h,"aria-pressed":"dark"===this.paintedMode()?"true":"false",onClick:this.toggleMode},r(a,{glyph:this.modeIcon()}))),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.primary",void 0,"Primary")),this.lockBtn("primary")),this.wellRow("primary",i.primary,"Primary color",!1,!0)),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.accent",void 0,"Accent")),this.lockBtn("accent")),r("sui-button-group",{selectable:!0,size:"sm",active:"primary"===i.accentMode?1:"custom"===i.accentMode?2:0,disabled:this.disabled||s.accent,items:this.accentItems,"aria-label":B(void 0,"theme-picker.accent",void 0,"Accent"),onSuiActiveChange:this.onAccentGroupChange,onSuiPick:this.stopInner}),"auto"===i.accentMode?r("div",{class:"chips"},o.map(((i,t)=>r("button",{type:"button",class:{chip:!0,on:this.accentIdx===t},style:{"--well":i},"aria-label":"Accent option "+(t+1),"aria-pressed":this.accentIdx===t?"true":"false",disabled:this.disabled||s.accent,onClick:()=>this.pickAccentIdx(t)}))),this.copyBtn(o[this.accentIdx]||o[0])):null,"auto"!==i.accentMode?this.wellRow("accent",i.accent,"Accent color","primary"===i.accentMode,!0):null),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.surface",void 0,"Surface")),this.lockBtn("surface")),r("sui-button",{variant:"outline",size:"md",block:!0,disabled:this.disabled||s.surface,ref:i=>this.surfaceAnchor=i,onClick:()=>this.toggleMenu("surface")},r("span",{class:{face:!0,open:"surface"===this.menu}},this.toneDots(e[i.neutral][0],e[i.neutral][1]),r("span",{class:"grow"},E[i.neutral].label),r(a,{glyph:d,class:"chev"}))),"surface"===this.menu?this.renderMenuFly(i):null),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.status",void 0,"Status")),this.lockBtn("status")),r("sui-button-group",{selectable:!0,size:"sm",active:Math.max(0,Q.indexOf(i.status)),disabled:this.disabled||s.status,items:this.statusItems(),"aria-label":B(void 0,"theme-picker.status",void 0,"Status"),onSuiActiveChange:this.onStatusGroupChange,onSuiPick:this.stopInner}),r("div",{class:"sem"},r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.success",void 0,"Success")),this.wellRow("positive",t.positive,"Success color",this.positiveAuto,!0),r("sui-button",{variant:this.positiveAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.positiveAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.positiveAuto?this.enterCustom("positive",t.positive):(this.positiveAuto=!0,this.commitStatus()))}})),r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.warning",void 0,"Warning")),this.wellRow("warn",t.warn,"Warning color",this.warnAuto,!0),r("sui-button",{variant:this.warnAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.warnAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.warnAuto?this.enterCustom("warn",t.warn):(this.warnAuto=!0,this.commitStatus()))}})),r("div",{class:"semrow"},r("span",{class:"nm"},B(void 0,"theme-picker.alert",void 0,"Alert")),this.wellRow("alert",t.alert,"Alert color",this.alertAuto,!0),r("sui-button",{variant:this.alertAuto?"brand":"ghost",size:"sm",pill:!0,label:B(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||s.status,"aria-pressed":this.alertAuto?"true":"false",onClick:()=>{this.disabled||s.status||(this.alertAuto?this.enterCustom("alert",t.alert):(this.alertAuto=!0,this.commitStatus()))}})))),r("div",{class:"row"},r("span",{class:"k"},r("span",{class:"kt"},B(void 0,"theme-picker.code",void 0,"Code"))),r("sui-button-group",{selectable:!0,size:"sm",active:X.indexOf(i.code),disabled:this.disabled,items:this.codeItems(),"aria-label":B(void 0,"theme-picker.code",void 0,"Code"),onSuiActiveChange:this.onCodeGroupChange,onSuiPick:this.stopInner})))}render(){const i="compact"===this.resolvedAppearance(),t=this.normalizeCurrent(),s=!!this.showPresetName;return r(o,{key:"38dc813ca97274ababa46e58322819ce86d9b742",class:{compact:i,panel:!i,disabled:this.disabled},onKeyDown:this.onKeyDown},i?r("sui-button",{ref:i=>this.trigger=i,class:"trig-host",variant:"outline",size:"md",disabled:this.disabled,"aria-label":this.triggerName(),onClick:this.toggle},r("span",{class:"face"},this.dots(t.preset,!0),s?r("span",{class:"grow"},this.namedOf(t.preset)):null,r(a,{glyph:d,class:"chev"}))):null,!i||this.open||this.closing?r("div",{ref:i=>this.layerEl=i,class:{layer:!0,pop:i}},r("div",{ref:i=>this.bodyEl=i,id:i?this.dialogId:void 0,class:{body:!0,pop:i,flow:!i,closing:this.closing},inert:this.closing,role:i?"dialog":void 0,tabIndex:i?-1:void 0,"aria-labelledby":i?this.titleId:void 0},i?r("h2",{class:"sr-only",id:this.titleId},this.triggerName()):null,this.renderControls())):null)}static get watchers(){return{persist:[{onPersist:0}],preset:[{onThemeProps:0}],mode:[{onThemeProps:0}],status:[{onThemeProps:0}],code:[{onThemeProps:0}],primary:[{onThemeProps:0}],accentColor:[{onThemeProps:0}],accentMode:[{onThemeProps:0}],neutral:[{onThemeProps:0}],target:[{onThemeProps:0}],open:[{onOpenChange:0}],editor:[{onEditorChange:0}],menu:[{onMenuChange:0}]}}};ti.style=".sc-sui-theme-picker-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.panel.sc-sui-theme-picker-h{display:block;max-width:320px}.face.sc-sui-theme-picker{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%}.face.sc-sui-theme-picker .grow.sc-sui-theme-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:start;line-height:1.35}.dots.sc-sui-theme-picker{display:inline-flex;align-items:center;flex-shrink:0}.dot.sc-sui-theme-picker{width:13px;height:13px;box-sizing:border-box;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent)}.dot.sc-sui-theme-picker+.dot.sc-sui-theme-picker{margin-inline-start:-9px}.dot.acc.sc-sui-theme-picker{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 14%, transparent)}.dot.tone.sc-sui-theme-picker{background:var(--tone);border-color:color-mix(in srgb, var(--ink) 10%, transparent)}.disabled.sc-sui-theme-picker-h .dot.sc-sui-theme-picker{opacity:0.4}.chev.sc-sui-theme-picker{font-size:var(--icon-size-sm);color:var(--ink-faint);line-height:1;margin-inline-start:auto}.trig[aria-expanded=\"true\"].sc-sui-theme-picker .chev.sc-sui-theme-picker,.open.sc-sui-theme-picker .chev.sc-sui-theme-picker{transform:rotate(180deg)}.body.sc-sui-theme-picker{display:flex;flex-direction:column;gap:0;box-sizing:border-box;width:320px;max-height:min(calc(100vh - 88px), 640px);overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg)}.kit.sc-sui-theme-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.body.pop.sc-sui-theme-picker{position:fixed;z-index:var(--z-dropdown);width:320px;min-width:320px;max-width:min(320px, calc(100vw - 16px));background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:sui-theme-picker-in var(--duration-overlay) var(--ease-out)}.body.pop[data-side='top'].sc-sui-theme-picker{animation-name:sui-theme-picker-in-top}.body.pop.closing.sc-sui-theme-picker{animation:sui-theme-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.body.flow.sc-sui-theme-picker{max-width:min(320px, 100%);box-shadow:none}.layer.pop.sc-sui-theme-picker{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:var(--z-overlay)}@keyframes sui-theme-picker-in{from{opacity:0;margin-top:-4px}}@keyframes sui-theme-picker-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-theme-picker-out{to{opacity:0}}.sr-only.sc-sui-theme-picker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.head.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.head.sc-sui-theme-picker>.preset-btn.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-button.sc-sui-theme-picker{flex:1;min-width:0}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker{flex:0 0 auto}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker .sui-glyph.sc-sui-theme-picker{font-size:var(--icon-size-md)}.row.sc-sui-theme-picker{display:flex;flex-direction:column;gap:6px;min-width:0}.k.sc-sui-theme-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-sans);font-size:11.5px;font-weight:var(--w-semibold);color:var(--ink-muted)}.lockb.sc-sui-theme-picker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-4px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);cursor:pointer;font-size:10px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.lockb.sc-sui-theme-picker:hover{background:var(--surface-hover);color:var(--ink-muted)}.lockb.on.sc-sui-theme-picker{color:var(--brand)}.lockb.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.lockb[disabled].sc-sui-theme-picker{cursor:not-allowed;color:var(--ink-placeholder)}.row.sc-sui-theme-picker>sui-button-group.sc-sui-theme-picker{display:block;width:100%;max-width:100%;--sui-button-group-pad-x:8px}.list.sc-sui-theme-picker{display:flex;flex-direction:column;gap:2px}.opt.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;margin:0;box-sizing:border-box;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:12.5px;font-weight:var(--w-medium);cursor:pointer;text-align:start}.opt.sc-sui-theme-picker:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.on.sc-sui-theme-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:var(--w-bold)}.opt.on.sc-sui-theme-picker:hover:not(:disabled){--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.opt.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.opt.sc-sui-theme-picker:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.pick.sc-sui-theme-picker{display:flex;gap:8px;align-items:center;position:relative}.pick.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.pick.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0}.well.sc-sui-theme-picker{width:44px;height:34px;padding:0;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--well);cursor:pointer}.well.sc-sui-theme-picker:disabled{cursor:not-allowed;border-style:dashed}.well.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.hex.sc-sui-theme-picker{width:96px;height:var(--control-md);box-sizing:border-box;padding:0 10px;margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:var(--w-semibold);text-transform:uppercase}.natv.sc-sui-theme-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chips.sc-sui-theme-picker{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chips.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.chips.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0;margin-inline-start:1px}.chip.sc-sui-theme-picker{width:34px;height:34px;padding:0;margin:0;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent);background:var(--well);cursor:pointer}.chip.on.sc-sui-theme-picker{outline:2px solid var(--focus-ring);outline-offset:2px}.chip.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.chip.sc-sui-theme-picker:disabled{cursor:not-allowed}.sem.sc-sui-theme-picker{display:flex;flex-direction:column;gap:8px}.semrow.sc-sui-theme-picker{display:flex;align-items:center;gap:7px;position:relative}.semrow.sc-sui-theme-picker .nm.sc-sui-theme-picker{font-family:var(--font-sans);font-size:12px;font-weight:var(--w-semibold);color:var(--ink-muted);width:52px;flex-shrink:0}.semrow.sc-sui-theme-picker .hex.sc-sui-theme-picker{width:84px}.semrow.sc-sui-theme-picker .pick.sc-sui-theme-picker{min-width:0}.fly.sc-sui-theme-picker{position:fixed;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:5px;max-height:min(50vh, 320px);overflow:auto}.fly.editor.sc-sui-theme-picker{padding:10px;max-height:min(80vh, 420px)}@media (forced-colors: active){.dot.sc-sui-theme-picker,.dot.acc.sc-sui-theme-picker,.dot.tone.sc-sui-theme-picker,.well.sc-sui-theme-picker,.chip.sc-sui-theme-picker{forced-color-adjust:none;border-color:CanvasText}.well.sc-sui-theme-picker:focus-visible,.chip.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.chip.on.sc-sui-theme-picker{outline-color:Highlight}.opt.on.sc-sui-theme-picker,.opt.on.sc-sui-theme-picker:hover{forced-color-adjust:none;background:Highlight;color:HighlightText}.opt.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.hex.sc-sui-theme-picker:focus{outline:2px solid CanvasText;outline-offset:1px}}.sui-frame.sc-sui-theme-picker{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-theme-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-theme-picker,.sui-frame.readonly.sc-sui-theme-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{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-theme-picker{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-theme-picker:focus-within,.sui-frame.invalid.focus.sc-sui-theme-picker,.sui-frame.invalid.open.sc-sui-theme-picker{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-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{--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-theme-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-theme-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-theme-picker{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-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{color:GrayText;border-color:GrayText}}";export{ti as sui_theme_picker}

package/dist/shineui/p-d3685789.entry.js

@@ -0,0 +1 @@
+import{r as s,h as t,a}from"./p-ChCjmDsd.js";import{l as i,a as e}from"./p-lWhwwQJ2.js";import{G as o,c as r,E as n,a as v,e as d}from"./p-CHznIlgx.js";const l={saved:{glyph:d},saving:{glyph:v,spin:!0},dirty:{glyph:n},error:{glyph:r}},u=class{constructor(t){s(this,t)}state="idle";time;text(s){return"saving"===s?i(void 0,"save-status.saving",void 0,"Saving…"):"dirty"===s?i(void 0,"save-status.dirty",void 0,"Unsaved changes"):"error"===s?i(void 0,"save-status.error",void 0,"Autosave failed, retrying"):this.time?e(void 0,"save-status.saved",void 0,"Saved {time}",{time:this.time}):i(void 0,"save-status.savedJustNow",void 0,"Saved just now")}render(){const s=l[this.state]?this.state:null,i=s?l[s]:null;return t(a,{key:"e6b7c187d74595dabdc330a79178db005f7a8026",role:"status","aria-live":"polite"},s&&i?[t(o,{glyph:i.glyph,class:"icon",spin:i.spin}),t("span",{class:"text"},this.text(s))]:null)}};u.style='.sc-sui-save-status-h{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--ink-muted)}.icon.sc-sui-save-status{font-size:12px}[state="dirty"].sc-sui-save-status-h .icon.sc-sui-save-status{font-size:7px;color:var(--status-attention-accent)}[state="error"].sc-sui-save-status-h{color:var(--danger);font-weight:650}';export{u as sui_save_status}

package/dist/shineui/{p-11534f08.entry.js → p-d552cf66.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,g as e,h as s,a as r}from"./p-ChCjmDsd.js";import{d as o,F as d}from"./p-hpOwNlzr.js";import{E as c,w as n,a}from"./p-Br1pHFWW.js";import{G as h,q as u,al as l,am as x,S as p,X as b,an as f,ao as v,af as g,ap as m,aq as k,ae as y,ad as w,ac as M,a2 as P}from"./p-DGU97JSr.js";import{e as C,c as z,s as j,t as L}from"./p-Cwg6GP5B.js";import{a as D}from"./p--VsCbcYp.js";import{r as H}from"./p-BnZU02lM.js";import{i as B,d as F,s as I,r as T}from"./p-B3wtlP4_.js";import{u as R}from"./p-U06fVoGD.js";import{f as q}from"./p-DHVm09RY.js";import{l as A,a as S,u as U}from"./p-lWhwwQJ2.js";import{i as G,a as O}from"./p-Cs2X0Kih.js";import{f as E}from"./p-CGWvlrv_.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const K=["p","h1","h2","h3","code"],V=i=>{switch(i){case"h1":return A(void 0,"rich-text-editor.heading1",void 0,"Heading 1");case"h2":return A(void 0,"rich-text-editor.heading2",void 0,"Heading 2");case"h3":return A(void 0,"rich-text-editor.heading3",void 0,"Heading 3");case"code":return A(void 0,"rich-text-editor.codeBlock",void 0,"Code block");default:return A(void 0,"rich-text-editor.paragraph",void 0,"Paragraph")}},W=class{constructor(e){i(this,e),this.suiChange=t(this,"suiChange",7),this.suiSelection=t(this,"suiSelection",3),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get host(){return e(this)}hostLabel;hostLabelledby;stopAria;stopLabelledby;internals;label;help;error;variant="classic";html="";placeholder;readOnly=!1;disabled=!1;invalid=!1;required=!1;minHeight;name;mergeFields=[];suiChange;suiSelection;snap;ready=!1;focused=!1;editing=!1;popup=null;linkHref="https://";bubble=null;formDisabled=!1;fieldId=R("sui-rte");api;box;mount;toolbarEl;popupWrap;linkInput;initial="";lastHtml="";building=!1;loaded=!1;stopBubbleResize;linkFocusPending=!1;popupFocusPending=!1;fitPending=!1;disposeOutside;disposeRoving;rovingTarget;async getSnapshot(){return this.api?this.api.snapshot():this.snap}async setFocus(){this.api?.focus()}async exec(i,t,e){if(!this.api||this.locked)return;const s=this.api.cmd[i];s&&s(t,e)}connectedCallback(){B(this.host,this.internals),F(this.host,(()=>this.editable())),this.stopAria?.(),this.stopAria=G(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=O(this.host,(i=>{this.hostLabelledby=i})),this.loaded&&(this.armRoving(),this.build())}componentWillLoad(){this.initial=this.html||"",this.lastHtml=this.initial}get isDisabled(){return this.disabled||this.formDisabled}post(i){I(this.internals,this.isDisabled?null:i||"");const t=this.required&&!this.locked;T(this.internals,t,t&&C(i),this.label,this.editable(),this.error)}editable(){return this.mount?.querySelector(".ProseMirror")||void 0}async componentDidLoad(){this.loaded=!0,this.post(this.html),await this.build()}async build(){if(this.mount&&!this.api&&!this.building){this.building=!0;try{const i=this.html,t=this.locked,e=await z(this.mount,{html:i,readOnly:t,onState:(i,t)=>this.onState(i,t)});if(!this.host.isConnected)return void e.destroy();if(this.api=e,(this.html||"")!==(i||"")&&e.setContent(this.html||""),this.locked!==t&&e.setReadOnly(this.locked),this.snap=e.snapshot(),this.ready=!0,this.syncEditorAria(),"undefined"!=typeof ResizeObserver&&this.box){const i=new ResizeObserver((()=>{this.bubble&&this.trackBubble()}));i.observe(this.box),this.stopBubbleResize=()=>i.disconnect()}}catch{}finally{this.building=!1}}}release(){this.stopBubbleResize?.(),this.stopBubbleResize=void 0;const i=this.api;this.api=void 0,this.ready=!1,i?.destroy()}syncEditorAria(){this.api?.setAttrs?.({role:"textbox","aria-multiline":"true","aria-label":this.label||(this.hostLabelledby?null:this.hostLabel)||null,"aria-labelledby":this.label?null:this.hostLabelledby||null,"aria-describedby":o(this.fieldId,this.help,this.error)||null,"aria-invalid":this.error||this.invalid?"true":null})}componentDidRender(){if(this.html!==this.lastHtml&&this.onHtmlChange(this.html),this.syncEditorAria(),this.armRoving(),this.fitPending&&this.popupWrap&&(this.fitPending=!1,this.fitPanel()),this.linkFocusPending&&this.linkInput&&(this.linkFocusPending=!1,this.linkInput.focus(),this.linkInput.select?.()),this.popupFocusPending&&this.popupWrap){this.popupFocusPending=!1;const i=this.popupWrap.querySelector(".sui-rte-option.selected")||this.popupWrap.querySelector(".sui-rte-option, .sui-rte-merge-row");i?.focus()}}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.(),this.closePopup(),this.disposeRoving?.(),this.disposeRoving=void 0,this.rovingTarget=void 0,Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}formResetCallback(){this.html=this.initial,this.lastHtml=this.initial,this.api?.setContent(this.initial),this.post(this.initial)}formDisabledCallback(i){this.formDisabled=E(this.host,this.disabled,i),this.post(this.html)}onHtmlChange(i){i!==this.lastHtml&&(this.lastHtml=i||"",this.api?.setContent(i||""),this.post(i))}onValidityInput(){this.post(this.html)}onLockChange(){this.api?.setReadOnly(this.locked),this.locked&&this.closePopup(),this.post(this.html)}get locked(){return this.readOnly||this.isDisabled}get full(){return"classic"===this.variant}onState(i,t){if(this.api){if(this.snap=i,t.docChanged){const t=this.api.toHTML();this.lastHtml=t,this.html=t,this.post(t),this.suiChange.emit({html:t,text:this.api.getText(),words:i.words,chars:i.chars})}this.suiSelection.emit(i),"bubble"===this.variant&&this.trackBubble()}}trackBubble(){const i=this.api?.selectionRect();if(i&&this.box){const t=this.box.getBoundingClientRect();this.bubble={x:(i.left+i.right)/2-t.left,y:i.top-t.top,width:t.width||400}}else this.bubble=null}armRoving(){this.toolbarEl!==this.rovingTarget&&(this.disposeRoving?.(),this.rovingTarget=this.toolbarEl,this.disposeRoving=this.toolbarEl?H(this.toolbarEl,".sui-tbtn, .sui-rte-block-trigger","horizontal"):void 0)}openPopup(i){this.popup!==i?(this.popup=i,this.fitPending=!0,"link"===i?(this.linkHref="https://",this.linkFocusPending=!0):this.popupFocusPending=!0,this.disposeOutside?.(),this.disposeOutside=D((()=>[this.popupWrap]),(()=>this.closePopup()))):this.closePopup()}fitPanel(){const i=this.popupWrap?.querySelector(".sui-rte-panel");if(!i||!this.box)return;const t=this.box.getBoundingClientRect();if(!t.width)return;const e=Math.max(t.left,8),s=Math.min(t.right,window.innerWidth-8);i.style.translate="",i.style.maxWidth=s>e?`${Math.floor(s-e)}px`:"";const r=i.getBoundingClientRect(),o=r.left<e?e-r.left:r.right>s?Math.max(s-r.right,e-r.left):0;o&&(i.style.translate=`${Math.round(o)}px 0`)}closePopup(i=!1){this.popup&&(this.popup=null,this.disposeOutside?.(),this.disposeOutside=void 0,i&&this.api?.focus())}run(i,t,e){this.api&&this.api.cmd[i](t,e)}onBoxKey=i=>{"Escape"===i.key&&this.popup&&(i.stopPropagation(),this.closePopup(!0))};inEditor(i){return!!i?.closest?.(".sb-editor-mount")}onFocusIn=i=>{this.focused=!0,this.editing=this.inEditor(i.target)};onFocusOut=i=>{const t=i.relatedTarget;t&&this.box?.contains(t)?this.editing=this.inEditor(t):(this.focused=!1,this.editing=!1)};onPopupKey=i=>{if("ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"Home"!==i.key&&"End"!==i.key)return;const t=Array.from(this.popupWrap?.querySelectorAll(".sui-rte-option, .sui-rte-merge-row")||[]);if(!t.length)return;i.preventDefault();const e=t.indexOf(document.activeElement);let s=0;"ArrowDown"===i.key?s=e<0?0:(e+1)%t.length:"ArrowUp"===i.key?s=e<0?t.length-1:(e-1+t.length)%t.length:"End"===i.key&&(s=t.length-1),t[s].focus()};applyLink=()=>{const i=this.linkHref.trim();i&&"https://"!==i&&this.run("link",i),this.closePopup(!0)};toggleList(i){this.run(this.snap?.list===i?"outdent":"bullet"===i?"bulletList":"orderedList")}renderBlockPicker(){const i=this.snap?.block||"p",t="block"===this.popup,e=V(K.includes(i)?i:"p");return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)},onKeyDown:t?this.onPopupKey:void 0},s("button",{type:"button",class:{"sui-rte-block-trigger":!0,"sui-frame":!0,open:t},"aria-haspopup":"listbox","aria-expanded":t?"true":"false","aria-label":S(void 0,"rich-text-editor.blockTypeCurrent",void 0,"Block type: {type}",{type:e}),onMouseDown:i=>i.preventDefault(),onClick:()=>this.openPopup("block")},e,s(h,{glyph:u})),t?s("div",{class:"sui-rte-panel block",role:"listbox","aria-label":A(void 0,"rich-text-editor.blockType",void 0,"Block type")},K.map((t=>s("button",{type:"button",role:"option","aria-selected":t===i?"true":"false",class:{"sui-rte-option":!0,selected:t===i,[t]:!0},onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("block",t)}},V(t))))):null)}renderMergePicker(){const i="merge"===this.popup;return this.mergeFields&&this.mergeFields.length?s("div",{class:"sui-rte-pop",ref:t=>{i&&(this.popupWrap=t)},onKeyDown:i?this.onPopupKey:void 0},s(c,{glyph:l,label:A(void 0,"rich-text-editor.mergeField",void 0,"Merge field"),wide:!0,active:i,haspopup:"menu",title:A(void 0,"rich-text-editor.insertMergeField",void 0,"Insert merge field"),onClick:()=>this.openPopup("merge")}),i?s("div",{class:"sui-rte-panel merge",role:"menu","aria-label":A(void 0,"rich-text-editor.mergeFields",void 0,"Merge fields")},s("div",{class:"sui-rte-eyebrow",role:"presentation"},A(void 0,"rich-text-editor.resolvesAtSendTime",void 0,"Resolves at send time")),(this.mergeFields||[]).map((i=>s("button",{type:"button",role:"menuitem",class:"sui-rte-merge-row",onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("mergeField",i.token,i.label)}},s("span",null,i.label),s("code",null,`{{${i.token}}}`))))):null):null}renderLink(){const i=!!this.snap?.marks.link,t="link"===this.popup;return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)}},s(c,{glyph:x,active:i||t,haspopup:i?void 0:"dialog",title:i?A(void 0,"rich-text-editor.removeLink",void 0,"Remove link"):A(void 0,"rich-text-editor.addLink",void 0,"Add link"),onClick:()=>i?this.run("unlink"):this.openPopup("link")}),t?s("div",{class:"sui-rte-panel link",role:"dialog","aria-label":A(void 0,"rich-text-editor.addLink",void 0,"Add link")},s("input",{ref:i=>this.linkInput=i,class:"sui-rte-link-input sui-frame",type:"url","aria-label":A(void 0,"rich-text-editor.linkAddress",void 0,"Link address"),value:this.linkHref,onInput:i=>this.linkHref=i.target.value,onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.applyLink())}}),s("sui-button",{variant:"brand",size:"sm",label:A(void 0,"rich-text-editor.link",void 0,"Link"),onClick:this.applyLink})):null)}renderToolbar(){const i=this.snap?.marks,t=this.snap,e=this.full;return s("div",{key:"toolbar",class:"sui-rte-toolbar",role:"toolbar","aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting"),ref:i=>this.toolbarEl=i},e?this.renderBlockPicker():null,e?s(a,null):null,s(c,{glyph:M,active:!!i?.bold,title:n(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(c,{glyph:w,active:!!i?.italic,title:n(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(c,{glyph:y,active:!!i?.underline,title:n(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e?s(c,{glyph:k,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}):null,e?s(c,{glyph:m,active:!!i?.code,title:A(void 0,"rich-text-editor.inlineCode",void 0,"Inline code"),onClick:()=>this.run("code")}):null,s(a,null),s(c,{glyph:g,active:"bullet"===t?.list,title:A(void 0,"rich-text-editor.bulletedList",void 0,"Bulleted list"),onClick:()=>this.toggleList("bullet")}),s(c,{glyph:v,active:"ordered"===t?.list,title:A(void 0,"rich-text-editor.numberedList",void 0,"Numbered list"),onClick:()=>this.toggleList("ordered")}),e?s(c,{glyph:f,active:!!t?.quote,title:A(void 0,"rich-text-editor.blockquote",void 0,"Blockquote"),onClick:()=>this.run(t?.quote?"unquote":"quote")}):null,s(a,null),this.renderLink(),e?this.renderMergePicker():null,s("span",{class:"sui-rte-spacer"}),s(c,{glyph:b,disabled:!t?.canUndo,title:n(A(void 0,"rich-text-editor.undo",void 0,"Undo"),"Z"),onClick:()=>this.run("undo")}),s(c,{glyph:p,disabled:!t?.canRedo,title:A(void 0,"rich-text-editor.redo",void 0,"Redo"),onClick:()=>this.run("redo")}))}renderBubble(){const i=this.snap?.marks,t=this.bubble,e=t?Math.max(120,Math.min(t.x,t.width-120)):0;return s("sui-mini-toolbar",{key:"bubble",class:"sui-rte-bubble",open:!!t&&!this.locked,x:e,y:t?t.y-44:0,"aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting")},s(c,{glyph:M,active:!!i?.bold,title:n(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(c,{glyph:w,active:!!i?.italic,title:n(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(c,{glyph:y,active:!!i?.underline,title:n(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),s(c,{glyph:k,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}))}render(){const i=this.locked,t="bubble"===this.variant,e=this.minHeight??("compact"===this.variant?84:170),o=this.snap,c=this.ready&&!!o?.empty&&!i,n=this.ready?"":j(this.html||"");return s(r,{key:"f2d203ef4a5d0729bf496f9ecb0e8314a89f7784",class:{[this.variant]:!0,"read-only":i,disabled:this.isDisabled,focused:this.focused,ready:this.ready,invalid:this.invalid||!!this.error}},s(d,{key:"29fe86632f0aa40f64354551515e71fa0d8f5c2e",label:this.label,help:this.help,error:this.error,descId:this.fieldId},s("div",{key:"5e50036b9048d055b6510f525e68d9aaef437d1f",class:{"sui-rte-box":!0,"sui-frame":!0,"focus-own":!0,focus:this.editing,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:i&&!this.isDisabled},ref:i=>this.box=i,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onBoxKey},i||t?null:this.renderToolbar(),t?this.renderBubble():null,s("div",{key:"loading",class:"sui-rte-loading",hidden:this.ready||!!n},A(void 0,"rich-text-editor.loading",void 0,"Loading editor engine (ProseMirror)…")),s("div",{key:"body",class:"sui-rte-body"},n?s("div",{key:"static",class:"sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s",style:{minHeight:`${e}px`},innerHTML:L(n)}):null,s("div",{key:"mount",class:"sb-editor-mount sc-sui-rich-text-editor-s",hidden:!!n,ref:i=>this.mount=i,style:{minHeight:`${e}px`}}),s("div",{key:"placeholder",class:"sui-rte-placeholder",hidden:!c,"aria-hidden":"true"},A(void 0,"rich-text-editor.placeholder",this.placeholder,"Write here…"))),s("div",{key:"status",class:"sui-rte-status"},i?s("span",{class:"sui-rte-lock"},s(h,{glyph:P}),this.isDisabled?A(void 0,"rich-text-editor.disabled",void 0,"Disabled"):A(void 0,"rich-text-editor.readOnly",void 0,"Read-only")):null,o||!n?s("span",{class:"sui-rte-count"},U(a=o?.words||0,void 0,["rich-text-editor.word","rich-text-editor.words"])?S(void 0,"rich-text-editor.word",void 0,"{count} word",{count:q(a)}):S(void 0,"rich-text-editor.words",void 0,"{count} words",{count:q(a)})," · ",(i=>U(i,void 0,["rich-text-editor.character","rich-text-editor.characters"])?S(void 0,"rich-text-editor.character",void 0,"{count} character",{count:q(i)}):S(void 0,"rich-text-editor.characters",void 0,"{count} characters",{count:q(i)}))(o?.chars||0)):null,s("span",{key:"1cbe0d58336947a6bf9f97b287c2ddc28a49139d",class:"sui-rte-spacer"}),s("slot",{key:"d253cf5b0893c41586ed5a30540959d7882a1bf2",name:"status"})))));var a}static get formAssociated(){return!0}static get watchers(){return{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}}};W.style=".sc-sui-rich-text-editor-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-rte-box.sc-sui-rich-text-editor{position:relative;box-sizing:border-box}.sui-frame.focus-own.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--control-border);outline:none;box-shadow:none}.sui-frame.focus-own.invalid.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-2px;box-shadow:none}.sui-rte-toolbar.sc-sui-rich-text-editor{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:7px 9px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-rte-spacer.sc-sui-rich-text-editor{flex:1}.sui-rte-loading.sc-sui-rich-text-editor{padding:14px;font-size:12.5px;color:var(--ink-faint)}.sui-rte-loading[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-body.sc-sui-rich-text-editor{position:relative}.sb-editor-mount.sc-sui-rich-text-editor{box-sizing:content-box;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ready.sc-sui-rich-text-editor-h .sb-editor-mount.sc-sui-rich-text-editor{opacity:1}.sb-editor-mount.sui-rte-static.sc-sui-rich-text-editor{opacity:1}.sui-rte-placeholder.sc-sui-rich-text-editor{position:absolute;inset-inline-start:14px;top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-placeholder);pointer-events:none}.sui-rte-placeholder[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-status.sc-sui-rich-text-editor{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-rte-lock.sc-sui-rich-text-editor{display:inline-flex;align-items:center;gap:5px;font-weight:650;white-space:nowrap}.sui-rte-lock.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px}.sui-rte-bubble.sc-sui-rich-text-editor{transform:translateX(-50%)}.sui-rte-pop.sc-sui-rich-text-editor{position:relative;display:inline-flex}.sui-rte-panel.sc-sui-rich-text-editor{position:absolute;top:calc(100% + 5px);inset-inline-start:0;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);padding:4px;animation:sui-rte-pop-in var(--duration-overlay) var(--ease-out)}@keyframes sui-rte-pop-in{from{opacity:0;transform:translateY(4px)}}.sui-rte-panel.block.sc-sui-rich-text-editor{width:150px}.sui-rte-panel.merge.sc-sui-rich-text-editor{width:210px}.sui-rte-panel.link.sc-sui-rich-text-editor{inset-inline-start:-60px;display:flex;gap:6px;padding:8px}.sui-rte-block-trigger.sc-sui-rich-text-editor{height:28px;width:108px;padding-block:0;padding-inline:10px 8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;color:var(--ink);font-size:12px;font-weight:620;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.sui-rte-block-trigger.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px;color:var(--ink-faint)}.sui-rte-option.sc-sui-rich-text-editor{display:block;width:100%;text-align:start;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:460;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-option.sc-sui-rich-text-editor:hover,.sui-rte-option.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-option.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rte-option.selected.sc-sui-rich-text-editor:hover,.sui-rte-option.selected.sc-sui-rich-text-editor:focus-visible{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rte-option.h1.sc-sui-rich-text-editor{font-size:15px;font-weight:700}.sui-rte-option.h2.sc-sui-rich-text-editor{font-size:13.5px;font-weight:700}.sui-rte-option.h3.sc-sui-rich-text-editor{font-weight:700}.sui-rte-option.code.sc-sui-rich-text-editor{font-family:var(--font-mono)}.sui-rte-eyebrow.sc-sui-rich-text-editor{padding:6px 9px 4px;font-size:10px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-rte-merge-row.sc-sui-rich-text-editor{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-merge-row.sc-sui-rich-text-editor:hover,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-merge-row.sc-sui-rich-text-editor span.sc-sui-rich-text-editor{font-size:12.5px;font-weight:600}.sui-rte-merge-row.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{font-size:9.5px;color:var(--ink-faint);font-family:var(--font-mono)}.sui-rte-link-input.sc-sui-rich-text-editor{width:180px;min-width:0;height:28px;box-sizing:border-box;padding:0 9px;color:var(--ink);font-size:12px;font-family:var(--font-sans)}.sui-rte-link-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-rte-option.sc-sui-rich-text-editor:focus-visible,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{outline:2px solid CanvasText;outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-field.sc-sui-rich-text-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rich-text-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rich-text-editor .sui-field-label.sc-sui-rich-text-editor{color:var(--danger)}.sui-field-req.sc-sui-rich-text-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rich-text-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rich-text-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-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:11px}.sui-frame.sc-sui-rich-text-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-rich-text-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-rich-text-editor,.sui-frame.readonly.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-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-rich-text-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-rich-text-editor:focus-within,.sui-frame.invalid.focus.sc-sui-rich-text-editor,.sui-frame.invalid.open.sc-sui-rich-text-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-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-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-rich-text-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-rich-text-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-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{color:GrayText;border-color:GrayText}}.sui-tbtn.sc-sui-rich-text-editor{height:28px;min-width:28px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sui-tbtn.wide.sc-sui-rich-text-editor{min-width:0;padding:0 9px}.sui-tbtn.sc-sui-rich-text-editor i.sc-sui-rich-text-editor,.sui-tbtn.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:12px}.sui-tbtn.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-hover)}.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-selected);color:var(--brand-soft-ink)}.sui-tbtn.sc-sui-rich-text-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed;background:transparent}.sui-tbtn.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-tbtn-sep.sc-sui-rich-text-editor{width:1px;height:18px;background:var(--hairline);margin:0 3px;flex-shrink:0}@media (forced-colors: active){.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:CanvasText;box-shadow:none}.sui-tbtn.sc-sui-rich-text-editor:disabled{forced-color-adjust:auto;background:transparent;color:GrayText}.sui-tbtn-sep.sc-sui-rich-text-editor{forced-color-adjust:none;background:CanvasText}}.sc-sui-rich-text-editor-s .ProseMirror,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor{outline:none;white-space:pre-wrap}.sc-sui-rich-text-editor-s.sb-editor-mount p,.sc-sui-rich-text-editor-s .ProseMirror p,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor{margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount p:last-child,.sc-sui-rich-text-editor-s .ProseMirror p:last-child,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child{margin-bottom:0}.sc-sui-rich-text-editor-s.sb-editor-mount h1,.sc-sui-rich-text-editor-s .ProseMirror h1,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor{font-size:21px;font-weight:730;letter-spacing:-0.015em;margin:4px 0 10px}.sc-sui-rich-text-editor-s.sb-editor-mount h2,.sc-sui-rich-text-editor-s .ProseMirror h2,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor{font-size:16.5px;font-weight:700;margin:10px 0 7px}.sc-sui-rich-text-editor-s.sb-editor-mount h3,.sc-sui-rich-text-editor-s .ProseMirror h3,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor{font-size:14px;font-weight:700;margin:8px 0 6px}.sc-sui-rich-text-editor-s.sb-editor-mount ul,.sc-sui-rich-text-editor-s.sb-editor-mount ol,.sc-sui-rich-text-editor-s .ProseMirror ul,.sc-sui-rich-text-editor-s .ProseMirror ol,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor{margin:0 0 8px;padding-inline-start:22px}.sc-sui-rich-text-editor-s.sb-editor-mount li,.sc-sui-rich-text-editor-s .ProseMirror li,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor li.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor li.sc-sui-rich-text-editor{margin-bottom:3px}.sc-sui-rich-text-editor-s.sb-editor-mount blockquote,.sc-sui-rich-text-editor-s .ProseMirror blockquote,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor{margin:0 0 8px;padding:6px 14px;border-inline-start:3px solid var(--accent);background:var(--surface-sunken);border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;color:var(--ink-muted)}.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{background:var(--sui-code-dark-bg);color:color-mix(in srgb, var(--sui-code-dark-ink) 86%, var(--sui-code-dark-bg));font-family:var(--font-mono);font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount code,.sc-sui-rich-text-editor-s .ProseMirror code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:var(--brand-soft);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:12px}.sc-sui-rich-text-editor-s.sb-editor-mount pre code,.sc-sui-rich-text-editor-s .ProseMirror pre code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:transparent;padding:0}.sc-sui-rich-text-editor-s.sb-editor-mount a,.sc-sui-rich-text-editor-s .ProseMirror a,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor a.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor a.sc-sui-rich-text-editor{color:var(--link);text-decoration:underline}.sc-sui-rich-text-editor-s .sb-merge,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.sc-sui-rich-text-editor{display:inline-block;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px dashed var(--accent-deep);border-radius:5px;padding:0 6px;font-size:12px;font-weight:650;white-space:nowrap}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline:2px solid var(--accent)}@media (forced-colors: active){.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{border:1px solid CanvasText}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline-color:Highlight}}";export{W as sui_rich_text_editor}
+import{r as i,c as t,g as e,h as s,a as r}from"./p-ChCjmDsd.js";import{d as o,F as d}from"./p-DLfOvQY0.js";import{E as c,w as n,a}from"./p-DCgjvllz.js";import{G as h,q as u,al as l,am as x,S as p,X as b,an as f,ao as v,af as g,ap as m,aq as k,ae as y,ad as w,ac as M,a2 as P}from"./p-CHznIlgx.js";import{e as z,c as C,s as j,t as L}from"./p-Dz-j4-EI.js";import{a as D}from"./p-DxQKrio7.js";import{r as B}from"./p-BnZU02lM.js";import{i as H,d as I,s as F,r as T}from"./p-B3wtlP4_.js";import{u as R}from"./p-U06fVoGD.js";import{f as q}from"./p-BnfaBLhb.js";import{l as A,a as S,u as E}from"./p-lWhwwQJ2.js";import{i as O,a as U}from"./p-BsRW1Q8k.js";import{f as G}from"./p-CGWvlrv_.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const K=["p","h1","h2","h3","code"],W=i=>{switch(i){case"h1":return A(void 0,"rich-text-editor.heading1",void 0,"Heading 1");case"h2":return A(void 0,"rich-text-editor.heading2",void 0,"Heading 2");case"h3":return A(void 0,"rich-text-editor.heading3",void 0,"Heading 3");case"code":return A(void 0,"rich-text-editor.codeBlock",void 0,"Code block");default:return A(void 0,"rich-text-editor.paragraph",void 0,"Paragraph")}},V=class{constructor(e){i(this,e),this.suiChange=t(this,"suiChange",7),this.suiSelection=t(this,"suiSelection",3),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}get host(){return e(this)}hostLabel;hostLabelledby;stopAria;stopLabelledby;internals;label;help;error;variant="classic";html="";placeholder;readOnly=!1;disabled=!1;invalid=!1;required=!1;minHeight;name;mergeFields=[];suiChange;suiSelection;snap;ready=!1;focused=!1;editing=!1;popup=null;linkHref="https://";bubble=null;formDisabled=!1;fieldId=R("sui-rte");api;box;mount;toolbarEl;popupWrap;linkInput;initial="";lastHtml="";building=!1;loaded=!1;stopBubbleResize;linkFocusPending=!1;popupFocusPending=!1;fitPending=!1;disposeOutside;disposeRoving;rovingTarget;async getSnapshot(){return this.api?this.api.snapshot():this.snap}async setFocus(){this.api?.focus()}async exec(i,t,e){if(!this.api||this.locked)return;const s=this.api.cmd[i];s&&s(t,e)}connectedCallback(){H(this.host,this.internals),I(this.host,(()=>this.editable())),this.stopAria?.(),this.stopAria=O(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=U(this.host,(i=>{this.hostLabelledby=i})),this.loaded&&(this.armRoving(),this.build())}componentWillLoad(){this.initial=this.html||"",this.lastHtml=this.initial}get isDisabled(){return this.disabled||this.formDisabled}post(i){F(this.internals,this.isDisabled?null:i||"");const t=this.required&&!this.locked;T(this.internals,t,t&&z(i),this.label,this.editable(),this.error)}editable(){return this.mount?.querySelector(".ProseMirror")||void 0}async componentDidLoad(){this.loaded=!0,this.post(this.html),await this.build()}async build(){if(this.mount&&!this.api&&!this.building){this.building=!0;try{const i=this.html,t=this.locked,e=await C(this.mount,{html:i,readOnly:t,onState:(i,t)=>this.onState(i,t)});if(!this.host.isConnected)return void e.destroy();if(this.api=e,(this.html||"")!==(i||"")&&e.setContent(this.html||""),this.locked!==t&&e.setReadOnly(this.locked),this.snap=e.snapshot(),this.ready=!0,this.syncEditorAria(),"undefined"!=typeof ResizeObserver&&this.box){const i=new ResizeObserver((()=>{this.bubble&&this.trackBubble()}));i.observe(this.box),this.stopBubbleResize=()=>i.disconnect()}}catch{}finally{this.building=!1}}}release(){this.stopBubbleResize?.(),this.stopBubbleResize=void 0;const i=this.api;this.api=void 0,this.ready=!1,i?.destroy()}syncEditorAria(){this.api?.setAttrs?.({role:"textbox","aria-multiline":"true","aria-label":this.label||(this.hostLabelledby?null:this.hostLabel)||null,"aria-labelledby":this.label?null:this.hostLabelledby||null,"aria-describedby":o(this.fieldId,this.help,this.error)||null,"aria-invalid":this.error||this.invalid?"true":null})}componentDidRender(){if(this.html!==this.lastHtml&&this.onHtmlChange(this.html),this.syncEditorAria(),this.armRoving(),this.fitPending&&this.popupWrap&&(this.fitPending=!1,this.fitPanel()),this.linkFocusPending&&this.linkInput&&(this.linkFocusPending=!1,this.linkInput.focus(),this.linkInput.select?.()),this.popupFocusPending&&this.popupWrap){this.popupFocusPending=!1;const i=this.popupWrap.querySelector(".sui-rte-option.selected")||this.popupWrap.querySelector(".sui-rte-option, .sui-rte-merge-row");i?.focus()}}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.(),this.closePopup(),this.disposeRoving?.(),this.disposeRoving=void 0,this.rovingTarget=void 0,Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}formResetCallback(){this.html=this.initial,this.lastHtml=this.initial,this.api?.setContent(this.initial),this.post(this.initial)}formDisabledCallback(i){this.formDisabled=G(this.host,this.disabled,i),this.post(this.html)}onHtmlChange(i){i!==this.lastHtml&&(this.lastHtml=i||"",this.api?.setContent(i||""),this.post(i))}onValidityInput(){this.post(this.html)}onLockChange(){this.api?.setReadOnly(this.locked),this.locked&&this.closePopup(),this.post(this.html)}get locked(){return this.readOnly||this.isDisabled}get full(){return"classic"===this.variant}onState(i,t){if(this.api){if(this.snap=i,t.docChanged){const t=this.api.toHTML();this.lastHtml=t,this.html=t,this.post(t),this.suiChange.emit({html:t,text:this.api.getText(),words:i.words,chars:i.chars})}this.suiSelection.emit(i),"bubble"===this.variant&&this.trackBubble()}}trackBubble(){const i=this.api?.selectionRect();if(i&&this.box){const t=this.box.getBoundingClientRect();this.bubble={x:(i.left+i.right)/2-t.left,y:i.top-t.top,width:t.width||400}}else this.bubble=null}armRoving(){this.toolbarEl!==this.rovingTarget&&(this.disposeRoving?.(),this.rovingTarget=this.toolbarEl,this.disposeRoving=this.toolbarEl?B(this.toolbarEl,".sui-tbtn, .sui-rte-block-trigger","horizontal"):void 0)}openPopup(i){this.popup!==i?(this.popup=i,this.fitPending=!0,"link"===i?(this.linkHref="https://",this.linkFocusPending=!0):this.popupFocusPending=!0,this.disposeOutside?.(),this.disposeOutside=D((()=>[this.popupWrap]),(()=>this.closePopup()))):this.closePopup()}fitPanel(){const i=this.popupWrap?.querySelector(".sui-rte-panel");if(!i||!this.box)return;const t=this.box.getBoundingClientRect();if(!t.width)return;const e=Math.max(t.left,8),s=Math.min(t.right,window.innerWidth-8);i.style.translate="",i.style.maxWidth=s>e?`${Math.floor(s-e)}px`:"";const r=i.getBoundingClientRect(),o=r.left<e?e-r.left:r.right>s?Math.max(s-r.right,e-r.left):0;o&&(i.style.translate=`${Math.round(o)}px 0`)}closePopup(i=!1){this.popup&&(this.popup=null,this.disposeOutside?.(),this.disposeOutside=void 0,i&&this.api?.focus())}run(i,t,e){this.api&&this.api.cmd[i](t,e)}onBoxKey=i=>{"Escape"===i.key&&this.popup&&(i.stopPropagation(),this.closePopup(!0))};inEditor(i){return!!i?.closest?.(".sb-editor-mount")}onFocusIn=i=>{this.focused=!0,this.editing=this.inEditor(i.target)};onFocusOut=i=>{const t=i.relatedTarget;t&&this.box?.contains(t)?this.editing=this.inEditor(t):(this.focused=!1,this.editing=!1)};onPopupKey=i=>{if("ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"Home"!==i.key&&"End"!==i.key)return;const t=Array.from(this.popupWrap?.querySelectorAll(".sui-rte-option, .sui-rte-merge-row")||[]);if(!t.length)return;i.preventDefault();const e=t.indexOf(document.activeElement);let s=0;"ArrowDown"===i.key?s=e<0?0:(e+1)%t.length:"ArrowUp"===i.key?s=e<0?t.length-1:(e-1+t.length)%t.length:"End"===i.key&&(s=t.length-1),t[s].focus()};applyLink=()=>{const i=this.linkHref.trim();i&&"https://"!==i&&this.run("link",i),this.closePopup(!0)};toggleList(i){this.run(this.snap?.list===i?"outdent":"bullet"===i?"bulletList":"orderedList")}renderBlockPicker(){const i=this.snap?.block||"p",t="block"===this.popup,e=W(K.includes(i)?i:"p");return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)},onKeyDown:t?this.onPopupKey:void 0},s("button",{type:"button",class:{"sui-rte-block-trigger":!0,"sui-frame":!0,open:t},"aria-haspopup":"listbox","aria-expanded":t?"true":"false","aria-label":S(void 0,"rich-text-editor.blockTypeCurrent",void 0,"Block type: {type}",{type:e}),onMouseDown:i=>i.preventDefault(),onClick:()=>this.openPopup("block")},e,s(h,{glyph:u})),t?s("div",{class:"sui-rte-panel block",role:"listbox","aria-label":A(void 0,"rich-text-editor.blockType",void 0,"Block type")},K.map((t=>s("button",{type:"button",role:"option","aria-selected":t===i?"true":"false",class:{"sui-rte-option":!0,selected:t===i,[t]:!0},onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("block",t)}},W(t))))):null)}renderMergePicker(){const i="merge"===this.popup;return this.mergeFields&&this.mergeFields.length?s("div",{class:"sui-rte-pop",ref:t=>{i&&(this.popupWrap=t)},onKeyDown:i?this.onPopupKey:void 0},s(c,{glyph:l,label:A(void 0,"rich-text-editor.mergeField",void 0,"Merge field"),wide:!0,active:i,haspopup:"menu",title:A(void 0,"rich-text-editor.insertMergeField",void 0,"Insert merge field"),onClick:()=>this.openPopup("merge")}),i?s("div",{class:"sui-rte-panel merge",role:"menu","aria-label":A(void 0,"rich-text-editor.mergeFields",void 0,"Merge fields")},s("div",{class:"sui-rte-eyebrow",role:"presentation"},A(void 0,"rich-text-editor.resolvesAtSendTime",void 0,"Resolves at send time")),(this.mergeFields||[]).map((i=>s("button",{type:"button",role:"menuitem",class:"sui-rte-merge-row",onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("mergeField",i.token,i.label)}},s("span",null,i.label),s("code",null,`{{${i.token}}}`))))):null):null}renderLink(){const i=!!this.snap?.marks.link,t="link"===this.popup;return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)}},s(c,{glyph:x,active:i||t,haspopup:i?void 0:"dialog",title:i?A(void 0,"rich-text-editor.removeLink",void 0,"Remove link"):A(void 0,"rich-text-editor.addLink",void 0,"Add link"),onClick:()=>i?this.run("unlink"):this.openPopup("link")}),t?s("div",{class:"sui-rte-panel link",role:"dialog","aria-label":A(void 0,"rich-text-editor.addLink",void 0,"Add link")},s("input",{ref:i=>this.linkInput=i,class:"sui-rte-link-input sui-frame",type:"url","aria-label":A(void 0,"rich-text-editor.linkAddress",void 0,"Link address"),value:this.linkHref,onInput:i=>this.linkHref=i.target.value,onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.applyLink())}}),s("sui-button",{variant:"brand",size:"sm",label:A(void 0,"rich-text-editor.link",void 0,"Link"),onClick:this.applyLink})):null)}renderToolbar(){const i=this.snap?.marks,t=this.snap,e=this.full;return s("div",{key:"toolbar",class:"sui-rte-toolbar",role:"toolbar","aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting"),ref:i=>this.toolbarEl=i},e?this.renderBlockPicker():null,e?s(a,null):null,s(c,{glyph:M,active:!!i?.bold,title:n(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(c,{glyph:w,active:!!i?.italic,title:n(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(c,{glyph:y,active:!!i?.underline,title:n(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e?s(c,{glyph:k,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}):null,e?s(c,{glyph:m,active:!!i?.code,title:A(void 0,"rich-text-editor.inlineCode",void 0,"Inline code"),onClick:()=>this.run("code")}):null,s(a,null),s(c,{glyph:g,active:"bullet"===t?.list,title:A(void 0,"rich-text-editor.bulletedList",void 0,"Bulleted list"),onClick:()=>this.toggleList("bullet")}),s(c,{glyph:v,active:"ordered"===t?.list,title:A(void 0,"rich-text-editor.numberedList",void 0,"Numbered list"),onClick:()=>this.toggleList("ordered")}),e?s(c,{glyph:f,active:!!t?.quote,title:A(void 0,"rich-text-editor.blockquote",void 0,"Blockquote"),onClick:()=>this.run(t?.quote?"unquote":"quote")}):null,s(a,null),this.renderLink(),e?this.renderMergePicker():null,s("span",{class:"sui-rte-spacer"}),s(c,{glyph:b,disabled:!t?.canUndo,title:n(A(void 0,"rich-text-editor.undo",void 0,"Undo"),"Z"),onClick:()=>this.run("undo")}),s(c,{glyph:p,disabled:!t?.canRedo,title:A(void 0,"rich-text-editor.redo",void 0,"Redo"),onClick:()=>this.run("redo")}))}renderBubble(){const i=this.snap?.marks,t=this.bubble,e=t?Math.max(120,Math.min(t.x,t.width-120)):0;return s("sui-mini-toolbar",{key:"bubble",class:"sui-rte-bubble",open:!!t&&!this.locked,x:e,y:t?t.y-44:0,"aria-label":A(void 0,"rich-text-editor.formatting",void 0,"Formatting")},s(c,{glyph:M,active:!!i?.bold,title:n(A(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(c,{glyph:w,active:!!i?.italic,title:n(A(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(c,{glyph:y,active:!!i?.underline,title:n(A(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),s(c,{glyph:k,active:!!i?.strike,title:A(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}))}render(){const i=this.locked,t="bubble"===this.variant,e=this.minHeight??("compact"===this.variant?84:170),o=this.snap,c=this.ready&&!!o?.empty&&!i,n=this.ready?"":j(this.html||"");return s(r,{key:"f2d203ef4a5d0729bf496f9ecb0e8314a89f7784",class:{[this.variant]:!0,"read-only":i,disabled:this.isDisabled,focused:this.focused,ready:this.ready,invalid:this.invalid||!!this.error}},s(d,{key:"29fe86632f0aa40f64354551515e71fa0d8f5c2e",label:this.label,help:this.help,error:this.error,descId:this.fieldId},s("div",{key:"5e50036b9048d055b6510f525e68d9aaef437d1f",class:{"sui-rte-box":!0,"sui-frame":!0,"focus-own":!0,focus:this.editing,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:i&&!this.isDisabled},ref:i=>this.box=i,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onBoxKey},i||t?null:this.renderToolbar(),t?this.renderBubble():null,s("div",{key:"loading",class:"sui-rte-loading",hidden:this.ready||!!n},A(void 0,"rich-text-editor.loading",void 0,"Loading editor engine (ProseMirror)…")),s("div",{key:"body",class:"sui-rte-body"},n?s("div",{key:"static",class:"sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s",style:{minHeight:`${e}px`},innerHTML:L(n)}):null,s("div",{key:"mount",class:"sb-editor-mount sc-sui-rich-text-editor-s",hidden:!!n,ref:i=>this.mount=i,style:{minHeight:`${e}px`}}),s("div",{key:"placeholder",class:"sui-rte-placeholder",hidden:!c,"aria-hidden":"true"},A(void 0,"rich-text-editor.placeholder",this.placeholder,"Write here…"))),s("div",{key:"status",class:"sui-rte-status"},i?s("span",{class:"sui-rte-lock"},s(h,{glyph:P}),this.isDisabled?A(void 0,"rich-text-editor.disabled",void 0,"Disabled"):A(void 0,"rich-text-editor.readOnly",void 0,"Read-only")):null,o||!n?s("span",{class:"sui-rte-count"},E(a=o?.words||0,void 0,["rich-text-editor.word","rich-text-editor.words"])?S(void 0,"rich-text-editor.word",void 0,"{count} word",{count:q(a)}):S(void 0,"rich-text-editor.words",void 0,"{count} words",{count:q(a)})," · ",(i=>E(i,void 0,["rich-text-editor.character","rich-text-editor.characters"])?S(void 0,"rich-text-editor.character",void 0,"{count} character",{count:q(i)}):S(void 0,"rich-text-editor.characters",void 0,"{count} characters",{count:q(i)}))(o?.chars||0)):null,s("span",{key:"1cbe0d58336947a6bf9f97b287c2ddc28a49139d",class:"sui-rte-spacer"}),s("slot",{key:"d253cf5b0893c41586ed5a30540959d7882a1bf2",name:"status"})))));var a}static get formAssociated(){return!0}static get watchers(){return{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}}};V.style=".sc-sui-rich-text-editor-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-rte-box.sc-sui-rich-text-editor{position:relative;box-sizing:border-box}.sui-frame.focus-own.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--control-border);outline:none;box-shadow:none}.sui-frame.focus-own.invalid.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-2px;box-shadow:none}.sui-rte-toolbar.sc-sui-rich-text-editor{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:7px 9px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-rte-spacer.sc-sui-rich-text-editor{flex:1}.sui-rte-loading.sc-sui-rich-text-editor{padding:14px;font-size:12.5px;color:var(--ink-faint)}.sui-rte-loading[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-body.sc-sui-rich-text-editor{position:relative}.sb-editor-mount.sc-sui-rich-text-editor{box-sizing:content-box;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ready.sc-sui-rich-text-editor-h .sb-editor-mount.sc-sui-rich-text-editor{opacity:1}.sb-editor-mount.sui-rte-static.sc-sui-rich-text-editor{opacity:1}.sui-rte-placeholder.sc-sui-rich-text-editor{position:absolute;inset-inline-start:14px;top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-placeholder);pointer-events:none}.sui-rte-placeholder[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-status.sc-sui-rich-text-editor{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-rte-lock.sc-sui-rich-text-editor{display:inline-flex;align-items:center;gap:5px;font-weight:650;white-space:nowrap}.sui-rte-lock.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px}.sui-rte-bubble.sc-sui-rich-text-editor{transform:translateX(-50%)}.sui-rte-pop.sc-sui-rich-text-editor{position:relative;display:inline-flex}.sui-rte-panel.sc-sui-rich-text-editor{position:absolute;top:calc(100% + 5px);inset-inline-start:0;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);padding:4px;animation:sui-rte-pop-in var(--duration-overlay) var(--ease-out)}@keyframes sui-rte-pop-in{from{opacity:0;transform:translateY(4px)}}.sui-rte-panel.block.sc-sui-rich-text-editor{width:150px}.sui-rte-panel.merge.sc-sui-rich-text-editor{width:210px}.sui-rte-panel.link.sc-sui-rich-text-editor{inset-inline-start:-60px;display:flex;gap:6px;padding:8px}.sui-rte-block-trigger.sc-sui-rich-text-editor{height:28px;width:108px;padding-block:0;padding-inline:10px 8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;color:var(--ink);font-size:12px;font-weight:620;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.sui-rte-block-trigger.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px;color:var(--ink-faint)}.sui-rte-option.sc-sui-rich-text-editor{display:block;width:100%;text-align:start;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:460;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-option.sc-sui-rich-text-editor:hover,.sui-rte-option.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-option.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rte-option.selected.sc-sui-rich-text-editor:hover,.sui-rte-option.selected.sc-sui-rich-text-editor:focus-visible{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rte-option.h1.sc-sui-rich-text-editor{font-size:15px;font-weight:700}.sui-rte-option.h2.sc-sui-rich-text-editor{font-size:13.5px;font-weight:700}.sui-rte-option.h3.sc-sui-rich-text-editor{font-weight:700}.sui-rte-option.code.sc-sui-rich-text-editor{font-family:var(--font-mono)}.sui-rte-eyebrow.sc-sui-rich-text-editor{padding:6px 9px 4px;font-size:10px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-rte-merge-row.sc-sui-rich-text-editor{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-merge-row.sc-sui-rich-text-editor:hover,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-merge-row.sc-sui-rich-text-editor span.sc-sui-rich-text-editor{font-size:12.5px;font-weight:600}.sui-rte-merge-row.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{font-size:9.5px;color:var(--ink-faint);font-family:var(--font-mono)}.sui-rte-link-input.sc-sui-rich-text-editor{width:180px;min-width:0;height:28px;box-sizing:border-box;padding:0 9px;color:var(--ink);font-size:12px;font-family:var(--font-sans)}.sui-rte-link-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-rte-option.sc-sui-rich-text-editor:focus-visible,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{outline:2px solid CanvasText;outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-field.sc-sui-rich-text-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rich-text-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rich-text-editor .sui-field-label.sc-sui-rich-text-editor{color:var(--danger)}.sui-field-req.sc-sui-rich-text-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rich-text-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rich-text-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-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:11px}.sui-frame.sc-sui-rich-text-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-rich-text-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-rich-text-editor,.sui-frame.readonly.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-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-rich-text-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-rich-text-editor:focus-within,.sui-frame.invalid.focus.sc-sui-rich-text-editor,.sui-frame.invalid.open.sc-sui-rich-text-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-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-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-rich-text-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-rich-text-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-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{color:GrayText;border-color:GrayText}}.sui-tbtn.sc-sui-rich-text-editor{height:28px;min-width:28px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sui-tbtn.wide.sc-sui-rich-text-editor{min-width:0;padding:0 9px}.sui-tbtn.sc-sui-rich-text-editor i.sc-sui-rich-text-editor,.sui-tbtn.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:12px}.sui-tbtn.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-hover)}.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-selected);color:var(--brand-soft-ink)}.sui-tbtn.sc-sui-rich-text-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed;background:transparent}.sui-tbtn.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-tbtn-sep.sc-sui-rich-text-editor{width:1px;height:18px;background:var(--hairline);margin:0 3px;flex-shrink:0}@media (forced-colors: active){.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:CanvasText;box-shadow:none}.sui-tbtn.sc-sui-rich-text-editor:disabled{forced-color-adjust:auto;background:transparent;color:GrayText}.sui-tbtn-sep.sc-sui-rich-text-editor{forced-color-adjust:none;background:CanvasText}}.sc-sui-rich-text-editor-s .ProseMirror,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor{outline:none;white-space:pre-wrap}.sc-sui-rich-text-editor-s.sb-editor-mount p,.sc-sui-rich-text-editor-s .ProseMirror p,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor{margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount p:last-child,.sc-sui-rich-text-editor-s .ProseMirror p:last-child,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child{margin-bottom:0}.sc-sui-rich-text-editor-s.sb-editor-mount h1,.sc-sui-rich-text-editor-s .ProseMirror h1,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor{font-size:21px;font-weight:730;letter-spacing:-0.015em;margin:4px 0 10px}.sc-sui-rich-text-editor-s.sb-editor-mount h2,.sc-sui-rich-text-editor-s .ProseMirror h2,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor{font-size:16.5px;font-weight:700;margin:10px 0 7px}.sc-sui-rich-text-editor-s.sb-editor-mount h3,.sc-sui-rich-text-editor-s .ProseMirror h3,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor{font-size:14px;font-weight:700;margin:8px 0 6px}.sc-sui-rich-text-editor-s.sb-editor-mount ul,.sc-sui-rich-text-editor-s.sb-editor-mount ol,.sc-sui-rich-text-editor-s .ProseMirror ul,.sc-sui-rich-text-editor-s .ProseMirror ol,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor{margin:0 0 8px;padding-inline-start:22px}.sc-sui-rich-text-editor-s.sb-editor-mount li,.sc-sui-rich-text-editor-s .ProseMirror li,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor li.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor li.sc-sui-rich-text-editor{margin-bottom:3px}.sc-sui-rich-text-editor-s.sb-editor-mount blockquote,.sc-sui-rich-text-editor-s .ProseMirror blockquote,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor{margin:0 0 8px;padding:6px 14px;border-inline-start:3px solid var(--accent);background:var(--surface-sunken);border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;color:var(--ink-muted)}.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{background:var(--sui-code-dark-bg);color:color-mix(in srgb, var(--sui-code-dark-ink) 86%, var(--sui-code-dark-bg));font-family:var(--font-mono);font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount code,.sc-sui-rich-text-editor-s .ProseMirror code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:var(--brand-soft);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:12px}.sc-sui-rich-text-editor-s.sb-editor-mount pre code,.sc-sui-rich-text-editor-s .ProseMirror pre code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:transparent;padding:0}.sc-sui-rich-text-editor-s.sb-editor-mount a,.sc-sui-rich-text-editor-s .ProseMirror a,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor a.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor a.sc-sui-rich-text-editor{color:var(--link);text-decoration:underline}.sc-sui-rich-text-editor-s .sb-merge,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.sc-sui-rich-text-editor{display:inline-block;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px dashed var(--accent-deep);border-radius:5px;padding:0 6px;font-size:12px;font-weight:650;white-space:nowrap}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline:2px solid var(--accent)}@media (forced-colors: active){.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{border:1px solid CanvasText}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline-color:Highlight}}";export{V as sui_rich_text_editor}

package/dist/shineui/{p-74f49b6c.entry.js → p-d8ec9f77.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,h as e,a as o,f as r}from"./p-ChCjmDsd.js";import{d as n,i as a,s as c,r as l}from"./p-B3wtlP4_.js";import{c as d}from"./p-C-6_KLLy.js";import{l as h,a as u,i as p}from"./p-lWhwwQJ2.js";import{G as f,as as m,r as g,x as b,ap as v,M as k,q as x,at as w}from"./p-DGU97JSr.js";import{o as y,h as C}from"./p-BWkzTEZX.js";import{d as F,F as j}from"./p-hpOwNlzr.js";import{i as z}from"./p-Cs2X0Kih.js";import{u as T}from"./p-U06fVoGD.js";import{uses24HourClock as D,parseTime as A,parseClock as P,formatTimeOfDay as E,formatTime as $}from"./p-CSPVrtqf.js";import{m as O,k as R,j as B}from"./p--VsCbcYp.js";import{p as H,f as L}from"./p-B6tiG-uD.js";import{f as W}from"./p-CGWvlrv_.js";import{d as q,p as K}from"./p-Bt5Kx3zM.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const _={name:"shineui-dark",type:"dark",colors:{"editor.background":"#0D1538","editor.foreground":"#DCE3EC"},tokenColors:[{scope:["comment","punctuation.definition.comment"],settings:{foreground:"#8E9CAF",fontStyle:"italic"}},{scope:["string","string.quoted","string.template","punctuation.definition.string"],settings:{foreground:"#FFC98F"}},{scope:["constant.numeric","constant.language","support.constant","constant.other"],settings:{foreground:"#FFB65C"}},{scope:["keyword","storage.type","storage.modifier"],settings:{foreground:"#FF9422"}},{scope:["entity.name.tag","support.class.component"],settings:{foreground:"#FF9422"}},{scope:["entity.other.attribute-name","support.type.property-name","meta.object-literal.key"],settings:{foreground:"#9AA6BD"}},{scope:["entity.name.function","support.function","entity.name.type","support.class"],settings:{foreground:"#FFFFFF"}},{scope:["variable","variable.parameter","variable.other"],settings:{foreground:"#DCE3EC"}},{scope:["keyword.operator","punctuation","meta.brace"],settings:{foreground:"#8E9CAF"}}]},G={"#0D1538":"--sui-code-bg","#FFFFFF":"--sui-code-bright","#DCE3EC":"--sui-code-fg","#9AA6BD":"--sui-code-muted","#8E9CAF":"--sui-code-dim","#FF9422":"--sui-code-key","#FFB65C":"--sui-code-num","#FFC98F":"--sui-code-str"},M=[[1,"t-i"],[2,"t-b"],[4,"t-u"],[8,"t-s"]];function N(i,s){const t=[],e=i?G[i.toUpperCase()]:void 0;e&&t.push("t-"+e.slice(11));for(const[i,e]of M)s&&s>0&&s&i&&t.push(e);return t.join(" ")}const S={jsx:"jsx",tsx:"tsx",js:"javascript",ts:"typescript",html:"html",css:"css",json:"json",bash:"bash"},V={jsx:()=>import("./p-CrVcfwMC.js"),tsx:()=>import("./p-C6hsDVJk.js"),js:()=>import("./p-B-eMraLN.js"),ts:()=>import("./p-BfkKvKcf.js"),html:()=>import("./p-C2EJFbyf.js"),css:()=>import("./p-BirQihPv.js"),json:()=>import("./p-BOdn2vI7.js"),bash:()=>import("./p-nX8XMRk5.js")};let X;const I=new Map;const J=class{constructor(t){i(this,t),this.suiCopy=s(this,"suiCopy",7),this.suiCopyError=s(this,"suiCopyError",7)}get host(){return t(this)}code;lines;language="jsx";label;noCopy=!1;size="md";maxHeight;wrap=!1;wrapToggle=!1;suiCopy;suiCopyError;tokens;copied=!1;scrollable=!1;copiedTimer;run=0;pane;ro;componentWillLoad(){this.highlight()}connectedCallback(){n(this.host,(()=>this.focusTarget())),this.pane&&this.watchPane()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector('button.tool, .pane[tabindex="0"]')||void 0}componentDidLoad(){this.watchPane()}componentDidRender(){Promise.resolve().then((()=>this.measure()))}disconnectedCallback(){clearTimeout(this.copiedTimer),this.copied=!1,this.run++,this.ro?.disconnect(),this.ro=void 0}watchPane(){this.ro?.disconnect(),"undefined"!=typeof ResizeObserver&&this.pane&&(this.ro=new ResizeObserver((()=>this.measure())),this.ro.observe(this.pane))}measure(){const i=this.pane;if(!i||!this.host.isConnected)return;const s=i.scrollWidth>i.clientWidth+1||i.scrollHeight>i.clientHeight+1;s!==this.scrollable&&(this.scrollable=s)}highlight(){const i=++this.run,s=this.source(),t=this.language;"undefined"!=typeof window&&function(i){return Object.prototype.hasOwnProperty.call(V,i)}(t)?Promise.resolve().then((()=>async function(i,s,t){const e=await function(i){return X||(X=(async()=>{const[{createHighlighterCore:s},{createJavaScriptRegexEngine:t}]=await Promise.all([import("./p-CZWUeOlG.js"),import("./p-CJT4wCXG.js")]);return s({themes:[i],langs:[],engine:t({forgiving:!0})})})(),X.catch((()=>{X=void 0}))),X}(t);await function(i,s){let t=I.get(s);return t||(t=V[s]().then((s=>i.loadLanguage(s.default))),t.catch((()=>I.delete(s))),I.set(s,t)),t}(e,s);const{tokens:o}=e.codeToTokens(i,{lang:S[s],theme:t.name||"shineui-dark"});return o.map((i=>i.map((i=>({content:i.content,classes:N(i.color,i.fontStyle)})))))}(s,t,_))).then((s=>{i===this.run&&(this.tokens=s)})).catch((()=>{i===this.run&&(this.tokens=void 0)})):this.tokens=void 0}source(){return null!=this.code?String(this.code):(this.lines||[]).join("\n")}copy=()=>{this.write()};async write(){const i=this.source(),s=this.run,t=await d(i);this.host.isConnected&&(t?(s===this.run&&(clearTimeout(this.copiedTimer),this.copied=!0,this.copiedTimer=setTimeout((()=>this.copied=!1),1400)),this.suiCopy.emit(i)):this.suiCopyError.emit(i))}toggleWrap=()=>{this.wrap=!this.wrap};renderTokens(i){return e("pre",{class:{hl:!0,wrap:this.wrap}},e("code",null,i.map(((i,s)=>[s?"\n":null,e("span",{class:"line"},i.map((i=>i.classes?e("span",{class:i.classes},i.content):i.content)))]))))}renderTools(){const i=this.wrap?h(void 0,"code-block.stopWrapping",void 0,"Stop wrapping lines"):h(void 0,"code-block.wrapLines",void 0,"Wrap long lines"),s=[];return this.wrapToggle&&s.push(e("sui-tooltip",{content:i,position:"top",tone:"light",key:"w"},e("button",{type:"button",class:{tool:!0,on:this.wrap},"aria-pressed":this.wrap?"true":"false","aria-label":i,onClick:this.toggleWrap},e(f,{glyph:m,class:"turn"})))),this.noCopy||s.push(e("sui-tooltip",{content:h(void 0,"code-block.copyToClipboard",void 0,"Copy to clipboard"),position:"top",tone:"light",key:"c"},e("button",{type:"button",class:{tool:!0,on:this.copied},"aria-label":h(void 0,"code-block.copyToClipboard",void 0,"Copy to clipboard"),onClick:this.copy},e(f,{glyph:this.copied?g:b})))),s}render(){const i=this.source(),s=this.renderTools();return e(o,{key:"1ba3e2a18fcc19a65863eac12e911039bd7351ec"},e("div",{key:"560968c30c219d3c7c6d2bc66657f22a3238943f",class:"sui-code-block","data-code-selection":"true"},this.label?e("div",{class:"head"},e(f,{glyph:v}),e("span",{class:"name"},this.label),e("span",{class:"lang"},this.language),s):null,!this.label&&s.length?e("div",{class:"float"},s):null,e("div",{key:"0cdf8b5169625f90f5d98f353e1e414da22f80d7",ref:i=>this.pane=i,class:{pane:!0,[this.size]:!0,wrap:this.wrap},role:"group",tabindex:this.scrollable?"0":void 0,"aria-label":this.label?u(void 0,"code-block.namedCode",void 0,"{name}, code",{name:this.label}):u(void 0,"code-block.languageCode",void 0,"{language} code",{language:this.language}),"data-sb-code":this.wrap?"wrap":"true","data-scroll":"code",style:this.maxHeight?{maxHeight:`${this.maxHeight}px`}:void 0},this.tokens?this.renderTokens(this.tokens):e("pre",{class:{plain:!0,wrap:this.wrap}},i))),e("span",{key:"49c0dd356dc23048c60742c002419d398e788e7f",class:"sr-status",role:"status","aria-live":"polite"},this.copied?h(void 0,"code-block.copied",void 0,"Copied"):""))}static get watchers(){return{code:[{highlight:0}],lines:[{highlight:0}],language:[{highlight:0}]}}};J.style=".sc-sui-code-block-h{display:block;min-width:0;font-family:var(--font-sans)}.sui-code-block.sc-sui-code-block{position:relative;background:var(--sui-code-bg);border-radius:var(--radius-lg);overflow:hidden;outline:1px solid var(--sui-code-edge);outline-offset:-1px}.head.sc-sui-code-block{display:flex;align-items:center;gap:9px;padding:8px 13px;background:var(--sui-code-head);border-bottom:1px solid color-mix(in srgb, var(--sui-code-line) 8%, transparent)}.head.sc-sui-code-block>.sui-glyph.sc-sui-code-block{font-size:10px;color:var(--sui-code-key)}.name.sc-sui-code-block{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:620 11px var(--font-sans);color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head));letter-spacing:0.03em}.lang.sc-sui-code-block{font:650 9px var(--font-sans);letter-spacing:0.09em;text-transform:uppercase;color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head))}.float.sc-sui-code-block{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}.tool.sc-sui-code-block{appearance:none;margin:0;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;line-height:1;font-size:var(--icon-size-sm);border:1px solid color-mix(in srgb, var(--sui-code-line) 18%, transparent);background:var(--sui-code-chip);color:var(--sui-code-bright);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.tool.sc-sui-code-block:hover{background:color-mix(in srgb, var(--sui-code-bright) 14%, var(--sui-code-chip))}.tool.sc-sui-code-block .turn.sc-sui-code-block{transform:rotate(90deg)}.tool.on.sc-sui-code-block{background:var(--sui-code-chip-on);color:var(--sui-code-chip-on-ink);border-color:color-mix(in srgb, var(--sui-code-chip-on-ink) 55%, transparent)}.tool.sc-sui-code-block:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pane.sc-sui-code-block{direction:ltr;text-align:left;padding:13px 15px;overflow:auto;box-sizing:border-box;font-family:var(--font-mono);font-variant-ligatures:none;line-height:1.65;color:var(--sui-code-fg);overflow-wrap:normal}.pane.md.sc-sui-code-block{font-size:12px}.pane.sm.sc-sui-code-block{font-size:11px}.pane.wrap.sc-sui-code-block{overflow-wrap:anywhere}.pane.sc-sui-code-block:focus-visible{outline:none}.sc-sui-code-block-h:has(.pane:focus-visible) .sui-code-block.sc-sui-code-block{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.plain.sc-sui-code-block,.hl.sc-sui-code-block{margin:0;padding:0;font:inherit;color:inherit;white-space:pre;background:transparent}.plain.wrap.sc-sui-code-block,.hl.wrap.sc-sui-code-block{white-space:pre-wrap}.hl.sc-sui-code-block code.sc-sui-code-block{font:inherit}.t-bright.sc-sui-code-block{color:var(--sui-code-bright)}.t-fg.sc-sui-code-block{color:var(--sui-code-fg)}.t-muted.sc-sui-code-block{color:var(--sui-code-muted)}.t-dim.sc-sui-code-block{color:var(--sui-code-dim)}.t-key.sc-sui-code-block{color:var(--sui-code-key)}.t-num.sc-sui-code-block{color:var(--sui-code-num)}.t-str.sc-sui-code-block{color:var(--sui-code-str)}.t-i.sc-sui-code-block{font-style:italic}.t-b.sc-sui-code-block{font-weight:700}.t-u.sc-sui-code-block{text-decoration:underline}.t-s.sc-sui-code-block{text-decoration:line-through}.sr-status.sc-sui-code-block{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.tool.on.sc-sui-code-block{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}}";const U=class{constructor(s){i(this,s)}get host(){return t(this)}heading;headingLevel=2;subtitle;variant;breakpoint;controlWidth;controlAlign;hasActions=!1;hasPreview=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.sync()}componentDidLoad(){this.loaded=!0,this.sync(),this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=y(this.host,(()=>this.sync()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.sync()}))}onRowProps(){this.pushToRows()}rows(){return Array.from(this.host.querySelectorAll("sui-config-row")).filter((i=>i.closest("sui-config-list")===this.host))}sync(){const i=[];let s=!1,t=!1;this.host.querySelectorAll('sui-config-row, [slot="actions"], [slot="preview"]').forEach((e=>{if(e.closest("sui-config-list")!==this.host)return;const o=e.closest("sui-config-row"),r=o&&o.closest("sui-config-list")===this.host?o:null;e!==r?"actions"!==e.getAttribute("slot")?r&&(t=!0):r||(s=!0):i.push(e)})),this.hasActions=s,this.hasPreview=t,this.pushToRows(i)}pushToRows(i=this.rows()){i.forEach((i=>{i.variant=this.variant,i.previewColumn=this.hasPreview,void 0!==this.breakpoint&&(i.breakpoint=this.breakpoint),void 0!==this.controlWidth&&(i.controlWidth=this.controlWidth),void 0!==this.controlAlign&&(i.controlAlign=this.controlAlign)}))}render(){const i=`h${[2,3,4].includes(Number(this.headingLevel))?Number(this.headingLevel):2}`;return e(o,{key:"c9de4a0855c9c42aa9e61e676e201ceeeb0309fa"},e("div",{key:"9245d995c1699b3b1fcdc99d842609fa71db346c",class:{card:!0,"has-preview":this.hasPreview}},this.heading?e("div",{class:"head"},e(i,{class:"heading"},this.heading),this.subtitle?e("div",{class:"subtitle"},this.subtitle):null):null,e("div",{key:"66cf55f3b99168d545b887ed2ab19133ada5f97d",class:"rows"},e("slot",{key:"bc47b33b60e85e272c8302a8207219b2eb666581"})),e("div",{key:"d50dfbf0c03fb069c2fa278d9dbdbb1740fa41ca",class:{actions:!0,has:this.hasActions}},e("slot",{key:"92c4f2caad57b63f27b8341bcfbe5bba9629a7e6",name:"actions"}))))}static get watchers(){return{variant:[{onRowProps:0}],breakpoint:[{onRowProps:0}],controlWidth:[{onRowProps:0}],controlAlign:[{onRowProps:0}]}}};U.style=".sc-sui-config-list-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-config-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible}.head.sc-sui-config-list{padding:15px 20px 13px;border-bottom:1px solid var(--hairline)}.heading.sc-sui-config-list{margin:0;font-size:15px;font-weight:720;line-height:var(--leading-normal)}.subtitle.sc-sui-config-list{font-size:12px;color:var(--ink-faint);margin-top:2px}.actions.sc-sui-config-list{display:none}.actions.has.sc-sui-config-list{display:flex;justify-content:flex-end;gap:9px;padding:12px 20px;border-top:1px solid var(--hairline);background:var(--surface-sunken);border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px)}";const Y=class{constructor(s){i(this,s)}get host(){return t(this)}term="";description;variant;breakpoint=560;previewColumn=!1;controlWidth;controlAlign="start";hasPreview=!1;narrow=!1;dispose;resizeObserver;width=0;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.detect()}onBreakpoint(){this.measure(this.width)}componentDidLoad(){this.loaded=!0,this.watch()}watch(i=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.dispose=y(this.host,(()=>this.detect()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((i=>{this.measure(i.length?i[0].contentRect.width:this.host.clientWidth||0)})),this.resizeObserver.observe(this.host)),i&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.resizeObserver&&this.measure(this.host.clientWidth||0))}))}measure(i){this.width=i,this.narrow=this.breakpoint>0&&i>0&&i<this.breakpoint}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}detect(){this.hasPreview=C(this.host,"preview")}render(){const i=this.variant?"mobile"===this.variant:this.narrow,s=this.previewColumn||this.hasPreview;return e(o,{key:"b9d200683f6bd509d3aeb50ee93d68470a7c7426"},e("div",{key:"79c3ee8f79463d0f29e8096e8f800a89b2231855",class:{row:!0,desktop:!i,mobile:i,"with-preview":!i&&s}},e("div",{key:"7aa53eb5fac590e63d23d134cf2d1e51cc638234",class:"rail"},e("div",{key:"3a81b399c58ac77bf03116c2bd2fd4f69c8b9c04",class:"term"},this.term),this.description?e("div",{class:"description"},this.description):null),e("div",{key:"11cc6cd571a77be53d777675139c5be0936e14a2",class:{control:!0,end:"end"===this.controlAlign},style:this.controlWidth?{width:this.controlWidth}:void 0},e("slot",{key:"ed93f7af23a1d557df7338f02a4a170d90e4629e",name:"control"})),i?this.hasPreview?e("div",{class:"preview panel"},e("slot",{name:"preview"})):null:s?e("div",{class:"preview"},this.hasPreview?e("slot",{name:"preview"}):null):null))}static get watchers(){return{breakpoint:[{onBreakpoint:0}]}}};Y.style=".sc-sui-config-row-h{display:block;font-family:var(--font-sans);color:var(--ink);border-top:1px solid var(--hairline)}.sc-sui-config-row-h:first-of-type{border-top:none}.row.desktop.sc-sui-config-row{display:grid;grid-template-columns:200px minmax(0, 1fr);gap:24px;padding:18px 20px}.row.desktop.with-preview.sc-sui-config-row{grid-template-columns:200px minmax(0, 1fr) 240px}.row.mobile.sc-sui-config-row{padding:14px 16px}.term.sc-sui-config-row{font-size:13.5px;font-weight:700}.description.sc-sui-config-row{font-size:12px;color:var(--ink-muted);line-height:1.5;margin-top:4px;text-wrap:pretty}.mobile.sc-sui-config-row .description.sc-sui-config-row{margin-top:3px}.control.sc-sui-config-row,.preview.sc-sui-config-row{min-width:0}.control.sc-sui-config-row{max-width:100%;box-sizing:border-box}.desktop.sc-sui-config-row .control.end.sc-sui-config-row{justify-self:end}.desktop.sc-sui-config-row .control.end.sc-sui-config-row{text-align:end}.desktop .control.end.sc-sui-config-row-s>*,.desktop .control.end .sc-sui-config-row-s>*{text-align:start}.desktop .control.end.sc-sui-config-row-s>div:not([class]):not([style]),.desktop .control.end .sc-sui-config-row-s>div:not([class]):not([style]){display:contents}.mobile.sc-sui-config-row .control.sc-sui-config-row{margin-top:10px}.mobile.sc-sui-config-row .control.end.sc-sui-config-row{width:max-content;margin-inline-start:auto}.preview.panel.sc-sui-config-row{margin-top:10px;background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:10px 12px}";const Q=["sm","md","lg"],Z=class{constructor(t){i(this,t),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;value="";min="00:00";max="23:30";step=30;seconds=!1;hourFormat;locale;disabled=!1;readOnly=!1;invalid=!1;size="md";open=!1;placeholder;required=!1;name;suiChange;suiOpen;suiClose;query="";hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){q(i)&&(this.keyNav=!0)}onPointerNav(i){const s=K(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;formDisabled=!1;fieldId=T("sui-time");trigger;panel;list;input;initial="";optCache;visCache;closing=!1;popup=H({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){a(this.host,this.internals),n(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=z(this.host,(i=>{this.hostLabel=i})),this.open&&this.panel&&r(this)}componentWillLoad(){this.normalizeValue(),this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}onValueChange(){this.normalizeValue(),this.syncForm()}onHourFormatChange(){this.normalizeValue()}syncForm(){c(this.internals,this.isDisabled?null:this.value),l(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.trigger,this.error)}onOpenChange(i){i?(this.popup.reopen(),this.closing=!1,this.query="",this.hoverIdx=this.visible().indexOf(this.display())):(this.query="",this.hoverIdx=-1,this.closing=this.popup.close())}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=W(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.trigger?.focus()}get loc(){return p(this.locale)}get h24(){return"24"===this.hourFormat||"12"!==this.hourFormat&&D(this.loc)}read(i){return A(i)??P(i,this.loc)}grain(i){return this.seconds?i:i-i%60}fmt(i){return E(this.grain(i),this.loc,this.h24,this.seconds)}canonical(i){return $(this.grain(i),!0,this.seconds)}display(){const i=this.read(this.value);return null==i?"":this.fmt(i)}normalizeValue(){const i=this.read(this.value);if(null!=i){const s=this.canonical(i);s!==this.value&&(this.value=s)}}bounds(){const i=this.read(this.min)??0,s=this.read(this.max)??84600;return[i,Math.max(i,s)]}options(){const[i,s]=this.bounds(),t=60*(this.step>0?this.step:30),e=`${i}|${s}|${t}|${this.h24}|${this.seconds}|${this.loc}`;if(this.optCache?.key===e)return this.optCache.all;const o=[],r=new Map;for(let e=i;e<=s;e+=t){const i=this.fmt(e);o.push(i),r.set(i,e)}return this.optCache={key:e,all:o,secs:r},o}visible(){const i=this.query.trim().toLowerCase(),s=this.options();if(!i)return s;const t=`${this.optCache.key}|${i}`;if(this.visCache?.key===t)return this.visCache.list;const e=s.filter((s=>s.toLowerCase().includes(i)));return this.visCache={key:t,list:e},e}typedTime(){const i=this.query.trim(),s=this.h24?null:/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(i);if(s&&+s[1]>=1&&+s[1]<=12&&+s[2]<60&&(!s[3]||+s[3]<60)){const i=+s[1]%12*3600+60*+s[2]+(s[3]?+s[3]:0),t=this.read(this.value),[e,o]=this.bounds(),r=i+43200;return null!=t?t>=43200?r:i:i>=e&&i<=o?i:r}return P(i,this.loc)??A(i)}typed(){const i=this.typedTime();if(null==i)return null;const[s,t]=this.bounds();return i>=s&&i<=t?i:null}hoverFor(i){const s=this.visible(),t=s.findIndex((s=>s.toLowerCase().startsWith(i.trim().toLowerCase())));return t>=0?t:s.length?0:-1}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(L((()=>this.input),(()=>this.open)),this.scrollOption(".selected","center"))}reposition(){this.trigger&&this.panel&&(O(this.trigger,this.panel),R(this.panel,B(this.trigger,this.panel,"bottom",6,"start")))}scrollOption(i,s){const t=this.list?.querySelector(`[role="option"]${i}`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:s})}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)}commit(i){const s=this.optCache?.secs.get(i)??this.read(i);null!=s&&this.commitTime(s)}commitTime(i){const s=this.canonical(i),t=s!==this.value;this.value=s,t&&this.suiChange.emit(s),this.requestClose("pick",!0)}tryTyped(){const i=this.typed();return null!=i&&(this.commitTime(i),!0)}move(i){const s=this.visible();s.length&&(this.hoverIdx=this.hoverIdx<0?i>0?0:s.length-1:(this.hoverIdx+i+s.length)%s.length,requestAnimationFrame((()=>this.scrollOption(".hover","nearest"))))}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onPanelKey=i=>{this.popup.tab(i,(()=>this.requestClose("trigger")))||this.onKey(i)};onKey(i){if(this.isDisabled||this.readOnly)return;const s=this.visible(),t=()=>requestAnimationFrame((()=>this.scrollOption(".hover","nearest")));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&&i.target!==this.input&&(i.preventDefault(),this.hoverIdx=0,t()));case"End":return void(this.open&&i.target!==this.input&&(i.preventDefault(),this.hoverIdx=s.length-1,t()));case"Enter":if(i.preventDefault(),!this.open)return void this.show();if(this.tryTyped())return;return void(null!=s[this.hoverIdx]&&this.commit(s[this.hoverIdx]));case" ":return void(i.target===this.trigger&&(i.preventDefault(),this.open?this.requestClose("trigger"):this.show()));case"Tab":return void(this.open&&this.requestClose("trigger"))}}render(){const i=this.visible(),s=this.invalid||!!this.error,t=this.open&&null!=i[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,o=this.typed(),r=this.display(),n=this.typedTime(),[a,c]=this.bounds(),l=Q.includes(this.size)?this.size:"md";return e(j,{key:"f23f9bc5a93f1ed92e4e31c3decb881e89550397",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{key:"766e8b8bd7c2f068ab899f5c1da0bc30b1efc68d",class:{"sui-time-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{key:"8c9ffc0506c0b7d9b1522581999d0971ffc64860",ref:i=>this.trigger=i,id:this.fieldId,class:{trigger:!0,"sui-frame":!0,[l]:!0,focus:this.focused,open:this.open,invalid:s,placeholder:!this.value,readonly:this.readOnly},type:"button",disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-invalid":s?"true":null,"aria-describedby":F(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e(f,{key:"66075b2224622d8ea40247af982863aad5746faa",glyph:k,class:"lead"}),e("span",{key:"f3a13fec53ca1d8089614ee687c9aebf7c680e73",class:"val"},r||h(void 0,"time-picker.placeholder",this.placeholder,"Select time")),e(f,{key:"6c8a9e5a4dec959e324dadafaf75c75c49f0ac69",glyph:x,class:"chev"})),this.open||this.closing?e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onKeyDown:this.onPanelKey},e("div",{class:"entry"},e("div",{class:"entry-box sui-frame"},e(f,{glyph:w}),e("input",{ref:i=>this.input=i,type:"text",placeholder:u(void 0,"time-picker.type",void 0,"Type {time}",{time:this.fmt(52200)}),"aria-label":h(void 0,"time-picker.typeATime",void 0,"Type a time"),"aria-controls":`${this.fieldId}-list`,"aria-activedescendant":t,autocomplete:"off",value:this.query,onInput:i=>{this.query=i.target.value,this.hoverIdx=this.hoverFor(this.query)}}))),e("div",{ref:i=>this.list=i,id:`${this.fieldId}-list`,class:"list",role:"listbox","aria-label":this.label||this.hostLabel||h(void 0,"time-picker.times",void 0,"Times")},0===i.length?e("div",{class:"empty"},null!=o?u(void 0,"time-picker.pressEnterToUse",void 0,"Press Enter to use {time}",{time:this.fmt(o)}):null!=n?u(void 0,"time-picker.outOfRange",void 0,"Between {min} and {max}",{min:this.fmt(a),max:this.fmt(c)}):h(void 0,"time-picker.noMatches",void 0,"No matching times")):null,i.map(((i,s)=>e("div",{key:i,id:`${this.fieldId}-opt-${s}`,role:"option","aria-selected":i===r?"true":"false",class:{option:!0,selected:i===r,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx},onMouseEnter:()=>this.hoverIdx=s,onClick:()=>this.commit(i)},e("span",{class:"option-label"},i),i===r?e(f,{glyph:g}):null))))):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],hourFormat:[{onHourFormatChange:0}],seconds:[{onHourFormatChange:0}],locale:[{onHourFormatChange:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};Z.style=".sc-sui-time-picker-h{display:block;font-family:var(--font-sans)}.sui-time-picker.sc-sui-time-picker{position:relative}.trigger.sc-sui-time-picker{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-family:var(--font-sans);font-weight:460;font-feature-settings:'tnum';cursor:pointer;user-select:none;text-align:start}.trigger.sm.sc-sui-time-picker{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.trigger.md.sc-sui-time-picker{height:var(--sui-field-height, var(--control-md));font-size:13px}.trigger.lg.sc-sui-time-picker{height:var(--sui-field-height, var(--control-lg));font-size:14px}.trigger.readonly.sc-sui-time-picker:not(:disabled){cursor:default}.trigger.sc-sui-time-picker:disabled{cursor:not-allowed}.trigger.sc-sui-time-picker .val.sc-sui-time-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger.placeholder.sc-sui-time-picker .val.sc-sui-time-picker{color:var(--ink-placeholder)}.trigger.sc-sui-time-picker .lead.sc-sui-time-picker{font-size:12px;color:var(--ink-faint)}.trigger.sc-sui-time-picker .chev.sc-sui-time-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.open.sc-sui-time-picker .chev.sc-sui-time-picker{transform:rotate(180deg)}.panel.sc-sui-time-picker{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;animation:sui-time-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-time-picker{animation-name:sui-time-in-top}.panel.closing.sc-sui-time-picker{animation:sui-time-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-time-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-time-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-time-out{to{opacity:0}}.entry.sc-sui-time-picker{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.entry-box.sc-sui-time-picker{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.entry-box.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px;color:var(--ink-faint)}.entry-box.sc-sui-time-picker input.sc-sui-time-picker{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);font-feature-settings:'tnum';color:var(--ink)}.entry-box.sc-sui-time-picker input.sc-sui-time-picker::placeholder{color:var(--ink-placeholder)}.list.sc-sui-time-picker{max-height:192px;overflow-y:auto}.empty.sc-sui-time-picker{padding:9px 10px;font-size:12.5px;color:var(--ink-faint)}.option.sc-sui-time-picker{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;font-feature-settings:'tnum';color:var(--ink);cursor:pointer;background:transparent}.option-label.sc-sui-time-picker{flex:1;min-width:0}.option.hover.sc-sui-time-picker{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.option.selected.sc-sui-time-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.option.selected.hover.sc-sui-time-picker{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.option.keynav.sc-sui-time-picker{outline:2px solid var(--focus-ring);outline-offset:-2px}.option.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.option.hover.sc-sui-time-picker{outline:2px solid Highlight;outline-offset:-2px}.option.selected.sc-sui-time-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.option.selected.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{color:HighlightText}.option.selected.hover.sc-sui-time-picker{outline-color:HighlightText}}.sui-field.sc-sui-time-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-time-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-time-picker .sui-field-label.sc-sui-time-picker{color:var(--danger)}.sui-field-req.sc-sui-time-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-time-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-time-picker{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-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px}.sui-frame.sc-sui-time-picker{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-time-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-time-picker,.sui-frame.readonly.sc-sui-time-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-time-picker:focus-within,.sui-frame.focus.sc-sui-time-picker,.sui-frame.open.sc-sui-time-picker{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-time-picker{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-time-picker:focus-within,.sui-frame.invalid.focus.sc-sui-time-picker,.sui-frame.invalid.open.sc-sui-time-picker{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-time-picker:disabled,.sui-frame.disabled.sc-sui-time-picker{--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-time-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-time-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-time-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-time-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-time-picker{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-time-picker:focus-within,.sui-frame.focus.sc-sui-time-picker,.sui-frame.open.sc-sui-time-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-time-picker:disabled,.sui-frame.disabled.sc-sui-time-picker{color:GrayText;border-color:GrayText}}";export{J as sui_code_block,U as sui_config_list,Y as sui_config_row,Z as sui_time_picker}
+import{r as i,c as s,g as t,h as e,a as o,f as r}from"./p-ChCjmDsd.js";import{d as n,i as a,s as c,r as l}from"./p-B3wtlP4_.js";import{c as d}from"./p-C-6_KLLy.js";import{l as h,a as u,i as p}from"./p-lWhwwQJ2.js";import{G as f,as as m,r as g,x as v,ap as b,M as k,q as x,at as w}from"./p-CHznIlgx.js";import{o as y,h as C}from"./p-BWkzTEZX.js";import{d as F,F as j}from"./p-DLfOvQY0.js";import{i as z}from"./p-BsRW1Q8k.js";import{u as T}from"./p-U06fVoGD.js";import{uses24HourClock as D,parseTime as A,parseClock as P,formatTimeOfDay as E,formatTime as O}from"./p-CSPVrtqf.js";import{m as R,k as $,j as H}from"./p-DxQKrio7.js";import{p as B,f as L}from"./p-D12pOgZQ.js";import{f as W}from"./p-CGWvlrv_.js";import{d as q,p as K}from"./p-Bt5Kx3zM.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const _={name:"shineui-dark",type:"dark",colors:{"editor.background":"#0D1538","editor.foreground":"#DCE3EC"},tokenColors:[{scope:["comment","punctuation.definition.comment"],settings:{foreground:"#8E9CAF",fontStyle:"italic"}},{scope:["string","string.quoted","string.template","punctuation.definition.string"],settings:{foreground:"#FFC98F"}},{scope:["constant.numeric","constant.language","support.constant","constant.other"],settings:{foreground:"#FFB65C"}},{scope:["keyword","storage.type","storage.modifier"],settings:{foreground:"#FF9422"}},{scope:["entity.name.tag","support.class.component"],settings:{foreground:"#FF9422"}},{scope:["entity.other.attribute-name","support.type.property-name","meta.object-literal.key"],settings:{foreground:"#9AA6BD"}},{scope:["entity.name.function","support.function","entity.name.type","support.class"],settings:{foreground:"#FFFFFF"}},{scope:["variable","variable.parameter","variable.other"],settings:{foreground:"#DCE3EC"}},{scope:["keyword.operator","punctuation","meta.brace"],settings:{foreground:"#8E9CAF"}}]},M={"#0D1538":"--sui-code-bg","#FFFFFF":"--sui-code-bright","#DCE3EC":"--sui-code-fg","#9AA6BD":"--sui-code-muted","#8E9CAF":"--sui-code-dim","#FF9422":"--sui-code-key","#FFB65C":"--sui-code-num","#FFC98F":"--sui-code-str"},G=[[1,"t-i"],[2,"t-b"],[4,"t-u"],[8,"t-s"]];function N(i,s){const t=[],e=i?M[i.toUpperCase()]:void 0;e&&t.push("t-"+e.slice(11));for(const[i,e]of G)s&&s>0&&s&i&&t.push(e);return t.join(" ")}const S={jsx:"jsx",tsx:"tsx",js:"javascript",ts:"typescript",html:"html",css:"css",json:"json",bash:"bash"},V={jsx:()=>import("./p-CrVcfwMC.js"),tsx:()=>import("./p-C6hsDVJk.js"),js:()=>import("./p-B-eMraLN.js"),ts:()=>import("./p-BfkKvKcf.js"),html:()=>import("./p-C2EJFbyf.js"),css:()=>import("./p-BirQihPv.js"),json:()=>import("./p-BOdn2vI7.js"),bash:()=>import("./p-nX8XMRk5.js")};let I;const Q=new Map;const J=class{constructor(t){i(this,t),this.suiCopy=s(this,"suiCopy",7),this.suiCopyError=s(this,"suiCopyError",7)}get host(){return t(this)}code;lines;language="jsx";label;noCopy=!1;size="md";maxHeight;wrap=!1;wrapToggle=!1;suiCopy;suiCopyError;tokens;copied=!1;scrollable=!1;copiedTimer;run=0;pane;ro;componentWillLoad(){this.highlight()}connectedCallback(){n(this.host,(()=>this.focusTarget())),this.pane&&this.watchPane()}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector('button.tool, .pane[tabindex="0"]')||void 0}componentDidLoad(){this.watchPane()}componentDidRender(){Promise.resolve().then((()=>this.measure()))}disconnectedCallback(){clearTimeout(this.copiedTimer),this.copied=!1,this.run++,this.ro?.disconnect(),this.ro=void 0}watchPane(){this.ro?.disconnect(),"undefined"!=typeof ResizeObserver&&this.pane&&(this.ro=new ResizeObserver((()=>this.measure())),this.ro.observe(this.pane))}measure(){const i=this.pane;if(!i||!this.host.isConnected)return;const s=i.scrollWidth>i.clientWidth+1||i.scrollHeight>i.clientHeight+1;s!==this.scrollable&&(this.scrollable=s)}highlight(){const i=++this.run,s=this.source(),t=this.language;"undefined"!=typeof window&&function(i){return Object.prototype.hasOwnProperty.call(V,i)}(t)?Promise.resolve().then((()=>async function(i,s,t){const e=await function(i){return I||(I=(async()=>{const[{createHighlighterCore:s},{createJavaScriptRegexEngine:t}]=await Promise.all([import("./p-CZWUeOlG.js"),import("./p-CJT4wCXG.js")]);return s({themes:[i],langs:[],engine:t({forgiving:!0})})})(),I.catch((()=>{I=void 0}))),I}(t);await function(i,s){let t=Q.get(s);return t||(t=V[s]().then((s=>i.loadLanguage(s.default))),t.catch((()=>Q.delete(s))),Q.set(s,t)),t}(e,s);const{tokens:o}=e.codeToTokens(i,{lang:S[s],theme:t.name||"shineui-dark"});return o.map((i=>i.map((i=>({content:i.content,classes:N(i.color,i.fontStyle)})))))}(s,t,_))).then((s=>{i===this.run&&(this.tokens=s)})).catch((()=>{i===this.run&&(this.tokens=void 0)})):this.tokens=void 0}source(){return null!=this.code?String(this.code):(this.lines||[]).join("\n")}copy=()=>{this.write()};async write(){const i=this.source(),s=this.run,t=await d(i);this.host.isConnected&&(t?(s===this.run&&(clearTimeout(this.copiedTimer),this.copied=!0,this.copiedTimer=setTimeout((()=>this.copied=!1),1400)),this.suiCopy.emit(i)):this.suiCopyError.emit(i))}toggleWrap=()=>{this.wrap=!this.wrap};renderTokens(i){return e("pre",{class:{hl:!0,wrap:this.wrap}},e("code",null,i.map(((i,s)=>[s?"\n":null,e("span",{class:"line"},i.map((i=>i.classes?e("span",{class:i.classes},i.content):i.content)))]))))}renderTools(){const i=this.wrap?h(void 0,"code-block.stopWrapping",void 0,"Stop wrapping lines"):h(void 0,"code-block.wrapLines",void 0,"Wrap long lines"),s=[];return this.wrapToggle&&s.push(e("sui-tooltip",{content:i,position:"top",tone:"light",key:"w"},e("button",{type:"button",class:{tool:!0,on:this.wrap},"aria-pressed":this.wrap?"true":"false","aria-label":i,onClick:this.toggleWrap},e(f,{glyph:m,class:"turn"})))),this.noCopy||s.push(e("sui-tooltip",{content:h(void 0,"code-block.copyToClipboard",void 0,"Copy to clipboard"),position:"top",tone:"light",key:"c"},e("button",{type:"button",class:{tool:!0,on:this.copied},"aria-label":h(void 0,"code-block.copyToClipboard",void 0,"Copy to clipboard"),onClick:this.copy},e(f,{glyph:this.copied?g:v})))),s}render(){const i=this.source(),s=this.renderTools();return e(o,{key:"1ba3e2a18fcc19a65863eac12e911039bd7351ec"},e("div",{key:"560968c30c219d3c7c6d2bc66657f22a3238943f",class:"sui-code-block","data-code-selection":"true"},this.label?e("div",{class:"head"},e(f,{glyph:b}),e("span",{class:"name"},this.label),e("span",{class:"lang"},this.language),s):null,!this.label&&s.length?e("div",{class:"float"},s):null,e("div",{key:"0cdf8b5169625f90f5d98f353e1e414da22f80d7",ref:i=>this.pane=i,class:{pane:!0,[this.size]:!0,wrap:this.wrap},role:"group",tabindex:this.scrollable?"0":void 0,"aria-label":this.label?u(void 0,"code-block.namedCode",void 0,"{name}, code",{name:this.label}):u(void 0,"code-block.languageCode",void 0,"{language} code",{language:this.language}),"data-sb-code":this.wrap?"wrap":"true","data-scroll":"code",style:this.maxHeight?{maxHeight:`${this.maxHeight}px`}:void 0},this.tokens?this.renderTokens(this.tokens):e("pre",{class:{plain:!0,wrap:this.wrap}},i))),e("span",{key:"49c0dd356dc23048c60742c002419d398e788e7f",class:"sr-status",role:"status","aria-live":"polite"},this.copied?h(void 0,"code-block.copied",void 0,"Copied"):""))}static get watchers(){return{code:[{highlight:0}],lines:[{highlight:0}],language:[{highlight:0}]}}};J.style=".sc-sui-code-block-h{display:block;min-width:0;font-family:var(--font-sans)}.sui-code-block.sc-sui-code-block{position:relative;background:var(--sui-code-bg);border-radius:var(--radius-lg);overflow:hidden;outline:1px solid var(--sui-code-edge);outline-offset:-1px}.head.sc-sui-code-block{display:flex;align-items:center;gap:9px;padding:8px 13px;background:var(--sui-code-head);border-bottom:1px solid color-mix(in srgb, var(--sui-code-line) 8%, transparent)}.head.sc-sui-code-block>.sui-glyph.sc-sui-code-block{font-size:10px;color:var(--sui-code-key)}.name.sc-sui-code-block{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:620 11px var(--font-sans);color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head));letter-spacing:0.03em}.lang.sc-sui-code-block{font:650 9px var(--font-sans);letter-spacing:0.09em;text-transform:uppercase;color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head))}.float.sc-sui-code-block{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}.tool.sc-sui-code-block{appearance:none;margin:0;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;line-height:1;font-size:var(--icon-size-sm);border:1px solid color-mix(in srgb, var(--sui-code-line) 18%, transparent);background:var(--sui-code-chip);color:var(--sui-code-bright);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.tool.sc-sui-code-block:hover{background:color-mix(in srgb, var(--sui-code-bright) 14%, var(--sui-code-chip))}.tool.sc-sui-code-block .turn.sc-sui-code-block{transform:rotate(90deg)}.tool.on.sc-sui-code-block{background:var(--sui-code-chip-on);color:var(--sui-code-chip-on-ink);border-color:color-mix(in srgb, var(--sui-code-chip-on-ink) 55%, transparent)}.tool.sc-sui-code-block:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.pane.sc-sui-code-block{direction:ltr;text-align:left;padding:13px 15px;overflow:auto;box-sizing:border-box;font-family:var(--font-mono);font-variant-ligatures:none;line-height:1.65;color:var(--sui-code-fg);overflow-wrap:normal}.pane.md.sc-sui-code-block{font-size:12px}.pane.sm.sc-sui-code-block{font-size:11px}.pane.wrap.sc-sui-code-block{overflow-wrap:anywhere}.pane.sc-sui-code-block:focus-visible{outline:none}.sc-sui-code-block-h:has(.pane:focus-visible) .sui-code-block.sc-sui-code-block{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.plain.sc-sui-code-block,.hl.sc-sui-code-block{margin:0;padding:0;font:inherit;color:inherit;white-space:pre;background:transparent}.plain.wrap.sc-sui-code-block,.hl.wrap.sc-sui-code-block{white-space:pre-wrap}.hl.sc-sui-code-block code.sc-sui-code-block{font:inherit}.t-bright.sc-sui-code-block{color:var(--sui-code-bright)}.t-fg.sc-sui-code-block{color:var(--sui-code-fg)}.t-muted.sc-sui-code-block{color:var(--sui-code-muted)}.t-dim.sc-sui-code-block{color:var(--sui-code-dim)}.t-key.sc-sui-code-block{color:var(--sui-code-key)}.t-num.sc-sui-code-block{color:var(--sui-code-num)}.t-str.sc-sui-code-block{color:var(--sui-code-str)}.t-i.sc-sui-code-block{font-style:italic}.t-b.sc-sui-code-block{font-weight:700}.t-u.sc-sui-code-block{text-decoration:underline}.t-s.sc-sui-code-block{text-decoration:line-through}.sr-status.sc-sui-code-block{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.tool.on.sc-sui-code-block{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}}";const X=class{constructor(s){i(this,s)}get host(){return t(this)}heading;headingLevel=2;subtitle;variant;breakpoint;controlWidth;controlAlign;hasActions=!1;hasPreview=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.sync()}componentDidLoad(){this.loaded=!0,this.sync(),this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=y(this.host,(()=>this.sync()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.sync()}))}onRowProps(){this.pushToRows()}rows(){return Array.from(this.host.querySelectorAll("sui-config-row")).filter((i=>i.closest("sui-config-list")===this.host))}sync(){const i=[];let s=!1,t=!1;this.host.querySelectorAll('sui-config-row, [slot="actions"], [slot="preview"]').forEach((e=>{if(e.closest("sui-config-list")!==this.host)return;const o=e.closest("sui-config-row"),r=o&&o.closest("sui-config-list")===this.host?o:null;e!==r?"actions"!==e.getAttribute("slot")?r&&(t=!0):r||(s=!0):i.push(e)})),this.hasActions=s,this.hasPreview=t,this.pushToRows(i)}pushToRows(i=this.rows()){i.forEach((i=>{i.variant=this.variant,i.previewColumn=this.hasPreview,void 0!==this.breakpoint&&(i.breakpoint=this.breakpoint),void 0!==this.controlWidth&&(i.controlWidth=this.controlWidth),void 0!==this.controlAlign&&(i.controlAlign=this.controlAlign)}))}render(){const i=`h${[2,3,4].includes(Number(this.headingLevel))?Number(this.headingLevel):2}`;return e(o,{key:"2999467ff11a78c34813e1d19613d6025546533f"},e("div",{key:"b1d9693e42428add5123da627a8243dc3f35a8ee",class:{card:!0,"has-preview":this.hasPreview}},this.heading?e("div",{class:"head"},e(i,{class:"heading"},this.heading),this.subtitle?e("div",{class:"subtitle"},this.subtitle):null):null,e("div",{key:"11bda55904363639c403537a7cb383317a502981",class:"rows"},e("slot",{key:"462fc1f22243a9d3e92d57b087c63ad9f5368d7a"})),e("div",{key:"32981c0f18814bedc75b7e3c3605d2a9eb226df1",class:{actions:!0,has:this.hasActions}},e("slot",{key:"3ec70d19a3354d174ce96b95b9cf2509800eb77b",name:"actions"}))))}static get watchers(){return{variant:[{onRowProps:0}],breakpoint:[{onRowProps:0}],controlWidth:[{onRowProps:0}],controlAlign:[{onRowProps:0}]}}};X.style=".sc-sui-config-list-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-config-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible}.head.sc-sui-config-list{padding:15px 20px 13px;border-bottom:1px solid var(--hairline)}.heading.sc-sui-config-list{margin:0;font-size:15px;font-weight:720;line-height:var(--leading-normal)}.subtitle.sc-sui-config-list{font-size:12px;color:var(--ink-faint);margin-top:2px}.actions.sc-sui-config-list{display:none}.actions.has.sc-sui-config-list{display:flex;justify-content:flex-end;gap:9px;padding:12px 20px;border-top:1px solid var(--hairline);background:var(--surface-sunken);border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px)}";const U=class{constructor(s){i(this,s)}get host(){return t(this)}term="";description;variant;breakpoint=560;previewColumn=!1;controlWidth;controlAlign="start";hasPreview=!1;narrow=!1;dispose;resizeObserver;width=0;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.detect()}onBreakpoint(){this.measure(this.width)}componentDidLoad(){this.loaded=!0,this.watch()}watch(i=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.dispose=y(this.host,(()=>this.detect()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((i=>{this.measure(i.length?i[0].contentRect.width:this.host.clientWidth||0)})),this.resizeObserver.observe(this.host)),i&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.resizeObserver&&this.measure(this.host.clientWidth||0))}))}measure(i){this.width=i,this.narrow=this.breakpoint>0&&i>0&&i<this.breakpoint}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}detect(){this.hasPreview=C(this.host,"preview")}render(){const i=this.variant?"mobile"===this.variant:this.narrow,s=this.previewColumn||this.hasPreview;return e(o,{key:"68948128749749c17e631b7f0a295649cf65ef4e"},e("div",{key:"5a707fd1bec08a76014ae2c8e33d5e1b93877a3f",class:{row:!0,desktop:!i,mobile:i,"with-preview":!i&&s}},e("div",{key:"6c730b0a08a10522ce66b446ed235ab7248155b6",class:"rail"},e("div",{key:"abcab9ad23e83ccee1a4c21e49215a7aa8a0c636",class:"term"},this.term),this.description?e("div",{class:"description"},this.description):null),e("div",{key:"c8680903096b17117c326c2b887009120062119a",class:{control:!0,end:"end"===this.controlAlign},style:this.controlWidth?{width:this.controlWidth}:void 0},e("slot",{key:"bcdf3684be7652238af5c4e1676519c0e907474f",name:"control"})),i?this.hasPreview?e("div",{class:"preview panel"},e("slot",{name:"preview"})):null:s?e("div",{class:"preview"},this.hasPreview?e("slot",{name:"preview"}):null):null))}static get watchers(){return{breakpoint:[{onBreakpoint:0}]}}};U.style=".sc-sui-config-row-h{display:block;font-family:var(--font-sans);color:var(--ink);border-top:1px solid var(--hairline)}.sc-sui-config-row-h:first-of-type{border-top:none}.row.desktop.sc-sui-config-row{display:grid;grid-template-columns:200px minmax(0, 1fr);gap:24px;padding:18px 20px}.row.desktop.with-preview.sc-sui-config-row{grid-template-columns:200px minmax(0, 1fr) 240px}.row.mobile.sc-sui-config-row{padding:14px 16px}.term.sc-sui-config-row{font-size:13.5px;font-weight:700}.description.sc-sui-config-row{font-size:12px;color:var(--ink-muted);line-height:1.5;margin-top:4px;text-wrap:pretty}.mobile.sc-sui-config-row .description.sc-sui-config-row{margin-top:3px}.control.sc-sui-config-row,.preview.sc-sui-config-row{min-width:0}.control.sc-sui-config-row{max-width:100%;box-sizing:border-box}.desktop.sc-sui-config-row .control.end.sc-sui-config-row{justify-self:end}.desktop.sc-sui-config-row .control.end.sc-sui-config-row{text-align:end}.desktop .control.end.sc-sui-config-row-s>*,.desktop .control.end .sc-sui-config-row-s>*{text-align:start}.desktop .control.end.sc-sui-config-row-s>div:not([class]):not([style]),.desktop .control.end .sc-sui-config-row-s>div:not([class]):not([style]){display:contents}.mobile.sc-sui-config-row .control.sc-sui-config-row{margin-top:10px}.mobile.sc-sui-config-row .control.end.sc-sui-config-row{width:max-content;margin-inline-start:auto}.preview.panel.sc-sui-config-row{margin-top:10px;background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:10px 12px}";const Y=["sm","md","lg"],Z=class{constructor(t){i(this,t),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;value="";min="00:00";max="23:30";step=30;seconds=!1;hourFormat;locale;disabled=!1;readOnly=!1;invalid=!1;size="md";open=!1;placeholder;required=!1;name;suiChange;suiOpen;suiClose;query="";hoverIdx=-1;keyNav=!1;pointerAt="";onKeyNav(i){q(i)&&(this.keyNav=!0)}onPointerNav(i){const s=K(i);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;formDisabled=!1;fieldId=T("sui-time");trigger;panel;list;input;initial="";optCache;visCache;closing=!1;popup=B({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){a(this.host,this.internals),n(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=z(this.host,(i=>{this.hostLabel=i})),this.open&&this.panel&&r(this)}componentWillLoad(){this.normalizeValue(),this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}onValueChange(){this.normalizeValue(),this.syncForm()}onHourFormatChange(){this.normalizeValue()}syncForm(){c(this.internals,this.isDisabled?null:this.value),l(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.trigger,this.error)}onOpenChange(i){i?(this.popup.reopen(),this.closing=!1,this.query="",this.hoverIdx=this.visible().indexOf(this.display())):(this.query="",this.hoverIdx=-1,this.closing=this.popup.close())}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=W(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.trigger?.focus()}get loc(){return p(this.locale)}get h24(){return"24"===this.hourFormat||"12"!==this.hourFormat&&D(this.loc)}read(i){return A(i)??P(i,this.loc)}grain(i){return this.seconds?i:i-i%60}fmt(i){return E(this.grain(i),this.loc,this.h24,this.seconds)}canonical(i){return O(this.grain(i),!0,this.seconds)}display(){const i=this.read(this.value);return null==i?"":this.fmt(i)}normalizeValue(){const i=this.read(this.value);if(null!=i){const s=this.canonical(i);s!==this.value&&(this.value=s)}}bounds(){const i=this.read(this.min)??0,s=this.read(this.max)??84600;return[i,Math.max(i,s)]}options(){const[i,s]=this.bounds(),t=60*(this.step>0?this.step:30),e=`${i}|${s}|${t}|${this.h24}|${this.seconds}|${this.loc}`;if(this.optCache?.key===e)return this.optCache.all;const o=[],r=new Map;for(let e=i;e<=s;e+=t){const i=this.fmt(e);o.push(i),r.set(i,e)}return this.optCache={key:e,all:o,secs:r},o}visible(){const i=this.query.trim().toLowerCase(),s=this.options();if(!i)return s;const t=`${this.optCache.key}|${i}`;if(this.visCache?.key===t)return this.visCache.list;const e=s.filter((s=>s.toLowerCase().includes(i)));return this.visCache={key:t,list:e},e}typedTime(){const i=this.query.trim(),s=this.h24?null:/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/.exec(i);if(s&&+s[1]>=1&&+s[1]<=12&&+s[2]<60&&(!s[3]||+s[3]<60)){const i=+s[1]%12*3600+60*+s[2]+(s[3]?+s[3]:0),t=this.read(this.value),[e,o]=this.bounds(),r=i+43200;return null!=t?t>=43200?r:i:i>=e&&i<=o?i:r}return P(i,this.loc)??A(i)}typed(){const i=this.typedTime();if(null==i)return null;const[s,t]=this.bounds();return i>=s&&i<=t?i:null}hoverFor(i){const s=this.visible(),t=s.findIndex((s=>s.toLowerCase().startsWith(i.trim().toLowerCase())));return t>=0?t:s.length?0:-1}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(L((()=>this.input),(()=>this.open)),this.scrollOption(".selected","center"))}reposition(){this.trigger&&this.panel&&(R(this.trigger,this.panel),$(this.panel,H(this.trigger,this.panel,"bottom",6,"start")))}scrollOption(i,s){const t=this.list?.querySelector(`[role="option"]${i}`);t&&"function"==typeof t.scrollIntoView&&t.scrollIntoView({block:s})}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)}commit(i){const s=this.optCache?.secs.get(i)??this.read(i);null!=s&&this.commitTime(s)}commitTime(i){const s=this.canonical(i),t=s!==this.value;this.value=s,t&&this.suiChange.emit(s),this.requestClose("pick",!0)}tryTyped(){const i=this.typed();return null!=i&&(this.commitTime(i),!0)}move(i){const s=this.visible();s.length&&(this.hoverIdx=this.hoverIdx<0?i>0?0:s.length-1:(this.hoverIdx+i+s.length)%s.length,requestAnimationFrame((()=>this.scrollOption(".hover","nearest"))))}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onPanelKey=i=>{this.popup.tab(i,(()=>this.requestClose("trigger")))||this.onKey(i)};onKey(i){if(this.isDisabled||this.readOnly)return;const s=this.visible(),t=()=>requestAnimationFrame((()=>this.scrollOption(".hover","nearest")));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&&i.target!==this.input&&(i.preventDefault(),this.hoverIdx=0,t()));case"End":return void(this.open&&i.target!==this.input&&(i.preventDefault(),this.hoverIdx=s.length-1,t()));case"Enter":if(i.preventDefault(),!this.open)return void this.show();if(this.tryTyped())return;return void(null!=s[this.hoverIdx]&&this.commit(s[this.hoverIdx]));case" ":return void(i.target===this.trigger&&(i.preventDefault(),this.open?this.requestClose("trigger"):this.show()));case"Tab":return void(this.open&&this.requestClose("trigger"))}}render(){const i=this.visible(),s=this.invalid||!!this.error,t=this.open&&null!=i[this.hoverIdx]?`${this.fieldId}-opt-${this.hoverIdx}`:void 0,o=this.typed(),r=this.display(),n=this.typedTime(),[a,c]=this.bounds(),l=Y.includes(this.size)?this.size:"md";return e(j,{key:"f23f9bc5a93f1ed92e4e31c3decb881e89550397",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{key:"766e8b8bd7c2f068ab899f5c1da0bc30b1efc68d",class:{"sui-time-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{key:"8c9ffc0506c0b7d9b1522581999d0971ffc64860",ref:i=>this.trigger=i,id:this.fieldId,class:{trigger:!0,"sui-frame":!0,[l]:!0,focus:this.focused,open:this.open,invalid:s,placeholder:!this.value,readonly:this.readOnly},type:"button",disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-invalid":s?"true":null,"aria-describedby":F(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e(f,{key:"66075b2224622d8ea40247af982863aad5746faa",glyph:k,class:"lead"}),e("span",{key:"f3a13fec53ca1d8089614ee687c9aebf7c680e73",class:"val"},r||h(void 0,"time-picker.placeholder",this.placeholder,"Select time")),e(f,{key:"6c8a9e5a4dec959e324dadafaf75c75c49f0ac69",glyph:x,class:"chev"})),this.open||this.closing?e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onKeyDown:this.onPanelKey},e("div",{class:"entry"},e("div",{class:"entry-box sui-frame"},e(f,{glyph:w}),e("input",{ref:i=>this.input=i,type:"text",placeholder:u(void 0,"time-picker.type",void 0,"Type {time}",{time:this.fmt(52200)}),"aria-label":h(void 0,"time-picker.typeATime",void 0,"Type a time"),"aria-controls":`${this.fieldId}-list`,"aria-activedescendant":t,autocomplete:"off",value:this.query,onInput:i=>{this.query=i.target.value,this.hoverIdx=this.hoverFor(this.query)}}))),e("div",{ref:i=>this.list=i,id:`${this.fieldId}-list`,class:"list",role:"listbox","aria-label":this.label||this.hostLabel||h(void 0,"time-picker.times",void 0,"Times")},0===i.length?e("div",{class:"empty"},null!=o?u(void 0,"time-picker.pressEnterToUse",void 0,"Press Enter to use {time}",{time:this.fmt(o)}):null!=n?u(void 0,"time-picker.outOfRange",void 0,"Between {min} and {max}",{min:this.fmt(a),max:this.fmt(c)}):h(void 0,"time-picker.noMatches",void 0,"No matching times")):null,i.map(((i,s)=>e("div",{key:i,id:`${this.fieldId}-opt-${s}`,role:"option","aria-selected":i===r?"true":"false",class:{option:!0,selected:i===r,hover:s===this.hoverIdx,keynav:this.keyNav&&s===this.hoverIdx},onMouseEnter:()=>this.hoverIdx=s,onClick:()=>this.commit(i)},e("span",{class:"option-label"},i),i===r?e(f,{glyph:g}):null))))):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],hourFormat:[{onHourFormatChange:0}],seconds:[{onHourFormatChange:0}],locale:[{onHourFormatChange:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};Z.style=".sc-sui-time-picker-h{display:block;font-family:var(--font-sans)}.sui-time-picker.sc-sui-time-picker{position:relative}.trigger.sc-sui-time-picker{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-family:var(--font-sans);font-weight:460;font-feature-settings:'tnum';cursor:pointer;user-select:none;text-align:start}.trigger.sm.sc-sui-time-picker{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.trigger.md.sc-sui-time-picker{height:var(--sui-field-height, var(--control-md));font-size:13px}.trigger.lg.sc-sui-time-picker{height:var(--sui-field-height, var(--control-lg));font-size:14px}.trigger.readonly.sc-sui-time-picker:not(:disabled){cursor:default}.trigger.sc-sui-time-picker:disabled{cursor:not-allowed}.trigger.sc-sui-time-picker .val.sc-sui-time-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger.placeholder.sc-sui-time-picker .val.sc-sui-time-picker{color:var(--ink-placeholder)}.trigger.sc-sui-time-picker .lead.sc-sui-time-picker{font-size:12px;color:var(--ink-faint)}.trigger.sc-sui-time-picker .chev.sc-sui-time-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.open.sc-sui-time-picker .chev.sc-sui-time-picker{transform:rotate(180deg)}.panel.sc-sui-time-picker{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;animation:sui-time-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-time-picker{animation-name:sui-time-in-top}.panel.closing.sc-sui-time-picker{animation:sui-time-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-time-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-time-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-time-out{to{opacity:0}}.entry.sc-sui-time-picker{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.entry-box.sc-sui-time-picker{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.entry-box.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px;color:var(--ink-faint)}.entry-box.sc-sui-time-picker input.sc-sui-time-picker{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);font-feature-settings:'tnum';color:var(--ink)}.entry-box.sc-sui-time-picker input.sc-sui-time-picker::placeholder{color:var(--ink-placeholder)}.list.sc-sui-time-picker{max-height:192px;overflow-y:auto}.empty.sc-sui-time-picker{padding:9px 10px;font-size:12.5px;color:var(--ink-faint)}.option.sc-sui-time-picker{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;font-feature-settings:'tnum';color:var(--ink);cursor:pointer;background:transparent}.option-label.sc-sui-time-picker{flex:1;min-width:0}.option.hover.sc-sui-time-picker{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.option.selected.sc-sui-time-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.option.selected.hover.sc-sui-time-picker{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.option.keynav.sc-sui-time-picker{outline:2px solid var(--focus-ring);outline-offset:-2px}.option.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.option.hover.sc-sui-time-picker{outline:2px solid Highlight;outline-offset:-2px}.option.selected.sc-sui-time-picker{forced-color-adjust:none;background:Highlight;color:HighlightText}.option.selected.sc-sui-time-picker .sui-glyph.sc-sui-time-picker{color:HighlightText}.option.selected.hover.sc-sui-time-picker{outline-color:HighlightText}}.sui-field.sc-sui-time-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-time-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-time-picker .sui-field-label.sc-sui-time-picker{color:var(--danger)}.sui-field-req.sc-sui-time-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-time-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-time-picker{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-time-picker .sui-glyph.sc-sui-time-picker{font-size:11px}.sui-frame.sc-sui-time-picker{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-time-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-time-picker,.sui-frame.readonly.sc-sui-time-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-time-picker:focus-within,.sui-frame.focus.sc-sui-time-picker,.sui-frame.open.sc-sui-time-picker{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-time-picker{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-time-picker:focus-within,.sui-frame.invalid.focus.sc-sui-time-picker,.sui-frame.invalid.open.sc-sui-time-picker{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-time-picker:disabled,.sui-frame.disabled.sc-sui-time-picker{--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-time-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-time-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-time-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-time-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-time-picker{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-time-picker:focus-within,.sui-frame.focus.sc-sui-time-picker,.sui-frame.open.sc-sui-time-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-time-picker:disabled,.sui-frame.disabled.sc-sui-time-picker{color:GrayText;border-color:GrayText}}";export{J as sui_code_block,X as sui_config_list,U as sui_config_row,Z as sui_time_picker}