@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-330107f7.entry.js → p-31121b7e.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as o,h as t,a as r}from"./p-ChCjmDsd.js";import{r as e}from"./p-BnZU02lM.js";import{i as a}from"./p-Cs2X0Kih.js";import{d as n,i as c,s as l,r as d}from"./p-B3wtlP4_.js";import{f as u}from"./p-C-GcFQjn.js";import{d as h,F as p}from"./p-hpOwNlzr.js";import{G as b,ar as f,p as v,r as g,t as x,x as m}from"./p-DGU97JSr.js";import{u as y}from"./p-U06fVoGD.js";import{l as k,a as w,i as C}from"./p-lWhwwQJ2.js";import{n as z,c as A}from"./p-DHVm09RY.js";import{f as M}from"./p-CGWvlrv_.js";import{c as D}from"./p-C-6_KLLy.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-BWkzTEZX.js";const F=["sm","md","lg"],S=["horizontal","vertical"],j=class{constructor(o){i(this,o),this.suiActiveChange=s(this,"suiActiveChange",3),this.suiPick=s(this,"suiPick",7)}get host(){return o(this)}items=[];size="md";orientation="horizontal";selectable=!1;active=-1;disabled=!1;suiActiveChange;suiPick;hostLabel;group;dispose;stopAria;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=a(this.host,(i=>{this.hostLabel=i})),this.arm()}componentDidLoad(){this.arm()}componentDidUpdate(){this.arm()}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.dispose?.(),this.dispose=void 0,this.group?.removeEventListener("keydown",this.onArrowSelect)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.disabled||!this.group)return null;const i=this.group.querySelector('button.item[tabindex="0"]');if(i)return i;const s=this.tabStopIndex();return s<0?null:this.group.querySelector(`button.item[data-index="${s}"]`)}resolvedSize(){return F.includes(this.size)?this.size:"md"}resolvedOrientation(){return S.includes(this.orientation)?this.orientation:"horizontal"}itemOff(i){return this.disabled||!i||!!i.disabled}rovingAxis(){return this.selectable?"both":"vertical"===this.resolvedOrientation()?"vertical":"horizontal"}arm(){this.group&&(this.dispose?.(),this.group.removeEventListener("keydown",this.onArrowSelect),this.dispose=e(this.group,"button.item",this.rovingAxis()),this.group.addEventListener("keydown",this.onArrowSelect))}press(i){const s=(this.items||[])[i];this.itemOff(s)||(this.selectable&&this.active!==i&&(this.active=i,this.suiActiveChange.emit(i)),this.suiPick.emit(s),s.command?.())}onArrowSelect=i=>{if(this.disabled||!this.selectable||!i.defaultPrevented)return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(i.key))return;const s="undefined"!=typeof document?document.activeElement:null;if(s&&s.classList.contains("item")&&this.group?.contains(s)){const i=Number(s.getAttribute("data-index"));Number.isNaN(i)||this.press(i)}};tabStopIndex(){if(this.disabled)return-1;const i=this.items||[],s=i.findIndex((i=>!i.disabled));return this.selectable&&i[this.active]&&!i[this.active].disabled?this.active:s}tabIndexFor(i){return i===this.tabStopIndex()?0:-1}render(){const i=this.items||[],s=i.length,o=this.resolvedSize(),e="vertical"===this.resolvedOrientation();return t(r,{key:"a1d9af89b0bec96d4188728bfedfab3bd67d004f"},t("div",{key:"9999d2e08f284b560e215e564ac4eb1ca034412d",ref:i=>this.group=i,class:{group:!0,[o]:!0,vertical:e,disabled:this.disabled},role:this.selectable?"radiogroup":"toolbar","aria-label":this.hostLabel,"aria-orientation":e?"vertical":null,"aria-disabled":this.disabled?"true":null},i.map(((i,o)=>{const r=this.selectable&&this.active===o,e=!i.label,a=this.itemOff(i),n=t("button",{type:"button",class:{item:!0,on:r,first:0===o,last:o===s-1,"icon-only":e},role:this.selectable?"radio":void 0,"aria-checked":this.selectable?r?"true":"false":null,"aria-label":i.ariaLabel,disabled:a,"data-index":o,"data-value":i.value??null,tabIndex:this.tabIndexFor(o),onClick:()=>this.press(o)},i.icon?t("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,i.label?t("span",{class:"lbl"},i.label):null);return e&&i.ariaLabel?t("sui-tooltip",{key:o,content:i.ariaLabel,position:"top"},n):t("span",{key:o,class:"cell"},n)}))))}};j.style=".sc-sui-button-group-h{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;font-family:var(--font-sans)}.group.sc-sui-button-group{display:inline-flex;align-items:stretch;box-sizing:border-box;max-width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.group.vertical.sc-sui-button-group{flex-direction:column}.cell.sc-sui-button-group{display:inline-flex}.vertical.sc-sui-button-group .cell.sc-sui-button-group,.vertical.sc-sui-button-group sui-tooltip.sc-sui-button-group{display:flex;width:100%}.item.sc-sui-button-group{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;padding:0 var(--sui-button-group-pad-x, 13px);height:var(--control-md);border:none;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:var(--w-semibold);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.item.icon-only.sc-sui-button-group{padding:0 10px}.item.first.sc-sui-button-group{border-inline-start:none;border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.sc-sui-button-group{width:100%;border-inline-start:none;border-top:1px solid var(--border)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group{border-top:none;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.vertical.sc-sui-button-group .item.last.sc-sui-button-group{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.sm.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-sm);font-size:12.5px;padding:0 var(--sui-button-group-pad-x, 8px)}.lg.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-lg)}.item.sc-sui-button-group:hover:not(:disabled):not(.on){background:var(--surface-hover)}.item.sc-sui-button-group:active:not(:disabled):not(.on){background:var(--surface-pressed)}.item.on.sc-sui-button-group{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.item.sc-sui-button-group:disabled{color:var(--disabled-ink);cursor:not-allowed}.item.sc-sui-button-group:disabled:not(.on){background:transparent}.item.on.sc-sui-button-group:disabled{background:var(--disabled-bg)}.item.sc-sui-button-group:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);position:relative;z-index:1;border-radius:var(--radius-sm)}.item.first.sc-sui-button-group:focus-visible{border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group:focus-visible{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) var(--radius-sm) var(--radius-sm)}.vertical.sc-sui-button-group .item.last.sc-sui-button-group:focus-visible{border-radius:var(--radius-sm) var(--radius-sm) calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group:focus-visible,.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px)}.icon.sc-sui-button-group{font-size:var(--icon-size-sm);color:var(--ink-muted)}.item.on.sc-sui-button-group .icon.sc-sui-button-group{color:inherit}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:var(--disabled-ink)}@media (forced-colors: active){.item.on.sc-sui-button-group{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.item.on.sc-sui-button-group:focus-visible{outline-color:CanvasText;box-shadow:none}.item.sc-sui-button-group:disabled{background:GrayText;color:Canvas;border-color:GrayText}.item.sc-sui-button-group:disabled:not(.on){background:Canvas;color:GrayText}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:inherit}}";const T=["#121C4D","#FF9422","#DCE3EC","#8E9CAF","#D86F00","#00449E"],H=["HEX","RGB","HSL"],I=[255,255,255],R=[0,0,0],E=(i,s,o)=>Math.min(o,Math.max(s,isNaN(i)?s:i)),G=(i,s,o)=>{i/=255,s/=255,o/=255;const t=Math.max(i,s,o),r=t-Math.min(i,s,o);let e=0;return r&&(e=t===i?(s-o)/r%6:t===s?(o-i)/r+2:(i-s)/r+4,e*=60,e<0&&(e+=360)),[e,t?r/t:0,t]},$=(i,s,o)=>{s/=100,o/=100;const t=(1-Math.abs(2*o-1))*s,r=t*(1-Math.abs(i/60%2-1)),e=o-t/2,a=i<60?[t,r,0]:i<120?[r,t,0]:i<180?[0,t,r]:i<240?[0,r,t]:i<300?[r,0,t]:[t,0,r];return[Math.round(255*(a[0]+e)),Math.round(255*(a[1]+e)),Math.round(255*(a[2]+e))]},L=i=>i.toString(16).padStart(2,"0").toUpperCase(),K=i=>{let s=/^#?([0-9a-f]{3})$/i.exec(String(i??"").trim());if(s){const i=s[1];return{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16)}}if(s=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i.exec(String(i??"").trim()),!s)return null;const o=parseInt(s[1],16);return{r:o>>16&255,g:o>>8&255,b:255&o,a:null!=s[2]?Math.round(parseInt(s[2],16)/2.55):void 0}},P=i=>{const s=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*s(i[0])+.7152*s(i[1])+.0722*s(i[2])},B=class{constructor(o){i(this,o),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}get host(){return o(this)}internals;label;help;error;invalid=!1;required=!1;value="#000000";noAlpha=!1;showContrast=!1;presets=T;recentsKey="sui-color-editor-recents";width=264;disabled=!1;readOnly=!1;name;suiInput;suiChange;h=0;s=0;v=0;alpha=100;model="HEX";recent=[];hexText="";formDisabled=!1;orig={hex:"#000000",alpha:100};last={hex:"",alpha:-1};lastValue;drag;dragMoved=!1;async setFocus(){u(this.host)?.focus()}fieldId=y("sui-color-editor");connectedCallback(){c(this.host,this.internals),n(this.host,(()=>u(this.host)))}componentWillLoad(){this.applyValue(this.value);const i=this.hex();this.orig={hex:i,alpha:this.alpha},this.last={hex:i,alpha:this.alpha},this.hexText=i,this.lastValue=this.value,this.recent=this.loadRecents(),this.syncForm()}disconnectedCallback(){this.endDrag(!1)}onValueChange(i){if(i===this.lastValue)return;if(!K(i))return;this.applyValue(i);const s=this.hex();this.last={hex:s,alpha:this.alpha},this.hexText=s,this.lastValue=i,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){l(this.internals,this.isDisabled?null:this.css()),d(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,u(this.host)||void 0,this.error)}formResetCallback(){this.revert(!0),this.hexText=this.orig.hex}formDisabledCallback(i){this.formDisabled=M(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get locked(){return this.isDisabled||this.readOnly}rgb(){return((i,s,o)=>{const t=t=>{const r=(t+i/60)%6;return o-o*s*Math.max(0,Math.min(r,4-r,1))};return[t(5),t(3),t(1)].map((i=>Math.round(255*i)))})(this.h,this.s,this.v)}hex(){const i=this.rgb();return s=i[1],o=i[2],"#"+L(i[0])+L(s)+L(o);var s,o}hsl(){const i=this.rgb();return((i,s,o)=>{i/=255,s/=255,o/=255;const t=Math.max(i,s,o),r=Math.min(i,s,o),e=t-r,a=(t+r)/2;let n=0,c=0;return e&&(c=a>.5?e/(2-t-r):e/(t+r),n=t===i?(s-o)/e%6:t===s?(o-i)/e+2:(i-s)/e+4,n*=60,n<0&&(n+=360)),[Math.round(n),Math.round(100*c),Math.round(100*a)]})(i[0],i[1],i[2])}css(){const i=this.hex();if(this.alpha>=100||this.noAlpha)return i;const s=this.rgb();return`rgba(${s[0]},${s[1]},${s[2]},${this.alpha/100})`}applyValue(i){const s=K(i)||{r:0,g:0,b:0,a:void 0},o=G(s.r,s.g,s.b);this.h=o[0],this.s=o[1],this.v=o[2],this.alpha=null!=s.a?s.a:100}detail(){const i=this.rgb(),s=this.hsl();return{hex:this.hex(),alpha:this.alpha,rgb:{r:i[0],g:i[1],b:i[2]},hsl:{h:s[0],s:s[1],l:s[2]},css:this.css()}}commit(i=!0){const s=this.hex();if(s===this.last.hex&&this.alpha===this.last.alpha)return;this.last={hex:s,alpha:this.alpha},this.hexText=s,this.lastValue=this.alpha<100&&!this.noAlpha?s+L(Math.round(255*this.alpha/100)):s,this.value=this.lastValue,this.syncForm();const o=this.detail();this.suiInput.emit(o),i?this.suiChange.emit(o):this.dragMoved=!0}setHsv(i=this.h,s=this.s,o=this.v,t=!1){this.isDisabled||this.readOnly&&!t||(this.h=i,this.s=s,this.v=o,this.commit(!this.drag))}setAlpha(i,s=!1){this.isDisabled||this.readOnly&&!s||(this.alpha=E(Math.round(i),0,100),this.commit(!this.drag))}applyRgb(i,s,o){const t=G(i,s,o);this.setHsv(t[0],t[1],t[2])}applyHex(i,s=!1){const o=K(i);if(!o)return!1;if(this.readOnly&&!s)return!0;const t=G(o.r,o.g,o.b);return this.h=t[0],this.s=t[1],this.v=t[2],null!=o.a&&(this.alpha=o.a),this.isDisabled||this.commit(),!0}revert(i=!1){this.applyHex(this.orig.hex,i),this.setAlpha(this.orig.alpha,i)}loadRecents(){try{if(!this.recentsKey||"undefined"==typeof localStorage)return[];const i=JSON.parse(localStorage.getItem(this.recentsKey)||"[]");return Array.isArray(i)?i.filter((i=>"string"==typeof i)).slice(0,7):[]}catch{return[]}}pushRecent(i){if(this.recent.includes(i))return;const s=[i].concat(this.recent).slice(0,7);this.recent=s;try{this.recentsKey&&"undefined"!=typeof localStorage&&localStorage.setItem(this.recentsKey,JSON.stringify(s))}catch{}}applyPointer(i){const s=this.drag;if(!s)return;const o=s.el.getBoundingClientRect(),t=E(o.width?(i.clientX-o.left)/o.width:0,0,1),r=E(o.height?(i.clientY-o.top)/o.height:0,0,1);"sv"===s.mode&&this.setHsv(this.h,t,1-r),"hue"===s.mode&&this.setHsv(Math.min(360,Math.round(360*t))),"alpha"===s.mode&&this.setAlpha(100*t)}startDrag=i=>s=>{if(this.locked)return;s.preventDefault();const o=s.currentTarget;this.drag={mode:i,el:o},this.dragMoved=!1,o.focus?.(),this.applyPointer(s),"undefined"!=typeof document&&(document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp))};onMove=i=>this.applyPointer(i);onUp=()=>this.endDrag(!0);endDrag(i){const s=this.dragMoved;this.drag=void 0,this.dragMoved=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),i&&s&&this.suiChange.emit(this.detail())}onSvKey=i=>{const s=i.shiftKey?.1:.01;switch(i.key){case"ArrowRight":this.setHsv(this.h,E(this.s+s,0,1));break;case"ArrowLeft":this.setHsv(this.h,E(this.s-s,0,1));break;case"ArrowUp":this.setHsv(this.h,this.s,E(this.v+s,0,1));break;case"ArrowDown":this.setHsv(this.h,this.s,E(this.v-s,0,1));break;case"PageUp":this.setHsv(this.h,this.s,E(this.v+.1,0,1));break;case"PageDown":this.setHsv(this.h,this.s,E(this.v-.1,0,1));break;case"Home":this.setHsv(this.h,0,this.v);break;case"End":this.setHsv(this.h,1,this.v);break;default:return}i.preventDefault()};rangeKey(i,s,o,t){const r=i.shiftKey?10:1;switch(i.key){case"ArrowRight":case"ArrowUp":t(E(s+r,0,o));break;case"ArrowLeft":case"ArrowDown":t(E(s-r,0,o));break;case"PageUp":t(E(s+10,0,o));break;case"PageDown":t(E(s-10,0,o));break;case"Home":t(0);break;case"End":t(o);break;default:return}i.preventDefault()}onHueKey=i=>this.rangeKey(i,Math.round(this.h),360,(i=>this.setHsv(i)));onAlphaKey=i=>this.rangeKey(i,this.alpha,100,(i=>this.setAlpha(i)));commitHexText(){this.applyHex(this.hexText)||(this.hexText=this.hex())}pickFromScreen=()=>{if(!this.locked)try{(new(0,window.EyeDropper)).open().then((i=>this.applyHex(i.sRGBHex))).catch((()=>{}))}catch{}};get hasEyeDropper(){return"undefined"!=typeof window&&!!window.EyeDropper}channelField(i,s,o,r,e=!1){const a=s=>{const t=s.value.replace(/\D/g,"");""!==t&&r(E(parseInt(t,10),0,o)),s.value=String(""===t?i:E(parseInt(t,10),0,o))};return t("div",{class:{ch:!0,fixed:e},key:s},t("input",{class:"num sui-frame",value:String(i),inputMode:"numeric","aria-label":s,disabled:this.isDisabled,readOnly:this.readOnly,onBlur:i=>a(i.target),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),a(i.currentTarget))}}),t("div",{class:"under"},s))}renderFields(){const i=this.rgb(),s=this.hsl();return"HEX"===this.model?[t("div",{class:"ch",key:"hex"},t("input",{class:"num hexfield sui-frame",value:this.hexText,"aria-label":k(void 0,"color-editor.hexValue",void 0,"Hex value"),id:this.fieldId,"aria-required":this.required?"true":null,"aria-invalid":this.invalid||this.error?"true":null,"aria-describedby":h(this.fieldId,this.help,this.error),spellcheck:!1,disabled:this.isDisabled,readOnly:this.readOnly,onInput:i=>this.hexText=i.target.value,onBlur:()=>this.commitHexText(),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.commitHexText())}}),t("div",{class:"under"},"Hex"))]:"RGB"===this.model?[this.channelField(i[0],"R",255,(s=>this.applyRgb(s,i[1],i[2]))),this.channelField(i[1],"G",255,(s=>this.applyRgb(i[0],s,i[2]))),this.channelField(i[2],"B",255,(s=>this.applyRgb(i[0],i[1],s)))]:[this.channelField(s[0],"H",360,(i=>{const o=$(i,s[1],s[2]),t=G(o[0],o[1],o[2]);this.setHsv(s[1]>0?i:t[0],t[1],t[2])})),this.channelField(s[1],"S",100,(i=>{const o=$(s[0],i,s[2]);this.applyRgb(o[0],o[1],o[2])})),this.channelField(s[2],"L",100,(i=>{const o=$(s[0],s[1],i);this.applyRgb(o[0],o[1],o[2])}))]}swatch(i,s){const o=i.toUpperCase()===this.hex();return t("span",{class:"cell",key:s},t("button",{type:"button",class:{sw:!0,on:o,white:"#FFFFFF"===i.toUpperCase()},"aria-label":w(void 0,"color-editor.use",void 0,"Use {color}",{color:i}),"aria-pressed":o?"true":"false",disabled:this.locked,style:{background:i},onClick:()=>this.applyHex(i)}))}ratioRow(i,s,o){const r=((i,s)=>{const o=P(i)+.05,t=P(s)+.05;return Math.round(Math.max(o,t)/Math.min(o,t)*100)/100})(this.rgb(),i),e=r>=7?["AAA","pass"]:r>=4.5?["AA","pass"]:r>=3?[k(void 0,"color-editor.aaLarge",void 0,"AA large"),"large"]:[k(void 0,"color-editor.fails",void 0,"Fails"),"fail"];return t("div",{class:"ratio",key:o},t("span",{class:"sample",style:{background:o,color:this.hex()},"aria-hidden":"true"},"Aa"),t("span",{class:"ratio-name"},s),t("b",{class:"ratio-val"},z(C(),{minimumFractionDigits:2,maximumFractionDigits:2}).format(r),":1"),t("span",{class:{grade:!0,[e[1]]:!0}},e[0]))}thumb(i,s,o){return t("span",{class:"thumb",style:{left:`${i}%`,top:null!=s?`${s}%`:"50%",background:o},"aria-hidden":"true"})}render(){const i=this.invalid||!!this.error,s=this.hex(),o=`hsl(${Math.round(this.h)} 100% 50%)`,r=Math.round(100*this.s),e=Math.round(100*this.v),a=this.orig;return t(p,{key:"c03b16e9be2f7db8b3888f8caaf3ade6c1e9bc2d",label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},t("div",{key:"324310b54e93f23f3d23296a3cd5a5a0dcd7698e",class:{"sui-color-editor":!0,disabled:this.isDisabled,readonly:this.readOnly,invalid:i},style:{width:`${this.width}px`},"aria-disabled":this.isDisabled?"true":null},t("div",{key:"c66474c8f060443bc02dc20119563b0f92705644",class:"card"},t("div",{key:"d315ad4631a419e3b7612986d3b6a9890e7c9d2c",class:"sv",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.saturationAndBrightness",void 0,"Saturation and brightness"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e,"aria-valuetext":w(void 0,"color-editor.saturationBrightness",void 0,"Saturation {saturation}, brightness {brightness}",{saturation:A(r),brightness:A(e)}),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:`linear-gradient(to top, black, transparent), linear-gradient(to right, white, ${o})`},onPointerDown:this.startDrag("sv"),onKeyDown:this.onSvKey},this.thumb(100*this.s,100*(1-this.v),s)),t("div",{key:"b3ecf1007b590dd2c2850c317623c3ecea981536",class:"strip hue",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.hue",void 0,"Hue"),"aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(this.h),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:"linear-gradient(to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%))"},onPointerDown:this.startDrag("hue"),onKeyDown:this.onHueKey},this.thumb(this.h/360*100,null,o)),this.noAlpha?null:t("div",{class:"strip alpha checker",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.alpha",void 0,"Alpha"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.alpha,"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,onPointerDown:this.startDrag("alpha"),onKeyDown:this.onAlphaKey},t("span",{class:"alpha-fill",style:{background:`linear-gradient(to right, transparent, ${s})`}}),this.thumb(this.alpha,null,s)),t("div",{key:"d3e344e9e354fce2aa2c456a2b6a8780ad0e3ef9",class:"tools"},t("sui-tooltip",{key:"5f06a0c49be33b366084e361c5ef3f8e7da76af7",content:k(void 0,"color-editor.originalVsNew",void 0,"Original vs new. Click to revert"),position:"top"},t("span",{key:"a0c882e1fd32106d5e84c4352211565926fe973c",class:"compare checker",role:"button",tabIndex:this.locked?-1:0,"aria-label":k(void 0,"color-editor.revertToOriginalColor",void 0,"Revert to original color"),"aria-disabled":this.locked?"true":null,onClick:()=>this.revert(),onKeyDown:i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.revert())}},t("span",{key:"058f5ca91f5ae45f5cfa8927e887e13bb304d227",class:"half",style:{background:a.hex,opacity:String(a.alpha/100)}}),t("span",{key:"861208752adfaf0ce69d66bd56cc1468077b82e3",class:"half",style:{background:s,opacity:String(this.noAlpha?1:this.alpha/100)}}))),t("span",{key:"692a4077681d2359978daeb0da0e124e0c407acf",class:"spacer"}),t("sui-select-button",{key:"9a9b1d081a8c6d23bfc6f3cc1fafccc3634a6678",class:"models",size:"sm",pill:!1,options:H,value:this.model,disabled:this.isDisabled,onSuiChange:i=>{i.stopPropagation(),this.model=i.detail}}),this.hasEyeDropper?t("sui-tooltip",{content:k(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),position:"top"},t("button",{type:"button",class:"eye","aria-label":k(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),disabled:this.locked,onClick:this.pickFromScreen},t(b,{glyph:f}))):null),t("div",{key:"f71039c0de8fb16da55f8b847aa9e94c2fcfb106",class:"fields"},this.renderFields(),this.noAlpha?null:this.channelField(this.alpha,"A%",100,(i=>this.setAlpha(i)),!0)),this.showContrast?t("div",{class:"contrast"},t("span",{class:"eyebrow"},k(void 0,"color-editor.contrast",void 0,"Contrast")),this.ratioRow(I,k(void 0,"color-editor.onWhite",void 0,"on white"),"white"),this.ratioRow(R,k(void 0,"color-editor.onBlack",void 0,"on black"),"black")):null,t("div",{key:"6f4f2cfaa66fb72c9a1891e845fd46a9846b860c",class:"swatches"},t("div",{key:"41f82218bb5fa853e71afaac924c2201cd5a04ff",class:"swrow"},t("span",{key:"a67539d223284fd6ba53ccf469bc2319f531472d",class:"swlabel"},k(void 0,"color-editor.swatches",void 0,"Swatches")),(this.presets||[]).map(((i,s)=>this.swatch(i,`p${s}`)))),t("div",{key:"a1af00a8490495c8c812bc7290b422ae079e0ef9",class:"swrow"},t("span",{key:"163ade2ce1cafaaceeeb989c020e8b6f63ff5c07",class:"swlabel"},k(void 0,"color-editor.recent",void 0,"Recent")),this.recent.map(((i,s)=>this.swatch(i,`r${s}`))),t("sui-tooltip",{key:"4625419f3bd16c7478f612673fe996703ad4a86b",content:k(void 0,"color-editor.saveCurrentColor",void 0,"Save current color"),position:"top"},t("button",{key:"c953410787dcca8cb311a92eb90a9f26e5773388",type:"button",class:"save","aria-label":k(void 0,"color-editor.saveCurrentColorToRecent",void 0,"Save current color to recent"),disabled:this.isDisabled,onClick:()=>this.pushRecent(s)},t(b,{key:"a2c201039767231e9229cf7e1ccace206f201937",glyph:v}))))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}};B.style=".sc-sui-color-editor-h{display:inline-flex;font-family:var(--font-sans)}.sui-color-editor.sc-sui-color-editor{display:inline-flex;flex-direction:column;gap:6px;box-sizing:border-box;max-width:100%}.card.sc-sui-color-editor{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.disabled.sc-sui-color-editor .card.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);background:var(--disabled-bg)}.invalid.sc-sui-color-editor .card.sc-sui-color-editor{border-color:var(--danger)}.checker.sc-sui-color-editor{background:repeating-conic-gradient(var(--border) 0% 25%, var(--palette-white) 0% 50%) 0 0 / 10px 10px}.sv.sc-sui-color-editor{position:relative;height:148px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;outline:none}.strip.sc-sui-color-editor{position:relative;height:14px;border-radius:7px;cursor:pointer;touch-action:none;outline:none}.alpha-fill.sc-sui-color-editor{position:absolute;inset:0;border-radius:7px}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.disabled.sc-sui-color-editor .sv.sc-sui-color-editor,.disabled.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:not-allowed}.readonly.sc-sui-color-editor .sv.sc-sui-color-editor,.readonly.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:default}.thumb.sc-sui-color-editor{position:absolute;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent), 0 1px 3px color-mix(in srgb, var(--brand) 30%, transparent)}.tools.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.spacer.sc-sui-color-editor{flex:1}.compare.sc-sui-color-editor{display:inline-flex;width:44px;height:26px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;flex-shrink:0;box-sizing:border-box;outline:none}.compare.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.compare.sc-sui-color-editor .half.sc-sui-color-editor{flex:1}.disabled.sc-sui-color-editor .compare.sc-sui-color-editor{cursor:not-allowed}.eye.sc-sui-color-editor{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--ink-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.eye.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.eye.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.eye.sc-sui-color-editor:disabled{background:var(--disabled-bg);color:var(--ink-placeholder);cursor:not-allowed}.fields.sc-sui-color-editor{display:flex;gap:6px;align-items:flex-start}.ch.sc-sui-color-editor{flex:1;min-width:0}.ch.fixed.sc-sui-color-editor{flex:none;width:46px}.num.sc-sui-color-editor{height:30px;width:100%;box-sizing:border-box;padding:0 6px;font-size:12px;font-family:var(--font-sans);font-feature-settings:'tnum';color:var(--ink);text-align:center}.num.hexfield.sc-sui-color-editor{font-family:var(--font-mono);text-align:left;padding:0 9px;font-weight:650}.under.sc-sui-color-editor{font-size:9.5px;font-weight:650;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-top:4px}.contrast.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--hairline);padding-top:9px}.eyebrow.sc-sui-color-editor{font-size:10px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)}.ratio.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.sample.sc-sui-color-editor{width:26px;height:20px;border-radius:4px;border:1px solid var(--border);box-sizing:border-box;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ratio-name.sc-sui-color-editor{flex:1;font-size:11.5px;color:var(--ink-muted)}.ratio-val.sc-sui-color-editor{font-size:11.5px;font-feature-settings:'tnum';color:var(--ink)}.grade.sc-sui-color-editor{padding:1px 7px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:720}.grade.pass.sc-sui-color-editor{background:var(--brand-soft);color:var(--brand-soft-ink)}.grade.large.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.grade.fail.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.swatches.sc-sui-color-editor{border-top:1px solid var(--hairline);padding-top:9px;display:flex;flex-direction:column;gap:7px}.swrow.sc-sui-color-editor{display:flex;gap:0;align-items:center;flex-wrap:wrap;line-height:0}.swlabel.sc-sui-color-editor{font-size:9px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);width:70px;white-space:nowrap;flex-shrink:0;line-height:normal}.cell.sc-sui-color-editor{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;box-sizing:border-box}.sw.sc-sui-color-editor{display:block;flex-shrink:0;box-sizing:border-box;width:18px;height:18px;border-radius:5px;padding:0;cursor:pointer;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.sw.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sw.sc-sui-color-editor:disabled{cursor:not-allowed}.swrow.sc-sui-color-editor sui-tooltip.sc-sui-color-editor{display:inline-flex;line-height:0}.save.sc-sui-color-editor{width:18px;height:18px;margin:4px;border-radius:5px;padding:0;cursor:pointer;background:transparent;border:1px dashed var(--border-strong);color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.save.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.save.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.save.sc-sui-color-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed}@media (forced-colors: active){.sv.sc-sui-color-editor,.strip.sc-sui-color-editor,.compare.sc-sui-color-editor,.sample.sc-sui-color-editor,.sw.sc-sui-color-editor{forced-color-adjust:none;border:1px solid CanvasText}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible,.compare.sc-sui-color-editor:focus-visible,.sw.sc-sui-color-editor:focus-visible{outline-color:Highlight;box-shadow:none}.sw.white.sc-sui-color-editor{border-color:CanvasText}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px Canvas, 0 0 0 4px Highlight}.sw.sc-sui-color-editor:disabled{border-color:GrayText}.num.sc-sui-color-editor:disabled{color:GrayText;border-color:GrayText}.grade.sc-sui-color-editor{border:1px solid CanvasText}}.sui-frame.sc-sui-color-editor{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-editor,.sui-frame.readonly.sc-sui-color-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-editor{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-editor:focus-within,.sui-frame.invalid.focus.sc-sui-color-editor,.sui-frame.invalid.open.sc-sui-color-editor{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-editor{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-editor .sui-field-label.sc-sui-color-editor{color:var(--danger)}.sui-field-req.sc-sui-color-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-editor{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-editor .sui-glyph.sc-sui-color-editor{font-size:11px}";const O=["ghost","outline"],U=["sm","md"],N=["text","icon"],V=class{constructor(o){i(this,o),this.suiCopy=s(this,"suiCopy",7),this.suiCopyError=s(this,"suiCopyError",7)}get host(){return o(this)}value;from;label;copiedLabel;errorLabel;size="sm";disabled=!1;variant="ghost";feedback="text";copied=!1;suiCopy;suiCopyError;hostLabel;failed=!1;btn;timer;auto=!1;run=0;stopAria;connectedCallback(){n(this.host,(()=>this.btn)),this.stopAria?.(),this.stopAria=a(this.host,(i=>{this.hostLabel=i}))}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.timer&&clearTimeout(this.timer),this.timer=void 0,this.auto&&(this.auto=!1,this.copied=!1)}valueChanged(){this.timer&&(clearTimeout(this.timer),this.timer=void 0),this.run++,this.auto=!1,this.copied=!1}async setFocus(){this.btn?.focus()}copy=()=>{if(this.disabled)return;const i=this.resolveValue();null!=i&&this.write(i)};resolveValue(){const i=(this.from||"").trim();if(!i)return this.value;const s=/^([^.[\]]+)(?:\.([^[\]]+)|\[([^\]]+)\])?$/.exec(i);if(!s)return;const o=this.host.getRootNode(),t="function"==typeof o.getElementById?o.getElementById(s[1]):null;if(t){if(s[2]){const i=t[s[2]];return null==i?void 0:String(i)}if(s[3]){const i=t.getAttribute(s[3]);return null==i?void 0:i}return null==t.textContent?void 0:t.textContent.trim()}}settle(i){this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{i(),this.timer=void 0}),1600)}async write(i){const s=this.run,o=await D(i);if(this.host.isConnected){if(!o)return s===this.run&&(this.auto&&(this.auto=!1,this.copied=!1),this.failed=!0,this.settle((()=>{this.failed=!1}))),void this.suiCopyError.emit(i);s===this.run&&(this.failed=!1,this.auto=!0,this.copied=!0,this.settle((()=>{this.copied=!1,this.auto=!1}))),this.suiCopy.emit(i)}}render(){const i=this.copied,s=!i&&this.failed,o=O.includes(this.variant)?this.variant:"ghost",e=U.includes(this.size)?this.size:"sm",a=N.includes(this.feedback)?this.feedback:"text",n=i&&"text"===a,c=k(void 0,"copy-button.copied",this.copiedLabel,"Copied"),l=k(void 0,"copy-button.notCopied",this.errorLabel,"Not copied"),d=i?c:s?l:"",u=this.label||this.value||"",h=this.hostLabel||(u?w(void 0,"copy-button.copyName",void 0,"Copy {name}",{name:u}):k(void 0,"copy-button.copy",void 0,"Copy"));return t(r,{key:"f3cee4f168a2164fe8d7291bc270b48300134a66"},t("button",{key:"afcd213668c9334c762997402213c84c22179736",ref:i=>this.btn=i,type:"button",class:{"sui-copy":!0,[e]:!0,[o]:!0,done:i,failed:s,"icon-only":"icon"===a},disabled:this.disabled,"aria-label":h,onClick:this.copy},this.label?t("span",{class:"lbl"},this.label):null,t(b,{key:"1da1a805f4060b850dc70cb9501f2772dcf7db63",glyph:i?g:s?x:m}),n?t("span",{class:"done-lbl"},c):null,s&&"text"===a?t("span",{class:"done-lbl"},l):null),t("span",{key:"72006aefd4bb4d98154613dddd2ed0a08feb6c9e",class:"sr-status",role:"status","aria-live":"polite"},d))}static get watchers(){return{value:[{valueChanged:0}]}}};V.style=".sc-sui-copy-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-copy.sc-sui-copy-button{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;margin:0;height:var(--control-sm);padding:0 9px;background:transparent;color:var(--ink-muted);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:12px;font-weight:650;line-height:1;white-space:nowrap;font-feature-settings:'tnum';cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-copy.md.sc-sui-copy-button{height:var(--control-md)}.sui-copy.outline.sc-sui-copy-button{background:var(--surface);border-color:var(--control-border)}.sui-copy.ghost.sc-sui-copy-button:hover:not(:disabled){background:var(--surface-hover)}.sui-copy.outline.sc-sui-copy-button:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-copy.ghost.sc-sui-copy-button:active:not(:disabled){background:var(--surface-pressed)}.sui-copy.outline.sc-sui-copy-button:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-copy.done.sc-sui-copy-button:not(:disabled),.sui-copy.done.sc-sui-copy-button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-soft-ink)}.sui-copy.failed.sc-sui-copy-button:not(:disabled),.sui-copy.failed.sc-sui-copy-button:hover:not(:disabled){background:var(--status-attention-bg);color:var(--status-attention-ink)}.sui-copy.failed.sc-sui-copy-button:not(:disabled) .lbl.sc-sui-copy-button{color:var(--status-attention-ink)}.sui-copy.sc-sui-copy-button:disabled{cursor:not-allowed;background:transparent;color:var(--ink-placeholder);border-color:transparent}.sui-copy.outline.sc-sui-copy-button:disabled{background:var(--surface);border-color:var(--border)}.sui-copy.sc-sui-copy-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-copy.sc-sui-copy-button .sui-glyph.sc-sui-copy-button{font-size:11px}.lbl.sc-sui-copy-button{color:var(--ink);font-weight:620}.sui-copy.done.sc-sui-copy-button:not(:disabled) .lbl.sc-sui-copy-button{color:var(--brand-soft-ink)}.sui-copy.sc-sui-copy-button:disabled .lbl.sc-sui-copy-button{color:var(--disabled-ink)}.sr-status.sc-sui-copy-button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}";export{j as sui_button_group,B as sui_color_editor,V as sui_copy_button}
+import{r as i,c as s,g as o,h as t,a as r}from"./p-ChCjmDsd.js";import{r as e}from"./p-BnZU02lM.js";import{i as a}from"./p-BsRW1Q8k.js";import{d as n,i as c,s as l,r as d}from"./p-B3wtlP4_.js";import{f as u}from"./p-C-GcFQjn.js";import{d as h,F as p}from"./p-DLfOvQY0.js";import{G as b,ar as f,p as v,r as g,t as x,x as m}from"./p-CHznIlgx.js";import{u as y}from"./p-U06fVoGD.js";import{l as k,a as w,i as C}from"./p-lWhwwQJ2.js";import{n as z,c as A}from"./p-BnfaBLhb.js";import{f as M}from"./p-CGWvlrv_.js";import{c as F}from"./p-C-6_KLLy.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-BWkzTEZX.js";const D=["sm","md","lg"],S=["horizontal","vertical"],j=class{constructor(o){i(this,o),this.suiActiveChange=s(this,"suiActiveChange",3),this.suiPick=s(this,"suiPick",7)}get host(){return o(this)}items=[];size="md";orientation="horizontal";selectable=!1;active=-1;disabled=!1;suiActiveChange;suiPick;hostLabel;group;dispose;stopAria;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=a(this.host,(i=>{this.hostLabel=i})),this.arm()}componentDidLoad(){this.arm()}componentDidUpdate(){this.arm()}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.dispose?.(),this.dispose=void 0,this.group?.removeEventListener("keydown",this.onArrowSelect)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.disabled||!this.group)return null;const i=this.group.querySelector('button.item[tabindex="0"]');if(i)return i;const s=this.tabStopIndex();return s<0?null:this.group.querySelector(`button.item[data-index="${s}"]`)}resolvedSize(){return D.includes(this.size)?this.size:"md"}resolvedOrientation(){return S.includes(this.orientation)?this.orientation:"horizontal"}itemOff(i){return this.disabled||!i||!!i.disabled}rovingAxis(){return this.selectable?"both":"vertical"===this.resolvedOrientation()?"vertical":"horizontal"}arm(){this.group&&(this.dispose?.(),this.group.removeEventListener("keydown",this.onArrowSelect),this.dispose=e(this.group,"button.item",this.rovingAxis()),this.group.addEventListener("keydown",this.onArrowSelect))}press(i){const s=(this.items||[])[i];this.itemOff(s)||(this.selectable&&this.active!==i&&(this.active=i,this.suiActiveChange.emit(i)),this.suiPick.emit(s),s.command?.())}onArrowSelect=i=>{if(this.disabled||!this.selectable||!i.defaultPrevented)return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(i.key))return;const s="undefined"!=typeof document?document.activeElement:null;if(s&&s.classList.contains("item")&&this.group?.contains(s)){const i=Number(s.getAttribute("data-index"));Number.isNaN(i)||this.press(i)}};tabStopIndex(){if(this.disabled)return-1;const i=this.items||[],s=i.findIndex((i=>!i.disabled));return this.selectable&&i[this.active]&&!i[this.active].disabled?this.active:s}tabIndexFor(i){return i===this.tabStopIndex()?0:-1}render(){const i=this.items||[],s=i.length,o=this.resolvedSize(),e="vertical"===this.resolvedOrientation();return t(r,{key:"a1d9af89b0bec96d4188728bfedfab3bd67d004f"},t("div",{key:"9999d2e08f284b560e215e564ac4eb1ca034412d",ref:i=>this.group=i,class:{group:!0,[o]:!0,vertical:e,disabled:this.disabled},role:this.selectable?"radiogroup":"toolbar","aria-label":this.hostLabel,"aria-orientation":e?"vertical":null,"aria-disabled":this.disabled?"true":null},i.map(((i,o)=>{const r=this.selectable&&this.active===o,e=!i.label,a=this.itemOff(i),n=t("button",{type:"button",class:{item:!0,on:r,first:0===o,last:o===s-1,"icon-only":e},role:this.selectable?"radio":void 0,"aria-checked":this.selectable?r?"true":"false":null,"aria-label":i.ariaLabel,disabled:a,"data-index":o,"data-value":i.value??null,tabIndex:this.tabIndexFor(o),onClick:()=>this.press(o)},i.icon?t("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,i.label?t("span",{class:"lbl"},i.label):null);return e&&i.ariaLabel?t("sui-tooltip",{key:o,content:i.ariaLabel,position:"top"},n):t("span",{key:o,class:"cell"},n)}))))}};j.style=".sc-sui-button-group-h{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;font-family:var(--font-sans)}.group.sc-sui-button-group{display:inline-flex;align-items:stretch;box-sizing:border-box;max-width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.group.vertical.sc-sui-button-group{flex-direction:column}.cell.sc-sui-button-group{display:inline-flex}.vertical.sc-sui-button-group .cell.sc-sui-button-group,.vertical.sc-sui-button-group sui-tooltip.sc-sui-button-group{display:flex;width:100%}.item.sc-sui-button-group{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;padding:0 var(--sui-button-group-pad-x, 13px);height:var(--control-md);border:none;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:13px;font-weight:var(--w-semibold);line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.item.icon-only.sc-sui-button-group{padding:0 10px}.item.first.sc-sui-button-group{border-inline-start:none;border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.sc-sui-button-group{width:100%;border-inline-start:none;border-top:1px solid var(--border)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group{border-top:none;border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.vertical.sc-sui-button-group .item.last.sc-sui-button-group{border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group{border-radius:calc(var(--radius-md) - 1px)}.sm.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-sm);font-size:12.5px;padding:0 var(--sui-button-group-pad-x, 8px)}.lg.sc-sui-button-group .item.sc-sui-button-group{height:var(--control-lg)}.item.sc-sui-button-group:hover:not(:disabled):not(.on){background:var(--surface-hover)}.item.sc-sui-button-group:active:not(:disabled):not(.on){background:var(--surface-pressed)}.item.on.sc-sui-button-group{background:var(--brand);color:var(--brand-contrast);font-weight:var(--w-bold)}.item.sc-sui-button-group:disabled{color:var(--disabled-ink);cursor:not-allowed}.item.sc-sui-button-group:disabled:not(.on){background:transparent}.item.on.sc-sui-button-group:disabled{background:var(--disabled-bg)}.item.sc-sui-button-group:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);position:relative;z-index:1;border-radius:var(--radius-sm)}.item.first.sc-sui-button-group:focus-visible{border-start-start-radius:calc(var(--radius-md) - 1px);border-end-start-radius:calc(var(--radius-md) - 1px)}.item.last.sc-sui-button-group:focus-visible{border-start-end-radius:calc(var(--radius-md) - 1px);border-end-end-radius:calc(var(--radius-md) - 1px)}.vertical.sc-sui-button-group .item.first.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) var(--radius-sm) var(--radius-sm)}.vertical.sc-sui-button-group .item.last.sc-sui-button-group:focus-visible{border-radius:var(--radius-sm) var(--radius-sm) calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px)}.item.first.last.sc-sui-button-group:focus-visible,.vertical.sc-sui-button-group .item.first.last.sc-sui-button-group:focus-visible{border-radius:calc(var(--radius-md) - 1px)}.icon.sc-sui-button-group{font-size:var(--icon-size-sm);color:var(--ink-muted)}.item.on.sc-sui-button-group .icon.sc-sui-button-group{color:inherit}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:var(--disabled-ink)}@media (forced-colors: active){.item.on.sc-sui-button-group{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.item.on.sc-sui-button-group:focus-visible{outline-color:CanvasText;box-shadow:none}.item.sc-sui-button-group:disabled{background:GrayText;color:Canvas;border-color:GrayText}.item.sc-sui-button-group:disabled:not(.on){background:Canvas;color:GrayText}.item.sc-sui-button-group:disabled .icon.sc-sui-button-group{color:inherit}}";const T=["#121C4D","#FF9422","#DCE3EC","#8E9CAF","#D86F00","#00449E"],H=["HEX","RGB","HSL"],I=[255,255,255],R=[0,0,0],E=(i,s,o)=>Math.min(o,Math.max(s,isNaN(i)?s:i)),$=(i,s,o)=>{i/=255,s/=255,o/=255;const t=Math.max(i,s,o),r=t-Math.min(i,s,o);let e=0;return r&&(e=t===i?(s-o)/r%6:t===s?(o-i)/r+2:(i-s)/r+4,e*=60,e<0&&(e+=360)),[e,t?r/t:0,t]},G=(i,s,o)=>{s/=100,o/=100;const t=(1-Math.abs(2*o-1))*s,r=t*(1-Math.abs(i/60%2-1)),e=o-t/2,a=i<60?[t,r,0]:i<120?[r,t,0]:i<180?[0,t,r]:i<240?[0,r,t]:i<300?[r,0,t]:[t,0,r];return[Math.round(255*(a[0]+e)),Math.round(255*(a[1]+e)),Math.round(255*(a[2]+e))]},L=i=>i.toString(16).padStart(2,"0").toUpperCase(),B=i=>{let s=/^#?([0-9a-f]{3})$/i.exec(String(i??"").trim());if(s){const i=s[1];return{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16)}}if(s=/^#?([0-9a-f]{6})([0-9a-f]{2})?$/i.exec(String(i??"").trim()),!s)return null;const o=parseInt(s[1],16);return{r:o>>16&255,g:o>>8&255,b:255&o,a:null!=s[2]?Math.round(parseInt(s[2],16)/2.55):void 0}},P=i=>{const s=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*s(i[0])+.7152*s(i[1])+.0722*s(i[2])},K=class{constructor(o){i(this,o),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}get host(){return o(this)}internals;label;help;error;invalid=!1;required=!1;value="#000000";noAlpha=!1;showContrast=!1;presets=T;recentsKey="sui-color-editor-recents";width=264;disabled=!1;readOnly=!1;name;suiInput;suiChange;h=0;s=0;v=0;alpha=100;model="HEX";recent=[];hexText="";formDisabled=!1;orig={hex:"#000000",alpha:100};last={hex:"",alpha:-1};lastValue;drag;dragMoved=!1;async setFocus(){u(this.host)?.focus()}fieldId=y("sui-color-editor");connectedCallback(){c(this.host,this.internals),n(this.host,(()=>u(this.host)))}componentWillLoad(){this.applyValue(this.value);const i=this.hex();this.orig={hex:i,alpha:this.alpha},this.last={hex:i,alpha:this.alpha},this.hexText=i,this.lastValue=this.value,this.recent=this.loadRecents(),this.syncForm()}disconnectedCallback(){this.endDrag(!1)}onValueChange(i){if(i===this.lastValue)return;if(!B(i))return;this.applyValue(i);const s=this.hex();this.last={hex:s,alpha:this.alpha},this.hexText=s,this.lastValue=i,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){l(this.internals,this.isDisabled?null:this.css()),d(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,u(this.host)||void 0,this.error)}formResetCallback(){this.revert(!0),this.hexText=this.orig.hex}formDisabledCallback(i){this.formDisabled=M(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get locked(){return this.isDisabled||this.readOnly}rgb(){return((i,s,o)=>{const t=t=>{const r=(t+i/60)%6;return o-o*s*Math.max(0,Math.min(r,4-r,1))};return[t(5),t(3),t(1)].map((i=>Math.round(255*i)))})(this.h,this.s,this.v)}hex(){const i=this.rgb();return s=i[1],o=i[2],"#"+L(i[0])+L(s)+L(o);var s,o}hsl(){const i=this.rgb();return((i,s,o)=>{i/=255,s/=255,o/=255;const t=Math.max(i,s,o),r=Math.min(i,s,o),e=t-r,a=(t+r)/2;let n=0,c=0;return e&&(c=a>.5?e/(2-t-r):e/(t+r),n=t===i?(s-o)/e%6:t===s?(o-i)/e+2:(i-s)/e+4,n*=60,n<0&&(n+=360)),[Math.round(n),Math.round(100*c),Math.round(100*a)]})(i[0],i[1],i[2])}css(){const i=this.hex();if(this.alpha>=100||this.noAlpha)return i;const s=this.rgb();return`rgba(${s[0]},${s[1]},${s[2]},${this.alpha/100})`}applyValue(i){const s=B(i)||{r:0,g:0,b:0,a:void 0},o=$(s.r,s.g,s.b);this.h=o[0],this.s=o[1],this.v=o[2],this.alpha=null!=s.a?s.a:100}detail(){const i=this.rgb(),s=this.hsl();return{hex:this.hex(),alpha:this.alpha,rgb:{r:i[0],g:i[1],b:i[2]},hsl:{h:s[0],s:s[1],l:s[2]},css:this.css()}}commit(i=!0){const s=this.hex();if(s===this.last.hex&&this.alpha===this.last.alpha)return;this.last={hex:s,alpha:this.alpha},this.hexText=s,this.lastValue=this.alpha<100&&!this.noAlpha?s+L(Math.round(255*this.alpha/100)):s,this.value=this.lastValue,this.syncForm();const o=this.detail();this.suiInput.emit(o),i?this.suiChange.emit(o):this.dragMoved=!0}setHsv(i=this.h,s=this.s,o=this.v,t=!1){this.isDisabled||this.readOnly&&!t||(this.h=i,this.s=s,this.v=o,this.commit(!this.drag))}setAlpha(i,s=!1){this.isDisabled||this.readOnly&&!s||(this.alpha=E(Math.round(i),0,100),this.commit(!this.drag))}applyRgb(i,s,o){const t=$(i,s,o);this.setHsv(t[0],t[1],t[2])}applyHex(i,s=!1){const o=B(i);if(!o)return!1;if(this.readOnly&&!s)return!0;const t=$(o.r,o.g,o.b);return this.h=t[0],this.s=t[1],this.v=t[2],null!=o.a&&(this.alpha=o.a),this.isDisabled||this.commit(),!0}revert(i=!1){this.applyHex(this.orig.hex,i),this.setAlpha(this.orig.alpha,i)}loadRecents(){try{if(!this.recentsKey||"undefined"==typeof localStorage)return[];const i=JSON.parse(localStorage.getItem(this.recentsKey)||"[]");return Array.isArray(i)?i.filter((i=>"string"==typeof i)).slice(0,7):[]}catch{return[]}}pushRecent(i){if(this.recent.includes(i))return;const s=[i].concat(this.recent).slice(0,7);this.recent=s;try{this.recentsKey&&"undefined"!=typeof localStorage&&localStorage.setItem(this.recentsKey,JSON.stringify(s))}catch{}}applyPointer(i){const s=this.drag;if(!s)return;const o=s.el.getBoundingClientRect(),t=E(o.width?(i.clientX-o.left)/o.width:0,0,1),r=E(o.height?(i.clientY-o.top)/o.height:0,0,1);"sv"===s.mode&&this.setHsv(this.h,t,1-r),"hue"===s.mode&&this.setHsv(Math.min(360,Math.round(360*t))),"alpha"===s.mode&&this.setAlpha(100*t)}startDrag=i=>s=>{if(this.locked)return;s.preventDefault();const o=s.currentTarget;this.drag={mode:i,el:o},this.dragMoved=!1,o.focus?.(),this.applyPointer(s),"undefined"!=typeof document&&(document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp))};onMove=i=>this.applyPointer(i);onUp=()=>this.endDrag(!0);endDrag(i){const s=this.dragMoved;this.drag=void 0,this.dragMoved=!1,"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),i&&s&&this.suiChange.emit(this.detail())}onSvKey=i=>{const s=i.shiftKey?.1:.01;switch(i.key){case"ArrowRight":this.setHsv(this.h,E(this.s+s,0,1));break;case"ArrowLeft":this.setHsv(this.h,E(this.s-s,0,1));break;case"ArrowUp":this.setHsv(this.h,this.s,E(this.v+s,0,1));break;case"ArrowDown":this.setHsv(this.h,this.s,E(this.v-s,0,1));break;case"PageUp":this.setHsv(this.h,this.s,E(this.v+.1,0,1));break;case"PageDown":this.setHsv(this.h,this.s,E(this.v-.1,0,1));break;case"Home":this.setHsv(this.h,0,this.v);break;case"End":this.setHsv(this.h,1,this.v);break;default:return}i.preventDefault()};rangeKey(i,s,o,t){const r=i.shiftKey?10:1;switch(i.key){case"ArrowRight":case"ArrowUp":t(E(s+r,0,o));break;case"ArrowLeft":case"ArrowDown":t(E(s-r,0,o));break;case"PageUp":t(E(s+10,0,o));break;case"PageDown":t(E(s-10,0,o));break;case"Home":t(0);break;case"End":t(o);break;default:return}i.preventDefault()}onHueKey=i=>this.rangeKey(i,Math.round(this.h),360,(i=>this.setHsv(i)));onAlphaKey=i=>this.rangeKey(i,this.alpha,100,(i=>this.setAlpha(i)));commitHexText(){this.applyHex(this.hexText)||(this.hexText=this.hex())}pickFromScreen=()=>{if(!this.locked)try{(new(0,window.EyeDropper)).open().then((i=>this.applyHex(i.sRGBHex))).catch((()=>{}))}catch{}};get hasEyeDropper(){return"undefined"!=typeof window&&!!window.EyeDropper}channelField(i,s,o,r,e=!1){const a=s=>{const t=s.value.replace(/\D/g,"");""!==t&&r(E(parseInt(t,10),0,o)),s.value=String(""===t?i:E(parseInt(t,10),0,o))};return t("div",{class:{ch:!0,fixed:e},key:s},t("input",{class:"num sui-frame",value:String(i),inputMode:"numeric","aria-label":s,disabled:this.isDisabled,readOnly:this.readOnly,onBlur:i=>a(i.target),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),a(i.currentTarget))}}),t("div",{class:"under"},s))}renderFields(){const i=this.rgb(),s=this.hsl();return"HEX"===this.model?[t("div",{class:"ch",key:"hex"},t("input",{class:"num hexfield sui-frame",value:this.hexText,"aria-label":k(void 0,"color-editor.hexValue",void 0,"Hex value"),id:this.fieldId,"aria-required":this.required?"true":null,"aria-invalid":this.invalid||this.error?"true":null,"aria-describedby":h(this.fieldId,this.help,this.error),spellcheck:!1,disabled:this.isDisabled,readOnly:this.readOnly,onInput:i=>this.hexText=i.target.value,onBlur:()=>this.commitHexText(),onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.commitHexText())}}),t("div",{class:"under"},"Hex"))]:"RGB"===this.model?[this.channelField(i[0],"R",255,(s=>this.applyRgb(s,i[1],i[2]))),this.channelField(i[1],"G",255,(s=>this.applyRgb(i[0],s,i[2]))),this.channelField(i[2],"B",255,(s=>this.applyRgb(i[0],i[1],s)))]:[this.channelField(s[0],"H",360,(i=>{const o=G(i,s[1],s[2]),t=$(o[0],o[1],o[2]);this.setHsv(s[1]>0?i:t[0],t[1],t[2])})),this.channelField(s[1],"S",100,(i=>{const o=G(s[0],i,s[2]);this.applyRgb(o[0],o[1],o[2])})),this.channelField(s[2],"L",100,(i=>{const o=G(s[0],s[1],i);this.applyRgb(o[0],o[1],o[2])}))]}swatch(i,s){const o=i.toUpperCase()===this.hex();return t("span",{class:"cell",key:s},t("button",{type:"button",class:{sw:!0,on:o,white:"#FFFFFF"===i.toUpperCase()},"aria-label":w(void 0,"color-editor.use",void 0,"Use {color}",{color:i}),"aria-pressed":o?"true":"false",disabled:this.locked,style:{background:i},onClick:()=>this.applyHex(i)}))}ratioRow(i,s,o){const r=((i,s)=>{const o=P(i)+.05,t=P(s)+.05;return Math.round(Math.max(o,t)/Math.min(o,t)*100)/100})(this.rgb(),i),e=r>=7?["AAA","pass"]:r>=4.5?["AA","pass"]:r>=3?[k(void 0,"color-editor.aaLarge",void 0,"AA large"),"large"]:[k(void 0,"color-editor.fails",void 0,"Fails"),"fail"];return t("div",{class:"ratio",key:o},t("span",{class:"sample",style:{background:o,color:this.hex()},"aria-hidden":"true"},"Aa"),t("span",{class:"ratio-name"},s),t("b",{class:"ratio-val"},z(C(),{minimumFractionDigits:2,maximumFractionDigits:2}).format(r),":1"),t("span",{class:{grade:!0,[e[1]]:!0}},e[0]))}thumb(i,s,o){return t("span",{class:"thumb",style:{left:`${i}%`,top:null!=s?`${s}%`:"50%",background:o},"aria-hidden":"true"})}render(){const i=this.invalid||!!this.error,s=this.hex(),o=`hsl(${Math.round(this.h)} 100% 50%)`,r=Math.round(100*this.s),e=Math.round(100*this.v),a=this.orig;return t(p,{key:"c03b16e9be2f7db8b3888f8caaf3ade6c1e9bc2d",label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},t("div",{key:"324310b54e93f23f3d23296a3cd5a5a0dcd7698e",class:{"sui-color-editor":!0,disabled:this.isDisabled,readonly:this.readOnly,invalid:i},style:{width:`${this.width}px`},"aria-disabled":this.isDisabled?"true":null},t("div",{key:"c66474c8f060443bc02dc20119563b0f92705644",class:"card"},t("div",{key:"d315ad4631a419e3b7612986d3b6a9890e7c9d2c",class:"sv",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.saturationAndBrightness",void 0,"Saturation and brightness"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e,"aria-valuetext":w(void 0,"color-editor.saturationBrightness",void 0,"Saturation {saturation}, brightness {brightness}",{saturation:A(r),brightness:A(e)}),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:`linear-gradient(to top, black, transparent), linear-gradient(to right, white, ${o})`},onPointerDown:this.startDrag("sv"),onKeyDown:this.onSvKey},this.thumb(100*this.s,100*(1-this.v),s)),t("div",{key:"b3ecf1007b590dd2c2850c317623c3ecea981536",class:"strip hue",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.hue",void 0,"Hue"),"aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(this.h),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,style:{background:"linear-gradient(to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%))"},onPointerDown:this.startDrag("hue"),onKeyDown:this.onHueKey},this.thumb(this.h/360*100,null,o)),this.noAlpha?null:t("div",{class:"strip alpha checker",role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":k(void 0,"color-editor.alpha",void 0,"Alpha"),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.alpha,"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,onPointerDown:this.startDrag("alpha"),onKeyDown:this.onAlphaKey},t("span",{class:"alpha-fill",style:{background:`linear-gradient(to right, transparent, ${s})`}}),this.thumb(this.alpha,null,s)),t("div",{key:"d3e344e9e354fce2aa2c456a2b6a8780ad0e3ef9",class:"tools"},t("sui-tooltip",{key:"5f06a0c49be33b366084e361c5ef3f8e7da76af7",content:k(void 0,"color-editor.originalVsNew",void 0,"Original vs new. Click to revert"),position:"top"},t("span",{key:"a0c882e1fd32106d5e84c4352211565926fe973c",class:"compare checker",role:"button",tabIndex:this.locked?-1:0,"aria-label":k(void 0,"color-editor.revertToOriginalColor",void 0,"Revert to original color"),"aria-disabled":this.locked?"true":null,onClick:()=>this.revert(),onKeyDown:i=>{"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.revert())}},t("span",{key:"058f5ca91f5ae45f5cfa8927e887e13bb304d227",class:"half",style:{background:a.hex,opacity:String(a.alpha/100)}}),t("span",{key:"861208752adfaf0ce69d66bd56cc1468077b82e3",class:"half",style:{background:s,opacity:String(this.noAlpha?1:this.alpha/100)}}))),t("span",{key:"692a4077681d2359978daeb0da0e124e0c407acf",class:"spacer"}),t("sui-select-button",{key:"9a9b1d081a8c6d23bfc6f3cc1fafccc3634a6678",class:"models",size:"sm",pill:!1,options:H,value:this.model,disabled:this.isDisabled,onSuiChange:i=>{i.stopPropagation(),this.model=i.detail}}),this.hasEyeDropper?t("sui-tooltip",{content:k(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),position:"top"},t("button",{type:"button",class:"eye","aria-label":k(void 0,"color-editor.pickFromScreen",void 0,"Pick from screen"),disabled:this.locked,onClick:this.pickFromScreen},t(b,{glyph:f}))):null),t("div",{key:"f71039c0de8fb16da55f8b847aa9e94c2fcfb106",class:"fields"},this.renderFields(),this.noAlpha?null:this.channelField(this.alpha,"A%",100,(i=>this.setAlpha(i)),!0)),this.showContrast?t("div",{class:"contrast"},t("span",{class:"eyebrow"},k(void 0,"color-editor.contrast",void 0,"Contrast")),this.ratioRow(I,k(void 0,"color-editor.onWhite",void 0,"on white"),"white"),this.ratioRow(R,k(void 0,"color-editor.onBlack",void 0,"on black"),"black")):null,t("div",{key:"6f4f2cfaa66fb72c9a1891e845fd46a9846b860c",class:"swatches"},t("div",{key:"41f82218bb5fa853e71afaac924c2201cd5a04ff",class:"swrow"},t("span",{key:"a67539d223284fd6ba53ccf469bc2319f531472d",class:"swlabel"},k(void 0,"color-editor.swatches",void 0,"Swatches")),(this.presets||[]).map(((i,s)=>this.swatch(i,`p${s}`)))),t("div",{key:"a1af00a8490495c8c812bc7290b422ae079e0ef9",class:"swrow"},t("span",{key:"163ade2ce1cafaaceeeb989c020e8b6f63ff5c07",class:"swlabel"},k(void 0,"color-editor.recent",void 0,"Recent")),this.recent.map(((i,s)=>this.swatch(i,`r${s}`))),t("sui-tooltip",{key:"4625419f3bd16c7478f612673fe996703ad4a86b",content:k(void 0,"color-editor.saveCurrentColor",void 0,"Save current color"),position:"top"},t("button",{key:"c953410787dcca8cb311a92eb90a9f26e5773388",type:"button",class:"save","aria-label":k(void 0,"color-editor.saveCurrentColorToRecent",void 0,"Save current color to recent"),disabled:this.isDisabled,onClick:()=>this.pushRecent(s)},t(b,{key:"a2c201039767231e9229cf7e1ccace206f201937",glyph:v}))))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],noAlpha:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}};K.style=".sc-sui-color-editor-h{display:inline-flex;font-family:var(--font-sans)}.sui-color-editor.sc-sui-color-editor{display:inline-flex;flex-direction:column;gap:6px;box-sizing:border-box;max-width:100%}.card.sc-sui-color-editor{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.disabled.sc-sui-color-editor .card.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);background:var(--disabled-bg)}.invalid.sc-sui-color-editor .card.sc-sui-color-editor{border-color:var(--danger)}.checker.sc-sui-color-editor{background:repeating-conic-gradient(var(--border) 0% 25%, var(--palette-white) 0% 50%) 0 0 / 10px 10px}.sv.sc-sui-color-editor{position:relative;height:148px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;outline:none}.strip.sc-sui-color-editor{position:relative;height:14px;border-radius:7px;cursor:pointer;touch-action:none;outline:none}.alpha-fill.sc-sui-color-editor{position:absolute;inset:0;border-radius:7px}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.disabled.sc-sui-color-editor .sv.sc-sui-color-editor,.disabled.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:not-allowed}.readonly.sc-sui-color-editor .sv.sc-sui-color-editor,.readonly.sc-sui-color-editor .strip.sc-sui-color-editor{cursor:default}.thumb.sc-sui-color-editor{position:absolute;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent), 0 1px 3px color-mix(in srgb, var(--brand) 30%, transparent)}.tools.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.spacer.sc-sui-color-editor{flex:1}.compare.sc-sui-color-editor{display:inline-flex;width:44px;height:26px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;flex-shrink:0;box-sizing:border-box;outline:none}.compare.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.compare.sc-sui-color-editor .half.sc-sui-color-editor{flex:1}.disabled.sc-sui-color-editor .compare.sc-sui-color-editor{cursor:not-allowed}.eye.sc-sui-color-editor{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--ink-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.eye.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.eye.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.eye.sc-sui-color-editor:disabled{background:var(--disabled-bg);color:var(--ink-placeholder);cursor:not-allowed}.fields.sc-sui-color-editor{display:flex;gap:6px;align-items:flex-start}.ch.sc-sui-color-editor{flex:1;min-width:0}.ch.fixed.sc-sui-color-editor{flex:none;width:46px}.num.sc-sui-color-editor{height:30px;width:100%;box-sizing:border-box;padding:0 6px;font-size:12px;font-family:var(--font-sans);font-feature-settings:'tnum';color:var(--ink);text-align:center}.num.hexfield.sc-sui-color-editor{font-family:var(--font-mono);text-align:left;padding:0 9px;font-weight:650}.under.sc-sui-color-editor{font-size:9.5px;font-weight:650;letter-spacing:0.07em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-top:4px}.contrast.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--hairline);padding-top:9px}.eyebrow.sc-sui-color-editor{font-size:10px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)}.ratio.sc-sui-color-editor{display:flex;align-items:center;gap:8px}.sample.sc-sui-color-editor{width:26px;height:20px;border-radius:4px;border:1px solid var(--border);box-sizing:border-box;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ratio-name.sc-sui-color-editor{flex:1;font-size:11.5px;color:var(--ink-muted)}.ratio-val.sc-sui-color-editor{font-size:11.5px;font-feature-settings:'tnum';color:var(--ink)}.grade.sc-sui-color-editor{padding:1px 7px;border-radius:var(--radius-pill);font-size:9.5px;font-weight:720}.grade.pass.sc-sui-color-editor{background:var(--brand-soft);color:var(--brand-soft-ink)}.grade.large.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.grade.fail.sc-sui-color-editor{background:var(--accent-soft);color:var(--accent-soft-ink)}.swatches.sc-sui-color-editor{border-top:1px solid var(--hairline);padding-top:9px;display:flex;flex-direction:column;gap:7px}.swrow.sc-sui-color-editor{display:flex;gap:0;align-items:center;flex-wrap:wrap;line-height:0}.swlabel.sc-sui-color-editor{font-size:9px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-faint);width:70px;white-space:nowrap;flex-shrink:0;line-height:normal}.cell.sc-sui-color-editor{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;box-sizing:border-box}.sw.sc-sui-color-editor{display:block;flex-shrink:0;box-sizing:border-box;width:18px;height:18px;border-radius:5px;padding:0;cursor:pointer;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.sw.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sw.sc-sui-color-editor:disabled{cursor:not-allowed}.swrow.sc-sui-color-editor sui-tooltip.sc-sui-color-editor{display:inline-flex;line-height:0}.save.sc-sui-color-editor{width:18px;height:18px;margin:4px;border-radius:5px;padding:0;cursor:pointer;background:transparent;border:1px dashed var(--border-strong);color:var(--ink-faint);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.save.sc-sui-color-editor:hover{color:var(--ink);border-color:var(--ink)}.save.sc-sui-color-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.save.sc-sui-color-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed}@media (forced-colors: active){.sv.sc-sui-color-editor,.strip.sc-sui-color-editor,.compare.sc-sui-color-editor,.sample.sc-sui-color-editor,.sw.sc-sui-color-editor{forced-color-adjust:none;border:1px solid CanvasText}.sv.sc-sui-color-editor:focus-visible,.strip.sc-sui-color-editor:focus-visible,.compare.sc-sui-color-editor:focus-visible,.sw.sc-sui-color-editor:focus-visible{outline-color:Highlight;box-shadow:none}.sw.white.sc-sui-color-editor{border-color:CanvasText}.sw.on.sc-sui-color-editor{box-shadow:0 0 0 2px Canvas, 0 0 0 4px Highlight}.sw.sc-sui-color-editor:disabled{border-color:GrayText}.num.sc-sui-color-editor:disabled{color:GrayText;border-color:GrayText}.grade.sc-sui-color-editor{border:1px solid CanvasText}}.sui-frame.sc-sui-color-editor{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-editor,.sui-frame.readonly.sc-sui-color-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-editor{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-editor:focus-within,.sui-frame.invalid.focus.sc-sui-color-editor,.sui-frame.invalid.open.sc-sui-color-editor{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-editor{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-editor:focus-within,.sui-frame.focus.sc-sui-color-editor,.sui-frame.open.sc-sui-color-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-editor:disabled,.sui-frame.disabled.sc-sui-color-editor{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-color-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-editor .sui-field-label.sc-sui-color-editor{color:var(--danger)}.sui-field-req.sc-sui-color-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-editor{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-editor .sui-glyph.sc-sui-color-editor{font-size:11px}";const O=["ghost","outline"],U=["sm","md"],N=["text","icon"],_=class{constructor(o){i(this,o),this.suiCopy=s(this,"suiCopy",7),this.suiCopyError=s(this,"suiCopyError",7)}get host(){return o(this)}value;from;label;copiedLabel;errorLabel;size="sm";disabled=!1;variant="ghost";feedback="text";copied=!1;suiCopy;suiCopyError;hostLabel;failed=!1;btn;timer;auto=!1;run=0;stopAria;connectedCallback(){n(this.host,(()=>this.btn)),this.stopAria?.(),this.stopAria=a(this.host,(i=>{this.hostLabel=i}))}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.timer&&clearTimeout(this.timer),this.timer=void 0,this.auto&&(this.auto=!1,this.copied=!1)}valueChanged(){this.timer&&(clearTimeout(this.timer),this.timer=void 0),this.run++,this.auto=!1,this.copied=!1}async setFocus(){this.btn?.focus()}copy=()=>{if(this.disabled)return;const i=this.resolveValue();null!=i&&this.write(i)};resolveValue(){const i=(this.from||"").trim();if(!i)return this.value;const s=/^([^.[\]]+)(?:\.([^[\]]+)|\[([^\]]+)\])?$/.exec(i);if(!s)return;const o=this.host.getRootNode(),t="function"==typeof o.getElementById?o.getElementById(s[1]):null;if(t){if(s[2]){const i=t[s[2]];return null==i?void 0:String(i)}if(s[3]){const i=t.getAttribute(s[3]);return null==i?void 0:i}return null==t.textContent?void 0:t.textContent.trim()}}settle(i){this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>{i(),this.timer=void 0}),1600)}async write(i){const s=this.run,o=await F(i);if(this.host.isConnected){if(!o)return s===this.run&&(this.auto&&(this.auto=!1,this.copied=!1),this.failed=!0,this.settle((()=>{this.failed=!1}))),void this.suiCopyError.emit(i);s===this.run&&(this.failed=!1,this.auto=!0,this.copied=!0,this.settle((()=>{this.copied=!1,this.auto=!1}))),this.suiCopy.emit(i)}}render(){const i=this.copied,s=!i&&this.failed,o=O.includes(this.variant)?this.variant:"ghost",e=U.includes(this.size)?this.size:"sm",a=N.includes(this.feedback)?this.feedback:"text",n=i&&"text"===a,c=k(void 0,"copy-button.copied",this.copiedLabel,"Copied"),l=k(void 0,"copy-button.notCopied",this.errorLabel,"Not copied"),d=i?c:s?l:"",u=this.label||this.value||"",h=this.hostLabel||(u?w(void 0,"copy-button.copyName",void 0,"Copy {name}",{name:u}):k(void 0,"copy-button.copy",void 0,"Copy"));return t(r,{key:"fa2bbffd8cce23bafda63141dc6c5bdcacacec6f"},t("button",{key:"34ac4e396419435f3dc5bc4fbe2318626a2d2993",ref:i=>this.btn=i,type:"button",class:{"sui-copy":!0,[e]:!0,[o]:!0,done:i,failed:s,"icon-only":"icon"===a},disabled:this.disabled,"aria-label":h,onClick:this.copy},this.label?t("span",{class:"lbl"},this.label):null,t(b,{key:"322588da6728487995e985cf5a2eab4f8d355965",glyph:i?g:s?x:m}),n?t("span",{class:"done-lbl"},c):null,s&&"text"===a?t("span",{class:"done-lbl"},l):null),t("span",{key:"521e9825331e5d454bb0e8734ca5632dbb600baa",class:"sr-status",role:"status","aria-live":"polite"},d))}static get watchers(){return{value:[{valueChanged:0}]}}};_.style=".sc-sui-copy-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-copy.sc-sui-copy-button{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;margin:0;height:var(--control-sm);padding:0 9px;background:transparent;color:var(--ink-muted);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:12px;font-weight:650;line-height:1;white-space:nowrap;font-feature-settings:'tnum';cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-copy.md.sc-sui-copy-button{height:var(--control-md)}.sui-copy.outline.sc-sui-copy-button{background:var(--surface);border-color:var(--control-border)}.sui-copy.ghost.sc-sui-copy-button:hover:not(:disabled){background:var(--surface-hover)}.sui-copy.outline.sc-sui-copy-button:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-copy.ghost.sc-sui-copy-button:active:not(:disabled){background:var(--surface-pressed)}.sui-copy.outline.sc-sui-copy-button:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-copy.done.sc-sui-copy-button:not(:disabled),.sui-copy.done.sc-sui-copy-button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-soft-ink)}.sui-copy.failed.sc-sui-copy-button:not(:disabled),.sui-copy.failed.sc-sui-copy-button:hover:not(:disabled){background:var(--status-attention-bg);color:var(--status-attention-ink)}.sui-copy.failed.sc-sui-copy-button:not(:disabled) .lbl.sc-sui-copy-button{color:var(--status-attention-ink)}.sui-copy.sc-sui-copy-button:disabled{cursor:not-allowed;background:transparent;color:var(--ink-placeholder);border-color:transparent}.sui-copy.outline.sc-sui-copy-button:disabled{background:var(--surface);border-color:var(--border)}.sui-copy.sc-sui-copy-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-copy.sc-sui-copy-button .sui-glyph.sc-sui-copy-button{font-size:11px}.lbl.sc-sui-copy-button{color:var(--ink);font-weight:620}.sui-copy.done.sc-sui-copy-button:not(:disabled) .lbl.sc-sui-copy-button{color:var(--brand-soft-ink)}.sui-copy.sc-sui-copy-button:disabled .lbl.sc-sui-copy-button{color:var(--disabled-ink)}.sr-status.sc-sui-copy-button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}";export{j as sui_button_group,K as sui_color_editor,_ as sui_copy_button}

package/dist/shineui/p-32947df1.entry.js

@@ -0,0 +1 @@
+import{r as i,c as s,g as t,f as o,h as n,a}from"./p-ChCjmDsd.js";import{i as r,o as e,p,a as c,b as h,k as l,j as f,e as u,t as m}from"./p-DxQKrio7.js";import{f as d}from"./p-C-GcFQjn.js";import{u as g}from"./p-U06fVoGD.js";import{l as b}from"./p-lWhwwQJ2.js";import{G as x,t as y}from"./p-CHznIlgx.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";import"./p-BWkzTEZX.js";const v=class{constructor(t){i(this,t),this.suiOpen=s(this,"suiOpen",3),this.suiConfirm=s(this,"suiConfirm",7),this.suiClose=s(this,"suiClose",3)}get host(){return t(this)}message;confirmLabel;cancelLabel;confirmVariant="danger";position="bottom";open=!1;suiOpen;suiConfirm;suiClose;closing=!1;fieldId=g("sui-confirm-popup");anchor;panel;disposers=[];escape=r((()=>this.requestClose("escape",!0)));demote;exit=e((()=>this.exited()));connectedCallback(){this.open&&this.panel&&o(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.exited()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}triggerEl(){return this.anchor?d(this.anchor):null}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-controls",`${this.fieldId}-panel`))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=p(this.panel)),this.reposition(),this.disposers.push(c((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),h((()=>this.reposition()))),this.escape.arm(),this.focusFirst())}focusFirst(){const i=this.panel;if(!i)return;const s=()=>d(i)?.focus({preventScroll:!0}),t=i.querySelector("sui-button");t&&"function"==typeof t.componentOnReady?t.componentOnReady().then(s):s()}alignFor(i){return"left"===i||"right"===i?"center":"start"}reposition(){if(!this.anchor||!this.panel)return;const i=this.position;l(this.panel,f(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&u(this.panel),this.disposers.forEach((i=>i())),this.disposers=[]}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.triggerEl()?.focus()))}confirm=()=>{this.suiConfirm.emit().defaultPrevented||(this.open=!1,this.triggerEl()?.focus())};onPanelKey=i=>{m(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{this.open?this.requestClose("trigger"):(this.open=!0,this.suiOpen.emit())};render(){const i="brand"!==this.confirmVariant;return n(a,{key:"2ac34113965ab15826248cac90cd357b710829c9"},n("span",{key:"674125151677508d73040ba504263fee00df96fb",ref:i=>this.anchor=i,class:"trigger",onClick:this.onTriggerClick},n("slot",{key:"dbc7836b69377dfcaa5853ab3e0765e49a818f2a",name:"trigger"})),this.open||this.closing?n("div",{ref:i=>this.panel=i,id:`${this.fieldId}-panel`,class:{panel:!0,closing:this.closing},inert:this.closing,role:"alertdialog","aria-labelledby":`${this.fieldId}-msg`,onKeyDown:this.onPanelKey},n("div",{class:"row"},n(x,{glyph:y,class:i?"icon danger":"icon"}),n("span",{id:`${this.fieldId}-msg`,class:"message"},this.message,n("slot",null))),n("div",{class:"actions"},n("sui-button",{size:"sm",variant:"outline",label:b(void 0,"confirm-popup.cancel",this.cancelLabel,"Cancel"),onClick:()=>this.requestClose("cancel",!0)}),n("sui-button",{size:"sm",variant:i?"danger":"brand",label:b(void 0,"confirm-popup.confirm",this.confirmLabel,"Confirm"),onClick:this.confirm}))):null)}static get watchers(){return{open:[{onOpenChange:0}]}}};v.style=".sc-sui-confirm-popup-h{display:inline-flex;position:relative;font-family:var(--font-sans)}.trigger.sc-sui-confirm-popup{display:inline-flex}.panel.sc-sui-confirm-popup{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;width:248px;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:13px 14px;font-family:var(--font-sans);animation:sui-confirm-popup-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-top}.panel[data-side='left'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-left}.panel[data-side='right'].sc-sui-confirm-popup{animation-name:sui-confirm-popup-in-right}.panel.closing.sc-sui-confirm-popup{animation:sui-confirm-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.row.sc-sui-confirm-popup{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px}.icon.sc-sui-confirm-popup{font-size:13px;color:var(--brand);margin-top:1px;flex-shrink:0}.icon.danger.sc-sui-confirm-popup{color:var(--danger)}.message.sc-sui-confirm-popup{font-size:12.5px;line-height:1.45;font-weight:550}.actions.sc-sui-confirm-popup{display:flex;justify-content:flex-end;gap:7px}@keyframes sui-confirm-popup-in{from{opacity:0;margin-top:-4px}}@keyframes sui-confirm-popup-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-confirm-popup-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-confirm-popup-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-confirm-popup-out{to{opacity:0}}";export{v as sui_confirm_popup}

package/dist/shineui/{p-841819d5.entry.js → p-32d7ad00.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,g as i,h as o}from"./p-ChCjmDsd.js";import{d as e,F as n}from"./p-hpOwNlzr.js";import{u as r}from"./p-U06fVoGD.js";import{i as l,d as a,s as g,r as u}from"./p-B3wtlP4_.js";import{f as c}from"./p-CGWvlrv_.js";import{l as d}from"./p-lWhwwQJ2.js";import"./p-DGU97JSr.js";const b=["sm","md","lg"],h=class{constructor(i){t(this,i),this.suiChange=s(this,"suiChange",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;labelOn;labelOff;iconOn;iconOff;checked=!1;disabled=!1;readOnly=!1;size="md";invalid=!1;help;error;required=!1;name;value="on";suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=r("sui-toggle-button");btn;initial=!1;connectedCallback(){l(this.host,this.internals),a(this.host,(()=>this.btn))}componentWillLoad(){this.initial=this.checked,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){g(this.internals,this.checked&&!this.isDisabled?this.value:null),u(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.checked,this.onLabel(),this.btn,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.checked=this.initial}formDisabledCallback(t){this.formDisabled=c(this.host,this.disabled,t),this.syncForm()}async setFocus(){this.btn?.focus()}onLabel(){return d(void 0,"toggle-button.labelOn",this.labelOn,"On")}onClick=()=>{if(this.isDisabled||this.readOnly)return;const t=!this.checked;this.checked=t,this.suiChange.emit(t)};render(){const t=this.checked,s=t?this.iconOn:this.iconOff,i=this.invalid||!!this.error,r=b.includes(this.size)?this.size:"md";return o(n,{key:"155361652d30c5eed271c7321ba773daf99bf9e9",help:this.help,error:this.error,descId:this.fieldId},o("button",{key:"a5b2d09a7657aa801425c8ffe5a938756b709d5e",ref:t=>this.btn=t,type:"button",class:{"sui-toggle-btn":!0,[r]:!0,on:t,invalid:i,readonly:this.readOnly},"aria-pressed":t?"true":"false","aria-readonly":this.readOnly?"true":null,"aria-invalid":i?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),disabled:this.isDisabled,onClick:this.onClick},s?o("i",{class:`${s} icon`,"aria-hidden":"true"}):null,o("span",{key:"8d0d24863b88e1b58c950888516ca278cbb86e9d",class:"lbl"},t?this.onLabel():d(void 0,"toggle-button.labelOff",this.labelOff,"Off"))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],labelOn:[{syncForm:0}]}}};h.style=".sc-sui-toggle-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-button{align-items:flex-start}.sui-toggle-btn.sc-sui-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-md);padding:0 14px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-toggle-btn.sm.sc-sui-toggle-button{height:var(--control-sm)}.sui-toggle-btn.lg.sc-sui-toggle-button{height:var(--control-lg)}.sui-toggle-btn.sc-sui-toggle-button:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-toggle-btn.on.sc-sui-toggle-button{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand);font-weight:650}.sui-toggle-btn.on.sc-sui-toggle-button:hover{background:var(--brand-hover)}.sui-toggle-btn.invalid.sc-sui-toggle-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.sui-toggle-btn.invalid.sc-sui-toggle-button:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.sui-toggle-btn.sc-sui-toggle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.icon.sc-sui-toggle-button{font-size:12px}@media (forced-colors: active){.sui-toggle-btn.on.sc-sui-toggle-button,.sui-toggle-btn.on.sc-sui-toggle-button:hover{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.sui-toggle-btn.on.sc-sui-toggle-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:Canvas;color:GrayText;border-color:GrayText}}.sui-field.sc-sui-toggle-button{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-toggle-button{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-toggle-button .sui-field-label.sc-sui-toggle-button{color:var(--danger)}.sui-field-req.sc-sui-toggle-button{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-toggle-button{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-toggle-button{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-toggle-button .sui-glyph.sc-sui-toggle-button{font-size:11px}";export{h as sui_toggle_button}
+import{r as t,c as s,g as i,h as o}from"./p-ChCjmDsd.js";import{d as e,F as n}from"./p-DLfOvQY0.js";import{u as r}from"./p-U06fVoGD.js";import{i as l,d as a,s as g,r as u}from"./p-B3wtlP4_.js";import{f as c}from"./p-CGWvlrv_.js";import{l as d}from"./p-lWhwwQJ2.js";import"./p-CHznIlgx.js";const b=["sm","md","lg"],h=class{constructor(i){t(this,i),this.suiChange=s(this,"suiChange",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;labelOn;labelOff;iconOn;iconOff;checked=!1;disabled=!1;readOnly=!1;size="md";invalid=!1;help;error;required=!1;name;value="on";suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=r("sui-toggle-button");btn;initial=!1;connectedCallback(){l(this.host,this.internals),a(this.host,(()=>this.btn))}componentWillLoad(){this.initial=this.checked,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){g(this.internals,this.checked&&!this.isDisabled?this.value:null),u(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.checked,this.onLabel(),this.btn,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.checked=this.initial}formDisabledCallback(t){this.formDisabled=c(this.host,this.disabled,t),this.syncForm()}async setFocus(){this.btn?.focus()}onLabel(){return d(void 0,"toggle-button.labelOn",this.labelOn,"On")}onClick=()=>{if(this.isDisabled||this.readOnly)return;const t=!this.checked;this.checked=t,this.suiChange.emit(t)};render(){const t=this.checked,s=t?this.iconOn:this.iconOff,i=this.invalid||!!this.error,r=b.includes(this.size)?this.size:"md";return o(n,{key:"dc39e25791dccc9b7ae8a95c6acd092c4f4397e4",help:this.help,error:this.error,descId:this.fieldId},o("button",{key:"c4aed3b907c71e0d30d61284f9369eda830424ed",ref:t=>this.btn=t,type:"button",class:{"sui-toggle-btn":!0,[r]:!0,on:t,invalid:i,readonly:this.readOnly},"aria-pressed":t?"true":"false","aria-readonly":this.readOnly?"true":null,"aria-invalid":i?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),disabled:this.isDisabled,onClick:this.onClick},s?o("i",{class:`${s} icon`,"aria-hidden":"true"}):null,o("span",{key:"a8607cfef732fab72a5bb2d6e921fb0764eeba68",class:"lbl"},t?this.onLabel():d(void 0,"toggle-button.labelOff",this.labelOff,"Off"))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],labelOn:[{syncForm:0}]}}};h.style=".sc-sui-toggle-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-button{align-items:flex-start}.sui-toggle-btn.sc-sui-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-md);padding:0 14px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-toggle-btn.sm.sc-sui-toggle-button{height:var(--control-sm)}.sui-toggle-btn.lg.sc-sui-toggle-button{height:var(--control-lg)}.sui-toggle-btn.sc-sui-toggle-button:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-toggle-btn.on.sc-sui-toggle-button{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand);font-weight:650}.sui-toggle-btn.on.sc-sui-toggle-button:hover{background:var(--brand-hover)}.sui-toggle-btn.invalid.sc-sui-toggle-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.sui-toggle-btn.invalid.sc-sui-toggle-button:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.sui-toggle-btn.sc-sui-toggle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.icon.sc-sui-toggle-button{font-size:12px}@media (forced-colors: active){.sui-toggle-btn.on.sc-sui-toggle-button,.sui-toggle-btn.on.sc-sui-toggle-button:hover{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.sui-toggle-btn.on.sc-sui-toggle-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:Canvas;color:GrayText;border-color:GrayText}}.sui-field.sc-sui-toggle-button{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-toggle-button{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-toggle-button .sui-field-label.sc-sui-toggle-button{color:var(--danger)}.sui-field-req.sc-sui-toggle-button{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-toggle-button{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-toggle-button{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-toggle-button .sui-glyph.sc-sui-toggle-button{font-size:11px}";export{h as sui_toggle_button}

package/dist/shineui/{p-4e37d216.entry.js → p-33da2c69.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,g as s,h as t,a as d}from"./p-ChCjmDsd.js";import{a as r}from"./p-DHVm09RY.js";import{i as n,a as u,d as l,w as o,c as a,b as h,e as c,m as v,g as b}from"./p-DKbCMJi0.js";import{formatTimeOfDay as p,uses24HourClock as f}from"./p-CSPVrtqf.js";import{G as y,q as m}from"./p-DGU97JSr.js";import{u as w}from"./p-U06fVoGD.js";import{d as g}from"./p-B3wtlP4_.js";import{i as k,l as x,a as D,u as M}from"./p-lWhwwQJ2.js";const S=[["Mo","Monday",1],["Tu","Tuesday",2],["We","Wednesday",3],["Th","Thursday",4],["Fr","Friday",5],["Sa","Saturday",6],["Su","Sunday",0]],C=["January","February","March","April","May","June","July","August","September","October","November","December"],j=["first","second","third","fourth","last"],O=["minute","hour","day","week","month","year"],z=["as-scheduled","previous","next","skip"],T=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),W=e=>0===e.getDay()||6===e.getDay();function A(e){if(null==e||""===e)return null;if(e instanceof Date)return isNaN(e.getTime())?null:T(e);const i=/^(\d{4})-(\d{2})-(\d{2})/.exec(String(e).trim());if(!i)return null;const s=new Date(+i[1],+i[2]-1,+i[3]);return isNaN(s.getTime())?null:s}function N(e){const i=/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i.exec((e||"").trim());if(!i)return 0;let s=+i[1];const t=+i[2];return i[3]&&(s%=12,/pm/i.test(i[3])&&(s+=12)),s>23||t>59?0:60*s+t}function F(e){const i=Math.floor(e/60)%24,s=i>=12?"PM":"AM";return(i%12==0?12:i%12)+":"+r(e%60)+" "+s}function J(e){return S.filter((i=>e.includes(i[0]))).map((e=>e[1]))}function H(e){return S.find((i=>i[2]===e))[1]}function R(e,i,s,t){const d=new Date(e,i,1),r=d.getFullYear(),n=d.getMonth(),l=S.find((e=>e[1]===t));if(!l)return null;const o=l[2];if("last"===s){let e=new Date(r,n+1,0);for(;e.getDay()!==o;)e=u(e,-1);return e}const a={first:1,second:2,third:3,fourth:4}[s];let h=new Date(r,n,1),c=0;for(;h.getMonth()===n;){if(h.getDay()===o&&(c++,c===a))return h;h=u(h,1)}return null}function B(e,i){if(!W(e))return e;if("skip"===i)return null;const s="previous"===i?-1:"next"===i?1:0;if(!s)return e;let t=e;for(;W(t);)t=u(t,s);return t}const I=(e,i,s)=>i.includes(e)?e:s,P=(e,i)=>"string"==typeof e&&/^\d{1,2}:\d{2}\s*(AM|PM)?$/i.test(e.trim())?F(N(e)):i,U=(e,i)=>{const s="number"==typeof e?e:parseFloat(String(e));return isFinite(s)&&s>=1?Math.floor(s):i},Y=e=>"minute"===e||"hour"===e,$=e=>"day"===e||"month"===e||"year"===e;function L(e,i){const s=J(e.weekdays),t=Y(e.unit),d={every:e.every,unit:e.unit};return"week"===e.unit&&(d.weekdays=s),t&&(d.window={from:e.windowFrom,to:e.windowTo},s.length&&s.length<7&&(d.weekdays=s)),"month"===e.unit&&(d.monthly="day"===e.monthlyMode?{mode:"dayOfMonth",day:e.dayOfMonth}:{mode:"nthWeekday",ordinal:e.ordinal,weekday:e.weekday}),"year"===e.unit&&(d.annual={month:C[e.month],day:e.day}),{version:2,timezone:i,start:{date:n(e.startDate),time:e.startTime},repeat:d,businessDays:{rule:$(e.unit)?e.businessDays:"as-scheduled"},end:"never"===e.endType?{type:"never"}:"on"===e.endType?{type:"onDate",date:e.endDate?n(e.endDate):null}:{type:"afterRuns",count:e.endCount}}}const E=(e,i)=>p(60*N(e),i,f(i)),G=(e,i)=>{try{return new Intl.ListFormat(i,{type:"conjunction",style:"long"}).format(e)}catch{return e.join(", ")}},V=class{constructor(s){e(this,s),this.suiChange=i(this,"suiChange",7)}get host(){return s(this)}variant="desktop";label;timezone;config;todayDate;disabled=!1;hideJson=!1;suiChange;s;jsonOpen=!1;fieldId=w("sui-scheduler-builder");writing=!1;resolvedFrom;zone(){if(this.timezone)return this.timezone;try{const e=Intl.DateTimeFormat().resolvedOptions().timeZone;if(e)return e}catch(e){}return"UTC"}componentWillLoad(){this.resolve()}componentWillRender(){this.config!==this.resolvedFrom&&this.resolve()}componentDidLoad(){this.emit()}onConfigChange(){this.writing||this.resolve()}onTodayChange(){this.config&&this.config.startDate||this.resolve()}async getConfig(){return L(this.s,this.zone())}async setFocus(){const e=this.firstControl();e&&"function"==typeof e.setFocus?await e.setFocus():e?.focus()}connectedCallback(){g(this.host,(()=>this.firstControl()))}firstControl(){return this.host.querySelector(".field.date sui-date-picker")}today(){return A(this.todayDate)||new Date}resolve(){this.resolvedFrom=this.config,this.s=function(e,i=new Date){const s=e||{},t=S.map((e=>e[0])),d=Array.isArray(s.weekdays)?t.filter((e=>s.weekdays.includes(e))):["Mo","We","Fr"];return{startDate:A(s.startDate)||T(i),startTime:P(s.startTime,"9:00 AM"),every:U(s.every,1),unit:I(s.unit,O,"week"),weekdays:d,monthlyMode:I(s.monthlyMode,["day","nth"],"day"),dayOfMonth:Math.min(31,U(s.dayOfMonth,15)),ordinal:I(s.ordinal,j,"first"),weekday:I(s.weekday,S.map((e=>e[1])),"Monday"),month:"number"==typeof s.month&&s.month>=0&&s.month<=11?Math.floor(s.month):0,day:Math.min(31,U(s.day,15)),windowFrom:P(s.windowFrom,"8:00 AM"),windowTo:P(s.windowTo,"6:00 PM"),businessDays:I(s.businessDays,z,"as-scheduled"),endType:I(s.endType,["never","on","after"],"never"),endDate:A(s.endDate),endCount:U(s.endCount,12)}}(this.config,this.today())}emit(){this.suiChange.emit({config:L(this.s,this.zone()),sentence:this.sentence(k())})}update(e){var i;this.s={...this.s,...e},this.writing=!0,this.config=this.resolvedFrom={startDate:n((i=this.s).startDate),startTime:i.startTime,every:i.every,unit:i.unit,weekdays:[...i.weekdays],monthlyMode:i.monthlyMode,dayOfMonth:i.dayOfMonth,ordinal:i.ordinal,weekday:i.weekday,month:i.month,day:i.day,windowFrom:i.windowFrom,windowTo:i.windowTo,businessDays:i.businessDays,endType:i.endType,endDate:i.endDate?n(i.endDate):void 0,endCount:i.endCount},this.writing=!1,this.emit()}on(e){return i=>{i.stopPropagation(),e(i.detail)}}swallow=e=>e.stopPropagation();setNumber(e,i){return this.on((s=>{if(null==s||!isFinite(s))return;let t=Math.max(1,Math.floor(s));null!=i&&(t=Math.min(i,t)),this.update({[e]:t})}))}setWeekdays=this.on((e=>{const i=Array.isArray(e)?e:e?[e]:[];this.update({weekdays:S.map((e=>e[0])).filter((e=>i.includes(e)))})}));unitWord(e,i){switch(e){case"minute":return i?x(void 0,"scheduler-builder.unitMinutes",void 0,"minutes"):x(void 0,"scheduler-builder.unitMinute",void 0,"minute");case"hour":return i?x(void 0,"scheduler-builder.unitHours",void 0,"hours"):x(void 0,"scheduler-builder.unitHour",void 0,"hour");case"day":return i?x(void 0,"scheduler-builder.unitDays",void 0,"days"):x(void 0,"scheduler-builder.unitDay",void 0,"day");case"week":return i?x(void 0,"scheduler-builder.unitWeeks",void 0,"weeks"):x(void 0,"scheduler-builder.unitWeek",void 0,"week");case"month":return i?x(void 0,"scheduler-builder.unitMonths",void 0,"months"):x(void 0,"scheduler-builder.unitMonth",void 0,"month");default:return i?x(void 0,"scheduler-builder.unitYears",void 0,"years"):x(void 0,"scheduler-builder.unitYear",void 0,"year")}}ordinalWord(e){switch(e){case"second":return x(void 0,"scheduler-builder.second",void 0,"second");case"third":return x(void 0,"scheduler-builder.third",void 0,"third");case"fourth":return x(void 0,"scheduler-builder.fourth",void 0,"fourth");case"last":return x(void 0,"scheduler-builder.last",void 0,"last");default:return x(void 0,"scheduler-builder.first",void 0,"first")}}cadence(){const e=this.s.every,i=1===e;switch(this.s.unit){case"minute":return i?x(void 0,"scheduler-builder.everyMinute",void 0,"every minute"):D(void 0,"scheduler-builder.everyMinutes",void 0,"every {n} minutes",{n:e});case"hour":return i?x(void 0,"scheduler-builder.everyHour",void 0,"every hour"):D(void 0,"scheduler-builder.everyHours",void 0,"every {n} hours",{n:e});case"day":return i?x(void 0,"scheduler-builder.everyDay",void 0,"every day"):D(void 0,"scheduler-builder.everyDays",void 0,"every {n} days",{n:e});case"week":return i?x(void 0,"scheduler-builder.everyWeek",void 0,"every week"):D(void 0,"scheduler-builder.everyWeeks",void 0,"every {n} weeks",{n:e});case"month":return i?x(void 0,"scheduler-builder.everyMonth",void 0,"every month"):D(void 0,"scheduler-builder.everyMonths",void 0,"every {n} months",{n:e});default:return i?x(void 0,"scheduler-builder.everyYear",void 0,"every year"):D(void 0,"scheduler-builder.everyYears",void 0,"every {n} years",{n:e})}}onNthWeekday(e,i){switch(this.s.ordinal){case"second":return D(void 0,"scheduler-builder.repeatOnSecond",void 0,"{repeat} on the second {weekday}",{repeat:e,weekday:i});case"third":return D(void 0,"scheduler-builder.repeatOnThird",void 0,"{repeat} on the third {weekday}",{repeat:e,weekday:i});case"fourth":return D(void 0,"scheduler-builder.repeatOnFourth",void 0,"{repeat} on the fourth {weekday}",{repeat:e,weekday:i});case"last":return D(void 0,"scheduler-builder.repeatOnLast",void 0,"{repeat} on the last {weekday}",{repeat:e,weekday:i});default:return D(void 0,"scheduler-builder.repeatOnFirst",void 0,"{repeat} on the first {weekday}",{repeat:e,weekday:i})}}sentence(e){const i=this.s,s=Y(i.unit),t=S.filter((e=>i.weekdays.includes(e[0]))).map((i=>o(e)[i[2]]));let d=this.cadence();if(s){const s={repeat:d,from:E(i.windowFrom,e),to:E(i.windowTo,e)};d=t.length&&t.length<7?D(void 0,"scheduler-builder.repeatBetweenOnDays",void 0,"{repeat} between {from} and {to} on {days}",{...s,days:G(t,e)}):D(void 0,"scheduler-builder.repeatBetween",void 0,"{repeat} between {from} and {to}",s)}else"week"===i.unit?d=t.length?D(void 0,"scheduler-builder.repeatOnDays",void 0,"{repeat} on {days}",{repeat:d,days:G(t,e)}):D(void 0,"scheduler-builder.repeatNoDays",void 0,"{repeat} (pick at least one day)",{repeat:d}):"month"===i.unit?d="day"===i.monthlyMode?D(void 0,"scheduler-builder.repeatOnDay",void 0,"{repeat} on day {day}",{repeat:d,day:i.dayOfMonth}):this.onNthWeekday(d,((e,i)=>{const s=S.find((i=>i[1]===e));return s?o(i)[s[2]]:e})(i.weekday,e)):"year"===i.unit&&(d=D(void 0,"scheduler-builder.repeatOnDate",void 0,"{repeat} on {date}",{repeat:d,date:a(i.month,i.day,e)}));$(i.unit)&&("previous"===i.businessDays?d=D(void 0,"scheduler-builder.movesPrevious",void 0,"{schedule}, moving weekend runs to the previous business day",{schedule:d}):"next"===i.businessDays?d=D(void 0,"scheduler-builder.movesNext",void 0,"{schedule}, moving weekend runs to the next business day",{schedule:d}):"skip"===i.businessDays&&(d=D(void 0,"scheduler-builder.skipsWeekends",void 0,"{schedule}, skipping weekend runs",{schedule:d}))),d="never"===i.endType?D(void 0,"scheduler-builder.endsNever",void 0,"{schedule}, forever",{schedule:d}):"on"===i.endType?i.endDate?D(void 0,"scheduler-builder.endsOn",void 0,"{schedule}, until {date}",{schedule:d,date:h(i.endDate,e,"medium")}):D(void 0,"scheduler-builder.endsOnUnset",void 0,"{schedule}, until the chosen end date",{schedule:d}):M(i.endCount,void 0,["scheduler-builder.endsAfterOne","scheduler-builder.endsAfter"])?D(void 0,"scheduler-builder.endsAfterOne",void 0,"{schedule}, for {count} run",{schedule:d,count:i.endCount}):D(void 0,"scheduler-builder.endsAfter",void 0,"{schedule}, for {count} runs",{schedule:d,count:i.endCount});const r=h(i.startDate,e,"medium");return s?D(void 0,"scheduler-builder.sentence",void 0,"Starting {date}, this schedule runs {schedule}.",{date:r,schedule:d}):D(void 0,"scheduler-builder.sentenceAt",void 0,"Starting {date} at {time}, this schedule runs {schedule}.",{date:r,time:E(i.startTime,e),schedule:d})}field(e,i,s){const d=`${this.fieldId}-${i}`;return t("div",{class:{field:!0,[i]:!0},role:"group","aria-labelledby":d},t("div",{class:"flabel",id:d},e),s)}weekdayPicker(e){const i=c(e),s=S.map((e=>({label:i[e[2]],value:e[0]})));return t("sui-select-button",{multiple:!0,pill:!1,size:"sm",disabled:this.disabled,options:s,value:[...this.s.weekdays],onSuiChange:this.setWeekdays})}startControl(){const e=this.s,i=x(void 0,"scheduler-builder.date",void 0,"Date"),s=x(void 0,"scheduler-builder.time",void 0,"Time");return t("div",{class:"flex-row wide"},this.field(i,"date",t("sui-date-picker",{"aria-label":i,value:e.startDate,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{const i=A(Array.isArray(e)?e[0]:e);i&&this.update({startDate:i})}))})),Y(e.unit)?null:this.field(s,"time",t("sui-time-picker",{"aria-label":s,value:e.startTime,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({startTime:e})}))})))}repeatControl(e){const i=this.s,s=Y(i.unit),d=O.map((e=>({label:this.unitWord(e,1!==i.every),value:e}))),r=x(void 0,"scheduler-builder.every",void 0,"Every"),n=x(void 0,"scheduler-builder.unit",void 0,"Unit"),u=x(void 0,"scheduler-builder.onDays",void 0,"On days"),l=x(void 0,"scheduler-builder.between",void 0,"Between"),a=x(void 0,"scheduler-builder.and",void 0,"And"),h=x(void 0,"scheduler-builder.onDay",void 0,"On day"),c=x(void 0,"scheduler-builder.ordinal",void 0,"Ordinal"),b=x(void 0,"scheduler-builder.weekday",void 0,"Weekday"),p=x(void 0,"scheduler-builder.month",void 0,"Month"),f=x(void 0,"scheduler-builder.day",void 0,"Day"),y=[{label:x(void 0,"scheduler-builder.dayOfMonth",void 0,"Day of month"),value:"day"},{label:x(void 0,"scheduler-builder.nthWeekday",void 0,"Nth weekday"),value:"nth"}],m=o(e),w=v(e);return t("div",{class:"stack"},t("div",{class:"flex-row"},this.field(r,"every",t("sui-input-number",{"aria-label":r,size:"md",min:1,disabled:this.disabled,value:i.every,onSuiChange:this.setNumber("every"),onSuiInput:this.swallow})),this.field(n,"unit",t("sui-select",{"aria-label":n,options:d,disabled:this.disabled,value:i.unit,onSuiChange:this.on((e=>{O.includes(e)&&this.update({unit:e})}))}))),"week"===i.unit?this.field(u,"days",this.weekdayPicker(e)):null,s?t("div",{class:"flex-row",key:"win"},this.field(l,"window-from",t("sui-time-picker",{"aria-label":l,value:i.windowFrom,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowFrom:e})}))})),this.field(a,"window-to",t("sui-time-picker",{"aria-label":a,value:i.windowTo,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowTo:e})}))}))):null,s?this.field(u,"days",this.weekdayPicker(e)):null,"month"===i.unit?t("div",{class:"stack tight",key:"mo"},t("sui-select-button",{size:"sm",disabled:this.disabled,options:y,value:i.monthlyMode,onSuiChange:this.on((e=>{"day"!==e&&"nth"!==e||this.update({monthlyMode:e})}))}),"day"===i.monthlyMode?this.field(h,"day-of-month",t("sui-input-number",{"aria-label":h,size:"md",min:1,max:31,disabled:this.disabled,value:i.dayOfMonth,onSuiChange:this.setNumber("dayOfMonth",31),onSuiInput:this.swallow})):t("div",{class:"flex-row"},this.field(c,"ordinal",t("sui-select",{"aria-label":c,options:j.map((e=>({label:this.ordinalWord(e),value:e}))),disabled:this.disabled,value:i.ordinal,onSuiChange:this.on((e=>{j.includes(e)&&this.update({ordinal:e})}))})),this.field(b,"weekday",t("sui-select",{"aria-label":b,options:S.map((e=>({label:m[e[2]],value:e[1]}))),disabled:this.disabled,value:i.weekday,onSuiChange:this.on((e=>{S.some((i=>i[1]===e))&&this.update({weekday:e})}))})))):null,"year"===i.unit?t("div",{class:"flex-row",key:"yr"},this.field(p,"month",t("sui-select",{"aria-label":p,options:w.map(((e,i)=>({label:e,value:String(i)}))),disabled:this.disabled,value:String(i.month),onSuiChange:this.on((e=>{const i=parseInt(e,10);i>=0&&i<=11&&this.update({month:i})}))})),this.field(f,"day",t("sui-input-number",{"aria-label":f,size:"md",min:1,max:31,disabled:this.disabled,value:i.day,onSuiChange:this.setNumber("day",31),onSuiInput:this.swallow}))):null)}businessControl(){const e=[{label:x(void 0,"scheduler-builder.asScheduled",void 0,"Run as scheduled"),value:"as-scheduled"},{label:x(void 0,"scheduler-builder.previousBusinessDay",void 0,"Move to previous business day"),value:"previous"},{label:x(void 0,"scheduler-builder.nextBusinessDay",void 0,"Move to next business day"),value:"next"},{label:x(void 0,"scheduler-builder.skipRun",void 0,"Skip the run"),value:"skip"}];return t("div",{class:"biz"},t("sui-select",{"aria-label":x(void 0,"scheduler-builder.businessDays",void 0,"Business days"),options:e,disabled:this.disabled,value:this.s.businessDays,onSuiChange:this.on((e=>{z.includes(e)&&this.update({businessDays:e})}))}))}endControl(){const e=this.s,i=[{label:x(void 0,"scheduler-builder.never",void 0,"Never"),value:"never"},{label:x(void 0,"scheduler-builder.onDate",void 0,"On date"),value:"on"},{label:x(void 0,"scheduler-builder.afterRuns",void 0,"After runs"),value:"after"}],s=x(void 0,"scheduler-builder.endDate",void 0,"End date"),d=x(void 0,"scheduler-builder.runs",void 0,"Runs");return t("div",{class:"stack"},t("sui-select-button",{options:i,disabled:this.disabled,value:e.endType,onSuiChange:this.on((e=>{"never"!==e&&"on"!==e&&"after"!==e||this.update({endType:e})}))}),"on"===e.endType?this.field(s,"end-date",t("sui-date-picker",{"aria-label":s,value:e.endDate||void 0,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{this.update({endDate:A(Array.isArray(e)?e[0]:e)})}))})):null,"after"===e.endType?this.field(d,"runs",t("sui-input-number",{"aria-label":d,size:"md",min:1,disabled:this.disabled,value:e.endCount,onSuiChange:this.setNumber("endCount"),onSuiInput:this.swallow})):null)}configList(e,i){const s=$(this.s.unit);return t("sui-config-list",{variant:"mobile"===e?"mobile":void 0},t("sui-config-row",{key:"start",term:x(void 0,"scheduler-builder.start",void 0,"Start"),description:x(void 0,"scheduler-builder.startHint",void 0,"When should this schedule begin running?")},t("div",{slot:"control"},this.startControl())),t("sui-config-row",{key:"repeat",term:x(void 0,"scheduler-builder.repeat",void 0,"Repeat"),description:x(void 0,"scheduler-builder.repeatHint",void 0,"How often it repeats, and on what mechanics.")},t("div",{slot:"control"},this.repeatControl(i))),s?t("sui-config-row",{key:"biz",term:x(void 0,"scheduler-builder.businessDays",void 0,"Business days"),description:x(void 0,"scheduler-builder.businessDaysHint",void 0,"What happens when a run lands on a weekend.")},t("div",{slot:"control"},this.businessControl())):null,t("sui-config-row",{key:"end",term:x(void 0,"scheduler-builder.end",void 0,"End"),description:x(void 0,"scheduler-builder.endHint",void 0,"When should it stop?")},t("div",{slot:"control"},this.endControl())))}translation(e){return t("div",{class:"translation",role:"status","aria-live":"polite"},t("div",{class:"eyebrow"},x(void 0,"scheduler-builder.translation",void 0,"Translation")),t("div",{class:"sentence"},e))}nextRuns(e){const i=function(e,i=5){const s="after"===e.endType?Math.min(i,e.endCount):i,t="on"===e.endType&&e.endDate?e.endDate:null,d=[],r=T(e.startDate),o=J(e.weekdays),a=$(e.unit)?e.businessDays:"as-scheduled",h=(i,r)=>!(t&&i>t)&&(d.push({date:i,iso:n(i),time:r||e.startTime}),d.length<s);if(s<=0)return d;if(Y(e.unit)){const i=Math.max(1,"minute"===e.unit?e.every:60*e.every),n=N(e.windowFrom),l=N(e.windowTo),a=e=>!o.length||o.includes(H(e.getDay()));let c=r;for(let e=0;e<40&&d.length<s;e++){if(a(c))for(let e=n;e<=l&&d.length<s&&h(c,F(e));e+=i);if(c=u(c,1),t&&c>t)break}}else if("day"===e.unit){let i=r;for(let r=0;r<400&&d.length<s;r++){const s=B(i,a);if(s&&!h(s))break;if(i=u(i,e.every),t&&i>t)break}}else if("week"===e.unit){const i=u(r,-(r.getDay()+6)%7);let n=r;for(let r=0;r<800&&d.length<s&&o.length&&(Math.floor((c=i,v=n,Math.round((Date.UTC(v.getFullYear(),v.getMonth(),v.getDate())-Date.UTC(c.getFullYear(),c.getMonth(),c.getDate()))/864e5)/7))%e.every!=0||!o.includes(H(n.getDay()))||h(n))&&(n=u(n,1),!(t&&n>t));r++);}else if("month"===e.unit)for(let i=0,n=0;i<60&&d.length<s;i++,n+=e.every){const i=r.getFullYear(),s=r.getMonth()+n;let d="day"===e.monthlyMode?new Date(i,s,Math.min(e.dayOfMonth,l(i,s))):R(i,s,e.ordinal,e.weekday);if(d&&d>=r&&(d=B(d,a),d&&!h(d)))break;if(t&&new Date(i,s,1)>t)break}else for(let i=0,t=0;i<20&&d.length<s;i++,t+=e.every){const i=r.getFullYear()+t;let s=new Date(i,e.month,Math.min(e.day,l(i,e.month)));if(s>=r&&(s=B(s,a),s&&!h(s)))break}var c,v;return d}(this.s,5);return t("div",{class:"runs",role:"status","aria-live":"polite"},t("div",{class:"eyebrow faint"},x(void 0,"scheduler-builder.nextRuns",void 0,"Next runs")),0===i.length?t("div",{class:"empty"},x(void 0,"scheduler-builder.noUpcomingRunsMatchTheseMechanics",void 0,"No upcoming runs match these mechanics.")):t("ul",{class:"run-list"},i.map(((i,s)=>t("li",{class:{run:!0,first:0===s},key:i.iso+i.time},t("span",{class:"dot","aria-hidden":"true"}),t("span",{class:"when"},b(i.date,e)),t("span",{class:"at"},E(i.time,e)))))),t("div",{class:"tz"},this.zone()))}jsonBlock(e){return t("sui-code-block",{class:"json",key:"json-block",language:"json",size:"sm",code:e,maxHeight:240})}render(){const e=k(),i=this.sentence(e),s=this.hideJson?"":(r=L(this.s,this.zone()),JSON.stringify(r,null,2));var r;const n=`${this.fieldId}-json`;return t(d,null,"compact"===this.variant?t("div",{class:"builder compact"},""===this.label?null:t("div",{class:"label"},x(void 0,"scheduler-builder.label",this.label,"Schedule")),this.translation(i),this.configList("mobile",e),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-row",key:"json-row"},t("button",{type:"button",class:"json-toggle","aria-expanded":this.jsonOpen?"true":"false","aria-controls":n,onClick:()=>this.jsonOpen=!this.jsonOpen},t(y,{glyph:m,class:this.jsonOpen?"chev open":"chev"}),this.jsonOpen?x(void 0,"scheduler-builder.hideJson",void 0,"Hide configuration JSON"):x(void 0,"scheduler-builder.showJson",void 0,"Show configuration JSON"))),t("div",{id:n,class:"json-pane",key:"json-pane",hidden:!this.jsonOpen},this.jsonOpen?this.jsonBlock(s):null)]):t("div",{class:"builder desktop"},t("div",{class:"main"},""===this.label?null:t("div",{class:"label"},x(void 0,"scheduler-builder.label",this.label,"Schedule")),this.configList("desktop",e)),t("div",{class:{side:!0,"with-label":""!==this.label}},this.translation(i),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-head",key:"json-head"},t("span",{class:"eyebrow faint"},x(void 0,"scheduler-builder.configurationJson",void 0,"Configuration JSON"))),this.jsonBlock(s)])))}static get watchers(){return{config:[{onConfigChange:0}],todayDate:[{onTodayChange:0}]}}};V.style=".sc-sui-scheduler-builder-h{display:block;font-family:var(--font-sans);color:var(--ink)}.builder.desktop.sc-sui-scheduler-builder{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.builder.desktop.sc-sui-scheduler-builder .main.sc-sui-scheduler-builder{flex:1 1 480px;min-width:0}.builder.desktop.sc-sui-scheduler-builder .label.sc-sui-scheduler-builder{margin-bottom:10px}.side.sc-sui-scheduler-builder{width:300px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.side.with-label.sc-sui-scheduler-builder{padding-top:30px}.builder.compact.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:10px}.label.sc-sui-scheduler-builder{font-size:14.5px;font-weight:720;letter-spacing:var(--tracking-tight)}.flex-row.sc-sui-scheduler-builder{display:flex;gap:12px;flex-wrap:wrap}.flex-row.wide.sc-sui-scheduler-builder{gap:14px}.stack.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:12px}.stack.tight.sc-sui-scheduler-builder{gap:10px}.field.sc-sui-scheduler-builder{flex-shrink:0;min-width:0;max-width:100%}.flabel.sc-sui-scheduler-builder{font-size:11px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:5px}.field.date.sc-sui-scheduler-builder,.field.end-date.sc-sui-scheduler-builder{width:178px}.field.time.sc-sui-scheduler-builder{width:148px}.field.every.sc-sui-scheduler-builder,.field.day-of-month.sc-sui-scheduler-builder,.field.day.sc-sui-scheduler-builder,.field.runs.sc-sui-scheduler-builder{width:92px}.field.unit.sc-sui-scheduler-builder{width:132px}.field.window-from.sc-sui-scheduler-builder,.field.window-to.sc-sui-scheduler-builder,.field.weekday.sc-sui-scheduler-builder{width:140px}.field.ordinal.sc-sui-scheduler-builder{width:118px}.field.month.sc-sui-scheduler-builder{width:150px}.biz.sc-sui-scheduler-builder{width:268px;max-width:100%}.eyebrow.sc-sui-scheduler-builder{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.eyebrow.faint.sc-sui-scheduler-builder{color:var(--ink-faint)}.translation.sc-sui-scheduler-builder{background:var(--brand-soft);border-radius:var(--radius-md);padding:12px 14px}.sentence.sc-sui-scheduler-builder{font-size:13px;line-height:1.6;font-weight:550;text-wrap:pretty}.runs.sc-sui-scheduler-builder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.run-list.sc-sui-scheduler-builder{list-style:none;margin:0;padding:0}.run.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-feature-settings:'tnum'}.dot.sc-sui-scheduler-builder{width:6px;height:6px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:var(--accent)}.when.sc-sui-scheduler-builder{flex:1;min-width:0;font-weight:460}.run.first.sc-sui-scheduler-builder .when.sc-sui-scheduler-builder{font-weight:650}.at.sc-sui-scheduler-builder{color:var(--ink-muted)}.empty.sc-sui-scheduler-builder{font-size:12px;color:var(--ink-faint)}.tz.sc-sui-scheduler-builder{font-size:10.5px;color:var(--ink-faint);margin-top:6px}.json-head.sc-sui-scheduler-builder{display:flex;align-items:center;justify-content:space-between;min-height:26px}.json-head.sc-sui-scheduler-builder .eyebrow.sc-sui-scheduler-builder{margin-bottom:0}.json-row.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px}.json-toggle.sc-sui-scheduler-builder{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:2px 4px;margin:-2px -4px;font-size:12px;font-weight:650;font-family:var(--font-sans);color:var(--link);cursor:pointer;border-radius:var(--radius-sm)}.json-toggle.sc-sui-scheduler-builder:hover{text-decoration:underline}.json-toggle.sc-sui-scheduler-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chev.sc-sui-scheduler-builder{font-size:9px;transition:transform var(--duration-fast) var(--ease-out)}.chev.open.sc-sui-scheduler-builder{transform:rotate(180deg)}.json-pane[hidden].sc-sui-scheduler-builder{display:none}@media (forced-colors: active){.dot.sc-sui-scheduler-builder{box-sizing:border-box;border:1px solid CanvasText}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:CanvasText}}";export{V as sui_scheduler_builder}
+import{r as e,c as i,g as s,h as t,a as d}from"./p-ChCjmDsd.js";import{a as r}from"./p-BnfaBLhb.js";import{i as n,a as u,d as l,w as o,c as a,b as h,e as c,m as v,g as b}from"./p-9-zmhK_0.js";import{formatTimeOfDay as p,uses24HourClock as f}from"./p-CSPVrtqf.js";import{G as y,q as m}from"./p-CHznIlgx.js";import{u as w}from"./p-U06fVoGD.js";import{d as g}from"./p-B3wtlP4_.js";import{i as k,l as x,a as D,u as M}from"./p-lWhwwQJ2.js";const C=[["Mo","Monday",1],["Tu","Tuesday",2],["We","Wednesday",3],["Th","Thursday",4],["Fr","Friday",5],["Sa","Saturday",6],["Su","Sunday",0]],S=["January","February","March","April","May","June","July","August","September","October","November","December"],j=["first","second","third","fourth","last"],O=["minute","hour","day","week","month","year"],z=["as-scheduled","previous","next","skip"],T=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),W=e=>0===e.getDay()||6===e.getDay();function A(e){if(null==e||""===e)return null;if(e instanceof Date)return isNaN(e.getTime())?null:T(e);const i=/^(\d{4})-(\d{2})-(\d{2})/.exec(String(e).trim());if(!i)return null;const s=new Date(+i[1],+i[2]-1,+i[3]);return isNaN(s.getTime())?null:s}function N(e){const i=/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i.exec((e||"").trim());if(!i)return 0;let s=+i[1];const t=+i[2];return i[3]&&(s%=12,/pm/i.test(i[3])&&(s+=12)),s>23||t>59?0:60*s+t}function F(e){const i=Math.floor(e/60)%24,s=i>=12?"PM":"AM";return(i%12==0?12:i%12)+":"+r(e%60)+" "+s}function H(e){return C.filter((i=>e.includes(i[0]))).map((e=>e[1]))}function J(e){return C.find((i=>i[2]===e))[1]}function B(e,i,s,t){const d=new Date(e,i,1),r=d.getFullYear(),n=d.getMonth(),l=C.find((e=>e[1]===t));if(!l)return null;const o=l[2];if("last"===s){let e=new Date(r,n+1,0);for(;e.getDay()!==o;)e=u(e,-1);return e}const a={first:1,second:2,third:3,fourth:4}[s];let h=new Date(r,n,1),c=0;for(;h.getMonth()===n;){if(h.getDay()===o&&(c++,c===a))return h;h=u(h,1)}return null}function R(e,i){if(!W(e))return e;if("skip"===i)return null;const s="previous"===i?-1:"next"===i?1:0;if(!s)return e;let t=e;for(;W(t);)t=u(t,s);return t}const I=(e,i,s)=>i.includes(e)?e:s,P=(e,i)=>"string"==typeof e&&/^\d{1,2}:\d{2}\s*(AM|PM)?$/i.test(e.trim())?F(N(e)):i,L=(e,i)=>{const s="number"==typeof e?e:parseFloat(String(e));return isFinite(s)&&s>=1?Math.floor(s):i},U=e=>"minute"===e||"hour"===e,$=e=>"day"===e||"month"===e||"year"===e;function Y(e,i){const s=H(e.weekdays),t=U(e.unit),d={every:e.every,unit:e.unit};return"week"===e.unit&&(d.weekdays=s),t&&(d.window={from:e.windowFrom,to:e.windowTo},s.length&&s.length<7&&(d.weekdays=s)),"month"===e.unit&&(d.monthly="day"===e.monthlyMode?{mode:"dayOfMonth",day:e.dayOfMonth}:{mode:"nthWeekday",ordinal:e.ordinal,weekday:e.weekday}),"year"===e.unit&&(d.annual={month:S[e.month],day:e.day}),{version:2,timezone:i,start:{date:n(e.startDate),time:e.startTime},repeat:d,businessDays:{rule:$(e.unit)?e.businessDays:"as-scheduled"},end:"never"===e.endType?{type:"never"}:"on"===e.endType?{type:"onDate",date:e.endDate?n(e.endDate):null}:{type:"afterRuns",count:e.endCount}}}const _=(e,i)=>p(60*N(e),i,f(i)),E=(e,i)=>{try{return new Intl.ListFormat(i,{type:"conjunction",style:"long"}).format(e)}catch{return e.join(", ")}},q=class{constructor(s){e(this,s),this.suiChange=i(this,"suiChange",7)}get host(){return s(this)}variant="desktop";label;timezone;config;todayDate;disabled=!1;hideJson=!1;suiChange;s;jsonOpen=!1;fieldId=w("sui-scheduler-builder");writing=!1;resolvedFrom;zone(){if(this.timezone)return this.timezone;try{const e=Intl.DateTimeFormat().resolvedOptions().timeZone;if(e)return e}catch(e){}return"UTC"}componentWillLoad(){this.resolve()}componentWillRender(){this.config!==this.resolvedFrom&&this.resolve()}componentDidLoad(){this.emit()}onConfigChange(){this.writing||this.resolve()}onTodayChange(){this.config&&this.config.startDate||this.resolve()}async getConfig(){return Y(this.s,this.zone())}async setFocus(){const e=this.firstControl();e&&"function"==typeof e.setFocus?await e.setFocus():e?.focus()}connectedCallback(){g(this.host,(()=>this.firstControl()))}firstControl(){return this.host.querySelector(".field.date sui-date-picker")}today(){return A(this.todayDate)||new Date}resolve(){this.resolvedFrom=this.config,this.s=function(e,i=new Date){const s=e||{},t=C.map((e=>e[0])),d=Array.isArray(s.weekdays)?t.filter((e=>s.weekdays.includes(e))):["Mo","We","Fr"];return{startDate:A(s.startDate)||T(i),startTime:P(s.startTime,"9:00 AM"),every:L(s.every,1),unit:I(s.unit,O,"week"),weekdays:d,monthlyMode:I(s.monthlyMode,["day","nth"],"day"),dayOfMonth:Math.min(31,L(s.dayOfMonth,15)),ordinal:I(s.ordinal,j,"first"),weekday:I(s.weekday,C.map((e=>e[1])),"Monday"),month:"number"==typeof s.month&&s.month>=0&&s.month<=11?Math.floor(s.month):0,day:Math.min(31,L(s.day,15)),windowFrom:P(s.windowFrom,"8:00 AM"),windowTo:P(s.windowTo,"6:00 PM"),businessDays:I(s.businessDays,z,"as-scheduled"),endType:I(s.endType,["never","on","after"],"never"),endDate:A(s.endDate),endCount:L(s.endCount,12)}}(this.config,this.today())}emit(){this.suiChange.emit({config:Y(this.s,this.zone()),sentence:this.sentence(k())})}update(e){var i;this.s={...this.s,...e},this.writing=!0,this.config=this.resolvedFrom={startDate:n((i=this.s).startDate),startTime:i.startTime,every:i.every,unit:i.unit,weekdays:[...i.weekdays],monthlyMode:i.monthlyMode,dayOfMonth:i.dayOfMonth,ordinal:i.ordinal,weekday:i.weekday,month:i.month,day:i.day,windowFrom:i.windowFrom,windowTo:i.windowTo,businessDays:i.businessDays,endType:i.endType,endDate:i.endDate?n(i.endDate):void 0,endCount:i.endCount},this.writing=!1,this.emit()}on(e){return i=>{i.stopPropagation(),e(i.detail)}}swallow=e=>e.stopPropagation();setNumber(e,i){return this.on((s=>{if(null==s||!isFinite(s))return;let t=Math.max(1,Math.floor(s));null!=i&&(t=Math.min(i,t)),this.update({[e]:t})}))}setWeekdays=this.on((e=>{const i=Array.isArray(e)?e:e?[e]:[];this.update({weekdays:C.map((e=>e[0])).filter((e=>i.includes(e)))})}));unitWord(e,i){switch(e){case"minute":return i?x(void 0,"scheduler-builder.unitMinutes",void 0,"minutes"):x(void 0,"scheduler-builder.unitMinute",void 0,"minute");case"hour":return i?x(void 0,"scheduler-builder.unitHours",void 0,"hours"):x(void 0,"scheduler-builder.unitHour",void 0,"hour");case"day":return i?x(void 0,"scheduler-builder.unitDays",void 0,"days"):x(void 0,"scheduler-builder.unitDay",void 0,"day");case"week":return i?x(void 0,"scheduler-builder.unitWeeks",void 0,"weeks"):x(void 0,"scheduler-builder.unitWeek",void 0,"week");case"month":return i?x(void 0,"scheduler-builder.unitMonths",void 0,"months"):x(void 0,"scheduler-builder.unitMonth",void 0,"month");default:return i?x(void 0,"scheduler-builder.unitYears",void 0,"years"):x(void 0,"scheduler-builder.unitYear",void 0,"year")}}ordinalWord(e){switch(e){case"second":return x(void 0,"scheduler-builder.second",void 0,"second");case"third":return x(void 0,"scheduler-builder.third",void 0,"third");case"fourth":return x(void 0,"scheduler-builder.fourth",void 0,"fourth");case"last":return x(void 0,"scheduler-builder.last",void 0,"last");default:return x(void 0,"scheduler-builder.first",void 0,"first")}}cadence(){const e=this.s.every,i=1===e;switch(this.s.unit){case"minute":return i?x(void 0,"scheduler-builder.everyMinute",void 0,"every minute"):D(void 0,"scheduler-builder.everyMinutes",void 0,"every {n} minutes",{n:e});case"hour":return i?x(void 0,"scheduler-builder.everyHour",void 0,"every hour"):D(void 0,"scheduler-builder.everyHours",void 0,"every {n} hours",{n:e});case"day":return i?x(void 0,"scheduler-builder.everyDay",void 0,"every day"):D(void 0,"scheduler-builder.everyDays",void 0,"every {n} days",{n:e});case"week":return i?x(void 0,"scheduler-builder.everyWeek",void 0,"every week"):D(void 0,"scheduler-builder.everyWeeks",void 0,"every {n} weeks",{n:e});case"month":return i?x(void 0,"scheduler-builder.everyMonth",void 0,"every month"):D(void 0,"scheduler-builder.everyMonths",void 0,"every {n} months",{n:e});default:return i?x(void 0,"scheduler-builder.everyYear",void 0,"every year"):D(void 0,"scheduler-builder.everyYears",void 0,"every {n} years",{n:e})}}onNthWeekday(e,i){switch(this.s.ordinal){case"second":return D(void 0,"scheduler-builder.repeatOnSecond",void 0,"{repeat} on the second {weekday}",{repeat:e,weekday:i});case"third":return D(void 0,"scheduler-builder.repeatOnThird",void 0,"{repeat} on the third {weekday}",{repeat:e,weekday:i});case"fourth":return D(void 0,"scheduler-builder.repeatOnFourth",void 0,"{repeat} on the fourth {weekday}",{repeat:e,weekday:i});case"last":return D(void 0,"scheduler-builder.repeatOnLast",void 0,"{repeat} on the last {weekday}",{repeat:e,weekday:i});default:return D(void 0,"scheduler-builder.repeatOnFirst",void 0,"{repeat} on the first {weekday}",{repeat:e,weekday:i})}}sentence(e){const i=this.s,s=U(i.unit),t=C.filter((e=>i.weekdays.includes(e[0]))).map((i=>o(e)[i[2]]));let d=this.cadence();if(s){const s={repeat:d,from:_(i.windowFrom,e),to:_(i.windowTo,e)};d=t.length&&t.length<7?D(void 0,"scheduler-builder.repeatBetweenOnDays",void 0,"{repeat} between {from} and {to} on {days}",{...s,days:E(t,e)}):D(void 0,"scheduler-builder.repeatBetween",void 0,"{repeat} between {from} and {to}",s)}else"week"===i.unit?d=t.length?D(void 0,"scheduler-builder.repeatOnDays",void 0,"{repeat} on {days}",{repeat:d,days:E(t,e)}):D(void 0,"scheduler-builder.repeatNoDays",void 0,"{repeat} (pick at least one day)",{repeat:d}):"month"===i.unit?d="day"===i.monthlyMode?D(void 0,"scheduler-builder.repeatOnDay",void 0,"{repeat} on day {day}",{repeat:d,day:i.dayOfMonth}):this.onNthWeekday(d,((e,i)=>{const s=C.find((i=>i[1]===e));return s?o(i)[s[2]]:e})(i.weekday,e)):"year"===i.unit&&(d=D(void 0,"scheduler-builder.repeatOnDate",void 0,"{repeat} on {date}",{repeat:d,date:a(i.month,i.day,e)}));$(i.unit)&&("previous"===i.businessDays?d=D(void 0,"scheduler-builder.movesPrevious",void 0,"{schedule}, moving weekend runs to the previous business day",{schedule:d}):"next"===i.businessDays?d=D(void 0,"scheduler-builder.movesNext",void 0,"{schedule}, moving weekend runs to the next business day",{schedule:d}):"skip"===i.businessDays&&(d=D(void 0,"scheduler-builder.skipsWeekends",void 0,"{schedule}, skipping weekend runs",{schedule:d}))),d="never"===i.endType?D(void 0,"scheduler-builder.endsNever",void 0,"{schedule}, forever",{schedule:d}):"on"===i.endType?i.endDate?D(void 0,"scheduler-builder.endsOn",void 0,"{schedule}, until {date}",{schedule:d,date:h(i.endDate,e,"medium")}):D(void 0,"scheduler-builder.endsOnUnset",void 0,"{schedule}, until the chosen end date",{schedule:d}):M(i.endCount,void 0,["scheduler-builder.endsAfterOne","scheduler-builder.endsAfter"])?D(void 0,"scheduler-builder.endsAfterOne",void 0,"{schedule}, for {count} run",{schedule:d,count:i.endCount}):D(void 0,"scheduler-builder.endsAfter",void 0,"{schedule}, for {count} runs",{schedule:d,count:i.endCount});const r=h(i.startDate,e,"medium");return s?D(void 0,"scheduler-builder.sentence",void 0,"Starting {date}, this schedule runs {schedule}.",{date:r,schedule:d}):D(void 0,"scheduler-builder.sentenceAt",void 0,"Starting {date} at {time}, this schedule runs {schedule}.",{date:r,time:_(i.startTime,e),schedule:d})}field(e,i,s){const d=`${this.fieldId}-${i}`;return t("div",{class:{field:!0,[i]:!0},role:"group","aria-labelledby":d},t("div",{class:"flabel",id:d},e),s)}weekdayPicker(e){const i=c(e),s=C.map((e=>({label:i[e[2]],value:e[0]})));return t("sui-select-button",{multiple:!0,pill:!1,size:"sm",disabled:this.disabled,options:s,value:[...this.s.weekdays],onSuiChange:this.setWeekdays})}startControl(){const e=this.s,i=x(void 0,"scheduler-builder.date",void 0,"Date"),s=x(void 0,"scheduler-builder.time",void 0,"Time");return t("div",{class:"flex-row wide"},this.field(i,"date",t("sui-date-picker",{"aria-label":i,value:e.startDate,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{const i=A(Array.isArray(e)?e[0]:e);i&&this.update({startDate:i})}))})),U(e.unit)?null:this.field(s,"time",t("sui-time-picker",{"aria-label":s,value:e.startTime,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({startTime:e})}))})))}repeatControl(e){const i=this.s,s=U(i.unit),d=O.map((e=>({label:this.unitWord(e,1!==i.every),value:e}))),r=x(void 0,"scheduler-builder.every",void 0,"Every"),n=x(void 0,"scheduler-builder.unit",void 0,"Unit"),u=x(void 0,"scheduler-builder.onDays",void 0,"On days"),l=x(void 0,"scheduler-builder.between",void 0,"Between"),a=x(void 0,"scheduler-builder.and",void 0,"And"),h=x(void 0,"scheduler-builder.onDay",void 0,"On day"),c=x(void 0,"scheduler-builder.ordinal",void 0,"Ordinal"),b=x(void 0,"scheduler-builder.weekday",void 0,"Weekday"),p=x(void 0,"scheduler-builder.month",void 0,"Month"),f=x(void 0,"scheduler-builder.day",void 0,"Day"),y=[{label:x(void 0,"scheduler-builder.dayOfMonth",void 0,"Day of month"),value:"day"},{label:x(void 0,"scheduler-builder.nthWeekday",void 0,"Nth weekday"),value:"nth"}],m=o(e),w=v(e);return t("div",{class:"stack"},t("div",{class:"flex-row"},this.field(r,"every",t("sui-input-number",{"aria-label":r,size:"md",min:1,disabled:this.disabled,value:i.every,onSuiChange:this.setNumber("every"),onSuiInput:this.swallow})),this.field(n,"unit",t("sui-select",{"aria-label":n,options:d,disabled:this.disabled,value:i.unit,onSuiChange:this.on((e=>{O.includes(e)&&this.update({unit:e})}))}))),"week"===i.unit?this.field(u,"days",this.weekdayPicker(e)):null,s?t("div",{class:"flex-row",key:"win"},this.field(l,"window-from",t("sui-time-picker",{"aria-label":l,value:i.windowFrom,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowFrom:e})}))})),this.field(a,"window-to",t("sui-time-picker",{"aria-label":a,value:i.windowTo,step:30,disabled:this.disabled,onSuiChange:this.on((e=>{e&&this.update({windowTo:e})}))}))):null,s?this.field(u,"days",this.weekdayPicker(e)):null,"month"===i.unit?t("div",{class:"stack tight",key:"mo"},t("sui-select-button",{size:"sm",disabled:this.disabled,options:y,value:i.monthlyMode,onSuiChange:this.on((e=>{"day"!==e&&"nth"!==e||this.update({monthlyMode:e})}))}),"day"===i.monthlyMode?this.field(h,"day-of-month",t("sui-input-number",{"aria-label":h,size:"md",min:1,max:31,disabled:this.disabled,value:i.dayOfMonth,onSuiChange:this.setNumber("dayOfMonth",31),onSuiInput:this.swallow})):t("div",{class:"flex-row"},this.field(c,"ordinal",t("sui-select",{"aria-label":c,options:j.map((e=>({label:this.ordinalWord(e),value:e}))),disabled:this.disabled,value:i.ordinal,onSuiChange:this.on((e=>{j.includes(e)&&this.update({ordinal:e})}))})),this.field(b,"weekday",t("sui-select",{"aria-label":b,options:C.map((e=>({label:m[e[2]],value:e[1]}))),disabled:this.disabled,value:i.weekday,onSuiChange:this.on((e=>{C.some((i=>i[1]===e))&&this.update({weekday:e})}))})))):null,"year"===i.unit?t("div",{class:"flex-row",key:"yr"},this.field(p,"month",t("sui-select",{"aria-label":p,options:w.map(((e,i)=>({label:e,value:String(i)}))),disabled:this.disabled,value:String(i.month),onSuiChange:this.on((e=>{const i=parseInt(e,10);i>=0&&i<=11&&this.update({month:i})}))})),this.field(f,"day",t("sui-input-number",{"aria-label":f,size:"md",min:1,max:31,disabled:this.disabled,value:i.day,onSuiChange:this.setNumber("day",31),onSuiInput:this.swallow}))):null)}businessControl(){const e=[{label:x(void 0,"scheduler-builder.asScheduled",void 0,"Run as scheduled"),value:"as-scheduled"},{label:x(void 0,"scheduler-builder.previousBusinessDay",void 0,"Move to previous business day"),value:"previous"},{label:x(void 0,"scheduler-builder.nextBusinessDay",void 0,"Move to next business day"),value:"next"},{label:x(void 0,"scheduler-builder.skipRun",void 0,"Skip the run"),value:"skip"}];return t("div",{class:"biz"},t("sui-select",{"aria-label":x(void 0,"scheduler-builder.businessDays",void 0,"Business days"),options:e,disabled:this.disabled,value:this.s.businessDays,onSuiChange:this.on((e=>{z.includes(e)&&this.update({businessDays:e})}))}))}endControl(){const e=this.s,i=[{label:x(void 0,"scheduler-builder.never",void 0,"Never"),value:"never"},{label:x(void 0,"scheduler-builder.onDate",void 0,"On date"),value:"on"},{label:x(void 0,"scheduler-builder.afterRuns",void 0,"After runs"),value:"after"}],s=x(void 0,"scheduler-builder.endDate",void 0,"End date"),d=x(void 0,"scheduler-builder.runs",void 0,"Runs");return t("div",{class:"stack"},t("sui-select-button",{options:i,disabled:this.disabled,value:e.endType,onSuiChange:this.on((e=>{"never"!==e&&"on"!==e&&"after"!==e||this.update({endType:e})}))}),"on"===e.endType?this.field(s,"end-date",t("sui-date-picker",{"aria-label":s,value:e.endDate||void 0,disabled:this.disabled,todayDate:this.todayDate,onSuiChange:this.on((e=>{this.update({endDate:A(Array.isArray(e)?e[0]:e)})}))})):null,"after"===e.endType?this.field(d,"runs",t("sui-input-number",{"aria-label":d,size:"md",min:1,disabled:this.disabled,value:e.endCount,onSuiChange:this.setNumber("endCount"),onSuiInput:this.swallow})):null)}configList(e,i){const s=$(this.s.unit);return t("sui-config-list",{variant:"mobile"===e?"mobile":void 0},t("sui-config-row",{key:"start",term:x(void 0,"scheduler-builder.start",void 0,"Start"),description:x(void 0,"scheduler-builder.startHint",void 0,"When should this schedule begin running?")},t("div",{slot:"control"},this.startControl())),t("sui-config-row",{key:"repeat",term:x(void 0,"scheduler-builder.repeat",void 0,"Repeat"),description:x(void 0,"scheduler-builder.repeatHint",void 0,"How often it repeats, and on what mechanics.")},t("div",{slot:"control"},this.repeatControl(i))),s?t("sui-config-row",{key:"biz",term:x(void 0,"scheduler-builder.businessDays",void 0,"Business days"),description:x(void 0,"scheduler-builder.businessDaysHint",void 0,"What happens when a run lands on a weekend.")},t("div",{slot:"control"},this.businessControl())):null,t("sui-config-row",{key:"end",term:x(void 0,"scheduler-builder.end",void 0,"End"),description:x(void 0,"scheduler-builder.endHint",void 0,"When should it stop?")},t("div",{slot:"control"},this.endControl())))}translation(e){return t("div",{class:"translation",role:"status","aria-live":"polite"},t("div",{class:"eyebrow"},x(void 0,"scheduler-builder.translation",void 0,"Translation")),t("div",{class:"sentence"},e))}nextRuns(e){const i=function(e,i=5){const s="after"===e.endType?Math.min(i,e.endCount):i,t="on"===e.endType&&e.endDate?e.endDate:null,d=[],r=T(e.startDate),o=H(e.weekdays),a=$(e.unit)?e.businessDays:"as-scheduled",h=(i,r)=>!(t&&i>t)&&(d.push({date:i,iso:n(i),time:r||e.startTime}),d.length<s);if(s<=0)return d;if(U(e.unit)){const i=Math.max(1,"minute"===e.unit?e.every:60*e.every),n=N(e.windowFrom),l=N(e.windowTo),a=e=>!o.length||o.includes(J(e.getDay()));let c=r;for(let e=0;e<40&&d.length<s;e++){if(a(c))for(let e=n;e<=l&&d.length<s&&h(c,F(e));e+=i);if(c=u(c,1),t&&c>t)break}}else if("day"===e.unit){let i=r;for(let r=0;r<400&&d.length<s;r++){const s=R(i,a);if(s&&!h(s))break;if(i=u(i,e.every),t&&i>t)break}}else if("week"===e.unit){const i=u(r,-(r.getDay()+6)%7);let n=r;for(let r=0;r<800&&d.length<s&&o.length&&(Math.floor((c=i,v=n,Math.round((Date.UTC(v.getFullYear(),v.getMonth(),v.getDate())-Date.UTC(c.getFullYear(),c.getMonth(),c.getDate()))/864e5)/7))%e.every!=0||!o.includes(J(n.getDay()))||h(n))&&(n=u(n,1),!(t&&n>t));r++);}else if("month"===e.unit)for(let i=0,n=0;i<60&&d.length<s;i++,n+=e.every){const i=r.getFullYear(),s=r.getMonth()+n;let d="day"===e.monthlyMode?new Date(i,s,Math.min(e.dayOfMonth,l(i,s))):B(i,s,e.ordinal,e.weekday);if(d&&d>=r&&(d=R(d,a),d&&!h(d)))break;if(t&&new Date(i,s,1)>t)break}else for(let i=0,t=0;i<20&&d.length<s;i++,t+=e.every){const i=r.getFullYear()+t;let s=new Date(i,e.month,Math.min(e.day,l(i,e.month)));if(s>=r&&(s=R(s,a),s&&!h(s)))break}var c,v;return d}(this.s,5);return t("div",{class:"runs",role:"status","aria-live":"polite"},t("div",{class:"eyebrow faint"},x(void 0,"scheduler-builder.nextRuns",void 0,"Next runs")),0===i.length?t("div",{class:"empty"},x(void 0,"scheduler-builder.noUpcomingRunsMatchTheseMechanics",void 0,"No upcoming runs match these mechanics.")):t("ul",{class:"run-list"},i.map(((i,s)=>t("li",{class:{run:!0,first:0===s},key:i.iso+i.time},t("span",{class:"dot","aria-hidden":"true"}),t("span",{class:"when"},b(i.date,e)),t("span",{class:"at"},_(i.time,e)))))),t("div",{class:"tz"},this.zone()))}jsonBlock(e){return t("sui-code-block",{class:"json",key:"json-block",language:"json",size:"sm",code:e,maxHeight:240})}render(){const e=k(),i=this.sentence(e),s=this.hideJson?"":(r=Y(this.s,this.zone()),JSON.stringify(r,null,2));var r;const n=`${this.fieldId}-json`;return t(d,null,"compact"===this.variant?t("div",{class:"builder compact"},""===this.label?null:t("div",{class:"label"},x(void 0,"scheduler-builder.label",this.label,"Schedule")),this.translation(i),this.configList("mobile",e),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-row",key:"json-row"},t("button",{type:"button",class:"json-toggle","aria-expanded":this.jsonOpen?"true":"false","aria-controls":n,onClick:()=>this.jsonOpen=!this.jsonOpen},t(y,{glyph:m,class:this.jsonOpen?"chev open":"chev"}),this.jsonOpen?x(void 0,"scheduler-builder.hideJson",void 0,"Hide configuration JSON"):x(void 0,"scheduler-builder.showJson",void 0,"Show configuration JSON"))),t("div",{id:n,class:"json-pane",key:"json-pane",hidden:!this.jsonOpen},this.jsonOpen?this.jsonBlock(s):null)]):t("div",{class:"builder desktop"},t("div",{class:"main"},""===this.label?null:t("div",{class:"label"},x(void 0,"scheduler-builder.label",this.label,"Schedule")),this.configList("desktop",e)),t("div",{class:{side:!0,"with-label":""!==this.label}},this.translation(i),this.nextRuns(e),this.hideJson?null:[t("div",{class:"json-head",key:"json-head"},t("span",{class:"eyebrow faint"},x(void 0,"scheduler-builder.configurationJson",void 0,"Configuration JSON"))),this.jsonBlock(s)])))}static get watchers(){return{config:[{onConfigChange:0}],todayDate:[{onTodayChange:0}]}}};q.style=".sc-sui-scheduler-builder-h{display:block;font-family:var(--font-sans);color:var(--ink)}.builder.desktop.sc-sui-scheduler-builder{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.builder.desktop.sc-sui-scheduler-builder .main.sc-sui-scheduler-builder{flex:1 1 480px;min-width:0}.builder.desktop.sc-sui-scheduler-builder .label.sc-sui-scheduler-builder{margin-bottom:10px}.side.sc-sui-scheduler-builder{width:300px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.side.with-label.sc-sui-scheduler-builder{padding-top:30px}.builder.compact.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:10px}.label.sc-sui-scheduler-builder{font-size:14.5px;font-weight:720;letter-spacing:var(--tracking-tight)}.flex-row.sc-sui-scheduler-builder{display:flex;gap:12px;flex-wrap:wrap}.flex-row.wide.sc-sui-scheduler-builder{gap:14px}.stack.sc-sui-scheduler-builder{display:flex;flex-direction:column;gap:12px}.stack.tight.sc-sui-scheduler-builder{gap:10px}.field.sc-sui-scheduler-builder{flex-shrink:0;min-width:0;max-width:100%}.flabel.sc-sui-scheduler-builder{font-size:11px;font-weight:650;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:5px}.field.date.sc-sui-scheduler-builder,.field.end-date.sc-sui-scheduler-builder{width:178px}.field.time.sc-sui-scheduler-builder{width:148px}.field.every.sc-sui-scheduler-builder,.field.day-of-month.sc-sui-scheduler-builder,.field.day.sc-sui-scheduler-builder,.field.runs.sc-sui-scheduler-builder{width:92px}.field.unit.sc-sui-scheduler-builder{width:132px}.field.window-from.sc-sui-scheduler-builder,.field.window-to.sc-sui-scheduler-builder,.field.weekday.sc-sui-scheduler-builder{width:140px}.field.ordinal.sc-sui-scheduler-builder{width:118px}.field.month.sc-sui-scheduler-builder{width:150px}.biz.sc-sui-scheduler-builder{width:268px;max-width:100%}.eyebrow.sc-sui-scheduler-builder{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.eyebrow.faint.sc-sui-scheduler-builder{color:var(--ink-faint)}.translation.sc-sui-scheduler-builder{background:var(--brand-soft);border-radius:var(--radius-md);padding:12px 14px}.sentence.sc-sui-scheduler-builder{font-size:13px;line-height:1.6;font-weight:550;text-wrap:pretty}.runs.sc-sui-scheduler-builder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px}.run-list.sc-sui-scheduler-builder{list-style:none;margin:0;padding:0}.run.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-feature-settings:'tnum'}.dot.sc-sui-scheduler-builder{width:6px;height:6px;border-radius:50%;background:var(--border-strong);flex-shrink:0}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:var(--accent)}.when.sc-sui-scheduler-builder{flex:1;min-width:0;font-weight:460}.run.first.sc-sui-scheduler-builder .when.sc-sui-scheduler-builder{font-weight:650}.at.sc-sui-scheduler-builder{color:var(--ink-muted)}.empty.sc-sui-scheduler-builder{font-size:12px;color:var(--ink-faint)}.tz.sc-sui-scheduler-builder{font-size:10.5px;color:var(--ink-faint);margin-top:6px}.json-head.sc-sui-scheduler-builder{display:flex;align-items:center;justify-content:space-between;min-height:26px}.json-head.sc-sui-scheduler-builder .eyebrow.sc-sui-scheduler-builder{margin-bottom:0}.json-row.sc-sui-scheduler-builder{display:flex;align-items:center;gap:8px}.json-toggle.sc-sui-scheduler-builder{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:2px 4px;margin:-2px -4px;font-size:12px;font-weight:650;font-family:var(--font-sans);color:var(--link);cursor:pointer;border-radius:var(--radius-sm)}.json-toggle.sc-sui-scheduler-builder:hover{text-decoration:underline}.json-toggle.sc-sui-scheduler-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.chev.sc-sui-scheduler-builder{font-size:9px;transition:transform var(--duration-fast) var(--ease-out)}.chev.open.sc-sui-scheduler-builder{transform:rotate(180deg)}.json-pane[hidden].sc-sui-scheduler-builder{display:none}@media (forced-colors: active){.dot.sc-sui-scheduler-builder{box-sizing:border-box;border:1px solid CanvasText}.run.first.sc-sui-scheduler-builder .dot.sc-sui-scheduler-builder{background:CanvasText}}";export{q as sui_scheduler_builder}

package/dist/shineui/{p-d2928ef3.entry.js → p-3621ac3c.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,h as e}from"./p-ChCjmDsd.js";import{d as a,F as r}from"./p-hpOwNlzr.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as h,r as l}from"./p-B3wtlP4_.js";import{i as d,a as c}from"./p-Cs2X0Kih.js";import{i as f}from"./p-MsqFuhDd.js";import{f as x}from"./p-CGWvlrv_.js";import"./p-DGU97JSr.js";import"./p-lWhwwQJ2.js";const p=["sm","md","lg"],m=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",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;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;autocomplete;placeholder;value="";rows=4;autoResize=!1;maxLength;minLength;showCount=!1;name;suiInput;suiChange;suiFocus;suiBlur;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-textarea");textarea;ro;lastWidth=0;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.textarea)),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=f(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=c(this.host,(i=>{this.hostLabelledby=i})),this.textarea&&this.watchWidth(!0)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm(),this.watchWidth()}watchWidth(i=!1){this.ro?.disconnect(),this.ro=void 0;const s=()=>{const i=this.textarea?.clientWidth??0;i!==this.lastWidth&&(this.lastWidth=i,this.resize())};"undefined"!=typeof ResizeObserver&&this.textarea&&(this.ro=new ResizeObserver(s),this.ro.observe(this.textarea)),i&&Promise.resolve().then((()=>{this.host.isConnected&&s()}))}componentDidRender(){this.syncForm(),this.resize()}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0,this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){h(this.internals,this.isDisabled?null:this.value),l(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.textarea,this.error,this.textarea)}formResetCallback(){this.value=this.initial,this.textarea&&(this.textarea.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=x(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.textarea?.focus()}async select(){this.textarea?.select()}resize(){const i=this.textarea;i&&(this.autoResize?(i.style.height="auto",i.style.height=`${i.scrollHeight+(i.offsetHeight-i.clientHeight)}px`,this.lastWidth=i.clientWidth):i.style.height="")}onInput=i=>{this.value=i.target.value,this.resize(),this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.suiBlur.emit()};render(){const i=this.invalid||!!this.error,s=this.showCount&&null!=this.maxLength,t=p.includes(this.size)?this.size:"md";return e(r,{key:"5c74ef9b185e3558cdfc800723ab3454f30dd31e",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("textarea",{key:"620bf8a7915091ed3279d25eabb7226b0e098302",ref:i=>this.textarea=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-textarea":!0,[t]:!0,invalid:i,"auto-resize":this.autoResize},value:this.value,placeholder:this.placeholder,rows:this.rows,maxLength:this.maxLength,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":[a(this.fieldId,this.help,this.error),s?`${this.fieldId}-count`:null].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),s?e("div",{class:"sui-textarea-count",id:`${this.fieldId}-count`},this.value.length," / ",this.maxLength):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};m.style=".sc-sui-textarea-h{display:block;font-family:var(--font-sans)}.sui-input.sui-textarea.sc-sui-textarea{display:block;padding:9px 12px;font-size:13px;line-height:1.5;resize:vertical;min-height:60px;height:auto}.sui-input.sui-textarea.auto-resize.sc-sui-textarea{resize:none;overflow:hidden}.sui-input.sui-textarea.sc-sui-textarea:disabled,.sui-input.sui-textarea[readonly].sc-sui-textarea{resize:none}.sui-textarea-count.sc-sui-textarea{font-size:11px;color:var(--ink-faint);text-align:end;font-feature-settings:'tnum'}.sui-input.sui-textarea.sm.sc-sui-textarea,.sui-input.sui-textarea.md.sc-sui-textarea,.sui-input.sui-textarea.lg.sc-sui-textarea{height:auto}.sui-input.sui-textarea.sm.sc-sui-textarea{padding:4px 10px;font-size:12.5px;line-height:1.44;min-height:var(--control-sm)}.sui-input.sui-textarea.md.sc-sui-textarea{padding:6px var(--control-pad-x);font-size:13px;min-height:var(--control-md)}.sui-input.sui-textarea.lg.sc-sui-textarea{padding:9px 12px;font-size:13px;min-height:60px}.sui-field.sc-sui-textarea{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-textarea{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-textarea .sui-field-label.sc-sui-textarea{color:var(--danger)}.sui-field-req.sc-sui-textarea{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-textarea{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-textarea{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-textarea .sui-glyph.sc-sui-textarea{font-size:11px}.sui-frame.sc-sui-textarea{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-textarea:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-textarea,.sui-frame.readonly.sc-sui-textarea{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-textarea:focus-within,.sui-frame.focus.sc-sui-textarea,.sui-frame.open.sc-sui-textarea{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-textarea{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-textarea:focus-within,.sui-frame.invalid.focus.sc-sui-textarea,.sui-frame.invalid.open.sc-sui-textarea{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-textarea:disabled,.sui-frame.disabled.sc-sui-textarea{--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-textarea{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-textarea::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-textarea{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-textarea{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-textarea{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-textarea:focus-within,.sui-frame.focus.sc-sui-textarea,.sui-frame.open.sc-sui-textarea{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-textarea:disabled,.sui-frame.disabled.sc-sui-textarea{color:GrayText;border-color:GrayText}}";export{m as sui_textarea}
+import{r as i,c as s,g as t,h as e}from"./p-ChCjmDsd.js";import{d as a,F as r}from"./p-DLfOvQY0.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as h,r as l}from"./p-B3wtlP4_.js";import{i as d,a as c}from"./p-BsRW1Q8k.js";import{i as f}from"./p-MsqFuhDd.js";import{f as x}from"./p-CGWvlrv_.js";import"./p-CHznIlgx.js";import"./p-lWhwwQJ2.js";const p=["sm","md","lg"],m=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",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;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;autocomplete;placeholder;value="";rows=4;autoResize=!1;maxLength;minLength;showCount=!1;name;suiInput;suiChange;suiFocus;suiBlur;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=o("sui-textarea");textarea;ro;lastWidth=0;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.textarea)),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=f(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=c(this.host,(i=>{this.hostLabelledby=i})),this.textarea&&this.watchWidth(!0)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm(),this.watchWidth()}watchWidth(i=!1){this.ro?.disconnect(),this.ro=void 0;const s=()=>{const i=this.textarea?.clientWidth??0;i!==this.lastWidth&&(this.lastWidth=i,this.resize())};"undefined"!=typeof ResizeObserver&&this.textarea&&(this.ro=new ResizeObserver(s),this.ro.observe(this.textarea)),i&&Promise.resolve().then((()=>{this.host.isConnected&&s()}))}componentDidRender(){this.syncForm(),this.resize()}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0,this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){h(this.internals,this.isDisabled?null:this.value),l(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.textarea,this.error,this.textarea)}formResetCallback(){this.value=this.initial,this.textarea&&(this.textarea.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=x(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.textarea?.focus()}async select(){this.textarea?.select()}resize(){const i=this.textarea;i&&(this.autoResize?(i.style.height="auto",i.style.height=`${i.scrollHeight+(i.offsetHeight-i.clientHeight)}px`,this.lastWidth=i.clientWidth):i.style.height="")}onInput=i=>{this.value=i.target.value,this.resize(),this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.suiBlur.emit()};render(){const i=this.invalid||!!this.error,s=this.showCount&&null!=this.maxLength,t=p.includes(this.size)?this.size:"md";return e(r,{key:"f60d45a07da4306f894e0e533198665b1be521ff",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("textarea",{key:"0f919a17975c53211bb047112f97b2f46cd03302",ref:i=>this.textarea=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-textarea":!0,[t]:!0,invalid:i,"auto-resize":this.autoResize},value:this.value,placeholder:this.placeholder,rows:this.rows,maxLength:this.maxLength,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":[a(this.fieldId,this.help,this.error),s?`${this.fieldId}-count`:null].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),s?e("div",{class:"sui-textarea-count",id:`${this.fieldId}-count`},this.value.length," / ",this.maxLength):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};m.style=".sc-sui-textarea-h{display:block;font-family:var(--font-sans)}.sui-input.sui-textarea.sc-sui-textarea{display:block;padding:9px 12px;font-size:13px;line-height:1.5;resize:vertical;min-height:60px;height:auto}.sui-input.sui-textarea.auto-resize.sc-sui-textarea{resize:none;overflow:hidden}.sui-input.sui-textarea.sc-sui-textarea:disabled,.sui-input.sui-textarea[readonly].sc-sui-textarea{resize:none}.sui-textarea-count.sc-sui-textarea{font-size:11px;color:var(--ink-faint);text-align:end;font-feature-settings:'tnum'}.sui-input.sui-textarea.sm.sc-sui-textarea,.sui-input.sui-textarea.md.sc-sui-textarea,.sui-input.sui-textarea.lg.sc-sui-textarea{height:auto}.sui-input.sui-textarea.sm.sc-sui-textarea{padding:4px 10px;font-size:12.5px;line-height:1.44;min-height:var(--control-sm)}.sui-input.sui-textarea.md.sc-sui-textarea{padding:6px var(--control-pad-x);font-size:13px;min-height:var(--control-md)}.sui-input.sui-textarea.lg.sc-sui-textarea{padding:9px 12px;font-size:13px;min-height:60px}.sui-field.sc-sui-textarea{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-textarea{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-textarea .sui-field-label.sc-sui-textarea{color:var(--danger)}.sui-field-req.sc-sui-textarea{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-textarea{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-textarea{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-textarea .sui-glyph.sc-sui-textarea{font-size:11px}.sui-frame.sc-sui-textarea{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-textarea:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-textarea,.sui-frame.readonly.sc-sui-textarea{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-textarea:focus-within,.sui-frame.focus.sc-sui-textarea,.sui-frame.open.sc-sui-textarea{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-textarea{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-textarea:focus-within,.sui-frame.invalid.focus.sc-sui-textarea,.sui-frame.invalid.open.sc-sui-textarea{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-textarea:disabled,.sui-frame.disabled.sc-sui-textarea{--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-textarea{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-textarea::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-textarea{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-textarea{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-textarea{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-textarea:focus-within,.sui-frame.focus.sc-sui-textarea,.sui-frame.open.sc-sui-textarea{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-textarea:disabled,.sui-frame.disabled.sc-sui-textarea{color:GrayText;border-color:GrayText}}";export{m as sui_textarea}

package/dist/shineui/{p-6658a96d.entry.js → p-383e339f.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as o,h as e,a}from"./p-ChCjmDsd.js";import{l,a as t}from"./p-lWhwwQJ2.js";import{f as r,c as u}from"./p-DHVm09RY.js";import{s as d,r as n,i as p,d as c}from"./p-B3wtlP4_.js";import{f as h}from"./p-CGWvlrv_.js";import{u as f}from"./p-U06fVoGD.js";import{O as b,P as v,Q as g,R as m,G as x,c as y,e as w,S as k,z,T as D}from"./p-DGU97JSr.js";const R=()=>l(void 0,"file-upload.failed",void 0,"Upload failed. Try again");function U(i,s){const o=(s||"").split(",").map((i=>i.trim().toLowerCase())).filter(Boolean);if(!o.length)return!0;const e=(i.name||"").toLowerCase(),a=(i.type||"").toLowerCase();return o.some((i=>"*"===i||"*/*"===i||(i.startsWith(".")?e.endsWith(i):i.endsWith("/*")?!!a&&a.split("/")[0]===i.slice(0,-2):!!a&&a===i)))}const j=class{constructor(o){i(this,o),this.suiSelect=s(this,"suiSelect",7),this.suiRemove=s(this,"suiRemove",7),this.suiReject=s(this,"suiReject",7),this.suiBeforeUpload=s(this,"suiBeforeUpload",7),this.suiProgress=s(this,"suiProgress",7),this.suiUpload=s(this,"suiUpload",7),this.suiUploadError=s(this,"suiUploadError",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}get host(){return o(this)}internals;label;error;required=!1;accept;help;maxFileSize;fileLimit;multiple=!1;compact=!1;url;disabled=!1;files=[];name;suiSelect;suiRemove;suiReject;suiBeforeUpload;suiProgress;suiUpload;suiUploadError;over=!1;formDisabled=!1;input;zone;fieldId=f("sui-file-upload");initial=[];sending=new Map;objectUrls=new Set;dropped=new Set;async showPicker(){this.isDisabled||this.input?.click()}async setFocus(){this.zone?.focus()}async upload(){(this.files||[]).forEach((i=>{"done"!==i.status&&i.file&&this.send(i.file)}))}componentWillLoad(){this.initial=(this.files||[]).slice(),this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}syncForm(){const i=this.files||[];let s=null;if(!this.isDisabled&&!this.url&&"undefined"!=typeof FormData){s=new FormData;const o=this.name||"";i.forEach((i=>{i&&"undefined"!=typeof Blob&&i.file instanceof Blob&&s.append(o,i.file,i.file.name)}))}d(this.internals,this.isDisabled?null:s);const o=!i.some((i=>i&&"error"!==i.status));n(this.internals,this.required&&!this.isDisabled,o,this.label,this.zone,this.error)}formResetCallback(){this.files=this.initial.slice()}formDisabledCallback(i){this.formDisabled=h(this.host,this.disabled,i),this.syncForm()}releaseUnheldPreviews(){if(!this.objectUrls.size)return;const i=new Set;(this.files||[]).forEach((s=>{s&&s.thumbnail&&i.add(s.thumbnail)})),this.objectUrls.forEach((s=>{i.has(s)||(this.revoke(s),this.objectUrls.delete(s))}))}connectedCallback(){if(p(this.host,this.internals),c(this.host,(()=>this.zone)),!this.dropped.size)return;const i=this.dropped;this.dropped=new Set,this.files=(this.files||[]).map((s=>s.file&&i.has(s.file)?{...s,thumbnail:this.thumbFor(s.file)}:s))}disconnectedCallback(){Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}release(){const i=Array.from(this.sending.keys());this.sending.forEach((i=>i.abort?.())),this.sending.clear();const s=this.objectUrls;this.objectUrls=new Set,s.forEach((i=>this.revoke(i))),(i.length||s.size)&&(this.files=(this.files||[]).map((o=>{let e=o;return o.file&&i.includes(o.file)&&(e={...e,status:"error",error:R()}),o.thumbnail&&s.has(o.thumbnail)&&(e={...e,thumbnail:void 0},o.file&&this.dropped.add(o.file)),e})))}icon(i){const s=i.toLowerCase();return s.endsWith(".pdf")?b:s.endsWith(".csv")||s.endsWith(".xlsx")?v:/\.(png|jpe?g)$/.test(s)?g:m}thumbFor(i){if((i.type||"").startsWith("image/")&&"undefined"!=typeof URL&&"function"==typeof URL.createObjectURL)try{const s=URL.createObjectURL(i);return this.objectUrls.add(s),s}catch(i){return}}revoke(i){"undefined"!=typeof URL&&"function"==typeof URL.revokeObjectURL&&URL.revokeObjectURL(i)}admit(i,s){const o=[],e=[],a=(this.files||[]).length,l=Number(this.maxFileSize),t=Number(this.fileLimit);for(const r of i)(s&&(!U(r,this.accept)||!this.multiple&&o.length)||Number.isFinite(l)&&!((r.size||0)<=l)||Number.isFinite(t)&&!(a+o.length<t)?e:o).push(r);return{picked:o,rejected:e}}addFiles(i,s){const o=i?Array.from(i):[];if(!o.length)return;const{picked:e,rejected:a}=this.admit(o,s);if(a.length&&this.suiReject.emit(a),!e.length)return;const l=!!this.url,t=e.map((i=>({name:i.name,size:j.kilobytes(i.size||0),status:l?"uploading":"done",progress:l?0:void 0,file:i,thumbnail:this.thumbFor(i)})));this.files=[...this.files||[],...t],this.suiSelect.emit(e),l&&e.forEach((i=>this.send(i)))}patchRow(i,s){const o=this.files||[],e=o.findIndex((s=>s.file===i));if(e<0)return;const a=o.slice();a[e]={...a[e],...s},this.files=a}send(i){if(!this.url||"undefined"==typeof XMLHttpRequest)return;this.sending.get(i)?.abort?.(),this.patchRow(i,{status:"uploading",progress:0,error:void 0});const s=new XMLHttpRequest,o=new FormData;o.append(this.name||"file",i,i.name),this.sending.set(i,s);let e=-1;s.upload?.addEventListener?.("progress",(s=>{if(!s.lengthComputable||!s.total)return;const o=Math.min(100,Math.round(s.loaded/s.total*100));o!==e&&(e=o,this.patchRow(i,{status:"uploading",progress:o}),this.suiProgress.emit({file:i,loaded:s.loaded,total:s.total,progress:o}))})),s.addEventListener("load",(()=>{this.sending.delete(i);const o=s.status||0,e="string"==typeof s.responseText?s.responseText:"";o>=200&&o<300?(this.patchRow(i,{status:"done",progress:100,error:void 0}),this.suiUpload.emit({file:i,status:o,response:e})):(this.patchRow(i,{status:"error",error:R()}),this.suiUploadError.emit({file:i,status:o,response:e}))})),s.addEventListener("error",(()=>{this.sending.delete(i),this.patchRow(i,{status:"error",error:R()}),this.suiUploadError.emit({file:i,status:0,response:""})})),s.addEventListener("abort",(()=>this.sending.delete(i))),s.open("POST",this.url,!0),this.suiBeforeUpload.emit({file:i,body:o,xhr:s}),s.send(o)}onPick=i=>{const s=i.target;this.addFiles(s.files,!1),s.value=""};onDragOver=i=>{i.preventDefault()};dragDepth=0;onDragEnter=i=>{i.preventDefault(),this.isDisabled||(this.dragDepth+=1,this.over=!0)};onDragLeave=()=>{this.dragDepth=Math.max(0,this.dragDepth-1),0===this.dragDepth&&(this.over=!1)};onDrop=i=>{i.preventDefault(),this.dragDepth=0,this.over=!1,this.isDisabled||this.addFiles(i.dataTransfer?.files,!0)};onZoneKey=i=>{this.isDisabled||"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.input?.click())};removeRow(i,s){i.file&&(this.sending.get(i.file)?.abort?.(),this.sending.delete(i.file)),i.thumbnail&&this.objectUrls.has(i.thumbnail)&&(this.revoke(i.thumbnail),this.objectUrls.delete(i.thumbnail)),this.files=(this.files||[]).filter(((i,o)=>o!==s)),this.suiRemove.emit(i)}static size(i){let s=i,o=0;for(;s>=1024&&o<3;)s/=1024,o++;const e=r(Math.round(10*s)/10);return 0===o?t(void 0,"file-upload.bytes",void 0,"{size} bytes",{size:e}):1===o?t(void 0,"file-upload.kilobytes",void 0,"{size} KB",{size:e}):2===o?t(void 0,"file-upload.megabytes",void 0,"{size} MB",{size:e}):t(void 0,"file-upload.gigabytes",void 0,"{size} GB",{size:e})}static kilobytes(i){return t(void 0,"file-upload.kilobytes",void 0,"{size} KB",{size:r(Math.round(i/1024))})}derivedHint(){const i=Number(this.maxFileSize);return Number.isFinite(i)&&i>0?t(void 0,"file-upload.upTo",void 0,"up to {size}",{size:j.size(i)}):""}render(){const i=l(void 0,"file-upload.help",this.help,"")||this.derivedHint(),s=this.files||[],o=new Map,r=this.isDisabled,d=!!this.error,n=this.fieldId;return e(a,{key:"5802f0c2d7e13a0f0311df5fb6aaf4ebfaf6d466"},this.label?e("span",{class:"sui-field-label sui-upload-label",id:`${n}-label`},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"14ce75f09fc46158cca9303e89dbc15c9866dbc3",ref:i=>this.zone=i,class:{"sui-upload-zone":!0,over:this.over,compact:this.compact,disabled:r,invalid:d},role:"button",tabIndex:r?-1:0,"aria-label":this.label?void 0:l(void 0,"file-upload.uploadFiles",void 0,"Upload files"),"aria-labelledby":this.label?`${n}-label ${n}-title`:void 0,"aria-describedby":this.error?`${n}-err`:i?`${n}-help`:void 0,"aria-disabled":r?"true":null,"aria-invalid":d?"true":null,onClick:()=>{this.isDisabled||this.input?.click()},onKeyDown:this.onZoneKey,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},e(x,{key:"d9b86748feb1a4d1be468c37fa5b215e4cc55d1a",glyph:D,class:"sui-upload-icon"}),e("span",{key:"ef3c454acde1334139e329f5da94452ff2653149",class:"sui-upload-title",id:`${n}-title`},l(void 0,"file-upload.drop",void 0,"Drop files here or "),e("span",{key:"79b381ef4f7044749152ccbe5c877babdf8d52c2",class:"sui-upload-browse"},l(void 0,"file-upload.browse",void 0,"browse"))),i?e("span",{class:"sui-upload-hint",id:`${n}-help`},i):null,e("input",{key:"6d2fa122550bd6e58fc4521985fca894c3e8bfff",ref:i=>this.input=i,class:"sui-upload-input",type:"file",accept:this.accept,multiple:this.multiple,disabled:r,tabIndex:-1,"aria-hidden":"true",onChange:this.onPick})),s.map(((i,s)=>{const a=i.progress??40,l=(o.get(i.name)??0)+1;o.set(i.name,l);const d=!!this.url&&"error"===i.status&&!!i.file;return e("div",{class:{"sui-upload-row":!0,[i.status]:!0},key:`${i.name}#${l}`},i.thumbnail?e("img",{class:"sui-upload-thumb",src:i.thumbnail,alt:"","aria-hidden":"true"}):e(x,{glyph:this.icon(i.name),class:"sui-upload-row-icon"}),e("div",{class:"sui-upload-row-body"},e("div",{class:"sui-upload-row-name"},i.name),"uploading"===i.status?e("div",{class:"sui-upload-bar",role:"progressbar","aria-label":t(void 0,"file-upload.uploading",void 0,"Uploading {name}",{name:i.name}),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":String(a)},e("div",{class:"sui-upload-bar-fill",style:{width:`${a}%`}})):e("div",{class:"sui-upload-row-meta"},"error"===i.status?i.error||R():i.size)),"done"===i.status?e(x,{glyph:w,class:"sui-upload-check"}):null,"uploading"===i.status?e("span",{class:"sui-upload-pct"},u(a)):null,d?e("button",{type:"button",class:"sui-upload-row-btn",disabled:r,"aria-label":t(void 0,"file-upload.retry",void 0,"Retry {name}",{name:i.name}),onClick:()=>this.send(i.file)},e(x,{glyph:k})):null,e("button",{type:"button",class:"sui-upload-row-btn sui-upload-remove",disabled:r,"aria-label":t(void 0,"file-upload.remove",void 0,"Remove {name}",{name:i.name}),onClick:()=>this.removeRow(i,s)},e(x,{glyph:z})))})),this.error?e("div",{class:"sui-field-error",id:`${n}-err`,role:"alert"},e(x,{glyph:y}),this.error):null)}static get formAssociated(){return!0}static get watchers(){return{files:[{syncForm:0},{releaseUnheldPreviews:0}],url:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}};j.style=".sc-sui-file-upload-h{display:flex;flex-direction:column;gap:10px;font-family:var(--font-sans);color:var(--ink)}.sui-upload-zone.sc-sui-file-upload{border:1.5px dashed var(--border-strong);background:var(--surface-sunken);border-radius:var(--radius-lg);padding:26px 16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-upload-zone.compact.sc-sui-file-upload{padding:16px}.sui-upload-zone.over.sc-sui-file-upload{border-color:var(--accent);background:var(--accent-soft)}.sui-upload-zone.sc-sui-file-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-upload-zone.invalid.sc-sui-file-upload:not(.disabled){border-color:var(--danger)}.sui-upload-label.sc-sui-file-upload{margin-block-end:-4px}.sui-upload-zone.disabled.sc-sui-file-upload{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-ink);cursor:not-allowed}.sui-upload-icon.sc-sui-file-upload{font-size:20px;color:var(--ink-faint);transition:color var(--duration-fast) var(--ease-out)}.sui-upload-zone.over.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload{color:var(--accent-mark)}.sui-upload-title.sc-sui-file-upload{font-size:13px;font-weight:650}.sui-upload-browse.sc-sui-file-upload{color:var(--link)}.sui-upload-hint.sc-sui-file-upload{font-size:11.5px;color:var(--ink-faint)}.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-browse.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-hint.sc-sui-file-upload{color:var(--disabled-ink)}.sui-upload-input.sc-sui-file-upload{display:none}.sui-upload-row.sc-sui-file-upload{display:flex;align-items:center;gap:11px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box}.sui-upload-row-icon.sc-sui-file-upload{font-size:15px;color:var(--ink-muted)}.sui-upload-thumb.sc-sui-file-upload{width:28px;height:28px;flex:none;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-sunken)}.sui-upload-row.error.sc-sui-file-upload .sui-upload-row-icon.sc-sui-file-upload{color:var(--danger)}.sui-upload-row-body.sc-sui-file-upload{flex:1;min-width:0}.sui-upload-row-name.sc-sui-file-upload{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-upload-row-meta.sc-sui-file-upload{font-size:11px;color:var(--ink-faint)}.sui-upload-row.error.sc-sui-file-upload .sui-upload-row-meta.sc-sui-file-upload{color:var(--danger)}.sui-upload-bar.sc-sui-file-upload{height:4px;border-radius:2px;background:var(--brand-soft);margin-top:5px;overflow:hidden}.sui-upload-bar-fill.sc-sui-file-upload{height:100%;background:var(--brand);border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.sui-upload-check.sc-sui-file-upload{font-size:13px;color:var(--brand)}.sui-upload-pct.sc-sui-file-upload{font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum'}.sui-upload-row-btn.sc-sui-file-upload{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:3px;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.sui-upload-row-btn.sc-sui-file-upload:hover:not(:disabled){color:var(--ink)}.sui-upload-row-btn.sc-sui-file-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-upload-row-btn.sc-sui-file-upload:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-upload-row-btn.sc-sui-file-upload .sui-glyph.sc-sui-file-upload{font-size:11px}@media (forced-colors: active){.sui-upload-zone.over.sc-sui-file-upload{border-style:solid;border-color:Highlight}.sui-upload-zone.disabled.sc-sui-file-upload{color:GrayText;border-color:GrayText}.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-browse.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-hint.sc-sui-file-upload{color:GrayText}.sui-upload-bar.sc-sui-file-upload{border:1px solid CanvasText}.sui-upload-bar-fill.sc-sui-file-upload{background:Highlight}}.sui-field.sc-sui-file-upload{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-file-upload{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-file-upload .sui-field-label.sc-sui-file-upload{color:var(--danger)}.sui-field-req.sc-sui-file-upload{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-file-upload{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-file-upload{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-file-upload .sui-glyph.sc-sui-file-upload{font-size:11px}";export{j as sui_file_upload}
+import{r as i,c as s,g as o,h as e,a}from"./p-ChCjmDsd.js";import{l,a as t}from"./p-lWhwwQJ2.js";import{f as r,c as u}from"./p-BnfaBLhb.js";import{s as d,r as n,i as p,d as c}from"./p-B3wtlP4_.js";import{f as h}from"./p-CGWvlrv_.js";import{u as f}from"./p-U06fVoGD.js";import{O as b,P as v,Q as g,R as m,G as x,c as y,e as w,S as k,z,T as D}from"./p-CHznIlgx.js";const R=()=>l(void 0,"file-upload.failed",void 0,"Upload failed. Try again");function U(i,s){const o=(s||"").split(",").map((i=>i.trim().toLowerCase())).filter(Boolean);if(!o.length)return!0;const e=(i.name||"").toLowerCase(),a=(i.type||"").toLowerCase();return o.some((i=>"*"===i||"*/*"===i||(i.startsWith(".")?e.endsWith(i):i.endsWith("/*")?!!a&&a.split("/")[0]===i.slice(0,-2):!!a&&a===i)))}const j=class{constructor(o){i(this,o),this.suiSelect=s(this,"suiSelect",7),this.suiRemove=s(this,"suiRemove",7),this.suiReject=s(this,"suiReject",7),this.suiBeforeUpload=s(this,"suiBeforeUpload",7),this.suiProgress=s(this,"suiProgress",7),this.suiUpload=s(this,"suiUpload",7),this.suiUploadError=s(this,"suiUploadError",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}get host(){return o(this)}internals;label;error;required=!1;accept;help;maxFileSize;fileLimit;multiple=!1;compact=!1;url;disabled=!1;files=[];name;suiSelect;suiRemove;suiReject;suiBeforeUpload;suiProgress;suiUpload;suiUploadError;over=!1;formDisabled=!1;input;zone;fieldId=f("sui-file-upload");initial=[];sending=new Map;objectUrls=new Set;dropped=new Set;async showPicker(){this.isDisabled||this.input?.click()}async setFocus(){this.zone?.focus()}async upload(){(this.files||[]).forEach((i=>{"done"!==i.status&&i.file&&this.send(i.file)}))}componentWillLoad(){this.initial=(this.files||[]).slice(),this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}syncForm(){const i=this.files||[];let s=null;if(!this.isDisabled&&!this.url&&"undefined"!=typeof FormData){s=new FormData;const o=this.name||"";i.forEach((i=>{i&&"undefined"!=typeof Blob&&i.file instanceof Blob&&s.append(o,i.file,i.file.name)}))}d(this.internals,this.isDisabled?null:s);const o=!i.some((i=>i&&"error"!==i.status));n(this.internals,this.required&&!this.isDisabled,o,this.label,this.zone,this.error)}formResetCallback(){this.files=this.initial.slice()}formDisabledCallback(i){this.formDisabled=h(this.host,this.disabled,i),this.syncForm()}releaseUnheldPreviews(){if(!this.objectUrls.size)return;const i=new Set;(this.files||[]).forEach((s=>{s&&s.thumbnail&&i.add(s.thumbnail)})),this.objectUrls.forEach((s=>{i.has(s)||(this.revoke(s),this.objectUrls.delete(s))}))}connectedCallback(){if(p(this.host,this.internals),c(this.host,(()=>this.zone)),!this.dropped.size)return;const i=this.dropped;this.dropped=new Set,this.files=(this.files||[]).map((s=>s.file&&i.has(s.file)?{...s,thumbnail:this.thumbFor(s.file)}:s))}disconnectedCallback(){Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}release(){const i=Array.from(this.sending.keys());this.sending.forEach((i=>i.abort?.())),this.sending.clear();const s=this.objectUrls;this.objectUrls=new Set,s.forEach((i=>this.revoke(i))),(i.length||s.size)&&(this.files=(this.files||[]).map((o=>{let e=o;return o.file&&i.includes(o.file)&&(e={...e,status:"error",error:R()}),o.thumbnail&&s.has(o.thumbnail)&&(e={...e,thumbnail:void 0},o.file&&this.dropped.add(o.file)),e})))}icon(i){const s=i.toLowerCase();return s.endsWith(".pdf")?b:s.endsWith(".csv")||s.endsWith(".xlsx")?v:/\.(png|jpe?g)$/.test(s)?g:m}thumbFor(i){if((i.type||"").startsWith("image/")&&"undefined"!=typeof URL&&"function"==typeof URL.createObjectURL)try{const s=URL.createObjectURL(i);return this.objectUrls.add(s),s}catch(i){return}}revoke(i){"undefined"!=typeof URL&&"function"==typeof URL.revokeObjectURL&&URL.revokeObjectURL(i)}admit(i,s){const o=[],e=[],a=(this.files||[]).length,l=Number(this.maxFileSize),t=Number(this.fileLimit);for(const r of i)(s&&(!U(r,this.accept)||!this.multiple&&o.length)||Number.isFinite(l)&&!((r.size||0)<=l)||Number.isFinite(t)&&!(a+o.length<t)?e:o).push(r);return{picked:o,rejected:e}}addFiles(i,s){const o=i?Array.from(i):[];if(!o.length)return;const{picked:e,rejected:a}=this.admit(o,s);if(a.length&&this.suiReject.emit(a),!e.length)return;const l=!!this.url,t=e.map((i=>({name:i.name,size:j.kilobytes(i.size||0),status:l?"uploading":"done",progress:l?0:void 0,file:i,thumbnail:this.thumbFor(i)})));this.files=[...this.files||[],...t],this.suiSelect.emit(e),l&&e.forEach((i=>this.send(i)))}patchRow(i,s){const o=this.files||[],e=o.findIndex((s=>s.file===i));if(e<0)return;const a=o.slice();a[e]={...a[e],...s},this.files=a}send(i){if(!this.url||"undefined"==typeof XMLHttpRequest)return;this.sending.get(i)?.abort?.(),this.patchRow(i,{status:"uploading",progress:0,error:void 0});const s=new XMLHttpRequest,o=new FormData;o.append(this.name||"file",i,i.name),this.sending.set(i,s);let e=-1;s.upload?.addEventListener?.("progress",(s=>{if(!s.lengthComputable||!s.total)return;const o=Math.min(100,Math.round(s.loaded/s.total*100));o!==e&&(e=o,this.patchRow(i,{status:"uploading",progress:o}),this.suiProgress.emit({file:i,loaded:s.loaded,total:s.total,progress:o}))})),s.addEventListener("load",(()=>{this.sending.delete(i);const o=s.status||0,e="string"==typeof s.responseText?s.responseText:"";o>=200&&o<300?(this.patchRow(i,{status:"done",progress:100,error:void 0}),this.suiUpload.emit({file:i,status:o,response:e})):(this.patchRow(i,{status:"error",error:R()}),this.suiUploadError.emit({file:i,status:o,response:e}))})),s.addEventListener("error",(()=>{this.sending.delete(i),this.patchRow(i,{status:"error",error:R()}),this.suiUploadError.emit({file:i,status:0,response:""})})),s.addEventListener("abort",(()=>this.sending.delete(i))),s.open("POST",this.url,!0),this.suiBeforeUpload.emit({file:i,body:o,xhr:s}),s.send(o)}onPick=i=>{const s=i.target;this.addFiles(s.files,!1),s.value=""};onDragOver=i=>{i.preventDefault()};dragDepth=0;onDragEnter=i=>{i.preventDefault(),this.isDisabled||(this.dragDepth+=1,this.over=!0)};onDragLeave=()=>{this.dragDepth=Math.max(0,this.dragDepth-1),0===this.dragDepth&&(this.over=!1)};onDrop=i=>{i.preventDefault(),this.dragDepth=0,this.over=!1,this.isDisabled||this.addFiles(i.dataTransfer?.files,!0)};onZoneKey=i=>{this.isDisabled||"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.input?.click())};removeRow(i,s){i.file&&(this.sending.get(i.file)?.abort?.(),this.sending.delete(i.file)),i.thumbnail&&this.objectUrls.has(i.thumbnail)&&(this.revoke(i.thumbnail),this.objectUrls.delete(i.thumbnail)),this.files=(this.files||[]).filter(((i,o)=>o!==s)),this.suiRemove.emit(i)}static size(i){let s=i,o=0;for(;s>=1024&&o<3;)s/=1024,o++;const e=r(Math.round(10*s)/10);return 0===o?t(void 0,"file-upload.bytes",void 0,"{size} bytes",{size:e}):1===o?t(void 0,"file-upload.kilobytes",void 0,"{size} KB",{size:e}):2===o?t(void 0,"file-upload.megabytes",void 0,"{size} MB",{size:e}):t(void 0,"file-upload.gigabytes",void 0,"{size} GB",{size:e})}static kilobytes(i){return t(void 0,"file-upload.kilobytes",void 0,"{size} KB",{size:r(Math.round(i/1024))})}derivedHint(){const i=Number(this.maxFileSize);return Number.isFinite(i)&&i>0?t(void 0,"file-upload.upTo",void 0,"up to {size}",{size:j.size(i)}):""}render(){const i=l(void 0,"file-upload.help",this.help,"")||this.derivedHint(),s=this.files||[],o=new Map,r=this.isDisabled,d=!!this.error,n=this.fieldId;return e(a,{key:"b60b738b2716515123214f59b1e7b0139cb1af23"},this.label?e("span",{class:"sui-field-label sui-upload-label",id:`${n}-label`},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"b564ae709d5f238b383e2e0c8462c9028ccf575f",ref:i=>this.zone=i,class:{"sui-upload-zone":!0,over:this.over,compact:this.compact,disabled:r,invalid:d},role:"button",tabIndex:r?-1:0,"aria-label":this.label?void 0:l(void 0,"file-upload.uploadFiles",void 0,"Upload files"),"aria-labelledby":this.label?`${n}-label ${n}-title`:void 0,"aria-describedby":this.error?`${n}-err`:i?`${n}-help`:void 0,"aria-disabled":r?"true":null,"aria-invalid":d?"true":null,onClick:()=>{this.isDisabled||this.input?.click()},onKeyDown:this.onZoneKey,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},e(x,{key:"19e0237b68a2560023b4427b58156cf647fccd2c",glyph:D,class:"sui-upload-icon"}),e("span",{key:"2a462ae136ee8bd692fb446dbc88ff416c1fdc9e",class:"sui-upload-title",id:`${n}-title`},l(void 0,"file-upload.drop",void 0,"Drop files here or "),e("span",{key:"4560c3623e8b158e8c626ca48195fcb5f5b5fa4b",class:"sui-upload-browse"},l(void 0,"file-upload.browse",void 0,"browse"))),i?e("span",{class:"sui-upload-hint",id:`${n}-help`},i):null,e("input",{key:"d6e60e2f88f30b8f8dfc628dc3161ba5b3185dd7",ref:i=>this.input=i,class:"sui-upload-input",type:"file",accept:this.accept,multiple:this.multiple,disabled:r,tabIndex:-1,"aria-hidden":"true",onChange:this.onPick})),s.map(((i,s)=>{const a=i.progress??40,l=(o.get(i.name)??0)+1;o.set(i.name,l);const d=!!this.url&&"error"===i.status&&!!i.file;return e("div",{class:{"sui-upload-row":!0,[i.status]:!0},key:`${i.name}#${l}`},i.thumbnail?e("img",{class:"sui-upload-thumb",src:i.thumbnail,alt:"","aria-hidden":"true"}):e(x,{glyph:this.icon(i.name),class:"sui-upload-row-icon"}),e("div",{class:"sui-upload-row-body"},e("div",{class:"sui-upload-row-name"},i.name),"uploading"===i.status?e("div",{class:"sui-upload-bar",role:"progressbar","aria-label":t(void 0,"file-upload.uploading",void 0,"Uploading {name}",{name:i.name}),"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":String(a)},e("div",{class:"sui-upload-bar-fill",style:{width:`${a}%`}})):e("div",{class:"sui-upload-row-meta"},"error"===i.status?i.error||R():i.size)),"done"===i.status?e(x,{glyph:w,class:"sui-upload-check"}):null,"uploading"===i.status?e("span",{class:"sui-upload-pct"},u(a)):null,d?e("button",{type:"button",class:"sui-upload-row-btn",disabled:r,"aria-label":t(void 0,"file-upload.retry",void 0,"Retry {name}",{name:i.name}),onClick:()=>this.send(i.file)},e(x,{glyph:k})):null,e("button",{type:"button",class:"sui-upload-row-btn sui-upload-remove",disabled:r,"aria-label":t(void 0,"file-upload.remove",void 0,"Remove {name}",{name:i.name}),onClick:()=>this.removeRow(i,s)},e(x,{glyph:z})))})),this.error?e("div",{class:"sui-field-error",id:`${n}-err`,role:"alert"},e(x,{glyph:y}),this.error):null)}static get formAssociated(){return!0}static get watchers(){return{files:[{syncForm:0},{releaseUnheldPreviews:0}],url:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}]}}};j.style=".sc-sui-file-upload-h{display:flex;flex-direction:column;gap:10px;font-family:var(--font-sans);color:var(--ink)}.sui-upload-zone.sc-sui-file-upload{border:1.5px dashed var(--border-strong);background:var(--surface-sunken);border-radius:var(--radius-lg);padding:26px 16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-upload-zone.compact.sc-sui-file-upload{padding:16px}.sui-upload-zone.over.sc-sui-file-upload{border-color:var(--accent);background:var(--accent-soft)}.sui-upload-zone.sc-sui-file-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-upload-zone.invalid.sc-sui-file-upload:not(.disabled){border-color:var(--danger)}.sui-upload-label.sc-sui-file-upload{margin-block-end:-4px}.sui-upload-zone.disabled.sc-sui-file-upload{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-ink);cursor:not-allowed}.sui-upload-icon.sc-sui-file-upload{font-size:20px;color:var(--ink-faint);transition:color var(--duration-fast) var(--ease-out)}.sui-upload-zone.over.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload{color:var(--accent-mark)}.sui-upload-title.sc-sui-file-upload{font-size:13px;font-weight:650}.sui-upload-browse.sc-sui-file-upload{color:var(--link)}.sui-upload-hint.sc-sui-file-upload{font-size:11.5px;color:var(--ink-faint)}.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-browse.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-hint.sc-sui-file-upload{color:var(--disabled-ink)}.sui-upload-input.sc-sui-file-upload{display:none}.sui-upload-row.sc-sui-file-upload{display:flex;align-items:center;gap:11px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box}.sui-upload-row-icon.sc-sui-file-upload{font-size:15px;color:var(--ink-muted)}.sui-upload-thumb.sc-sui-file-upload{width:28px;height:28px;flex:none;object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-sunken)}.sui-upload-row.error.sc-sui-file-upload .sui-upload-row-icon.sc-sui-file-upload{color:var(--danger)}.sui-upload-row-body.sc-sui-file-upload{flex:1;min-width:0}.sui-upload-row-name.sc-sui-file-upload{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-upload-row-meta.sc-sui-file-upload{font-size:11px;color:var(--ink-faint)}.sui-upload-row.error.sc-sui-file-upload .sui-upload-row-meta.sc-sui-file-upload{color:var(--danger)}.sui-upload-bar.sc-sui-file-upload{height:4px;border-radius:2px;background:var(--brand-soft);margin-top:5px;overflow:hidden}.sui-upload-bar-fill.sc-sui-file-upload{height:100%;background:var(--brand);border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.sui-upload-check.sc-sui-file-upload{font-size:13px;color:var(--brand)}.sui-upload-pct.sc-sui-file-upload{font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum'}.sui-upload-row-btn.sc-sui-file-upload{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:3px;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.sui-upload-row-btn.sc-sui-file-upload:hover:not(:disabled){color:var(--ink)}.sui-upload-row-btn.sc-sui-file-upload:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-upload-row-btn.sc-sui-file-upload:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-upload-row-btn.sc-sui-file-upload .sui-glyph.sc-sui-file-upload{font-size:11px}@media (forced-colors: active){.sui-upload-zone.over.sc-sui-file-upload{border-style:solid;border-color:Highlight}.sui-upload-zone.disabled.sc-sui-file-upload{color:GrayText;border-color:GrayText}.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-icon.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-browse.sc-sui-file-upload,.sui-upload-zone.disabled.sc-sui-file-upload .sui-upload-hint.sc-sui-file-upload{color:GrayText}.sui-upload-bar.sc-sui-file-upload{border:1px solid CanvasText}.sui-upload-bar-fill.sc-sui-file-upload{background:Highlight}}.sui-field.sc-sui-file-upload{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-file-upload{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-file-upload .sui-field-label.sc-sui-file-upload{color:var(--danger)}.sui-field-req.sc-sui-file-upload{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-file-upload{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-file-upload{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-file-upload .sui-glyph.sc-sui-file-upload{font-size:11px}";export{j as sui_file_upload}

package/dist/shineui/{p-d198c589.entry.js → p-396c6833.entry.js}

@@ -1 +1 @@
-import{r as i,h as e,a as t}from"./p-ChCjmDsd.js";import{T as r}from"./p-C9F9ZlQb.js";import{l as s}from"./p-lWhwwQJ2.js";import"./p-DGU97JSr.js";const n=class{constructor(e){i(this,e)}value="";direction;severity="positive";note;render(){return e(t,{key:"79e986e55d646f05c004c4128f38c5c6840c7689"},e(r,{key:"762c23ba28e341475d9753d3a63c0c5845676c21",value:this.value,direction:this.direction,severity:this.severity,note:this.note,unfavorable:s(void 0,"trend.unfavorable",void 0,"unfavorable")}))}};n.style=".sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}.delta.sc-sui-trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-trend{color:var(--danger)}.delta.neutral.sc-sui-trend{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-trend .sui-glyph.sc-sui-trend{font-size:10px}.delta.critical.sc-sui-trend .sui-glyph.sc-sui-trend{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-trend{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-trend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note.sc-sui-trend{color:var(--ink-faint)}";export{n as sui_trend}
+import{r as i,h as e,a as t}from"./p-ChCjmDsd.js";import{T as r}from"./p-tZKDrHI6.js";import{l as n}from"./p-lWhwwQJ2.js";import"./p-CHznIlgx.js";const s=class{constructor(e){i(this,e)}value="";direction;severity="positive";note;render(){return e(t,{key:"0ce2ad49d0222cd47146d7cd7c0750da65e30460"},e(r,{key:"1531d7173cd8ef5f58e0a52e1d80a7746b03d007",value:this.value,direction:this.direction,severity:this.severity,note:this.note,unfavorable:n(void 0,"trend.unfavorable",void 0,"unfavorable")}))}};s.style=".sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}.delta.sc-sui-trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-trend{color:var(--danger)}.delta.neutral.sc-sui-trend{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-trend .sui-glyph.sc-sui-trend{font-size:10px}.delta.critical.sc-sui-trend .sui-glyph.sc-sui-trend{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-trend{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-trend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note.sc-sui-trend{color:var(--ink-faint)}";export{s as sui_trend}

package/dist/shineui/{p-75c9123c.entry.js → p-3a614e65.entry.js}

@@ -1 +1 @@
-import{r as i,h as s,a as r}from"./p-ChCjmDsd.js";const e=class{constructor(s){i(this,s)}label;orientation="horizontal";strong=!1;dashed=!1;height=24;spacing=14;render(){const i="vertical"===this.orientation,e=!i&&!!this.label;return s(r,{key:"7bb2c5c6e090d1b9db4cfbfe0891c17172a29373",role:"separator","aria-orientation":i?"vertical":"horizontal",class:{labeled:e,strong:this.strong,dashed:this.dashed},style:i?{minHeight:`${this.height}px`,margin:`0 ${this.spacing}px`}:{margin:`${this.spacing}px 0`}},e?[s("span",{class:"line"}),s("span",{class:"label"},this.label),s("span",{class:"line"})]:null)}};e.style='.sc-sui-divider-h{--sui-divider-color:var(--hairline);--sui-divider-style:solid;display:block;box-sizing:border-box;font-family:var(--font-sans);border:0 var(--sui-divider-style) var(--sui-divider-color);border-top-width:1px}.strong.sc-sui-divider-h{--sui-divider-color:var(--border-strong)}.dashed.sc-sui-divider-h{--sui-divider-style:dashed}[orientation="vertical"].sc-sui-divider-h{display:inline-block;align-self:stretch;border-top-width:0;border-inline-start-width:1px}.labeled.sc-sui-divider-h{display:flex;align-items:center;gap:12px;border-top-width:0}.line.sc-sui-divider{flex:1;border-top:1px var(--sui-divider-style) var(--sui-divider-color)}.label.sc-sui-divider{font-size:11px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}';export{e as sui_divider}
+import{r as i,h as s,a as r}from"./p-ChCjmDsd.js";const e=class{constructor(s){i(this,s)}label;orientation="horizontal";strong=!1;dashed=!1;height=24;spacing=14;render(){const i="vertical"===this.orientation,e=!i&&!!this.label;return s(r,{key:"74bbb0a2dc9ef0693f9516d0dbdd927e7804337f",role:"separator","aria-orientation":i?"vertical":"horizontal",class:{labeled:e,strong:this.strong,dashed:this.dashed},style:i?{minHeight:`${this.height}px`,margin:`0 ${this.spacing}px`}:{margin:`${this.spacing}px 0`}},e?[s("span",{class:"line"}),s("span",{class:"label"},this.label),s("span",{class:"line"})]:null)}};e.style='.sc-sui-divider-h{--sui-divider-color:var(--hairline);--sui-divider-style:solid;display:block;box-sizing:border-box;font-family:var(--font-sans);border:0 var(--sui-divider-style) var(--sui-divider-color);border-top-width:1px}.strong.sc-sui-divider-h{--sui-divider-color:var(--border-strong)}.dashed.sc-sui-divider-h{--sui-divider-style:dashed}[orientation="vertical"].sc-sui-divider-h{display:inline-block;align-self:stretch;border-top-width:0;border-inline-start-width:1px}.labeled.sc-sui-divider-h{display:flex;align-items:center;gap:12px;border-top-width:0}.line.sc-sui-divider{flex:1;border-top:1px var(--sui-divider-style) var(--sui-divider-color)}.label.sc-sui-divider{font-size:11px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}';export{e as sui_divider}