@shineuix/core 1.0.0 → 1.0.1

package/dist/components/sui-slider.js

@@ -1 +1 @@
-import{p as s,H as i,c as e,h as t,t as r}from"./p-DQ8DrIvI.js";import{F as a,d as l}from"./p-CvjYVNw7.js";import{u as n}from"./p-U06fVoGD.js";import{i as o,d,s as h,r as u}from"./p-BHB1Wprj.js";import{b as c,c as f}from"./p-COO9uV7W.js";import{i as b}from"./p-GAnFXayY.js";import{a as p}from"./p-BuyjS5bS.js";import{f as m}from"./p-CGWvlrv_.js";const g=s=>null==s||""===s||"number"==typeof s&&Number.isNaN(s),v=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;min=0;max=100;step=1;value=50;range=!1;minGap=0;orientation="horizontal";disabled=!1;readOnly=!1;showValue=!1;format;name;suiInput;suiChange;dragging=-1;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isInert(){return this.isDisabled||this.readOnly}get vertical(){return"vertical"===this.orientation}fieldId=n("sui-slider");track;handles=[];initial=50;async setFocus(){this.handles[0]?.focus()}connectedCallback(){o(this.host,this.internals),d(this.host,(()=>this.handles[0]))}componentWillLoad(){this.value=this.shaped(this.value),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}disconnectedCallback(){this.stopDrag(!1)}componentDidRender(){this.syncForm()}onValue(){const s=this.shaped(this.value);s!==this.value?this.value=s:this.syncForm()}syncForm(){const s=this.empty;h(this.internals,this.isDisabled?null:s?"":this.range?`${this.pair[0]},${this.pair[1]}`:this.one+""),u(this.internals,this.required&&!this.isDisabled&&!this.readOnly,s,this.label,this.handles[0],this.error)}shaped(s){if(g(s))return null;if(this.range)return Array.isArray(s)&&s.length>=2&&Number.isFinite(s[0])&&Number.isFinite(s[1])?2===s.length?s:[Number(s[0]),Number(s[1])]:[this.min,this.max];const i=Number(Array.isArray(s)?s[0]:s);return Number.isFinite(i)?i===s?s:i:null}get empty(){return g(this.value)}get one(){const s=this.value,i=Array.isArray(s)?s[0]:s;return"number"==typeof i&&Number.isFinite(i)?i:this.min}get pair(){const s=this.value;return Array.isArray(s)?[s[0],s[1]]:[this.min,this.max]}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(s){this.formDisabled=m(this.host,this.disabled,s),this.syncForm()}fmt(s){return this.format?this.format(s):c(s)}pct(s){const i=this.max-this.min;return i>0?f((s-this.min)/i*100,0,100):0}get stepSize(){return this.step>0?this.step:1}get decimals(){return((this.stepSize+"").split(".")[1]||"").length}snap(s){const i=this.stepSize;return f(Number((this.min+Math.round((s-this.min)/i)*i).toFixed(this.decimals)),this.min,this.max)}get gap(){if(!(this.minGap>0))return 0;const s=this.stepSize;return Number((Math.ceil(this.minGap/s-1e-9)*s).toFixed(this.decimals))}fromPointer(s){if(!this.track)return this.min;const i=this.track.getBoundingClientRect(),e=b(this.track)?i.right-s.clientX:s.clientX-i.left,t=this.vertical?i.height>0?f((i.bottom-s.clientY)/i.height,0,1):0:i.width>0?f(e/i.width,0,1):0;return this.snap(this.min+t*(this.max-this.min))}detail(){return this.range?this.pair:this.one}setHandle(s,i){let e=this.snap(i);const t=this.empty;if(this.range){const i=this.pair,r=this.gap,a=Number(0===s?(i[1]-r).toFixed(this.decimals):(i[0]+r).toFixed(this.decimals));return e=0===s?Math.min(e,a):Math.max(e,a),e=f(e,this.min,this.max),!(0===s?e>a:e<a)&&!(i[s]===e&&!t||(i[s]=e,this.value=i,0))}return!(this.one===e&&!t||(this.value=e,0))}onMove=s=>{this.dragging<0||this.setHandle(this.dragging,this.fromPointer(s))&&this.suiInput.emit(this.detail())};onUp=()=>this.stopDrag(!0);startDrag(s){this.dragging=s,this.handles[s]?.focus(),document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp)}stopDrag(s){"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),this.dragging<0||(this.dragging=-1,s&&this.suiChange.emit(this.detail()))}onHandleDown=s=>i=>{this.isInert||(i.preventDefault(),i.stopPropagation(),this.startDrag(s))};nearestHandle(s){if(!this.range)return 0;const[i,e]=this.pair;return Math.abs(s-i)<=Math.abs(s-e)?0:1}onTrackDown=s=>{if(this.isInert)return;s.preventDefault();const i=this.fromPointer(s),e=this.nearestHandle(i);this.setHandle(e,i)&&this.suiInput.emit(this.detail()),this.startDrag(e)};onHandleKey=s=>i=>{if(this.isInert)return;const e=this.range?this.pair[s]:this.one,t=this.stepSize,r=!this.vertical&&b(this.host)?"ArrowLeft":"ArrowRight";let a;switch(i.key){case r:case"ArrowUp":a=e+t;break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":case"ArrowDown":a=e-t;break;case"PageUp":a=e+10*t;break;case"PageDown":a=e-10*t;break;case"Home":a=this.min;break;case"End":a=this.max;break;default:return}i.preventDefault(),this.setHandle(s,a)&&(this.suiInput.emit(this.detail()),this.suiChange.emit(this.detail()))};renderHandle(s,i){const e=this.pct(s),r=e+"%";return t("div",{key:i,ref:s=>this.handles[i]=s,class:{handle:!0,dragging:this.dragging===i},role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":(this.range?`${this.label?this.label+" ":""}${0===i?"minimum":"maximum"}`:this.label)||void 0,"aria-orientation":this.vertical?"vertical":null,"aria-valuenow":s,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuetext":this.empty?p(void 0,"slider.noValue",void 0,"No value"):this.fmt(s),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),style:this.vertical?{bottom:r,zIndex:this.range&&0===i&&e>50?"2":"1"}:{insetInlineStart:r,zIndex:this.range&&0===i&&e>50?"2":"1"},onPointerDown:this.onHandleDown(i),onKeyDown:this.onHandleKey(i)})}render(){const[s,i]=this.pair,e=this.range?this.pct(s):0,r=this.range?this.pct(i):this.empty?0:this.pct(this.one),l=s=>t("span",{key:"f9066101fe8150af393c3a15bbb4ede8863100ff",class:"figure"},this.fmt(s)),n=this.empty?null:this.range?[l(s)," – ",l(i)]:l(this.one),o=this.vertical,d=o?{bottom:e+"%",height:Math.max(0,r-e)+"%"}:{insetInlineStart:e+"%",width:Math.max(0,r-e)+"%"};return t(a,{key:"5169112e51bad8494823f224b7a6b48673dec4db",help:this.help,error:this.error,descId:this.fieldId},t("div",{key:"e93bf6e823bb8328e49ac414bee70bdbe67cd795",class:{"sui-slider":!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error,range:this.range,vertical:o,empty:this.empty}},this.label||this.showValue&&!o?t("div",{class:"head"},t("span",{class:"label"},this.label,this.label&&this.required?t("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),this.showValue&&!o?t("span",{class:"readout"},n):null):null,t("div",{key:"beacc31bf345d9e8b043d8866b54920348cd7c67",ref:s=>this.track=s,class:"track",onPointerDown:this.onTrackDown},t("div",{key:"c801f5052c4c7bb2cfa0df7a9caf72e9cae9c5f5",class:"rail"}),t("div",{key:"9f11ac6a3ca4b31207d66d4870219e20e758778b",class:"fill",style:d}),this.range?[this.renderHandle(s,0),this.renderHandle(i,1)]:this.renderHandle(this.one,0)),o&&this.showValue?t("div",{class:"foot"},t("span",{class:"readout"},n)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValue:0}],range:[{onValue:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}}static get style(){return".sc-sui-slider-h{display:block;font-family:var(--font-sans)}[orientation='vertical'].sc-sui-slider-h{display:inline-block;height:180px}[orientation='vertical'].sc-sui-slider-h .sui-field.sc-sui-slider{height:100%}[orientation='vertical'].sc-sui-slider-h .sui-slider.sc-sui-slider{flex:1 1 auto;min-height:0}.sui-slider.sc-sui-slider{display:flex;flex-direction:column;gap:8px}.head.sc-sui-slider{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.label.sc-sui-slider{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.readout.sc-sui-slider{font-size:12.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.figure.sc-sui-slider{direction:ltr;unicode-bidi:plaintext}.track.sc-sui-slider{position:relative;height:16px;cursor:pointer;touch-action:none}.read-only.sc-sui-slider .track.sc-sui-slider,.read-only.sc-sui-slider .handle.sc-sui-slider{cursor:default}.disabled.sc-sui-slider .track.sc-sui-slider{cursor:not-allowed}.rail.sc-sui-slider,.fill.sc-sui-slider{position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:2px}.rail.sc-sui-slider{left:0;right:0;background:var(--brand-soft)}.fill.sc-sui-slider{background:var(--brand)}.disabled.sc-sui-slider .fill.sc-sui-slider{background:var(--border-strong)}.empty.sc-sui-slider .fill.sc-sui-slider{visibility:hidden}.handle.sc-sui-slider{position:absolute;top:50%;margin-inline-start:-8px;transform:translateY(-50%);box-sizing:border-box;width:16px;height:16px;border-radius:50%;--sui-slider-tint:var(--brand);--sui-slider-lift:0 1px 3px color-mix(in srgb, var(--sui-slider-tint) 25%, transparent);background:var(--surface);border:2px solid var(--sui-slider-tint);box-shadow:var(--sui-slider-lift);cursor:grab;touch-action:none}.handle.dragging.sc-sui-slider{cursor:grabbing}.handle.sc-sui-slider:hover{box-shadow:var(--sui-slider-lift), 0 0 0 6px var(--surface-hover)}.handle.sc-sui-slider:active,.handle.dragging.sc-sui-slider{box-shadow:var(--sui-slider-lift), 0 0 0 6px var(--surface-pressed)}.handle.sc-sui-slider:focus{outline:none}.handle.sc-sui-slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-slider:not(.disabled) .rail.sc-sui-slider{background:var(--danger-soft)}.invalid.sc-sui-slider:not(.disabled) .fill.sc-sui-slider{background:var(--danger)}.invalid.sc-sui-slider:not(.disabled) .handle.sc-sui-slider{--sui-slider-tint:var(--danger)}.invalid.sc-sui-slider .handle.sc-sui-slider:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.disabled.sc-sui-slider .handle.sc-sui-slider{border-color:var(--border-strong);cursor:not-allowed}.disabled.sc-sui-slider .handle.sc-sui-slider:hover,.read-only.sc-sui-slider .handle.sc-sui-slider:hover{box-shadow:var(--sui-slider-lift)}.vertical.sc-sui-slider{align-items:center}.vertical.sc-sui-slider .head.sc-sui-slider,.vertical.sc-sui-slider .foot.sc-sui-slider{flex:none;justify-content:center}.vertical.sc-sui-slider .track.sc-sui-slider{flex:1 1 auto;height:auto;width:16px;min-height:48px}.vertical.sc-sui-slider .rail.sc-sui-slider,.vertical.sc-sui-slider .fill.sc-sui-slider{top:auto;left:50%;transform:translateX(-50%);width:4px;height:auto}.vertical.sc-sui-slider .rail.sc-sui-slider{top:0;bottom:0}.vertical.sc-sui-slider .handle.sc-sui-slider{top:auto;left:50%;margin-inline-start:0;transform:translate(-50%, 50%)}@media (forced-colors: active){.rail.sc-sui-slider{box-sizing:border-box;border:1px solid CanvasText}.fill.sc-sui-slider,.invalid.sc-sui-slider:not(.disabled) .fill.sc-sui-slider{background:Highlight}.handle.sc-sui-slider{background:ButtonText;border-color:ButtonText}.disabled.sc-sui-slider .fill.sc-sui-slider{background:GrayText}.disabled.sc-sui-slider .handle.sc-sui-slider{background:GrayText;border-color:GrayText}.disabled.sc-sui-slider .label.sc-sui-slider,.disabled.sc-sui-slider .readout.sc-sui-slider{color:GrayText}}.sui-field.sc-sui-slider{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-slider{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-slider .sui-field-label.sc-sui-slider{color:var(--danger)}.sui-field-req.sc-sui-slider{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-slider{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-slider{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-slider .sui-glyph.sc-sui-slider{font-size:11px}"}},[578,"sui-slider",{label:[1],help:[1],error:[1],required:[516],min:[2],max:[2],step:[2],value:[1026],range:[516],minGap:[2,"min-gap"],orientation:[513],disabled:[516],readOnly:[516,"readonly"],showValue:[516,"show-value"],format:[16],name:[513],dragging:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{onValue:0}],range:[{onValue:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}]),x=v,y=function(){"undefined"!=typeof customElements&&["sui-slider"].forEach((s=>{"sui-slider"===s&&(customElements.get(r(s))||customElements.define(r(s),v))}))};export{x as SuiSlider,y as defineCustomElement}
+import{p as s,H as i,c as e,h as t,t as r}from"./p-DQ8DrIvI.js";import{F as a,d as l}from"./p-DWUWsh4I.js";import{u as n}from"./p-U06fVoGD.js";import{i as d,d as o,s as h,r as u}from"./p-BHB1Wprj.js";import{b as c,c as f}from"./p-qut9RP2y.js";import{i as b}from"./p-GAnFXayY.js";import{a as p}from"./p-BuyjS5bS.js";import{f as m}from"./p-CGWvlrv_.js";const g=s=>null==s||""===s||"number"==typeof s&&Number.isNaN(s),v=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;min=0;max=100;step=1;value=50;range=!1;minGap=0;orientation="horizontal";disabled=!1;readOnly=!1;showValue=!1;format;name;suiInput;suiChange;dragging=-1;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isInert(){return this.isDisabled||this.readOnly}get vertical(){return"vertical"===this.orientation}fieldId=n("sui-slider");track;handles=[];initial=50;async setFocus(){this.handles[0]?.focus()}connectedCallback(){d(this.host,this.internals),o(this.host,(()=>this.handles[0]))}componentWillLoad(){this.value=this.shaped(this.value),this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}disconnectedCallback(){this.stopDrag(!1)}componentDidRender(){this.syncForm()}onValue(){const s=this.shaped(this.value);s!==this.value?this.value=s:this.syncForm()}syncForm(){const s=this.empty;h(this.internals,this.isDisabled?null:s?"":this.range?`${this.pair[0]},${this.pair[1]}`:this.one+""),u(this.internals,this.required&&!this.isDisabled&&!this.readOnly,s,this.label,this.handles[0],this.error)}shaped(s){if(g(s))return null;if(this.range)return Array.isArray(s)&&s.length>=2&&Number.isFinite(s[0])&&Number.isFinite(s[1])?2===s.length?s:[Number(s[0]),Number(s[1])]:[this.min,this.max];const i=Number(Array.isArray(s)?s[0]:s);return Number.isFinite(i)?i===s?s:i:null}get empty(){return g(this.value)}get one(){const s=this.value,i=Array.isArray(s)?s[0]:s;return"number"==typeof i&&Number.isFinite(i)?i:this.min}get pair(){const s=this.value;return Array.isArray(s)?[s[0],s[1]]:[this.min,this.max]}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(s){this.formDisabled=m(this.host,this.disabled,s),this.syncForm()}fmt(s){return this.format?this.format(s):c(s)}pct(s){const i=this.max-this.min;return i>0?f((s-this.min)/i*100,0,100):0}get stepSize(){return this.step>0?this.step:1}get decimals(){return((this.stepSize+"").split(".")[1]||"").length}snap(s){const i=this.stepSize;return f(Number((this.min+Math.round((s-this.min)/i)*i).toFixed(this.decimals)),this.min,this.max)}get gap(){if(!(this.minGap>0))return 0;const s=this.stepSize;return Number((Math.ceil(this.minGap/s-1e-9)*s).toFixed(this.decimals))}fromPointer(s){if(!this.track)return this.min;const i=this.track.getBoundingClientRect(),e=b(this.track)?i.right-s.clientX:s.clientX-i.left,t=this.vertical?i.height>0?f((i.bottom-s.clientY)/i.height,0,1):0:i.width>0?f(e/i.width,0,1):0;return this.snap(this.min+t*(this.max-this.min))}detail(){return this.range?this.pair:this.one}setHandle(s,i){let e=this.snap(i);const t=this.empty;if(this.range){const i=this.pair,r=this.gap,a=Number(0===s?(i[1]-r).toFixed(this.decimals):(i[0]+r).toFixed(this.decimals));return e=0===s?Math.min(e,a):Math.max(e,a),e=f(e,this.min,this.max),!(0===s?e>a:e<a)&&!(i[s]===e&&!t||(i[s]=e,this.value=i,0))}return!(this.one===e&&!t||(this.value=e,0))}onMove=s=>{this.dragging<0||this.setHandle(this.dragging,this.fromPointer(s))&&this.suiInput.emit(this.detail())};onUp=()=>this.stopDrag(!0);startDrag(s){this.dragging=s,this.handles[s]?.focus(),document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp)}stopDrag(s){"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),this.dragging<0||(this.dragging=-1,s&&this.suiChange.emit(this.detail()))}onHandleDown=s=>i=>{this.isInert||(i.preventDefault(),i.stopPropagation(),this.startDrag(s))};nearestHandle(s){if(!this.range)return 0;const[i,e]=this.pair;return Math.abs(s-i)<=Math.abs(s-e)?0:1}onTrackDown=s=>{if(this.isInert)return;s.preventDefault();const i=this.fromPointer(s),e=this.nearestHandle(i);this.setHandle(e,i)&&this.suiInput.emit(this.detail()),this.startDrag(e)};onHandleKey=s=>i=>{if(this.isInert)return;const e=this.range?this.pair[s]:this.one,t=this.stepSize,r=!this.vertical&&b(this.host)?"ArrowLeft":"ArrowRight";let a;switch(i.key){case r:case"ArrowUp":a=e+t;break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":case"ArrowDown":a=e-t;break;case"PageUp":a=e+10*t;break;case"PageDown":a=e-10*t;break;case"Home":a=this.min;break;case"End":a=this.max;break;default:return}i.preventDefault(),this.setHandle(s,a)&&(this.suiInput.emit(this.detail()),this.suiChange.emit(this.detail()))};renderHandle(s,i){const e=this.pct(s),r=e+"%";return t("div",{key:i,ref:s=>this.handles[i]=s,class:{handle:!0,dragging:this.dragging===i},role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":(this.range?`${this.label?this.label+" ":""}${0===i?"minimum":"maximum"}`:this.label)||void 0,"aria-orientation":this.vertical?"vertical":null,"aria-valuenow":s,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuetext":this.empty?p(void 0,"slider.noValue",void 0,"No value"):this.fmt(s),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),style:this.vertical?{bottom:r,zIndex:this.range&&0===i&&e>50?"2":"1"}:{insetInlineStart:r,zIndex:this.range&&0===i&&e>50?"2":"1"},onPointerDown:this.onHandleDown(i),onKeyDown:this.onHandleKey(i)})}render(){const[s,i]=this.pair,e=this.range?this.pct(s):0,r=this.range?this.pct(i):this.empty?0:this.pct(this.one),l=s=>t("span",{key:"f2234063bf300aa93bfba689f1dd64dd378f92d4",class:"figure"},this.fmt(s)),n=this.empty?null:this.range?[l(s)," – ",l(i)]:l(this.one),d=this.vertical,o=d?{bottom:e+"%",height:Math.max(0,r-e)+"%"}:{insetInlineStart:e+"%",width:Math.max(0,r-e)+"%"};return t(a,{key:"38901a2efc3e1def330e8b665f42d053742cfd0e",help:this.help,error:this.error,descId:this.fieldId},t("div",{key:"657b5db8dc5081158d6f8caabb905dd6903d203c",class:{"sui-slider":!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error,range:this.range,vertical:d,empty:this.empty}},this.label||this.showValue&&!d?t("div",{class:"head"},t("span",{class:"label"},this.label,this.label&&this.required?t("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),this.showValue&&!d?t("span",{class:"readout"},n):null):null,t("div",{key:"d5e525c5760ccd32112508a8dd6655764a362a0e",ref:s=>this.track=s,class:"track",onPointerDown:this.onTrackDown},t("div",{key:"ac96a6b31831cdb35bd37728f529a51b2aece8b5",class:"rail"}),t("div",{key:"f1450666108aaf93441d948327226d0397ffd562",class:"fill",style:o}),this.range?[this.renderHandle(s,0),this.renderHandle(i,1)]:this.renderHandle(this.one,0)),d&&this.showValue?t("div",{class:"foot"},t("span",{class:"readout"},n)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValue:0}],range:[{onValue:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}}static get style(){return".sc-sui-slider-h{display:block;font-family:var(--font-sans)}[orientation='vertical'].sc-sui-slider-h{display:inline-block;height:180px}[orientation='vertical'].sc-sui-slider-h .sui-field.sc-sui-slider{height:100%}[orientation='vertical'].sc-sui-slider-h .sui-slider.sc-sui-slider{flex:1 1 auto;min-height:0}.sui-slider.sc-sui-slider{display:flex;flex-direction:column;gap:8px}.head.sc-sui-slider{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.label.sc-sui-slider{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.readout.sc-sui-slider{font-size:12.5px;font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.figure.sc-sui-slider{direction:ltr;unicode-bidi:plaintext}.track.sc-sui-slider{position:relative;height:16px;cursor:pointer;touch-action:none}.read-only.sc-sui-slider .track.sc-sui-slider,.read-only.sc-sui-slider .handle.sc-sui-slider{cursor:default}.disabled.sc-sui-slider .track.sc-sui-slider{cursor:not-allowed}.rail.sc-sui-slider,.fill.sc-sui-slider{position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:2px}.rail.sc-sui-slider{left:0;right:0;background:var(--brand-soft)}.fill.sc-sui-slider{background:var(--brand)}.disabled.sc-sui-slider .fill.sc-sui-slider{background:var(--border-strong)}.empty.sc-sui-slider .fill.sc-sui-slider{visibility:hidden}.handle.sc-sui-slider{position:absolute;top:50%;margin-inline-start:-8px;transform:translateY(-50%);box-sizing:border-box;width:16px;height:16px;border-radius:50%;--sui-slider-tint:var(--brand);--sui-slider-lift:0 1px 3px color-mix(in srgb, var(--sui-slider-tint) 25%, transparent);background:var(--surface);border:2px solid var(--sui-slider-tint);box-shadow:var(--sui-slider-lift);cursor:grab;touch-action:none}.handle.dragging.sc-sui-slider{cursor:grabbing}.handle.sc-sui-slider:hover{box-shadow:var(--sui-slider-lift), 0 0 0 6px var(--surface-hover)}.handle.sc-sui-slider:active,.handle.dragging.sc-sui-slider{box-shadow:var(--sui-slider-lift), 0 0 0 6px var(--surface-pressed)}.handle.sc-sui-slider:focus{outline:none}.handle.sc-sui-slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-slider:not(.disabled) .rail.sc-sui-slider{background:var(--danger-soft)}.invalid.sc-sui-slider:not(.disabled) .fill.sc-sui-slider{background:var(--danger)}.invalid.sc-sui-slider:not(.disabled) .handle.sc-sui-slider{--sui-slider-tint:var(--danger)}.invalid.sc-sui-slider .handle.sc-sui-slider:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.disabled.sc-sui-slider .handle.sc-sui-slider{border-color:var(--border-strong);cursor:not-allowed}.disabled.sc-sui-slider .handle.sc-sui-slider:hover,.read-only.sc-sui-slider .handle.sc-sui-slider:hover{box-shadow:var(--sui-slider-lift)}.vertical.sc-sui-slider{align-items:center}.vertical.sc-sui-slider .head.sc-sui-slider,.vertical.sc-sui-slider .foot.sc-sui-slider{flex:none;justify-content:center}.vertical.sc-sui-slider .track.sc-sui-slider{flex:1 1 auto;height:auto;width:16px;min-height:48px}.vertical.sc-sui-slider .rail.sc-sui-slider,.vertical.sc-sui-slider .fill.sc-sui-slider{top:auto;left:50%;transform:translateX(-50%);width:4px;height:auto}.vertical.sc-sui-slider .rail.sc-sui-slider{top:0;bottom:0}.vertical.sc-sui-slider .handle.sc-sui-slider{top:auto;left:50%;margin-inline-start:0;transform:translate(-50%, 50%)}@media (forced-colors: active){.rail.sc-sui-slider{box-sizing:border-box;border:1px solid CanvasText}.fill.sc-sui-slider,.invalid.sc-sui-slider:not(.disabled) .fill.sc-sui-slider{background:Highlight}.handle.sc-sui-slider{background:ButtonText;border-color:ButtonText}.disabled.sc-sui-slider .fill.sc-sui-slider{background:GrayText}.disabled.sc-sui-slider .handle.sc-sui-slider{background:GrayText;border-color:GrayText}.disabled.sc-sui-slider .label.sc-sui-slider,.disabled.sc-sui-slider .readout.sc-sui-slider{color:GrayText}}.sui-field.sc-sui-slider{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-slider{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-slider .sui-field-label.sc-sui-slider{color:var(--danger)}.sui-field-req.sc-sui-slider{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-slider{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-slider{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-slider .sui-glyph.sc-sui-slider{font-size:11px}"}},[578,"sui-slider",{label:[1],help:[1],error:[1],required:[516],min:[2],max:[2],step:[2],value:[1026],range:[516],minGap:[2,"min-gap"],orientation:[513],disabled:[516],readOnly:[516,"readonly"],showValue:[516,"show-value"],format:[16],name:[513],dragging:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{onValue:0}],range:[{onValue:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}]}]),x=v,y=function(){"undefined"!=typeof customElements&&["sui-slider"].forEach((s=>{"sui-slider"===s&&(customElements.get(r(s))||customElements.define(r(s),v))}))};export{x as SuiSlider,y as defineCustomElement}

package/dist/components/sui-sparkline.js

@@ -1 +1 @@
-import{S as o,d as r}from"./p-DkrAmkCb.js";const s=o,m=r;export{s as SuiSparkline,m as defineCustomElement}
+import{S as t,d as o}from"./p-CUtteYdg.js";const s=t,p=o;export{s as SuiSparkline,p as defineCustomElement}

package/dist/components/sui-speed-dial.js

@@ -1 +1 @@
-import{p as s,H as i,c as e,h as t,a,t as o}from"./p-DQ8DrIvI.js";import{i as r}from"./p-Cs2X0Kih.js";import{d}from"./p-BHB1Wprj.js";import{o as n,a as l}from"./p-CnbXPlor.js";import{k as c}from"./p-CYlxvoVo.js";import{u}from"./p-U06fVoGD.js";import{a as p,l as h}from"./p-BuyjS5bS.js";import{i as f}from"./p-GAnFXayY.js";const b=["up","down","left","right"],v=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],m={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},g={ArrowUp:"ArrowDown",ArrowDown:"ArrowUp",ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"},w=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.suiPick=e(this,"suiPick",7)}get host(){return this}items=[];disabled=!1;icon="fa-solid fa-plus";iconOpen;direction="up";open=!1;suiOpen;suiClose;suiPick;hostLabel;closing=!1;launcher;satsEl;fieldId=u("sui-speed-dial");stopOutside;stopAria;exit=n((()=>this.closing=!1));pendingFocus;get fanned(){return this.open&&!this.disabled}get fanDirection(){return b.includes(this.direction)?this.direction:"up"}connectedCallback(){d(this.host,(()=>this.launcher)),this.stopAria?.(),this.stopAria=r(this.host,(s=>{this.hostLabel=s})),this.launcher&&this.armOutside()}componentDidLoad(){this.armOutside()}componentDidUpdate(){this.armOutside()}componentDidRender(){if(!this.pendingFocus)return;const s=this.pendingFocus;this.pendingFocus=void 0,this.fanned&&this.focusSat(this.step(-1,"first"===s?1:-1))}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.stopOutside?.(),this.stopOutside=void 0,this.exit.active&&(this.exit.cancel(),this.closing=!1)}onFanChange(){if(this.fanned)return this.exit.cancel(),void(this.closing=!1);!this.closing&&this.satsEl&&(this.closing=this.exit.begin(this.satsEl))}armOutside(){this.fanned&&!this.stopOutside&&this.host.isConnected?this.stopOutside=l((()=>[this.host]),(()=>this.requestClose("outside"))):!this.fanned&&this.stopOutside&&(this.stopOutside(),this.stopOutside=void 0)}onDisabled(s){s&&this.requestClose("cancel")}async setFocus(){this.launcher?.focus()}show(){this.open||(this.open=!0,c(this.host,this.launcher),this.suiOpen.emit())}requestClose(s,i=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,i&&this.launcher?.focus()))}toggle=()=>{this.disabled||(this.open?this.requestClose("trigger"):this.show())};pick(s){s.disabled||(this.requestClose("pick",!0),this.suiPick.emit(s),s.command?.())}onFocusOut=s=>{if(!this.fanned)return;const i=s.relatedTarget;i&&!this.host.contains(i)&&this.requestClose("outside")};step(s,i){const e=this.items||[],t=e.length;if(!t)return-1;const a=s=>!e[s]?.disabled;if(s<0){for(let s=0;s<t;s++){const e=i>0?s:t-1-s;if(a(e))return e}return-1}let o=s;for(let s=0;s<t;s++)if(o=(o+i+t)%t,a(o))return o;return-1}sats(){return Array.from(this.host.querySelectorAll("button.sat"))}focusSat(s){s<0||this.sats()[s]?.focus()}arrowStep(s){const i=m[this.fanDirection];if(s===i)return 1;if(s===g[i])return-1;const e=f(this.host)?"ArrowLeft":"ArrowRight";return"ArrowDown"===s||s===e?1:"ArrowUp"===s||s===g[e]?-1:0}onKeyDown=s=>{if("Escape"===s.key){if(!this.fanned)return;return s.preventDefault(),s.stopPropagation(),void this.requestClose("escape",!0)}if(this.disabled)return;const i=s.target;if(i===this.launcher){if(!v.includes(s.key))return;s.preventDefault();const i=s.key===g[m[this.fanDirection]]?"last":"first";return void(this.fanned?this.focusSat(this.step(-1,"first"===i?1:-1)):(this.pendingFocus=i,this.show()))}const e=i&&"function"==typeof i.closest?i.closest("button.sat"):null;if(!e||!this.fanned)return;const t=this.sats().indexOf(e);if("Home"===s.key)return s.preventDefault(),void this.focusSat(this.step(-1,1));if("End"===s.key)return s.preventDefault(),void this.focusSat(this.step(-1,-1));const a=this.arrowStep(s.key);a&&(s.preventDefault(),this.focusSat(this.step(t,a)))};render(){const s=this.fanDirection,i=this.hostLabel||p(void 0,"speed-dial.quickActions",void 0,"Quick actions"),e=this.fieldId+"-sats",o=this.items||[],r=this.fanned;return t(a,{key:"2c711bb8eb7c2750533f559fc1bf398c3460ec98"},t("div",{key:"67f6c7608034bbf70deddd8defef5a0fe59ef343",class:{dial:!0,[s]:!0,open:r,spin:!this.iconOpen},onKeyDown:this.onKeyDown,onFocusout:this.onFocusOut},t("button",{key:"20b049f9d25e1210a37d900b24909d833fa7d8ba",ref:s=>this.launcher=s,type:"button",class:"launcher",disabled:this.disabled,"aria-label":i,"aria-expanded":r?"true":"false","aria-controls":r?e:null,onClick:this.toggle},t("i",{key:"b389f0cd5bad14f2bfb766bc79b1aa9e47396732",class:r&&this.iconOpen?this.iconOpen:this.icon,"aria-hidden":"true"})),r||this.closing?t("div",{class:{sats:!0,closing:this.closing},inert:this.closing,id:e,role:"group","aria-label":i,ref:s=>this.satsEl=s},o.map(((s,i)=>t("div",{class:"sat-wrap",key:i},t("button",{type:"button",class:"sat",disabled:this.disabled||!!s.disabled,"aria-label":s.label||h(void 0,"speed-dial.action",void 0,"Action {n}",{n:i+1}),onClick:()=>this.pick(s)},t("i",{class:s.icon,"aria-hidden":"true"})),s.label?t("span",{class:"cap","aria-hidden":"true"},s.label):null)))):null))}static get watchers(){return{open:[{onFanChange:0}],disabled:[{onFanChange:0},{onDisabled:0}]}}static get style(){return".sc-sui-speed-dial-h{position:relative;display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.dial.sc-sui-speed-dial{position:relative;display:flex;flex-direction:column;align-items:center}.sats.sc-sui-speed-dial{position:absolute;left:50%;transform:translateX(-50%);z-index:var(--z-dropdown);display:flex;flex-direction:column-reverse;align-items:center;gap:10px;bottom:calc(100% + 10px)}.dial.down.sc-sui-speed-dial .sats.sc-sui-speed-dial{top:calc(100% + 10px);bottom:auto;flex-direction:column}.dial.left.sc-sui-speed-dial .sats.sc-sui-speed-dial,.dial.right.sc-sui-speed-dial .sats.sc-sui-speed-dial{left:auto;bottom:auto;top:50%;transform:translateY(-50%);flex-direction:row;align-items:center}.dial.left.sc-sui-speed-dial .sats.sc-sui-speed-dial{right:calc(100% + 10px);flex-direction:row-reverse}.dial.right.sc-sui-speed-dial .sats.sc-sui-speed-dial{left:calc(100% + 10px)}.launcher.sc-sui-speed-dial{width:48px;height:48px;padding:0;margin:0;border:none;border-radius:50%;cursor:pointer;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-pop);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base) var(--ease-out), background var(--duration-fast) var(--ease-out)}.launcher.sc-sui-speed-dial i.sc-sui-speed-dial{font-size:17px}.dial.open.spin.sc-sui-speed-dial .launcher.sc-sui-speed-dial{transform:rotate(45deg)}.launcher.sc-sui-speed-dial:hover{background:var(--accent-hover)}.launcher.sc-sui-speed-dial:active{background:var(--accent-active)}.launcher.sc-sui-speed-dial:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.launcher.sc-sui-speed-dial:disabled,.sat.sc-sui-speed-dial:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed;box-shadow:none}.launcher.sc-sui-speed-dial:disabled:hover,.sat.sc-sui-speed-dial:disabled:hover{background:var(--disabled-bg)}.sat-wrap.sc-sui-speed-dial{position:relative;display:flex;align-items:center;animation:sui-speed-dial-in var(--duration-overlay) var(--ease-out)}.dial.down.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-down}.dial.left.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-left}.dial.right.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-right}.sats.closing.sc-sui-speed-dial{pointer-events:none}.sats.closing.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation:sui-speed-dial-out var(--duration-fast) var(--ease-out) forwards}.sat.sc-sui-speed-dial{width:40px;height:40px;padding:0;margin:0;border:none;border-radius:50%;cursor:pointer;background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-raised);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.sat.sc-sui-speed-dial i.sc-sui-speed-dial{font-size:14px}.sat.sc-sui-speed-dial:hover,.sat.sc-sui-speed-dial:focus-visible{background:var(--brand-hover)}.sat.sc-sui-speed-dial:active{background:var(--brand-active)}.sat.sc-sui-speed-dial:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.cap.sc-sui-speed-dial{display:none;position:absolute;inset-inline-end:calc(100% + 10px);white-space:nowrap;background:var(--brand);color:var(--brand-contrast);font-size:11.5px;font-weight:620;padding:5px 9px;border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);pointer-events:none}.sat.sc-sui-speed-dial:hover+.cap.sc-sui-speed-dial,.sat.sc-sui-speed-dial:focus-visible+.cap.sc-sui-speed-dial{display:inline-block}.dial.left.sc-sui-speed-dial .cap.sc-sui-speed-dial,.dial.right.sc-sui-speed-dial .cap.sc-sui-speed-dial{inset-inline:auto;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%)}@keyframes sui-speed-dial-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-speed-dial-in-down{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-speed-dial-in-left{from{opacity:0;transform:translateX(4px)}}@keyframes sui-speed-dial-in-right{from{opacity:0;transform:translateX(-4px)}}@keyframes sui-speed-dial-out{to{opacity:0}}@media (forced-colors: active){.launcher.sc-sui-speed-dial,.sat.sc-sui-speed-dial{border:1px solid ButtonText}.launcher.sc-sui-speed-dial:disabled,.sat.sc-sui-speed-dial:disabled{border-color:GrayText}.cap.sc-sui-speed-dial{border:1px solid CanvasText}}"}},[514,"sui-speed-dial",{items:[16],disabled:[516],icon:[1],iconOpen:[1,"icon-open"],direction:[513],open:[1540],hostLabel:[32],closing:[32],setFocus:[64]},void 0,{open:[{onFanChange:0}],disabled:[{onFanChange:0},{onDisabled:0}]}]),x=w,y=function(){"undefined"!=typeof customElements&&["sui-speed-dial"].forEach((s=>{"sui-speed-dial"===s&&(customElements.get(o(s))||customElements.define(o(s),w))}))};export{x as SuiSpeedDial,y as defineCustomElement}
+import{p as s,H as i,c as e,h as t,a,t as o}from"./p-DQ8DrIvI.js";import{i as r}from"./p-wknHx00K.js";import{d}from"./p-BHB1Wprj.js";import{o as n,a as l}from"./p-B2OoQiUx.js";import{k as c}from"./p-CYlxvoVo.js";import{u}from"./p-U06fVoGD.js";import{a as p,l as h}from"./p-BuyjS5bS.js";import{i as f}from"./p-GAnFXayY.js";const b=["up","down","left","right"],v=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],m={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},g={ArrowUp:"ArrowDown",ArrowDown:"ArrowUp",ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"},w=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3),this.suiPick=e(this,"suiPick",7)}get host(){return this}items=[];disabled=!1;icon="fa-solid fa-plus";iconOpen;direction="up";open=!1;suiOpen;suiClose;suiPick;hostLabel;closing=!1;launcher;satsEl;fieldId=u("sui-speed-dial");stopOutside;stopAria;exit=n((()=>this.closing=!1));pendingFocus;get fanned(){return this.open&&!this.disabled}get fanDirection(){return b.includes(this.direction)?this.direction:"up"}connectedCallback(){d(this.host,(()=>this.launcher)),this.stopAria?.(),this.stopAria=r(this.host,(s=>{this.hostLabel=s})),this.launcher&&this.armOutside()}componentDidLoad(){this.armOutside()}componentDidUpdate(){this.armOutside()}componentDidRender(){if(!this.pendingFocus)return;const s=this.pendingFocus;this.pendingFocus=void 0,this.fanned&&this.focusSat(this.step(-1,"first"===s?1:-1))}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.stopOutside?.(),this.stopOutside=void 0,this.exit.active&&(this.exit.cancel(),this.closing=!1)}onFanChange(){if(this.fanned)return this.exit.cancel(),void(this.closing=!1);!this.closing&&this.satsEl&&(this.closing=this.exit.begin(this.satsEl))}armOutside(){this.fanned&&!this.stopOutside&&this.host.isConnected?this.stopOutside=l((()=>[this.host]),(()=>this.requestClose("outside"))):!this.fanned&&this.stopOutside&&(this.stopOutside(),this.stopOutside=void 0)}onDisabled(s){s&&this.requestClose("cancel")}async setFocus(){this.launcher?.focus()}show(){this.open||(this.open=!0,c(this.host,this.launcher),this.suiOpen.emit())}requestClose(s,i=!1){this.open&&(this.suiClose.emit(s).defaultPrevented||(this.open=!1,i&&this.launcher?.focus()))}toggle=()=>{this.disabled||(this.open?this.requestClose("trigger"):this.show())};pick(s){s.disabled||(this.requestClose("pick",!0),this.suiPick.emit(s),s.command?.())}onFocusOut=s=>{if(!this.fanned)return;const i=s.relatedTarget;i&&!this.host.contains(i)&&this.requestClose("outside")};step(s,i){const e=this.items||[],t=e.length;if(!t)return-1;const a=s=>!e[s]?.disabled;if(s<0){for(let s=0;s<t;s++){const e=i>0?s:t-1-s;if(a(e))return e}return-1}let o=s;for(let s=0;s<t;s++)if(o=(o+i+t)%t,a(o))return o;return-1}sats(){return Array.from(this.host.querySelectorAll("button.sat"))}focusSat(s){s<0||this.sats()[s]?.focus()}arrowStep(s){const i=m[this.fanDirection];if(s===i)return 1;if(s===g[i])return-1;const e=f(this.host)?"ArrowLeft":"ArrowRight";return"ArrowDown"===s||s===e?1:"ArrowUp"===s||s===g[e]?-1:0}onKeyDown=s=>{if("Escape"===s.key){if(!this.fanned)return;return s.preventDefault(),s.stopPropagation(),void this.requestClose("escape",!0)}if(this.disabled)return;const i=s.target;if(i===this.launcher){if(!v.includes(s.key))return;s.preventDefault();const i=s.key===g[m[this.fanDirection]]?"last":"first";return void(this.fanned?this.focusSat(this.step(-1,"first"===i?1:-1)):(this.pendingFocus=i,this.show()))}const e=i&&"function"==typeof i.closest?i.closest("button.sat"):null;if(!e||!this.fanned)return;const t=this.sats().indexOf(e);if("Home"===s.key)return s.preventDefault(),void this.focusSat(this.step(-1,1));if("End"===s.key)return s.preventDefault(),void this.focusSat(this.step(-1,-1));const a=this.arrowStep(s.key);a&&(s.preventDefault(),this.focusSat(this.step(t,a)))};render(){const s=this.fanDirection,i=this.hostLabel||p(void 0,"speed-dial.quickActions",void 0,"Quick actions"),e=this.fieldId+"-sats",o=this.items||[],r=this.fanned;return t(a,{key:"049709302f2b68fa4e2a94259d077b5f77cd37ec"},t("div",{key:"27404c8506c31124c983c99dcb916e4e1c0080cc",class:{dial:!0,[s]:!0,open:r,spin:!this.iconOpen},onKeyDown:this.onKeyDown,onFocusout:this.onFocusOut},t("button",{key:"21a53903f4dc8e1a3670ac15f3c178947a51b479",ref:s=>this.launcher=s,type:"button",class:"launcher",disabled:this.disabled,"aria-label":i,"aria-expanded":r?"true":"false","aria-controls":r?e:null,onClick:this.toggle},t("i",{key:"ed24963a9341f2c0174b2b52b7a3a2abf9984f4b",class:r&&this.iconOpen?this.iconOpen:this.icon,"aria-hidden":"true"})),r||this.closing?t("div",{class:{sats:!0,closing:this.closing},inert:this.closing,id:e,role:"group","aria-label":i,ref:s=>this.satsEl=s},o.map(((s,i)=>t("div",{class:"sat-wrap",key:i},t("button",{type:"button",class:"sat",disabled:this.disabled||!!s.disabled,"aria-label":s.label||h(void 0,"speed-dial.action",void 0,"Action {n}",{n:i+1}),onClick:()=>this.pick(s)},t("i",{class:s.icon,"aria-hidden":"true"})),s.label?t("span",{class:"cap","aria-hidden":"true"},s.label):null)))):null))}static get watchers(){return{open:[{onFanChange:0}],disabled:[{onFanChange:0},{onDisabled:0}]}}static get style(){return".sc-sui-speed-dial-h{position:relative;display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.dial.sc-sui-speed-dial{position:relative;display:flex;flex-direction:column;align-items:center}.sats.sc-sui-speed-dial{position:absolute;left:50%;transform:translateX(-50%);z-index:var(--z-dropdown);display:flex;flex-direction:column-reverse;align-items:center;gap:10px;bottom:calc(100% + 10px)}.dial.down.sc-sui-speed-dial .sats.sc-sui-speed-dial{top:calc(100% + 10px);bottom:auto;flex-direction:column}.dial.left.sc-sui-speed-dial .sats.sc-sui-speed-dial,.dial.right.sc-sui-speed-dial .sats.sc-sui-speed-dial{left:auto;bottom:auto;top:50%;transform:translateY(-50%);flex-direction:row;align-items:center}.dial.left.sc-sui-speed-dial .sats.sc-sui-speed-dial{right:calc(100% + 10px);flex-direction:row-reverse}.dial.right.sc-sui-speed-dial .sats.sc-sui-speed-dial{left:calc(100% + 10px)}.launcher.sc-sui-speed-dial{width:48px;height:48px;padding:0;margin:0;border:none;border-radius:50%;cursor:pointer;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-pop);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base) var(--ease-out), background var(--duration-fast) var(--ease-out)}.launcher.sc-sui-speed-dial i.sc-sui-speed-dial{font-size:17px}.dial.open.spin.sc-sui-speed-dial .launcher.sc-sui-speed-dial{transform:rotate(45deg)}.launcher.sc-sui-speed-dial:hover{background:var(--accent-hover)}.launcher.sc-sui-speed-dial:active{background:var(--accent-active)}.launcher.sc-sui-speed-dial:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.launcher.sc-sui-speed-dial:disabled,.sat.sc-sui-speed-dial:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed;box-shadow:none}.launcher.sc-sui-speed-dial:disabled:hover,.sat.sc-sui-speed-dial:disabled:hover{background:var(--disabled-bg)}.sat-wrap.sc-sui-speed-dial{position:relative;display:flex;align-items:center;animation:sui-speed-dial-in var(--duration-overlay) var(--ease-out)}.dial.down.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-down}.dial.left.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-left}.dial.right.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation-name:sui-speed-dial-in-right}.sats.closing.sc-sui-speed-dial{pointer-events:none}.sats.closing.sc-sui-speed-dial .sat-wrap.sc-sui-speed-dial{animation:sui-speed-dial-out var(--duration-fast) var(--ease-out) forwards}.sat.sc-sui-speed-dial{width:40px;height:40px;padding:0;margin:0;border:none;border-radius:50%;cursor:pointer;background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-raised);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.sat.sc-sui-speed-dial i.sc-sui-speed-dial{font-size:14px}.sat.sc-sui-speed-dial:hover,.sat.sc-sui-speed-dial:focus-visible{background:var(--brand-hover)}.sat.sc-sui-speed-dial:active{background:var(--brand-active)}.sat.sc-sui-speed-dial:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.cap.sc-sui-speed-dial{display:none;position:absolute;inset-inline-end:calc(100% + 10px);white-space:nowrap;background:var(--brand);color:var(--brand-contrast);font-size:11.5px;font-weight:620;padding:5px 9px;border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);pointer-events:none}.sat.sc-sui-speed-dial:hover+.cap.sc-sui-speed-dial,.sat.sc-sui-speed-dial:focus-visible+.cap.sc-sui-speed-dial{display:inline-block}.dial.left.sc-sui-speed-dial .cap.sc-sui-speed-dial,.dial.right.sc-sui-speed-dial .cap.sc-sui-speed-dial{inset-inline:auto;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%)}@keyframes sui-speed-dial-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-speed-dial-in-down{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-speed-dial-in-left{from{opacity:0;transform:translateX(4px)}}@keyframes sui-speed-dial-in-right{from{opacity:0;transform:translateX(-4px)}}@keyframes sui-speed-dial-out{to{opacity:0}}@media (forced-colors: active){.launcher.sc-sui-speed-dial,.sat.sc-sui-speed-dial{border:1px solid ButtonText}.launcher.sc-sui-speed-dial:disabled,.sat.sc-sui-speed-dial:disabled{border-color:GrayText}.cap.sc-sui-speed-dial{border:1px solid CanvasText}}"}},[514,"sui-speed-dial",{items:[16],disabled:[516],icon:[1],iconOpen:[1,"icon-open"],direction:[513],open:[1540],hostLabel:[32],closing:[32],setFocus:[64]},void 0,{open:[{onFanChange:0}],disabled:[{onFanChange:0},{onDisabled:0}]}]),x=w,y=function(){"undefined"!=typeof customElements&&["sui-speed-dial"].forEach((s=>{"sui-speed-dial"===s&&(customElements.get(o(s))||customElements.define(o(s),w))}))};export{x as SuiSpeedDial,y as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as i,c as s,f as n,h as e,a as o,t as a}from"./p-DQ8DrIvI.js";import{f as r,a as u,l as c,m as l,M as d}from"./p-CENCqhRM.js";import{G as p,y as b}from"./p-BJFE-_50.js";import{o as h,p as m,a as v,b as f,m as g,l as x}from"./p-CnbXPlor.js";import{k}from"./p-CYlxvoVo.js";import{t as y}from"./p-zJY3XdX8.js";import{u as w}from"./p-U06fVoGD.js";import{d as z}from"./p-BHB1Wprj.js";import{l as C,a as j}from"./p-BuyjS5bS.js";import{i as I}from"./p-GAnFXayY.js";import{defineCustomElement as D}from"./p-EDmBLID6.js";const E=["accent","brand","outline"],T=["sm","md","lg"],A=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiPick=s(this,"suiPick",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return this}label;icon;items=[];variant="accent";size="md";disabled=!1;loading=!1;open=!1;menuAlign="start";type="button";name;value;form;menuWidth=200;suiPick;suiOpen;suiClose;active=-1;closing=!1;fieldId=w("sui-split");control;chev;panel;menu;disposers=[];exit=h((()=>this.closing=!1));pendingFocus=-1;raised;demote;get menuOpen(){return this.open&&!this.disabled&&!this.loading}connectedCallback(){z(this.host,(()=>this.mainButton())),this.control&&this.menuOpen&&n(this)}componentWillRender(){!this.raised||this.menuOpen||this.closing||this.lowerPanel()}componentDidRender(){if((this.menuOpen||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=m(this.panel),this.raised=this.panel),this.menuOpen&&(this.reposition(),this.afterOpen()),this.pendingFocus>=0&&this.menu){const t=this.pendingFocus;this.pendingFocus=-1,r(this.menu,t)}}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.lowerPanel(),this.closing=!1}lowerPanel(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}onInertChange(t){t&&this.requestClose("cancel")}onOpenChange(t){if(t)return this.exit.cancel(),void(this.closing=!1);this.teardown(),this.active=-1,this.closing=this.exit.begin(this.panel)}async setFocus(){this.mainButton()?.focus()}mainButton(){return this.host.querySelector("sui-button.main .sui-btn")}afterOpen(){this.open&&this.panel&&!this.disposers.length&&this.host.isConnected&&this.disposers.push(v((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),f((()=>this.reposition())))}reposition(){if(!this.control||!this.panel)return;const t="left"===this.menuAlign||"right"===this.menuAlign?"right"===this.menuAlign!==I(this.host)?"end":"start":"end"===this.menuAlign?"end":"start";g(this.panel,x(this.control,this.panel,"bottom",6,t))}teardown(){this.disposers.forEach((t=>t())),this.disposers=[]}show(){this.open||(this.open=!0,k(this.host,this.chev),this.suiOpen.emit())}requestClose(t,i=!1){return!this.open||!this.suiClose.emit(t).defaultPrevented&&(this.open=!1,i&&this.chev?.focus(),!0)}openAt(t){this.active=t,this.pendingFocus=t,this.show()}pick=t=>{this.requestClose("pick",!0),this.suiPick.emit(t),t.command?.()};stopClick=t=>{t.stopPropagation()};toggle=t=>{t.stopPropagation(),this.disabled||this.loading||(this.open?this.requestClose("trigger"):this.show())};onControlKey=t=>{if(this.disabled||this.loading)return;const i=this.items;"ArrowDown"===t.key?(t.preventDefault(),this.open?r(this.menu,this.active>=0?this.active:u(i)):this.openAt(u(i))):"ArrowUp"===t.key?(t.preventDefault(),this.open||this.openAt(c(i))):"Escape"===t.key&&this.open&&(t.preventDefault(),this.requestClose("escape",!0))};onMenuKey=t=>{if(y(t,this.panel,(()=>this.requestClose("outside",!0)?this.chev:null),!0))return;const i=this.items,s=l(t,i,this.active);if("move"===s.action&&s.index>=0)this.active=s.index,r(this.menu,s.index);else if("activate"===s.action){const t=i[this.active];!t||t.disabled||t.separator||this.pick(t)}else"escape"===s.action&&(t.stopPropagation(),this.requestClose("escape",!0))};render(){const t=this.fieldId+"-menu",i=E.includes(this.variant)?this.variant:"accent",s=T.includes(this.size)?this.size:"md",n=this.disabled||this.loading,a=this.label?C(void 0,"split-button.optionsFor",void 0,"{label} options",{label:this.label}):j(void 0,"split-button.moreActions",void 0,"More actions");return e(o,{key:"619b2d055700221a8e1e0036cf6107fe5f89cd35"},e("div",{key:"cd02c7ac4de03c0285c3c38306a70bb4b9220d9d",ref:t=>this.control=t,class:"split",onKeyDown:this.onControlKey},e("sui-button",{key:"bf8e84c64ae4b2a0362582fb6aef743c3c1f2dfd",class:"main",variant:i,size:s,label:this.label,icon:this.icon,disabled:this.disabled,loading:this.loading,type:this.type,form:this.form,name:this.name,value:this.value}),e("button",{key:"cf5a14df8fcb41eea22f00f285797288a8df99c7",ref:t=>this.chev=t,type:"button",class:{chev:!0,[i]:!0,[s]:!0,loading:this.loading},disabled:n,"aria-label":a,"aria-haspopup":"menu","aria-expanded":this.menuOpen?"true":"false","aria-controls":this.menuOpen?t:null,onClick:this.toggle},e(p,{key:"7d922bf64fadd4c0edb533bddbfb8608bd108db3",glyph:b}))),this.menuOpen||this.closing?e("div",{ref:t=>this.panel=t,id:t,class:{panel:!0,closing:this.closing},inert:this.closing,onClick:this.stopClick},e(d,{items:this.items,width:this.menuWidth,activeIndex:this.active,idBase:this.fieldId,ariaLabel:a,menuRef:t=>this.menu=t,onPick:this.pick,onHover:t=>this.active=t,onLeave:()=>this.active=-1,onKeyDown:this.onMenuKey})):null)}static get watchers(){return{disabled:[{onInertChange:0}],loading:[{onInertChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-split-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.split.sc-sui-split-button{display:inline-flex;align-items:stretch;position:relative}.main.sc-sui-split-button{position:relative;z-index:0;--sui-button-radius:var(--radius-md) 0 0 var(--radius-md);--sui-button-hover-border:color-mix(in srgb, var(--ink) 30%, var(--control-border))}.main.sc-sui-split-button:dir(rtl){--sui-button-radius:0 var(--radius-md) var(--radius-md) 0}.main.sc-sui-split-button:focus-within{z-index:2}.chev.sc-sui-split-button{position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:0;border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:var(--font-sans);line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.chev.sc-sui-split-button::before{content:'';position:absolute;top:-1px;bottom:-1px;inset-inline-start:0;width:1px;background:color-mix(in srgb, var(--brand) 18%, transparent)}.chev.sc-sui-split-button:hover:not(:disabled)::before,.chev.sc-sui-split-button:active:not(:disabled)::before{background:transparent}.chev.sc-sui-split-button .sui-glyph.sc-sui-split-button{font-size:10px}.chev.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);z-index:2}.chev.sm.sc-sui-split-button{height:var(--control-sm)}.chev.md.sc-sui-split-button{height:var(--control-md)}.chev.lg.sc-sui-split-button{height:var(--control-lg)}.chev.accent.sc-sui-split-button{background:var(--accent);color:var(--accent-contrast)}.chev.accent.sc-sui-split-button:hover:not(:disabled){background:var(--accent-hover)}.chev.accent.sc-sui-split-button:active:not(:disabled){background:var(--accent-active)}.chev.brand.sc-sui-split-button{background:var(--brand);color:var(--brand-contrast)}.chev.brand.sc-sui-split-button:hover:not(:disabled){background:var(--brand-hover)}.chev.brand.sc-sui-split-button:not(:disabled)::before{background:var(--border-inverse)}.chev.brand.sc-sui-split-button:active:not(:disabled){background:var(--brand-active)}.chev.outline.sc-sui-split-button{background:var(--surface);color:var(--ink);border-color:var(--control-border);border-left-width:0;background-clip:padding-box}.chev.outline.sc-sui-split-button:hover:not(:disabled){background:var(--brand-soft)}.chev.outline.sc-sui-split-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.chev.outline.sc-sui-split-button::before{content:none}.chev.outline.sc-sui-split-button:disabled:not(.loading)::before{content:'';background:var(--border)}.chev.sc-sui-split-button:disabled:not(.loading){cursor:not-allowed;color:var(--disabled-ink);border-color:transparent;background:var(--disabled-bg)}.chev.outline.sc-sui-split-button:disabled:not(.loading){background:var(--surface);border-color:var(--border);border-left-width:0}.chev.loading.sc-sui-split-button{cursor:progress}.panel.sc-sui-split-button{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-split-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-split-button{animation-name:sui-split-in-top}.panel.closing.sc-sui-split-button{animation:sui-split-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-split-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-split-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-split-out{to{opacity:0}}.sui-menu-list.sc-sui-split-button{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-split-button{width:auto}.sui-menu-list.sc-sui-split-button:focus{outline:none}.sui-menu-row.sc-sui-split-button{position:relative}.sui-menu-fly.sc-sui-split-button{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-split-button{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-split-button{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-split-button{padding:5px 5px 0}.sui-menu-back.sc-sui-split-button{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-split-button:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-split-button .sui-glyph.sc-sui-split-button{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-split-button .sui-glyph.sc-sui-split-button:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-split-button .sui-menu-sep.sc-sui-split-button{margin:5px 4px 0}.sui-menu-section.sc-sui-split-button{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-split-button{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-split-button,a.sui-menu-item.sc-sui-split-button:hover,a.sui-menu-item.sc-sui-split-button:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-split-button,.sui-menu-item.open.sc-sui-split-button{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-split-button,a.sui-menu-item.danger.sc-sui-split-button,a.sui-menu-item.danger.sc-sui-split-button:hover,a.sui-menu-item.danger.sc-sui-split-button:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-split-button,.sui-menu-item.danger.sc-sui-split-button:hover,a.sui-menu-item.danger.sc-sui-split-button:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-split-button{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-split-button{font-weight:650}.sui-menu-item.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-split-button{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-split-button{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--danger)}.sui-menu-item.danger.sc-sui-split-button:hover .sui-menu-icon.sc-sui-split-button,.sui-menu-item.danger.active.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--disabled-ink)}.sui-menu-label.sc-sui-split-button{flex:1;min-width:0}.sui-menu-badge.sc-sui-split-button{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-split-button{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-split-button{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-split-button:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-split-button{background:CanvasText}.sui-menu-item.active.sc-sui-split-button,.sui-menu-item.open.sc-sui-split-button,.sui-menu-item.danger.active.sc-sui-split-button{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-split-button,a.sui-menu-item.open.sc-sui-split-button,a.sui-menu-item.danger.active.sc-sui-split-button{color:HighlightText}.sui-menu-item.disabled.sc-sui-split-button{color:GrayText}.sui-menu-item.current.sc-sui-split-button{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-split-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-split-button,.sui-menu-shortcut.sc-sui-split-button,.sui-menu-chev.sc-sui-split-button,.sui-menu-item.danger.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:inherit}.sui-menu-item.disabled.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:GrayText}.sui-menu-badge.sc-sui-split-button{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-split-button",{label:[1],icon:[1],items:[16],variant:[513],size:[513],disabled:[516],loading:[516],open:[1540],menuAlign:[513,"menu-align"],type:[513],name:[1],value:[1],form:[1],menuWidth:[2,"menu-width"],active:[32],closing:[32],setFocus:[64]},void 0,{disabled:[{onInertChange:0}],loading:[{onInertChange:0}],open:[{onOpenChange:0}]}]),B=A,O=function(){"undefined"!=typeof customElements&&["sui-split-button","sui-button"].forEach((t=>{switch(t){case"sui-split-button":customElements.get(a(t))||customElements.define(a(t),A);break;case"sui-button":customElements.get(a(t))||D()}}))};export{B as SuiSplitButton,O as defineCustomElement}
+import{p as t,H as i,c as s,f as n,h as e,a as o,t as a}from"./p-DQ8DrIvI.js";import{f as r,a as u,l as c,m as l,M as d}from"./p-xL1CQMSR.js";import{G as p,y as b}from"./p-B-Bh5OXe.js";import{o as h,p as m,a as v,b as f,m as g,l as x}from"./p-B2OoQiUx.js";import{k}from"./p-CYlxvoVo.js";import{t as y}from"./p-B9w_Mzy2.js";import{u as w}from"./p-U06fVoGD.js";import{d as z}from"./p-BHB1Wprj.js";import{l as C,a as j}from"./p-BuyjS5bS.js";import{i as I}from"./p-GAnFXayY.js";import{defineCustomElement as B}from"./p-D4DWEltI.js";const D=["accent","brand","outline"],O=["sm","md","lg"],T=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiPick=s(this,"suiPick",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return this}label;icon;items=[];variant="accent";size="md";disabled=!1;loading=!1;open=!1;menuAlign="start";type="button";name;value;form;menuWidth=200;suiPick;suiOpen;suiClose;active=-1;closing=!1;fieldId=w("sui-split");control;chev;panel;menu;disposers=[];exit=h((()=>this.closing=!1));pendingFocus=-1;raised;demote;get menuOpen(){return this.open&&!this.disabled&&!this.loading}connectedCallback(){z(this.host,(()=>this.mainButton())),this.control&&this.menuOpen&&n(this)}componentWillRender(){!this.raised||this.menuOpen||this.closing||this.lowerPanel()}componentDidRender(){if((this.menuOpen||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=m(this.panel),this.raised=this.panel),this.menuOpen&&(this.reposition(),this.afterOpen()),this.pendingFocus>=0&&this.menu){const t=this.pendingFocus;this.pendingFocus=-1,r(this.menu,t)}}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.lowerPanel(),this.closing=!1}lowerPanel(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}onInertChange(t){t&&this.requestClose("cancel")}onOpenChange(t){if(t)return this.exit.cancel(),void(this.closing=!1);this.teardown(),this.active=-1,this.closing=this.exit.begin(this.panel)}async setFocus(){this.mainButton()?.focus()}mainButton(){return this.host.querySelector("sui-button.main .sui-btn")}afterOpen(){this.open&&this.panel&&!this.disposers.length&&this.host.isConnected&&this.disposers.push(v((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),f((()=>this.reposition())))}reposition(){if(!this.control||!this.panel)return;const t="left"===this.menuAlign||"right"===this.menuAlign?"right"===this.menuAlign!==I(this.host)?"end":"start":"end"===this.menuAlign?"end":"start";g(this.panel,x(this.control,this.panel,"bottom",6,t))}teardown(){this.disposers.forEach((t=>t())),this.disposers=[]}show(){this.open||(this.open=!0,k(this.host,this.chev),this.suiOpen.emit())}requestClose(t,i=!1){return!this.open||!this.suiClose.emit(t).defaultPrevented&&(this.open=!1,i&&this.chev?.focus(),!0)}openAt(t){this.active=t,this.pendingFocus=t,this.show()}pick=t=>{this.requestClose("pick",!0),this.suiPick.emit(t),t.command?.()};stopClick=t=>{t.stopPropagation()};toggle=t=>{t.stopPropagation(),this.disabled||this.loading||(this.open?this.requestClose("trigger"):this.show())};onControlKey=t=>{if(this.disabled||this.loading)return;const i=this.items;"ArrowDown"===t.key?(t.preventDefault(),this.open?r(this.menu,this.active>=0?this.active:u(i)):this.openAt(u(i))):"ArrowUp"===t.key?(t.preventDefault(),this.open||this.openAt(c(i))):"Escape"===t.key&&this.open&&(t.preventDefault(),this.requestClose("escape",!0))};onMenuKey=t=>{if(y(t,this.panel,(()=>this.requestClose("outside",!0)?this.chev:null),!0))return;const i=this.items,s=l(t,i,this.active);if("move"===s.action&&s.index>=0)this.active=s.index,r(this.menu,s.index);else if("activate"===s.action){const t=i[this.active];!t||t.disabled||t.separator||this.pick(t)}else"escape"===s.action&&(t.stopPropagation(),this.requestClose("escape",!0))};render(){const t=this.fieldId+"-menu",i=D.includes(this.variant)?this.variant:"accent",s=O.includes(this.size)?this.size:"md",n=this.disabled||this.loading,a=this.label?C(void 0,"split-button.optionsFor",void 0,"{label} options",{label:this.label}):j(void 0,"split-button.moreActions",void 0,"More actions");return e(o,{key:"cdd5e546552e655c615952f9342965468bb5d807"},e("div",{key:"642d2459b7a2b3e3f6b50dc5ef383cee46c918df",ref:t=>this.control=t,class:"split",onKeyDown:this.onControlKey},e("sui-button",{key:"82d45a4d11c2bfdb2bba5dda30391c3d4ad0b521",class:"main",variant:i,size:s,label:this.label,icon:this.icon,disabled:this.disabled,loading:this.loading,type:this.type,form:this.form,name:this.name,value:this.value}),e("button",{key:"350ef9a36246b917b8d752bfac3090b4b37259a7",ref:t=>this.chev=t,type:"button",class:{chev:!0,[i]:!0,[s]:!0,loading:this.loading},disabled:n,"aria-label":a,"aria-haspopup":"menu","aria-expanded":this.menuOpen?"true":"false","aria-controls":this.menuOpen?t:null,onClick:this.toggle},e(p,{key:"b30e906434528be5597b5be790bcf65870e9ecb6",glyph:b}))),this.menuOpen||this.closing?e("div",{ref:t=>this.panel=t,id:t,class:{panel:!0,closing:this.closing},inert:this.closing,onClick:this.stopClick},e(d,{items:this.items,width:this.menuWidth,activeIndex:this.active,idBase:this.fieldId,ariaLabel:a,menuRef:t=>this.menu=t,onPick:this.pick,onHover:t=>this.active=t,onLeave:()=>this.active=-1,onKeyDown:this.onMenuKey})):null)}static get watchers(){return{disabled:[{onInertChange:0}],loading:[{onInertChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-split-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.split.sc-sui-split-button{display:inline-flex;align-items:stretch;position:relative}.main.sc-sui-split-button{position:relative;z-index:0;--sui-button-radius:var(--radius-md) 0 0 var(--radius-md);--sui-button-hover-border:color-mix(in srgb, var(--ink) 30%, var(--control-border))}.main.sc-sui-split-button:dir(rtl){--sui-button-radius:0 var(--radius-md) var(--radius-md) 0}.main.sc-sui-split-button:focus-within{z-index:2}.chev.sc-sui-split-button{position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:0;border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:var(--font-sans);line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.chev.sc-sui-split-button::before{content:'';position:absolute;top:-1px;bottom:-1px;inset-inline-start:0;width:1px;background:color-mix(in srgb, var(--brand) 18%, transparent)}.chev.sc-sui-split-button:hover:not(:disabled)::before,.chev.sc-sui-split-button:active:not(:disabled)::before{background:transparent}.chev.sc-sui-split-button .sui-glyph.sc-sui-split-button{font-size:10px}.chev.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);z-index:2}.chev.sm.sc-sui-split-button{height:var(--control-sm)}.chev.md.sc-sui-split-button{height:var(--control-md)}.chev.lg.sc-sui-split-button{height:var(--control-lg)}.chev.accent.sc-sui-split-button{background:var(--accent);color:var(--accent-contrast)}.chev.accent.sc-sui-split-button:hover:not(:disabled){background:var(--accent-hover)}.chev.accent.sc-sui-split-button:active:not(:disabled){background:var(--accent-active)}.chev.brand.sc-sui-split-button{background:var(--brand);color:var(--brand-contrast)}.chev.brand.sc-sui-split-button:hover:not(:disabled){background:var(--brand-hover)}.chev.brand.sc-sui-split-button:not(:disabled)::before{background:var(--border-inverse)}.chev.brand.sc-sui-split-button:active:not(:disabled){background:var(--brand-active)}.chev.outline.sc-sui-split-button{background:var(--surface);color:var(--ink);border-color:var(--control-border);border-left-width:0;background-clip:padding-box}.chev.outline.sc-sui-split-button:hover:not(:disabled){background:var(--brand-soft)}.chev.outline.sc-sui-split-button:active:not(:disabled){background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.chev.outline.sc-sui-split-button::before{content:none}.chev.outline.sc-sui-split-button:disabled:not(.loading)::before{content:'';background:var(--border)}.chev.sc-sui-split-button:disabled:not(.loading){cursor:not-allowed;color:var(--disabled-ink);border-color:transparent;background:var(--disabled-bg)}.chev.outline.sc-sui-split-button:disabled:not(.loading){background:var(--surface);border-color:var(--border);border-left-width:0}.chev.loading.sc-sui-split-button{cursor:progress}.panel.sc-sui-split-button{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-split-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-split-button{animation-name:sui-split-in-top}.panel.closing.sc-sui-split-button{animation:sui-split-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-split-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-split-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-split-out{to{opacity:0}}.sui-menu-list.sc-sui-split-button{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-split-button{width:auto}.sui-menu-list.sc-sui-split-button:focus{outline:none}.sui-menu-row.sc-sui-split-button{position:relative}.sui-menu-fly.sc-sui-split-button{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-split-button{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-split-button{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-split-button{padding:5px 5px 0}.sui-menu-back.sc-sui-split-button{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-split-button:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-split-button .sui-glyph.sc-sui-split-button{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-split-button .sui-glyph.sc-sui-split-button:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-split-button .sui-menu-sep.sc-sui-split-button{margin:5px 4px 0}.sui-menu-section.sc-sui-split-button{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-split-button{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-split-button,a.sui-menu-item.sc-sui-split-button:hover,a.sui-menu-item.sc-sui-split-button:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-split-button,.sui-menu-item.open.sc-sui-split-button{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-split-button,a.sui-menu-item.danger.sc-sui-split-button,a.sui-menu-item.danger.sc-sui-split-button:hover,a.sui-menu-item.danger.sc-sui-split-button:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-split-button,.sui-menu-item.danger.sc-sui-split-button:hover,a.sui-menu-item.danger.sc-sui-split-button:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-split-button{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-split-button{font-weight:650}.sui-menu-item.sc-sui-split-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-split-button{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-split-button{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--danger)}.sui-menu-item.danger.sc-sui-split-button:hover .sui-menu-icon.sc-sui-split-button,.sui-menu-item.danger.active.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:var(--disabled-ink)}.sui-menu-label.sc-sui-split-button{flex:1;min-width:0}.sui-menu-badge.sc-sui-split-button{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-split-button{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-split-button{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-split-button:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-split-button{background:CanvasText}.sui-menu-item.active.sc-sui-split-button,.sui-menu-item.open.sc-sui-split-button,.sui-menu-item.danger.active.sc-sui-split-button{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-split-button,a.sui-menu-item.open.sc-sui-split-button,a.sui-menu-item.danger.active.sc-sui-split-button{color:HighlightText}.sui-menu-item.disabled.sc-sui-split-button{color:GrayText}.sui-menu-item.current.sc-sui-split-button{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-split-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-split-button,.sui-menu-shortcut.sc-sui-split-button,.sui-menu-chev.sc-sui-split-button,.sui-menu-item.danger.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:inherit}.sui-menu-item.disabled.sc-sui-split-button .sui-menu-icon.sc-sui-split-button{color:GrayText}.sui-menu-badge.sc-sui-split-button{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-split-button",{label:[1],icon:[1],items:[16],variant:[513],size:[513],disabled:[516],loading:[516],open:[1540],menuAlign:[513,"menu-align"],type:[513],name:[1],value:[1],form:[1],menuWidth:[2,"menu-width"],active:[32],closing:[32],setFocus:[64]},void 0,{disabled:[{onInertChange:0}],loading:[{onInertChange:0}],open:[{onOpenChange:0}]}]),A=T,E=function(){"undefined"!=typeof customElements&&["sui-split-button","sui-button"].forEach((t=>{switch(t){case"sui-split-button":customElements.get(a(t))||customElements.define(a(t),T);break;case"sui-button":customElements.get(a(t))||B()}}))};export{A as SuiSplitButton,E as defineCustomElement}

package/dist/components/sui-splitter.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as e,a as r,t as o}from"./p-DQ8DrIvI.js";import{i as a}from"./p-Cs2X0Kih.js";import{d as n}from"./p-BHB1Wprj.js";import{a as h}from"./p-BuyjS5bS.js";import{i as u}from"./p-GAnFXayY.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiResize=s(this,"suiResize",3),this.suiResizeEnd=s(this,"suiResizeEnd",3)}get host(){return this}ratio=.5;minRatio=.2;height=220;orientation="horizontal";collapsible=!1;flush=!1;suiResize;suiResizeEnd;hostLabel;overflowStart=!1;overflowEnd=!1;paneStart;paneEnd;gutterEl;ro;dragging=!1;moved=!1;box;lastOpen;stopAria;connectedCallback(){n(this.host,(()=>this.gutterEl)),this.stopAria?.(),this.stopAria=a(this.host,(t=>{this.hostLabel=t})),this.paneStart&&this.watchPanes(!0)}componentDidLoad(){this.measurePanes(!0),this.watchPanes()}async setFocus(){this.gutterEl?.focus()}watchPanes(t=!1){this.ro?.disconnect(),this.ro=void 0,"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measurePanes())),this.paneStart&&this.ro.observe(this.paneStart),this.paneEnd&&this.ro.observe(this.paneEnd)),t&&this.measurePanes(!0)}componentDidUpdate(){this.measurePanes(!0)}disconnectedCallback(){this.stopDrag(!1),this.stopAria?.(),this.ro?.disconnect(),this.ro=void 0}scrolls(t){return!!t&&(t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1)}measurePanes=(t=!1)=>{const i=this.scrolls(this.paneStart),s=this.scrolls(this.paneEnd);if(i===this.overflowStart&&s===this.overflowEnd)return;const e=()=>{i!==this.overflowStart&&(this.overflowStart=i),s!==this.overflowEnd&&(this.overflowEnd=s)};t?Promise.resolve().then(e):e()};get vertical(){return"vertical"===this.orientation}get min(){return Math.min(Math.max(this.minRatio,0),.5)}open(t){return t>0&&t<1}clamp(t){const i=this.min;if(this.collapsible){if(t<i/2)return 0;if(t>1-i/2)return 1}return Math.min(1-i,Math.max(i,t))}set(t){const i=Math.round(1e3*this.clamp(t))/1e3;return i!==this.ratio&&(this.ratio=i,!0)}remember(){this.open(this.ratio)&&(this.lastOpen=this.ratio)}onPointerDown=t=>{t.preventDefault(),this.dragging=!0,this.moved=!1,this.remember(),this.box=this.host.getBoundingClientRect(),this.host.classList.add("dragging"),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)};onPointerMove=t=>{const i=this.box;if(!this.dragging||!i)return;const s=this.vertical?i.height:i.width;if(!s)return;const e=this.vertical?t.clientY-i.top:u(this.host)?i.right-t.clientX:t.clientX-i.left;this.set(e/s)&&(this.moved=!0,this.suiResize.emit(this.ratio))};onPointerUp=()=>this.stopDrag(!0);stopDrag(t){this.dragging&&(this.dragging=!1,this.box=void 0,this.host.classList.remove("dragging"),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.remember(),t&&this.moved&&this.suiResizeEnd.emit(this.ratio))}step(t){const i=this.ratio,s=this.min;if(this.collapsible){const e=void 0!==this.lastOpen&&this.lastOpen>=s&&this.lastOpen<=1-s?this.lastOpen:void 0;if(i<=0&&t>0)return e??s;if(i>=1&&t<0)return e??1-s;if(t<0&&i<=s)return 0;if(t>0&&i>=1-s)return 1}return i+.02*t}onKeyDown=t=>{const i=!this.vertical&&u(this.host),s=this.vertical?"ArrowDown":i?"ArrowLeft":"ArrowRight";let e=null;t.key===(this.vertical?"ArrowUp":i?"ArrowRight":"ArrowLeft")?e=this.step(-1):t.key===s?e=this.step(1):"Home"===t.key?e=0:"End"===t.key&&(e=1),null!==e&&(t.preventDefault(),this.remember(),this.set(e)&&(this.remember(),this.suiResize.emit(this.ratio),this.suiResizeEnd.emit(this.ratio)))};render(){const t=this.vertical,i=this.clamp(this.ratio),s=Math.round(1e3*i)/10,o=this.collapsible?0:Math.round(1e3*this.min)/10,a=this.collapsible&&i<=0,n=this.collapsible&&i>=1;return e(r,{key:"fe70eb68d0a4d0201a6a0bca7384b1924e4e38ea",class:{vertical:t,"shut-start":a,"shut-end":n},style:{height:this.height+"px"}},e("div",{key:"e476909f6d526504f659c4308d08667b5552e31e",class:{pane:!0,start:!0,padded:!this.flush,shut:a},ref:t=>this.paneStart=t,style:t?{height:s+"%"}:{width:s+"%"},tabindex:this.overflowStart?"0":void 0},e("slot",{key:"99d2f3108234d9ad9f25a653dce85b303e906be8",name:"start"})),e("div",{key:"57158e4aeca1408aaccf50af4b12f045764a2ced",class:"gutter",ref:t=>this.gutterEl=t,role:"separator","aria-orientation":t?"horizontal":"vertical","aria-label":this.hostLabel||h(void 0,"splitter.resizePanes",void 0,"Resize panes"),"aria-valuenow":s+"","aria-valuemin":o+"","aria-valuemax":100-o+"",tabIndex:0,onPointerDown:this.onPointerDown,onKeyDown:this.onKeyDown},e("span",{key:"fa18b5ad62bfa45003cd9e81d9cb872b2dab6fa5",class:"grip","aria-hidden":"true"})),e("div",{key:"37073dee8fef5610b75578aa89d60eba97c93dca",class:{pane:!0,end:!0,padded:!this.flush,shut:n},ref:t=>this.paneEnd=t,tabindex:this.overflowEnd?"0":void 0},e("slot",{key:"31da1fea1ad19b7721a12e6bfb5bbec5aa69ac9e",name:"end"})))}static get style(){return".sc-sui-splitter-h{display:flex;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.vertical.sc-sui-splitter-h{flex-direction:column}.dragging.sc-sui-splitter-h{user-select:none}.pane.sc-sui-splitter{overflow:auto;font-size:13px;background:var(--surface);box-sizing:border-box;min-width:0;min-height:0}.pane.padded.sc-sui-splitter{padding:14px 16px}.pane.start.sc-sui-splitter{flex:0 1 auto}.pane.end.sc-sui-splitter{flex:1}.pane.shut.sc-sui-splitter{display:none}.pane.sc-sui-splitter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.gutter.sc-sui-splitter{position:relative;z-index:1;width:1px;flex-shrink:0;box-sizing:border-box;cursor:col-resize;touch-action:none;background:var(--hairline);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.gutter.sc-sui-splitter::before{content:'';position:absolute;top:0;bottom:0;left:-3px;right:-3px}.gutter.sc-sui-splitter:hover,.gutter.sc-sui-splitter:focus-visible,.dragging.sc-sui-splitter-h .gutter.sc-sui-splitter{background:var(--border-strong)}.gutter.sc-sui-splitter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.grip.sc-sui-splitter{position:relative;display:block;flex-shrink:0;width:3px;height:22px;border-radius:var(--radius-pill);background:var(--control-border);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.gutter.sc-sui-splitter:hover .grip.sc-sui-splitter,.gutter.sc-sui-splitter:focus-visible .grip.sc-sui-splitter,.dragging.sc-sui-splitter-h .grip.sc-sui-splitter{opacity:1}.vertical.sc-sui-splitter-h .gutter.sc-sui-splitter{width:auto;height:1px;cursor:row-resize}.vertical.sc-sui-splitter-h .gutter.sc-sui-splitter::before{top:-3px;bottom:-3px;left:0;right:0}.vertical.sc-sui-splitter-h .grip.sc-sui-splitter{width:22px;height:3px}@media (forced-colors: active){.gutter.sc-sui-splitter,.gutter.sc-sui-splitter:hover,.gutter.sc-sui-splitter:focus-visible,.dragging.sc-sui-splitter-h .gutter.sc-sui-splitter{background:CanvasText}.grip.sc-sui-splitter{background:CanvasText}}"}},[774,"sui-splitter",{ratio:[1026],minRatio:[2,"min-ratio"],height:[2],orientation:[513],collapsible:[516],flush:[516],hostLabel:[32],overflowStart:[32],overflowEnd:[32],setFocus:[64]}]),l=c,p=function(){"undefined"!=typeof customElements&&["sui-splitter"].forEach((t=>{"sui-splitter"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{l as SuiSplitter,p as defineCustomElement}
+import{p as t,H as i,c as s,h as e,a as r,t as o}from"./p-DQ8DrIvI.js";import{i as a}from"./p-wknHx00K.js";import{d as n}from"./p-BHB1Wprj.js";import{a as h}from"./p-BuyjS5bS.js";import{i as c}from"./p-GAnFXayY.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiResize=s(this,"suiResize",3),this.suiResizeEnd=s(this,"suiResizeEnd",3)}get host(){return this}ratio=.5;minRatio=.2;height=220;orientation="horizontal";collapsible=!1;flush=!1;suiResize;suiResizeEnd;hostLabel;overflowStart=!1;overflowEnd=!1;paneStart;paneEnd;gutterEl;ro;dragging=!1;moved=!1;box;lastOpen;stopAria;connectedCallback(){n(this.host,(()=>this.gutterEl)),this.stopAria?.(),this.stopAria=a(this.host,(t=>{this.hostLabel=t})),this.paneStart&&this.watchPanes(!0)}componentDidLoad(){this.measurePanes(!0),this.watchPanes()}async setFocus(){this.gutterEl?.focus()}watchPanes(t=!1){this.ro?.disconnect(),this.ro=void 0,"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measurePanes())),this.paneStart&&this.ro.observe(this.paneStart),this.paneEnd&&this.ro.observe(this.paneEnd)),t&&this.measurePanes(!0)}componentDidUpdate(){this.measurePanes(!0)}disconnectedCallback(){this.stopDrag(!1),this.stopAria?.(),this.ro?.disconnect(),this.ro=void 0}scrolls(t){return!!t&&(t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1)}measurePanes=(t=!1)=>{const i=this.scrolls(this.paneStart),s=this.scrolls(this.paneEnd);if(i===this.overflowStart&&s===this.overflowEnd)return;const e=()=>{i!==this.overflowStart&&(this.overflowStart=i),s!==this.overflowEnd&&(this.overflowEnd=s)};t?Promise.resolve().then(e):e()};get vertical(){return"vertical"===this.orientation}get min(){return Math.min(Math.max(this.minRatio,0),.5)}open(t){return t>0&&t<1}clamp(t){const i=this.min;if(this.collapsible){if(t<i/2)return 0;if(t>1-i/2)return 1}return Math.min(1-i,Math.max(i,t))}set(t){const i=Math.round(1e3*this.clamp(t))/1e3;return i!==this.ratio&&(this.ratio=i,!0)}remember(){this.open(this.ratio)&&(this.lastOpen=this.ratio)}onPointerDown=t=>{t.preventDefault(),this.dragging=!0,this.moved=!1,this.remember(),this.box=this.host.getBoundingClientRect(),this.host.classList.add("dragging"),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)};onPointerMove=t=>{const i=this.box;if(!this.dragging||!i)return;const s=this.vertical?i.height:i.width;if(!s)return;const e=this.vertical?t.clientY-i.top:c(this.host)?i.right-t.clientX:t.clientX-i.left;this.set(e/s)&&(this.moved=!0,this.suiResize.emit(this.ratio))};onPointerUp=()=>this.stopDrag(!0);stopDrag(t){this.dragging&&(this.dragging=!1,this.box=void 0,this.host.classList.remove("dragging"),document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp),this.remember(),t&&this.moved&&this.suiResizeEnd.emit(this.ratio))}step(t){const i=this.ratio,s=this.min;if(this.collapsible){const e=void 0!==this.lastOpen&&this.lastOpen>=s&&this.lastOpen<=1-s?this.lastOpen:void 0;if(i<=0&&t>0)return e??s;if(i>=1&&t<0)return e??1-s;if(t<0&&i<=s)return 0;if(t>0&&i>=1-s)return 1}return i+.02*t}onKeyDown=t=>{const i=!this.vertical&&c(this.host),s=this.vertical?"ArrowDown":i?"ArrowLeft":"ArrowRight";let e=null;t.key===(this.vertical?"ArrowUp":i?"ArrowRight":"ArrowLeft")?e=this.step(-1):t.key===s?e=this.step(1):"Home"===t.key?e=0:"End"===t.key&&(e=1),null!==e&&(t.preventDefault(),this.remember(),this.set(e)&&(this.remember(),this.suiResize.emit(this.ratio),this.suiResizeEnd.emit(this.ratio)))};render(){const t=this.vertical,i=this.clamp(this.ratio),s=Math.round(1e3*i)/10,o=this.collapsible?0:Math.round(1e3*this.min)/10,a=this.collapsible&&i<=0,n=this.collapsible&&i>=1;return e(r,{key:"c61dca21eb218382e50571fa3c695989898ddb6f",class:{vertical:t,"shut-start":a,"shut-end":n},style:{height:this.height+"px"}},e("div",{key:"7aebd14c18045dfa73c8be98826baa22a16c44f7",class:{pane:!0,start:!0,padded:!this.flush,shut:a},ref:t=>this.paneStart=t,style:t?{height:s+"%"}:{width:s+"%"},tabindex:this.overflowStart?"0":void 0},e("slot",{key:"ba250273b79eeb8e9d66d575554284b8148390c8",name:"start"})),e("div",{key:"ba266175a6fea5e6b6e8d9656c97f4997a9bdb2e",class:"gutter",ref:t=>this.gutterEl=t,role:"separator","aria-orientation":t?"horizontal":"vertical","aria-label":this.hostLabel||h(void 0,"splitter.resizePanes",void 0,"Resize panes"),"aria-valuenow":s+"","aria-valuemin":o+"","aria-valuemax":100-o+"",tabIndex:0,onPointerDown:this.onPointerDown,onKeyDown:this.onKeyDown},e("span",{key:"0f2014baa56b4ee46002b5296b4ee9454c920e11",class:"grip","aria-hidden":"true"})),e("div",{key:"c64936a278aebab0b7ec63bf57db7b593c83fe3c",class:{pane:!0,end:!0,padded:!this.flush,shut:n},ref:t=>this.paneEnd=t,tabindex:this.overflowEnd?"0":void 0},e("slot",{key:"e80e65cceb4bae35023114f95c40dbca4f5cdc0b",name:"end"})))}static get style(){return".sc-sui-splitter-h{display:flex;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.vertical.sc-sui-splitter-h{flex-direction:column}.dragging.sc-sui-splitter-h{user-select:none}.pane.sc-sui-splitter{overflow:auto;font-size:13px;background:var(--surface);box-sizing:border-box;min-width:0;min-height:0}.pane.padded.sc-sui-splitter{padding:14px 16px}.pane.start.sc-sui-splitter{flex:0 1 auto}.pane.end.sc-sui-splitter{flex:1}.pane.shut.sc-sui-splitter{display:none}.pane.sc-sui-splitter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.gutter.sc-sui-splitter{position:relative;z-index:1;width:1px;flex-shrink:0;box-sizing:border-box;cursor:col-resize;touch-action:none;background:var(--hairline);display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.gutter.sc-sui-splitter::before{content:'';position:absolute;top:0;bottom:0;left:-3px;right:-3px}.gutter.sc-sui-splitter:hover,.gutter.sc-sui-splitter:focus-visible,.dragging.sc-sui-splitter-h .gutter.sc-sui-splitter{background:var(--border-strong)}.gutter.sc-sui-splitter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.grip.sc-sui-splitter{position:relative;display:block;flex-shrink:0;width:3px;height:22px;border-radius:var(--radius-pill);background:var(--control-border);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.gutter.sc-sui-splitter:hover .grip.sc-sui-splitter,.gutter.sc-sui-splitter:focus-visible .grip.sc-sui-splitter,.dragging.sc-sui-splitter-h .grip.sc-sui-splitter{opacity:1}.vertical.sc-sui-splitter-h .gutter.sc-sui-splitter{width:auto;height:1px;cursor:row-resize}.vertical.sc-sui-splitter-h .gutter.sc-sui-splitter::before{top:-3px;bottom:-3px;left:0;right:0}.vertical.sc-sui-splitter-h .grip.sc-sui-splitter{width:22px;height:3px}@media (forced-colors: active){.gutter.sc-sui-splitter,.gutter.sc-sui-splitter:hover,.gutter.sc-sui-splitter:focus-visible,.dragging.sc-sui-splitter-h .gutter.sc-sui-splitter{background:CanvasText}.grip.sc-sui-splitter{background:CanvasText}}"}},[774,"sui-splitter",{ratio:[1026],minRatio:[2,"min-ratio"],height:[2],orientation:[513],collapsible:[516],flush:[516],hostLabel:[32],overflowStart:[32],overflowEnd:[32],setFocus:[64]}]),l=u,p=function(){"undefined"!=typeof customElements&&["sui-splitter"].forEach((t=>{"sui-splitter"===t&&(customElements.get(o(t))||customElements.define(o(t),u))}))};export{l as SuiSplitter,p as defineCustomElement}

package/dist/components/sui-spoiler.js

@@ -1 +1 @@
-import{p as s,H as e,c as i,h as t,a as o,t as r}from"./p-DQ8DrIvI.js";import{d as l}from"./p-BHB1Wprj.js";import{G as n,y as a}from"./p-BJFE-_50.js";import{u as p}from"./p-U06fVoGD.js";import{a as u}from"./p-BuyjS5bS.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return this}lines=3;moreLabel;lessLabel;open=!1;suiOpen;suiClose;clampsContent=!0;bodyId=p("sui-spoiler-body");bodyEl;resizeObserver;connectedCallback(){l(this.host,(()=>this.host.querySelector("button.sui-spoiler-toggle"))),this.bodyEl&&this.watchBody(!0)}componentDidLoad(){this.watchBody(),this.measure(!0)}watchBody(s=!1){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"!=typeof ResizeObserver&&this.bodyEl&&(this.resizeObserver=new ResizeObserver((()=>this.measure())),this.resizeObserver.observe(this.bodyEl)),s&&this.measure(!0)}componentDidUpdate(){this.measure(!0)}async setFocus(){this.host.querySelector("button.sui-spoiler-toggle")?.focus()}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}measure(s=!1){const e=this.bodyEl;if(!e)return;let i;if(this.open){const s="function"==typeof getComputedStyle?getComputedStyle(e):null,t=s?parseFloat(s.lineHeight)||1.2*(parseFloat(s.fontSize)||0):0,o=e.scrollHeight||0;if(!t||!o)return;i=o>t*this.lines+1}else{const s=e.clientHeight||0;i=!s||(e.scrollHeight||0)>s}i!==this.clampsContent&&(s?Promise.resolve().then((()=>{this.clampsContent=i})):this.clampsContent=i)}toggle=()=>{if(this.open){if(this.suiClose.emit("trigger").defaultPrevented)return;this.open=!1}else this.open=!0,this.suiOpen.emit()};render(){return t(o,{key:"6d590bbdd8af596d488eac6517ab64bf9d4fa130"},t("div",{key:"536eca42588b526336872620ec8dee35c47f48c8",id:this.bodyId,class:{"sui-spoiler-body":!0,clamped:!this.open},style:{"--sui-spoiler-lines":this.lines+""},ref:s=>this.bodyEl=s},t("slot",{key:"271f17fd7ac769cbf67c028b3b57be5d7c0bd77c"})),this.clampsContent?t("button",{type:"button",class:"sui-spoiler-toggle","aria-expanded":this.open?"true":"false","aria-controls":this.bodyId,onClick:this.toggle},this.open?u(void 0,"spoiler.less",this.lessLabel,"Show less"):u(void 0,"spoiler.more",this.moreLabel,"Show more"),t(n,{glyph:a,class:this.open?"up":void 0})):null)}static get style(){return".sc-sui-spoiler-h{display:block;font-family:var(--font-sans)}.sui-spoiler-body.sc-sui-spoiler{min-width:0}.sui-spoiler-body.clamped.sc-sui-spoiler{display:-webkit-box;-webkit-line-clamp:var(--sui-spoiler-lines, 3);-webkit-box-orient:vertical;overflow:hidden;position:relative}.sui-spoiler-toggle.sc-sui-spoiler{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:0;margin-top:5px;color:var(--link);font-size:12.5px;font-weight:620;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-xs)}.sui-spoiler-toggle.sc-sui-spoiler:hover{text-decoration:underline}.sui-spoiler-toggle.sc-sui-spoiler:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-spoiler-toggle.sc-sui-spoiler .sui-glyph.sc-sui-spoiler{font-size:9px;transition:transform var(--duration-base) var(--ease-out)}.sui-spoiler-toggle.sc-sui-spoiler .sui-glyph.up.sc-sui-spoiler{transform:rotate(180deg)}"}},[774,"sui-spoiler",{lines:[2],moreLabel:[1,"more-label"],lessLabel:[1,"less-label"],open:[1540],clampsContent:[32],setFocus:[64]}]),d=c,h=function(){"undefined"!=typeof customElements&&["sui-spoiler"].forEach((s=>{"sui-spoiler"===s&&(customElements.get(r(s))||customElements.define(r(s),c))}))};export{d as SuiSpoiler,h as defineCustomElement}
+import{p as s,H as e,c as i,h as t,a as o,t as r}from"./p-DQ8DrIvI.js";import{d as l}from"./p-BHB1Wprj.js";import{G as n,y as a}from"./p-B-Bh5OXe.js";import{u as p}from"./p-U06fVoGD.js";import{a as u}from"./p-BuyjS5bS.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return this}lines=3;moreLabel;lessLabel;open=!1;suiOpen;suiClose;clampsContent=!0;bodyId=p("sui-spoiler-body");bodyEl;resizeObserver;connectedCallback(){l(this.host,(()=>this.host.querySelector("button.sui-spoiler-toggle"))),this.bodyEl&&this.watchBody(!0)}componentDidLoad(){this.watchBody(),this.measure(!0)}watchBody(s=!1){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"!=typeof ResizeObserver&&this.bodyEl&&(this.resizeObserver=new ResizeObserver((()=>this.measure())),this.resizeObserver.observe(this.bodyEl)),s&&this.measure(!0)}componentDidUpdate(){this.measure(!0)}async setFocus(){this.host.querySelector("button.sui-spoiler-toggle")?.focus()}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}measure(s=!1){const e=this.bodyEl;if(!e)return;let i;if(this.open){const s="function"==typeof getComputedStyle?getComputedStyle(e):null,t=s?parseFloat(s.lineHeight)||1.2*(parseFloat(s.fontSize)||0):0,o=e.scrollHeight||0;if(!t||!o)return;i=o>t*this.lines+1}else{const s=e.clientHeight||0;i=!s||(e.scrollHeight||0)>s}i!==this.clampsContent&&(s?Promise.resolve().then((()=>{this.clampsContent=i})):this.clampsContent=i)}toggle=()=>{if(this.open){if(this.suiClose.emit("trigger").defaultPrevented)return;this.open=!1}else this.open=!0,this.suiOpen.emit()};render(){return t(o,{key:"2c6dded66be8a85a9a9c97c510b30a55f4475113"},t("div",{key:"6d6a9f2c6eee302866ee9edfbd57651c51e1fe57",id:this.bodyId,class:{"sui-spoiler-body":!0,clamped:!this.open},style:{"--sui-spoiler-lines":this.lines+""},ref:s=>this.bodyEl=s},t("slot",{key:"c86362e724db9afbeba1397cddcead93e5abf0eb"})),this.clampsContent?t("button",{type:"button",class:"sui-spoiler-toggle","aria-expanded":this.open?"true":"false","aria-controls":this.bodyId,onClick:this.toggle},this.open?u(void 0,"spoiler.less",this.lessLabel,"Show less"):u(void 0,"spoiler.more",this.moreLabel,"Show more"),t(n,{glyph:a,class:this.open?"up":void 0})):null)}static get style(){return".sc-sui-spoiler-h{display:block;font-family:var(--font-sans)}.sui-spoiler-body.sc-sui-spoiler{min-width:0}.sui-spoiler-body.clamped.sc-sui-spoiler{display:-webkit-box;-webkit-line-clamp:var(--sui-spoiler-lines, 3);-webkit-box-orient:vertical;overflow:hidden;position:relative}.sui-spoiler-toggle.sc-sui-spoiler{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:0;margin-top:5px;color:var(--link);font-size:12.5px;font-weight:620;font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-xs)}.sui-spoiler-toggle.sc-sui-spoiler:hover{text-decoration:underline}.sui-spoiler-toggle.sc-sui-spoiler:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-spoiler-toggle.sc-sui-spoiler .sui-glyph.sc-sui-spoiler{font-size:9px;transition:transform var(--duration-base) var(--ease-out)}.sui-spoiler-toggle.sc-sui-spoiler .sui-glyph.up.sc-sui-spoiler{transform:rotate(180deg)}"}},[774,"sui-spoiler",{lines:[2],moreLabel:[1,"more-label"],lessLabel:[1,"less-label"],open:[1540],clampsContent:[32],setFocus:[64]}]),c=d,h=function(){"undefined"!=typeof customElements&&["sui-spoiler"].forEach((s=>{"sui-spoiler"===s&&(customElements.get(r(s))||customElements.define(r(s),d))}))};export{c as SuiSpoiler,h as defineCustomElement}

package/dist/components/sui-stat-card.js

@@ -1 +1 @@
-import{p as t,H as a,c as s,h as i,a as e,t as r}from"./p-DQ8DrIvI.js";import{T as c}from"./p-CQaPZFUI.js";import{d as n}from"./p-BHB1Wprj.js";import{a as o}from"./p-BuyjS5bS.js";import{d}from"./p-DkrAmkCb.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiLink=s(this,"suiLink",7)}get host(){return this}label="";value="";size="md";delta;deltaDirection;severity="positive";note;data;scaleMin;scaleMax;href;linkLabel;command=!1;accent=!1;suiLink;get destination(){return this.href||void 0}get control(){return this.host.querySelector(".card.control")}connectedCallback(){n(this.host,(()=>this.control))}async setFocus(){this.control?.focus()}activate=t=>{this.suiLink.emit({href:this.destination}).defaultPrevented&&t.preventDefault()};onKeyDown=t=>{" "===t.key&&(t.preventDefault(),t.currentTarget.click())};render(){const t=this.destination,a=!!t,s=a||this.command;return i(e,{key:"3fe5339158b3afbbaa821c62922896caeac4b384"},i(a?"a":s?"button":"div",{key:"67f186f1f14d18cc3d83b47cd4c6b741767ccf01",class:{card:!0,control:s,lg:"lg"===this.size},href:a?t:void 0,type:!a&&s?"button":void 0,role:!a&&s?"link":void 0,onClick:s?this.activate:void 0,onKeyDown:a?this.onKeyDown:void 0},i("div",{key:"65d72da49dcf183c636650273c48122dd9d00225",class:"label"},this.label),i("div",{key:"292ff7b9b3556605d664c734288bcd564b6bea5a",class:"row"},i("div",{key:"5ec00e432e92da2eb5041b44bfe861b87e0e293f",class:"value"},this.value),this.data&&this.data.length?i("sui-sparkline",{data:this.data,accent:this.accent,min:this.scaleMin,max:this.scaleMax}):null),this.delta||this.note?i("div",{class:"meta"},i(c,{value:this.delta,direction:this.deltaDirection,severity:this.severity,note:this.note,unfavorable:o(void 0,"stat-card.unfavorable",void 0,"unfavorable")})):null,a?i("span",{class:"link"},o(void 0,"stat-card.link",this.linkLabel,"View")," ","→"):null))}static get style(){return".sc-sui-stat-card-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-stat-card{box-sizing:border-box;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:7px}.card.control.sc-sui-stat-card{width:100%;margin:0;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;appearance:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.card.control.sc-sui-stat-card:hover{--ink-faint:var(--ink-muted);border-color:var(--border-strong);box-shadow:var(--shadow-raised);background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.card.control.sc-sui-stat-card:active{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);box-shadow:none;background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.card.control.sc-sui-stat-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.label.sc-sui-stat-card{font-size:11.5px;font-weight:640;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted)}.row.sc-sui-stat-card{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.value.sc-sui-stat-card{font-size:23px;font-weight:730;letter-spacing:-0.01em;line-height:1}.card.lg.sc-sui-stat-card .value.sc-sui-stat-card{font-size:30px;letter-spacing:var(--tracking-tight)}.value.sc-sui-stat-card{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.meta.sc-sui-stat-card{display:flex;align-items:center;gap:8px;font-size:12px}.link.sc-sui-stat-card{font-size:12px;font-weight:620;margin-top:auto;padding-top:2px;color:var(--link);align-self:flex-start}.card.control.sc-sui-stat-card:hover .link.sc-sui-stat-card{text-decoration:underline}.delta.sc-sui-stat-card{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-stat-card{color:var(--danger)}.delta.neutral.sc-sui-stat-card{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-stat-card .sui-glyph.sc-sui-stat-card{font-size:10px}.delta.critical.sc-sui-stat-card .sui-glyph.sc-sui-stat-card{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-stat-card{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-stat-card{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-stat-card{color:var(--ink-faint)}"}},[514,"sui-stat-card",{label:[1],value:[1],size:[513],delta:[1],deltaDirection:[513,"delta-direction"],severity:[513],note:[1],data:[16],scaleMin:[2,"scale-min"],scaleMax:[2,"scale-max"],href:[1],linkLabel:[1,"link-label"],command:[516],accent:[516],setFocus:[64]}]),u=l,p=function(){"undefined"!=typeof customElements&&["sui-stat-card","sui-sparkline"].forEach((t=>{switch(t){case"sui-stat-card":customElements.get(r(t))||customElements.define(r(t),l);break;case"sui-sparkline":customElements.get(r(t))||d()}}))};export{u as SuiStatCard,p as defineCustomElement}
+import{p as t,H as a,c as s,h as e,a as i,t as r}from"./p-DQ8DrIvI.js";import{T as c}from"./p-CdmM2VaK.js";import{d as n}from"./p-BHB1Wprj.js";import{a as o}from"./p-BuyjS5bS.js";import{d}from"./p-CUtteYdg.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiLink=s(this,"suiLink",7)}get host(){return this}label="";value="";size="md";delta;deltaDirection;severity="positive";note;data;scaleMin;scaleMax;href;linkLabel;command=!1;accent=!1;suiLink;get destination(){return this.href||void 0}get control(){return this.host.querySelector(".card.control")}connectedCallback(){n(this.host,(()=>this.control))}async setFocus(){this.control?.focus()}activate=t=>{this.suiLink.emit({href:this.destination}).defaultPrevented&&t.preventDefault()};onKeyDown=t=>{" "===t.key&&(t.preventDefault(),t.currentTarget.click())};render(){const t=this.destination,a=!!t,s=a||this.command;return e(i,{key:"50dc68d2b2fca6269135c231347261392b842c8e"},e(a?"a":s?"button":"div",{key:"ce109635344899611ed07cf44432e08c5ba45586",class:{card:!0,control:s,lg:"lg"===this.size},href:a?t:void 0,type:!a&&s?"button":void 0,role:!a&&s?"link":void 0,onClick:s?this.activate:void 0,onKeyDown:a?this.onKeyDown:void 0},e("div",{key:"fe93aca725fd942885db9e73676cf379af4363ec",class:"label"},this.label),e("div",{key:"de7ae13e335bace6e657c4ce0fc390344efcbd3a",class:"row"},e("div",{key:"a216197288984f55b9b8da84924893c369114a1f",class:"value"},this.value),this.data&&this.data.length?e("sui-sparkline",{data:this.data,accent:this.accent,min:this.scaleMin,max:this.scaleMax}):null),this.delta||this.note?e("div",{class:"meta"},e(c,{value:this.delta,direction:this.deltaDirection,severity:this.severity,note:this.note,unfavorable:o(void 0,"stat-card.unfavorable",void 0,"unfavorable")})):null,a?e("span",{class:"link"},o(void 0,"stat-card.link",this.linkLabel,"View")," ","→"):null))}static get style(){return".sc-sui-stat-card-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-stat-card{box-sizing:border-box;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:7px}.card.control.sc-sui-stat-card{width:100%;margin:0;font:inherit;color:inherit;text-align:start;text-decoration:none;cursor:pointer;appearance:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.card.control.sc-sui-stat-card:hover{--ink-faint:var(--ink-muted);border-color:var(--border-strong);box-shadow:var(--shadow-raised);background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.card.control.sc-sui-stat-card:active{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);box-shadow:none;background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.card.control.sc-sui-stat-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.label.sc-sui-stat-card{font-size:11.5px;font-weight:640;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted)}.row.sc-sui-stat-card{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.value.sc-sui-stat-card{font-size:23px;font-weight:730;letter-spacing:-0.01em;line-height:1}.card.lg.sc-sui-stat-card .value.sc-sui-stat-card{font-size:30px;letter-spacing:var(--tracking-tight)}.value.sc-sui-stat-card{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.meta.sc-sui-stat-card{display:flex;align-items:center;gap:8px;font-size:12px}.link.sc-sui-stat-card{font-size:12px;font-weight:620;margin-top:auto;padding-top:2px;color:var(--link);align-self:flex-start}.card.control.sc-sui-stat-card:hover .link.sc-sui-stat-card{text-decoration:underline}.delta.sc-sui-stat-card{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-stat-card{color:var(--danger)}.delta.neutral.sc-sui-stat-card{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-stat-card .sui-glyph.sc-sui-stat-card{font-size:10px}.delta.critical.sc-sui-stat-card .sui-glyph.sc-sui-stat-card{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-stat-card{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-stat-card{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-stat-card{color:var(--ink-faint)}"}},[514,"sui-stat-card",{label:[1],value:[1],size:[513],delta:[1],deltaDirection:[513,"delta-direction"],severity:[513],note:[1],data:[16],scaleMin:[2,"scale-min"],scaleMax:[2,"scale-max"],href:[1],linkLabel:[1,"link-label"],command:[516],accent:[516],setFocus:[64]}]),u=l,p=function(){"undefined"!=typeof customElements&&["sui-stat-card","sui-sparkline"].forEach((t=>{switch(t){case"sui-stat-card":customElements.get(r(t))||customElements.define(r(t),l);break;case"sui-sparkline":customElements.get(r(t))||d()}}))};export{u as SuiStatCard,p as defineCustomElement}

package/dist/components/sui-stepper.js

@@ -1 +1 @@
-import{p as s,H as e,c as t,h as i,a as r,t as p}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{G as a,k as c}from"./p-BJFE-_50.js";import{b as o,o as l,d as u}from"./p-BWkzTEZX.js";import{a as h}from"./p-BuyjS5bS.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return this}steps=[];active=0;orientation="horizontal";linear=!1;readOnly=!1;suiActiveChange;hasBody=!1;compact=!1;bodyEl;dispose;resizeObserver;loaded=!1;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("button.hit[aria-current]")??this.host.querySelector("button.hit")}componentWillLoad(){this.hasBody=o(this.host)}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}watch(s=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.dispose=l(this.host,(()=>this.detect())),this.resizeObserver="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>this.measure())):void 0,this.resizeObserver?.observe(this.host),s&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.measure())}))}measure(){const s=Array.isArray(this.steps)?this.steps.length:0,e=this.host.clientWidth||0;if(!e)return;const t="vertical"!==this.orientation&&s>1&&e<78*s+16*(s-1);t!==this.compact&&(this.compact=t)}detect(){const s=u(this.host).filter((s=>s.classList.contains("steps")||s.classList.contains("caption")||s.classList.contains("body")));this.hasBody=o(this.host,this.bodyEl,s)}pick(s){this.reachable(s)&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}reachable(s){return!this.readOnly&&(!this.linear||s<=this.active)}circle(s){const e=s<this.active;return i("span",{class:{circle:!0,done:e,cur:s===this.active}},e?i(a,{glyph:c}):s+1+"")}labels(s,e){return i("span",{class:"labels"},i("span",{class:{label:!0,cur:s===this.active,reached:s<=this.active}},e.label),e.description?i("span",{class:"desc"},e.description):null)}hit(s,e,t){const r=s===this.active;return this.reachable(s)?i("button",{type:"button",class:"hit","aria-label":t,"aria-current":r?"step":null,onClick:()=>this.pick(s)},e):i("span",{class:"hit static","aria-current":r?"step":null},e)}caption(s){const e=Math.min(Math.max(this.active,0),s.length-1),t=s[e];if(!t)return null;const r=h(void 0,"stepper.progress",void 0,"Step {current} of {total}").replace("{current}",e+1+"").replace("{total}",s.length+"");return i("div",{class:"caption","aria-hidden":"true"},i("span",{class:"count"},r),i("span",{class:"label cur reached"},t.label),t.description?i("span",{class:"desc"},t.description):null)}render(){const s=Array.isArray(this.steps)?this.steps:[],e=s.length-1,t=i("div",{class:"body",ref:s=>this.bodyEl=s},i("slot",null));return"vertical"===this.orientation?i(r,null,i("ol",{class:"steps v"},s.map(((s,r)=>i("li",{class:"step"},i("span",{class:"rail"},this.hit(r,this.circle(r),s.label),r<e?i("span",{class:{vline:!0,done:r<this.active}}):null),i("span",{class:"content"},this.labels(r,s),r===this.active&&this.hasBody?t:null)))))):i(r,null,i("ol",{class:{steps:!0,h:!0,compact:this.compact}},s.map(((s,t)=>i("li",{class:"step"},this.hit(t,[this.circle(t),this.labels(t,s)]),t<e?i("span",{class:{hline:!0,done:t<this.active}}):null)))),this.compact?this.caption(s):null,this.hasBody?t:null)}static get watchers(){return{steps:[{measure:0}],orientation:[{measure:0}]}}static get style(){return".sc-sui-stepper-h{display:block;font-family:var(--font-sans);color:var(--ink)}.steps.sc-sui-stepper{list-style:none;margin:0;padding:0;display:flex}.steps.h.sc-sui-stepper{align-items:flex-start}.steps.v.sc-sui-stepper{flex-direction:column}.step.sc-sui-stepper{display:flex;align-items:flex-start;flex:1;min-width:0}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child{flex:none}.steps.v.sc-sui-stepper .step.sc-sui-stepper{gap:12px;flex:none}.hit.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;gap:7px;margin:-4px -6px;padding:4px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer;text-align:center}.hit.static.sc-sui-stepper{cursor:default}.steps.h.sc-sui-stepper .hit.sc-sui-stepper{min-width:min(90px, 100% - 4px)}.steps.h.sc-sui-stepper .hit.static.sc-sui-stepper{min-width:min(90px, 100% - 16px)}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:90px}.steps.h.compact.sc-sui-stepper .hit.sc-sui-stepper,.steps.h.compact.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:0;margin:-3px;padding:3px}.steps.h.compact.sc-sui-stepper .labels.sc-sui-stepper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.steps.h.compact.sc-sui-stepper .hline.sc-sui-stepper{margin-inline:8px}.caption.sc-sui-stepper{display:block;margin-top:10px}.caption.sc-sui-stepper .count.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.caption.sc-sui-stepper .label.sc-sui-stepper{margin-top:2px}.steps.v.sc-sui-stepper .hit.sc-sui-stepper{margin:-3px;padding:3px}.hit.sc-sui-stepper:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.circle.sc-sui-stepper{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--surface);border:1px solid var(--control-border);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:720;font-feature-settings:'tnum';transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.circle.done.sc-sui-stepper{background:var(--brand);border:none;color:var(--brand-contrast)}.circle.cur.sc-sui-stepper{background:var(--accent);border:none;color:var(--accent-contrast)}.circle.sc-sui-stepper .sui-glyph.sc-sui-stepper{font-size:10px}.labels.sc-sui-stepper{display:block;text-align:center;overflow-wrap:break-word}.steps.v.sc-sui-stepper .labels.sc-sui-stepper{text-align:start}.label.sc-sui-stepper{display:block;font-size:12.5px;font-weight:620;color:var(--ink-faint)}.label.reached.sc-sui-stepper{color:var(--ink)}.label.cur.sc-sui-stepper{font-weight:700}.desc.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px}.steps.h.sc-sui-stepper .label.sc-sui-stepper,.steps.h.sc-sui-stepper .desc.sc-sui-stepper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hline.sc-sui-stepper{flex:1;min-width:16px;height:2px;background:var(--border);margin-top:13px}.hline.done.sc-sui-stepper{background:var(--brand)}.rail.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;align-self:stretch}.vline.sc-sui-stepper{width:2px;flex:1;min-height:18px;background:var(--border);margin:8px 0}.vline.done.sc-sui-stepper{background:var(--brand)}.content.sc-sui-stepper{flex:1;min-width:0;padding-bottom:20px}.steps.h.sc-sui-stepper+.body.sc-sui-stepper,.caption.sc-sui-stepper+.body.sc-sui-stepper{margin-top:16px}.content.sc-sui-stepper .body.sc-sui-stepper{margin-top:10px}@media (forced-colors: active){.circle.done.sc-sui-stepper{border:1px solid CanvasText}.circle.cur.sc-sui-stepper{forced-color-adjust:none;background:Highlight;border:1px solid Highlight;color:HighlightText}.hline.sc-sui-stepper,.vline.sc-sui-stepper{background:CanvasText}.hline.done.sc-sui-stepper,.vline.done.sc-sui-stepper{background:Highlight}}"}},[774,"sui-stepper",{steps:[16],active:[1026],orientation:[513],linear:[516],readOnly:[516,"readonly"],hasBody:[32],compact:[32],setFocus:[64]},void 0,{steps:[{measure:0}],orientation:[{measure:0}]}]),b=d,x=function(){"undefined"!=typeof customElements&&["sui-stepper"].forEach((s=>{"sui-stepper"===s&&(customElements.get(p(s))||customElements.define(p(s),d))}))};export{b as SuiStepper,x as defineCustomElement}
+import{p as s,H as e,c as t,h as i,a as r,t as p}from"./p-DQ8DrIvI.js";import{d as n}from"./p-BHB1Wprj.js";import{G as a,k as c}from"./p-B-Bh5OXe.js";import{b as o,o as l,d as u}from"./p-BWkzTEZX.js";import{a as h}from"./p-BuyjS5bS.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return this}steps=[];active=0;orientation="horizontal";linear=!1;readOnly=!1;suiActiveChange;hasBody=!1;compact=!1;bodyEl;dispose;resizeObserver;loaded=!1;connectedCallback(){n(this.host,(()=>this.focusTarget())),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector("button.hit[aria-current]")??this.host.querySelector("button.hit")}componentWillLoad(){this.hasBody=o(this.host)}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0}watch(s=!1){this.dispose?.(),this.resizeObserver?.disconnect(),this.dispose=l(this.host,(()=>this.detect())),this.resizeObserver="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>this.measure())):void 0,this.resizeObserver?.observe(this.host),s&&Promise.resolve().then((()=>{this.host.isConnected&&(this.detect(),this.measure())}))}measure(){const s=Array.isArray(this.steps)?this.steps.length:0,e=this.host.clientWidth||0;if(!e)return;const t="vertical"!==this.orientation&&s>1&&e<78*s+16*(s-1);t!==this.compact&&(this.compact=t)}detect(){const s=u(this.host).filter((s=>s.classList.contains("steps")||s.classList.contains("caption")||s.classList.contains("body")));this.hasBody=o(this.host,this.bodyEl,s)}pick(s){this.reachable(s)&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}reachable(s){return!this.readOnly&&(!this.linear||s<=this.active)}circle(s){const e=s<this.active;return i("span",{class:{circle:!0,done:e,cur:s===this.active}},e?i(a,{glyph:c}):s+1+"")}labels(s,e){return i("span",{class:"labels"},i("span",{class:{label:!0,cur:s===this.active,reached:s<=this.active}},e.label),e.description?i("span",{class:"desc"},e.description):null)}hit(s,e,t){const r=s===this.active;return this.reachable(s)?i("button",{type:"button",class:"hit","aria-label":t,"aria-current":r?"step":null,onClick:()=>this.pick(s)},e):i("span",{class:"hit static","aria-current":r?"step":null},e)}caption(s){const e=Math.min(Math.max(this.active,0),s.length-1),t=s[e];if(!t)return null;const r=h(void 0,"stepper.progress",void 0,"Step {current} of {total}").replace("{current}",e+1+"").replace("{total}",s.length+"");return i("div",{class:"caption","aria-hidden":"true"},i("span",{class:"count"},r),i("span",{class:"label cur reached"},t.label),t.description?i("span",{class:"desc"},t.description):null)}render(){const s=Array.isArray(this.steps)?this.steps:[],e=s.length-1,t=i("div",{class:"body",ref:s=>this.bodyEl=s},i("slot",null));return"vertical"===this.orientation?i(r,null,i("ol",{class:"steps v"},s.map(((s,r)=>i("li",{class:"step"},i("span",{class:"rail"},this.hit(r,this.circle(r),s.label),r<e?i("span",{class:{vline:!0,done:r<this.active}}):null),i("span",{class:"content"},this.labels(r,s),r===this.active&&this.hasBody?t:null)))))):i(r,null,i("ol",{class:{steps:!0,h:!0,compact:this.compact}},s.map(((s,t)=>i("li",{class:"step"},this.hit(t,[this.circle(t),this.labels(t,s)]),t<e?i("span",{class:{hline:!0,done:t<this.active}}):null)))),this.compact?this.caption(s):null,this.hasBody?t:null)}static get watchers(){return{steps:[{measure:0}],orientation:[{measure:0}]}}static get style(){return".sc-sui-stepper-h{display:block;font-family:var(--font-sans);color:var(--ink)}.steps.sc-sui-stepper{list-style:none;margin:0;padding:0;display:flex}.steps.h.sc-sui-stepper{align-items:flex-start}.steps.v.sc-sui-stepper{flex-direction:column}.step.sc-sui-stepper{display:flex;align-items:flex-start;flex:1;min-width:0}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child{flex:none}.steps.v.sc-sui-stepper .step.sc-sui-stepper{gap:12px;flex:none}.hit.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;gap:7px;margin:-4px -6px;padding:4px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer;text-align:center}.hit.static.sc-sui-stepper{cursor:default}.steps.h.sc-sui-stepper .hit.sc-sui-stepper{min-width:min(90px, 100% - 4px)}.steps.h.sc-sui-stepper .hit.static.sc-sui-stepper{min-width:min(90px, 100% - 16px)}.steps.h.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:90px}.steps.h.compact.sc-sui-stepper .hit.sc-sui-stepper,.steps.h.compact.sc-sui-stepper .step.sc-sui-stepper:last-child .hit.sc-sui-stepper{min-width:0;margin:-3px;padding:3px}.steps.h.compact.sc-sui-stepper .labels.sc-sui-stepper{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.steps.h.compact.sc-sui-stepper .hline.sc-sui-stepper{margin-inline:8px}.caption.sc-sui-stepper{display:block;margin-top:10px}.caption.sc-sui-stepper .count.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.caption.sc-sui-stepper .label.sc-sui-stepper{margin-top:2px}.steps.v.sc-sui-stepper .hit.sc-sui-stepper{margin:-3px;padding:3px}.hit.sc-sui-stepper:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.circle.sc-sui-stepper{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--surface);border:1px solid var(--control-border);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:720;font-feature-settings:'tnum';transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.circle.done.sc-sui-stepper{background:var(--brand);border:none;color:var(--brand-contrast)}.circle.cur.sc-sui-stepper{background:var(--accent);border:none;color:var(--accent-contrast)}.circle.sc-sui-stepper .sui-glyph.sc-sui-stepper{font-size:10px}.labels.sc-sui-stepper{display:block;text-align:center;overflow-wrap:break-word}.steps.v.sc-sui-stepper .labels.sc-sui-stepper{text-align:start}.label.sc-sui-stepper{display:block;font-size:12.5px;font-weight:620;color:var(--ink-faint)}.label.reached.sc-sui-stepper{color:var(--ink)}.label.cur.sc-sui-stepper{font-weight:700}.desc.sc-sui-stepper{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px}.steps.h.sc-sui-stepper .label.sc-sui-stepper,.steps.h.sc-sui-stepper .desc.sc-sui-stepper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hline.sc-sui-stepper{flex:1;min-width:16px;height:2px;background:var(--border);margin-top:13px}.hline.done.sc-sui-stepper{background:var(--brand)}.rail.sc-sui-stepper{display:flex;flex-direction:column;align-items:center;align-self:stretch}.vline.sc-sui-stepper{width:2px;flex:1;min-height:18px;background:var(--border);margin:8px 0}.vline.done.sc-sui-stepper{background:var(--brand)}.content.sc-sui-stepper{flex:1;min-width:0;padding-bottom:20px}.steps.h.sc-sui-stepper+.body.sc-sui-stepper,.caption.sc-sui-stepper+.body.sc-sui-stepper{margin-top:16px}.content.sc-sui-stepper .body.sc-sui-stepper{margin-top:10px}@media (forced-colors: active){.circle.done.sc-sui-stepper{border:1px solid CanvasText}.circle.cur.sc-sui-stepper{forced-color-adjust:none;background:Highlight;border:1px solid Highlight;color:HighlightText}.hline.sc-sui-stepper,.vline.sc-sui-stepper{background:CanvasText}.hline.done.sc-sui-stepper,.vline.done.sc-sui-stepper{background:Highlight}}"}},[774,"sui-stepper",{steps:[16],active:[1026],orientation:[513],linear:[516],readOnly:[516,"readonly"],hasBody:[32],compact:[32],setFocus:[64]},void 0,{steps:[{measure:0}],orientation:[{measure:0}]}]),b=d,x=function(){"undefined"!=typeof customElements&&["sui-stepper"].forEach((s=>{"sui-stepper"===s&&(customElements.get(p(s))||customElements.define(p(s),d))}))};export{b as SuiStepper,x as defineCustomElement}

package/dist/components/sui-tab.js

@@ -1 +1 @@
-import{p as t,H as e,h as n,t as a,a as s}from"./p-DQ8DrIvI.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get host(){return this}label="";badge;icon;disabled=!1;notifyParent(){const t=this.host.closest("sui-tabs");t&&"function"==typeof t.refresh&&t.refresh()}render(){return n(s,{key:"9430d2031355f525dfba6dec45639eaf9a1c2cee"})}static get watchers(){return{label:[{notifyParent:0}],badge:[{notifyParent:0}],icon:[{notifyParent:0}],disabled:[{notifyParent:0}]}}static get style(){return".sc-sui-tab-h{display:block;font-family:var(--font-sans)}[hidden].sc-sui-tab-h{display:none}"}},[514,"sui-tab",{label:[1],badge:[8],icon:[1],disabled:[516]},void 0,{label:[{notifyParent:0}],badge:[{notifyParent:0}],icon:[{notifyParent:0}],disabled:[{notifyParent:0}]}]),o=i,r=function(){"undefined"!=typeof customElements&&["sui-tab"].forEach((t=>{"sui-tab"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{o as SuiTab,r as defineCustomElement}
+import{p as t,H as e,h as n,t as s,a}from"./p-DQ8DrIvI.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get host(){return this}label="";badge;icon;disabled=!1;notifyParent(){const t=this.host.closest("sui-tabs");t&&"function"==typeof t.refresh&&t.refresh()}render(){return n(a,{key:"90419666339872f8e34f28622e34375cecea47e8"})}static get watchers(){return{label:[{notifyParent:0}],badge:[{notifyParent:0}],icon:[{notifyParent:0}],disabled:[{notifyParent:0}]}}static get style(){return".sc-sui-tab-h{display:block;font-family:var(--font-sans)}[hidden].sc-sui-tab-h{display:none}"}},[514,"sui-tab",{label:[1],badge:[8],icon:[1],disabled:[516]},void 0,{label:[{notifyParent:0}],badge:[{notifyParent:0}],icon:[{notifyParent:0}],disabled:[{notifyParent:0}]}]),o=i,r=function(){"undefined"!=typeof customElements&&["sui-tab"].forEach((t=>{"sui-tab"===t&&(customElements.get(s(t))||customElements.define(s(t),i))}))};export{o as SuiTab,r as defineCustomElement}

package/dist/components/sui-tabs.js

@@ -1 +1 @@
-import{p as s,H as t,c as i,h as a,a as e,t as r}from"./p-DQ8DrIvI.js";import{G as o,f as n,q as c}from"./p-BJFE-_50.js";import{u as b}from"./p-U06fVoGD.js";import{i as l}from"./p-Cs2X0Kih.js";import{o as d,b as u,c as h,e as p}from"./p-BWkzTEZX.js";import{a as f}from"./p-BuyjS5bS.js";import{s as v,i as g,a as m}from"./p-GAnFXayY.js";import{d as x}from"./p-BHB1Wprj.js";import{defineCustomElement as k}from"./p-BvdUUYyb.js";import{d as y}from"./p-DHkfcILx.js";const w=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiActiveChange=i(this,"suiActiveChange",3)}get host(){return this}active=0;variant="underline";stretch=!1;suiActiveChange;tick=0;hostLabel;overflowing=!1;atStart=!0;atEnd=!0;fieldId=b("sui-tabs");bar;indicator;panels;dispose;stopAria;ro;revealed=-1;loaded=!1;async refresh(){this.tick++}async setFocus(){this.activeButton()?.focus()}activeButton(){return this.host.querySelector(`#${this.fieldId}-tab-${this.active}`)}connectedCallback(){x(this.host,(()=>this.activeButton())),this.stopAria?.(),this.stopAria=l(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}componentDidLoad(){this.loaded=!0,this.watch()}componentDidRender(){this.sync(),this.placeIndicator(),this.observe(),this.nextFrame(this.settle)}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.(),this.ro?.disconnect(),this.ro=void 0}watch(s=!1){this.dispose?.(),this.dispose=d(this.host,(s=>this.onChildList(s))),this.ro?.disconnect(),this.ro="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>{this.measure(),this.placeIndicator()})):void 0,this.observe(),s&&(this.revealed=-1,Promise.resolve().then((()=>{this.host.isConnected&&(this.placeIndicator(),this.settle())})))}tabs(){return Array.from(this.host.querySelectorAll("sui-tab")).filter((s=>s.closest("sui-tabs")===this.host))}panelId(s){if(!s.id){let t;do{t=b(this.fieldId+"-panel")}while(s.ownerDocument?.getElementById(t));s.id=t}return s.id}onChildList(s){const t=s=>"SUI-TAB"===s.tagName;if(!s.some((s=>Array.from(s.addedNodes).some(t)||Array.from(s.removedNodes).some(t))))return;const i=this.tabs().length;i&&this.active>=i&&(this.active=i-1,this.suiActiveChange.emit(this.active)),this.refresh()}sync(){let s;this.tabs().forEach(((t,i)=>{this.panelId(t),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby",`${this.fieldId}-tab-${i}`),i===this.active?(t.removeAttribute("hidden"),s=t):t.setAttribute("hidden","")})),this.panels&&this.panels.classList.toggle("empty",!s||!u(s))}observe(){const s=this.ro;s&&this.bar&&(s.disconnect(),s.observe(this.bar),this.bar.querySelectorAll(".tab").forEach((t=>s.observe(t))))}nextFrame(s){"function"==typeof requestAnimationFrame?requestAnimationFrame(s):s()}settle=()=>{this.measure()||this.revealed!==this.active&&(this.revealed=this.active,this.reveal(this.active))};measure=()=>{const s=this.bar;if(!s)return!1;const t=s.scrollWidth||0,i=s.clientWidth||0,a=v(s),e=this.overflowing;return this.overflowing=t-i>1,this.atStart=a<=1,this.atEnd=a+i>=t-1,e!==this.overflowing};startOffset(s,t){const i=t.offsetLeft||0;return g(s)?(s.clientWidth||0)-(i+(t.offsetWidth||0)):i}placeIndicator(){const s=this.bar,t=this.indicator;if(!s||!t)return;const i=s.querySelector(`#${this.fieldId}-tab-${this.active}`);i?(t.style.insetInlineStart=this.startOffset(s,i)+"px",t.style.width=(i.offsetWidth||0)+"px"):t.style.width="0px"}navCover(s){const t=this.host.querySelector(".nav."+s);return this.overflowing&&t?Math.max(0,(t.offsetWidth||0)-24-6):0}reveal(s){const t=this.bar,i=t?.querySelector(`#${this.fieldId}-tab-${s}`);if(!t||!i)return;const a=t.clientWidth||0;if(!a)return;const e=this.startOffset(t,i),r=e+(i.offsetWidth||0),o=t.scrollWidth||0,n=e-6-(e-6>1?this.navCover("prev"):0),c=r+6+(r+6<o-1?this.navCover("next"):0),b=v(t);if(n<b)m(t,n);else{if(!(c>b+a))return;m(t,c-a)}this.measure()}page(s){const t=this.bar;t&&(m(t,v(t)+s*Math.round(.8*(t.clientWidth||0))),this.measure())}pick(s,t){t&&!h(t,"disabled")&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}onKeyDown=s=>{if(s.defaultPrevented)return;const t=this.tabs();if(!t.length)return;const i=t.map(((s,t)=>h(s,"disabled")?-1:t)).filter((s=>s>=0));if(!i.length)return;const a=Math.max(0,i.indexOf(this.active)),e=g(this.host)?"ArrowLeft":"ArrowRight";let r=-1;if(s.key===e?r=i[(a+1)%i.length]:s.key===("ArrowLeft"===e?"ArrowRight":"ArrowLeft")?r=i[(a-1+i.length)%i.length]:"Home"===s.key?r=i[0]:"End"===s.key&&(r=i[i.length-1]),r<0)return;s.preventDefault(),this.pick(r,t[r]);const o=this.host.querySelector(`#${this.fieldId}-tab-${r}`);o?.focus()};render(){const s=this.tabs(),t=this.overflowing;return a(e,{key:"afbcdc129a88feab75faa02a05e8accb8dae8791",class:{stretch:this.stretch}},a("div",{key:"25acaaf109804d22ae4e37465bcc813ba6cb0064",class:{strip:!0,[this.variant]:!0,stretch:this.stretch,overflowing:t}},t?a("sui-icon-button",{key:"prev",class:{nav:!0,prev:!0,off:this.atStart},size:"sm",noTabStop:!0,"aria-label":f(void 0,"tabs.showEarlierTabs",void 0,"Show earlier tabs"),onClick:()=>this.page(-1)},a(o,{glyph:n})):null,a("div",{key:"bar",class:{bar:!0,[this.variant]:!0,stretch:this.stretch},role:"tablist","aria-label":this.hostLabel||void 0,tabIndex:-1,ref:s=>this.bar=s,onKeyDown:this.onKeyDown,onScroll:this.measure},s.map(((s,t)=>{const i=t===this.active,e=h(s,"disabled"),r=p(s,"badge"),o=p(s,"icon");return a("button",{type:"button",class:{tab:!0,on:i},id:`${this.fieldId}-tab-${t}`,role:"tab","aria-selected":i?"true":"false","aria-controls":this.panelId(s),tabIndex:i?0:-1,disabled:e,onClick:()=>this.pick(t,s)},o?a("i",{class:o,"aria-hidden":"true"}):null,a("span",{class:"label"},p(s,"label")||""),void 0!==r&&""!==r?a("span",{class:"badge"},r+""):null)})),"underline"===this.variant?a("span",{key:"indicator",class:"indicator","aria-hidden":"true",ref:s=>this.indicator=s}):null),t?a("sui-icon-button",{key:"next",class:{nav:!0,next:!0,off:this.atEnd},size:"sm",noTabStop:!0,"aria-label":f(void 0,"tabs.showLaterTabs",void 0,"Show later tabs"),onClick:()=>this.page(1)},a(o,{glyph:c})):null),a("div",{key:"8dd542c6f5baeec8203fe72f888caa38c47b7fd8",class:"panels",ref:s=>this.panels=s},a("slot",{key:"32ae3bea3ce80fe02965b946356825ecd58de1c0"})))}static get style(){return".sc-sui-tabs-h{display:block;font-family:var(--font-sans);color:var(--ink)}.strip.sc-sui-tabs{position:relative;display:flex;align-items:center;gap:4px}.strip.underline.sc-sui-tabs{border-bottom:1px solid var(--border)}.strip.underline.stretch.sc-sui-tabs .bar.sc-sui-tabs{flex:1 1 0}.nav.sc-sui-tabs .sui-glyph.sc-sui-tabs{font-size:var(--icon-size-sm)}.nav.sc-sui-tabs:dir(rtl) .sui-glyph.sc-sui-tabs{transform:scaleX(-1)}.strip.overflowing.sc-sui-tabs>.bar.sc-sui-tabs{flex:1 1 auto}.nav.sc-sui-tabs{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;--sui-tabs-fade:var(--sui-tabs-ground, var(--surface))}.nav.prev.sc-sui-tabs{inset-inline-start:-6px;padding-inline:6px 24px;background:linear-gradient(to right, var(--sui-tabs-fade) 55%, transparent)}.nav.next.sc-sui-tabs{inset-inline-end:-6px;padding-inline:24px 6px;background:linear-gradient(to left, var(--sui-tabs-fade) 55%, transparent)}.nav.prev.sc-sui-tabs:dir(rtl){background:linear-gradient(to left, var(--sui-tabs-fade) 55%, transparent)}.nav.next.sc-sui-tabs:dir(rtl){background:linear-gradient(to right, var(--sui-tabs-fade) 55%, transparent)}.nav.off.sc-sui-tabs{display:none}.bar.sc-sui-tabs{position:relative;display:flex;flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:5px;margin:-5px}.bar.sc-sui-tabs::-webkit-scrollbar{display:none}.bar.underline.sc-sui-tabs{margin-bottom:-6px}@media (prefers-reduced-motion: no-preference){.bar.sc-sui-tabs{scroll-behavior:smooth}}.tab.sc-sui-tabs{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.tab.sc-sui-tabs:disabled{color:var(--ink-placeholder);cursor:not-allowed}.tab.sc-sui-tabs i.sc-sui-tabs{font-size:12px}.tab.sc-sui-tabs:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.bar.underline.sc-sui-tabs{gap:2px}.underline.sc-sui-tabs .tab.sc-sui-tabs{flex:none;padding:10px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--duration-fast) var(--ease-out)}.underline.stretch.sc-sui-tabs .tab.sc-sui-tabs{flex:1}.underline.sc-sui-tabs .tab.sc-sui-tabs:hover:not(:disabled){color:var(--ink)}.underline.sc-sui-tabs .tab.on.sc-sui-tabs{color:var(--ink);font-weight:700}.underline.sc-sui-tabs .tab.sc-sui-tabs:disabled{color:var(--ink-placeholder)}.indicator.sc-sui-tabs{position:absolute;bottom:5px;inset-inline-start:0;width:0;height:2px;border-radius:1px;background:var(--accent);pointer-events:none;transition:inset-inline-start var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out)}.bar.pills.sc-sui-tabs{gap:8px}.pills.sc-sui-tabs .tab.sc-sui-tabs{height:34px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);font-size:13px;font-weight:650;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.pills.sc-sui-tabs .tab.sc-sui-tabs:hover:not(:disabled):not(.on){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:active:not(:disabled){background:var(--brand-active);border-color:var(--brand-active)}.pills.sc-sui-tabs .tab.sc-sui-tabs:disabled{color:var(--ink-placeholder)}.badge.sc-sui-tabs{min-width:18px;height:18px;padding:0 5px;border-radius:9px;box-sizing:border-box;background:var(--brand-soft);color:var(--brand-soft-ink);font-size:10.5px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.pills.sc-sui-tabs .tab.on.sc-sui-tabs .badge.sc-sui-tabs{background:var(--accent);color:var(--accent-contrast)}.panels.sc-sui-tabs{padding-top:14px}.panels.empty.sc-sui-tabs{padding-top:0}@media (forced-colors: active){.bar.underline.sc-sui-tabs{margin-bottom:-5px}.underline.sc-sui-tabs .tab.sc-sui-tabs{border-bottom-color:Canvas}.underline.sc-sui-tabs .tab.on.sc-sui-tabs{border-bottom-color:Highlight}.indicator.sc-sui-tabs{display:none}.nav.sc-sui-tabs{background:Canvas}.pills.sc-sui-tabs .tab.on.sc-sui-tabs{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:focus-visible{outline-color:CanvasText;box-shadow:none}.badge.sc-sui-tabs{border:1px solid CanvasText}.pills.sc-sui-tabs .tab.on.sc-sui-tabs .badge.sc-sui-tabs{background:HighlightText;border-color:HighlightText;color:Highlight}}"}},[774,"sui-tabs",{active:[1026],variant:[513],stretch:[516],tick:[32],hostLabel:[32],overflowing:[32],atStart:[32],atEnd:[32],refresh:[64],setFocus:[64]}]),j=w,A=function(){"undefined"!=typeof customElements&&["sui-tabs","sui-icon-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-tabs":customElements.get(r(s))||customElements.define(r(s),w);break;case"sui-icon-button":customElements.get(r(s))||k();break;case"sui-tooltip":customElements.get(r(s))||y()}}))};export{j as SuiTabs,A as defineCustomElement}
+import{p as s,H as t,c as i,h as a,a as e,t as r}from"./p-DQ8DrIvI.js";import{G as o,f as n,q as b}from"./p-B-Bh5OXe.js";import{u as c}from"./p-U06fVoGD.js";import{i as l}from"./p-wknHx00K.js";import{o as d,b as u,c as h,e as p}from"./p-BWkzTEZX.js";import{a as v}from"./p-BuyjS5bS.js";import{s as f,i as g,a as m}from"./p-GAnFXayY.js";import{d as x}from"./p-BHB1Wprj.js";import{defineCustomElement as k}from"./p-B9Up7ULt.js";import{d as y}from"./p-Bppdhan-.js";const w=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiActiveChange=i(this,"suiActiveChange",3)}get host(){return this}active=0;variant="underline";stretch=!1;suiActiveChange;tick=0;hostLabel;overflowing=!1;atStart=!0;atEnd=!0;fieldId=c("sui-tabs");bar;indicator;panels;dispose;stopAria;ro;revealed=-1;loaded=!1;async refresh(){this.tick++}async setFocus(){this.activeButton()?.focus()}activeButton(){return this.host.querySelector(`#${this.fieldId}-tab-${this.active}`)}connectedCallback(){x(this.host,(()=>this.activeButton())),this.stopAria?.(),this.stopAria=l(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}componentDidLoad(){this.loaded=!0,this.watch()}componentDidRender(){this.sync(),this.placeIndicator(),this.observe(),this.nextFrame(this.settle)}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.(),this.ro?.disconnect(),this.ro=void 0}watch(s=!1){this.dispose?.(),this.dispose=d(this.host,(s=>this.onChildList(s))),this.ro?.disconnect(),this.ro="undefined"!=typeof ResizeObserver?new ResizeObserver((()=>{this.measure(),this.placeIndicator()})):void 0,this.observe(),s&&(this.revealed=-1,Promise.resolve().then((()=>{this.host.isConnected&&(this.placeIndicator(),this.settle())})))}tabs(){return Array.from(this.host.querySelectorAll("sui-tab")).filter((s=>s.closest("sui-tabs")===this.host))}panelId(s){if(!s.id){let t;do{t=c(this.fieldId+"-panel")}while(s.ownerDocument?.getElementById(t));s.id=t}return s.id}onChildList(s){const t=s=>"SUI-TAB"===s.tagName;if(!s.some((s=>Array.from(s.addedNodes).some(t)||Array.from(s.removedNodes).some(t))))return;const i=this.tabs().length;i&&this.active>=i&&(this.active=i-1,this.suiActiveChange.emit(this.active)),this.refresh()}sync(){let s;this.tabs().forEach(((t,i)=>{this.panelId(t),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby",`${this.fieldId}-tab-${i}`),i===this.active?(t.removeAttribute("hidden"),s=t):t.setAttribute("hidden","")})),this.panels&&this.panels.classList.toggle("empty",!s||!u(s))}observe(){const s=this.ro;s&&this.bar&&(s.disconnect(),s.observe(this.bar),this.bar.querySelectorAll(".tab").forEach((t=>s.observe(t))))}nextFrame(s){"function"==typeof requestAnimationFrame?requestAnimationFrame(s):s()}settle=()=>{this.measure()||this.revealed!==this.active&&(this.revealed=this.active,this.reveal(this.active))};measure=()=>{const s=this.bar;if(!s)return!1;const t=s.scrollWidth||0,i=s.clientWidth||0,a=f(s),e=this.overflowing;return this.overflowing=t-i>1,this.atStart=a<=1,this.atEnd=a+i>=t-1,e!==this.overflowing};startOffset(s,t){const i=t.offsetLeft||0;return g(s)?(s.clientWidth||0)-(i+(t.offsetWidth||0)):i}placeIndicator(){const s=this.bar,t=this.indicator;if(!s||!t)return;const i=s.querySelector(`#${this.fieldId}-tab-${this.active}`);i?(t.style.insetInlineStart=this.startOffset(s,i)+"px",t.style.width=(i.offsetWidth||0)+"px"):t.style.width="0px"}navCover(s){const t=this.host.querySelector(".nav."+s);return this.overflowing&&t?Math.max(0,(t.offsetWidth||0)-24-6):0}reveal(s){const t=this.bar,i=t?.querySelector(`#${this.fieldId}-tab-${s}`);if(!t||!i)return;const a=t.clientWidth||0;if(!a)return;const e=this.startOffset(t,i),r=e+(i.offsetWidth||0),o=t.scrollWidth||0,n=e-6-(e-6>1?this.navCover("prev"):0),b=r+6+(r+6<o-1?this.navCover("next"):0),c=f(t);if(n<c)m(t,n);else{if(!(b>c+a))return;m(t,b-a)}this.measure()}page(s){const t=this.bar;t&&(m(t,f(t)+s*Math.round(.8*(t.clientWidth||0))),this.measure())}pick(s,t){t&&!h(t,"disabled")&&s!==this.active&&(this.active=s,this.suiActiveChange.emit(s))}onKeyDown=s=>{if(s.defaultPrevented)return;const t=this.tabs();if(!t.length)return;const i=t.map(((s,t)=>h(s,"disabled")?-1:t)).filter((s=>s>=0));if(!i.length)return;const a=Math.max(0,i.indexOf(this.active)),e=g(this.host)?"ArrowLeft":"ArrowRight";let r=-1;if(s.key===e?r=i[(a+1)%i.length]:s.key===("ArrowLeft"===e?"ArrowRight":"ArrowLeft")?r=i[(a-1+i.length)%i.length]:"Home"===s.key?r=i[0]:"End"===s.key&&(r=i[i.length-1]),r<0)return;s.preventDefault(),this.pick(r,t[r]);const o=this.host.querySelector(`#${this.fieldId}-tab-${r}`);o?.focus()};render(){const s=this.tabs(),t=this.overflowing;return a(e,{key:"93977ab51f659237c141a26966456039d4fb957a",class:{stretch:this.stretch}},a("div",{key:"7e670023429bdbc8998ebc1a9cde9a1ab84632bd",class:{strip:!0,[this.variant]:!0,stretch:this.stretch,overflowing:t}},t?a("sui-icon-button",{key:"prev",class:{nav:!0,prev:!0,off:this.atStart},size:"sm",noTabStop:!0,"aria-label":v(void 0,"tabs.showEarlierTabs",void 0,"Show earlier tabs"),onClick:()=>this.page(-1)},a(o,{glyph:n})):null,a("div",{key:"bar",class:{bar:!0,[this.variant]:!0,stretch:this.stretch},role:"tablist","aria-label":this.hostLabel||void 0,tabIndex:-1,ref:s=>this.bar=s,onKeyDown:this.onKeyDown,onScroll:this.measure},s.map(((s,t)=>{const i=t===this.active,e=h(s,"disabled"),r=p(s,"badge"),o=p(s,"icon");return a("button",{type:"button",class:{tab:!0,on:i},id:`${this.fieldId}-tab-${t}`,role:"tab","aria-selected":i?"true":"false","aria-controls":this.panelId(s),tabIndex:i?0:-1,disabled:e,onClick:()=>this.pick(t,s)},o?a("i",{class:o,"aria-hidden":"true"}):null,a("span",{class:"label"},p(s,"label")||""),void 0!==r&&""!==r?a("span",{class:"badge"},r+""):null)})),"underline"===this.variant?a("span",{key:"indicator",class:"indicator","aria-hidden":"true",ref:s=>this.indicator=s}):null),t?a("sui-icon-button",{key:"next",class:{nav:!0,next:!0,off:this.atEnd},size:"sm",noTabStop:!0,"aria-label":v(void 0,"tabs.showLaterTabs",void 0,"Show later tabs"),onClick:()=>this.page(1)},a(o,{glyph:b})):null),a("div",{key:"5f9e34688bed29995d8f63f8d0b2b4d4038af999",class:"panels",ref:s=>this.panels=s},a("slot",{key:"e69be455d47652ceee56925704621027d8efdb4d"})))}static get style(){return".sc-sui-tabs-h{display:block;font-family:var(--font-sans);color:var(--ink)}.strip.sc-sui-tabs{position:relative;display:flex;align-items:center;gap:4px}.strip.underline.sc-sui-tabs{border-bottom:1px solid var(--border)}.strip.underline.stretch.sc-sui-tabs .bar.sc-sui-tabs{flex:1 1 0}.nav.sc-sui-tabs .sui-glyph.sc-sui-tabs{font-size:var(--icon-size-sm)}.nav.sc-sui-tabs:dir(rtl) .sui-glyph.sc-sui-tabs{transform:scaleX(-1)}.strip.overflowing.sc-sui-tabs>.bar.sc-sui-tabs{flex:1 1 auto}.nav.sc-sui-tabs{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:center;--sui-tabs-fade:var(--sui-tabs-ground, var(--surface))}.nav.prev.sc-sui-tabs{inset-inline-start:-6px;padding-inline:6px 24px;background:linear-gradient(to right, var(--sui-tabs-fade) 55%, transparent)}.nav.next.sc-sui-tabs{inset-inline-end:-6px;padding-inline:24px 6px;background:linear-gradient(to left, var(--sui-tabs-fade) 55%, transparent)}.nav.prev.sc-sui-tabs:dir(rtl){background:linear-gradient(to left, var(--sui-tabs-fade) 55%, transparent)}.nav.next.sc-sui-tabs:dir(rtl){background:linear-gradient(to right, var(--sui-tabs-fade) 55%, transparent)}.nav.off.sc-sui-tabs{display:none}.bar.sc-sui-tabs{position:relative;display:flex;flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:5px;margin:-5px}.bar.sc-sui-tabs::-webkit-scrollbar{display:none}.bar.underline.sc-sui-tabs{margin-bottom:-6px}@media (prefers-reduced-motion: no-preference){.bar.sc-sui-tabs{scroll-behavior:smooth}}.tab.sc-sui-tabs{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;margin:0;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.tab.sc-sui-tabs:disabled{color:var(--ink-placeholder);cursor:not-allowed}.tab.sc-sui-tabs i.sc-sui-tabs{font-size:12px}.tab.sc-sui-tabs:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.bar.underline.sc-sui-tabs{gap:2px}.underline.sc-sui-tabs .tab.sc-sui-tabs{flex:none;padding:10px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--duration-fast) var(--ease-out)}.underline.stretch.sc-sui-tabs .tab.sc-sui-tabs{flex:1}.underline.sc-sui-tabs .tab.sc-sui-tabs:hover:not(:disabled){color:var(--ink)}.underline.sc-sui-tabs .tab.on.sc-sui-tabs{color:var(--ink);font-weight:700}.underline.sc-sui-tabs .tab.sc-sui-tabs:disabled{color:var(--ink-placeholder)}.indicator.sc-sui-tabs{position:absolute;bottom:5px;inset-inline-start:0;width:0;height:2px;border-radius:1px;background:var(--accent);pointer-events:none;transition:inset-inline-start var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out)}.bar.pills.sc-sui-tabs{gap:8px}.pills.sc-sui-tabs .tab.sc-sui-tabs{height:34px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);font-size:13px;font-weight:650;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.pills.sc-sui-tabs .tab.sc-sui-tabs:hover:not(:disabled):not(.on){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:active:not(:disabled){background:var(--brand-active);border-color:var(--brand-active)}.pills.sc-sui-tabs .tab.sc-sui-tabs:disabled{color:var(--ink-placeholder)}.badge.sc-sui-tabs{min-width:18px;height:18px;padding:0 5px;border-radius:9px;box-sizing:border-box;background:var(--brand-soft);color:var(--brand-soft-ink);font-size:10.5px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.pills.sc-sui-tabs .tab.on.sc-sui-tabs .badge.sc-sui-tabs{background:var(--accent);color:var(--accent-contrast)}.panels.sc-sui-tabs{padding-top:14px}.panels.empty.sc-sui-tabs{padding-top:0}@media (forced-colors: active){.bar.underline.sc-sui-tabs{margin-bottom:-5px}.underline.sc-sui-tabs .tab.sc-sui-tabs{border-bottom-color:Canvas}.underline.sc-sui-tabs .tab.on.sc-sui-tabs{border-bottom-color:Highlight}.indicator.sc-sui-tabs{display:none}.nav.sc-sui-tabs{background:Canvas}.pills.sc-sui-tabs .tab.on.sc-sui-tabs{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.pills.sc-sui-tabs .tab.on.sc-sui-tabs:focus-visible{outline-color:CanvasText;box-shadow:none}.badge.sc-sui-tabs{border:1px solid CanvasText}.pills.sc-sui-tabs .tab.on.sc-sui-tabs .badge.sc-sui-tabs{background:HighlightText;border-color:HighlightText;color:Highlight}}"}},[774,"sui-tabs",{active:[1026],variant:[513],stretch:[516],tick:[32],hostLabel:[32],overflowing:[32],atStart:[32],atEnd:[32],refresh:[64],setFocus:[64]}]),j=w,A=function(){"undefined"!=typeof customElements&&["sui-tabs","sui-icon-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-tabs":customElements.get(r(s))||customElements.define(r(s),w);break;case"sui-icon-button":customElements.get(r(s))||k();break;case"sui-tooltip":customElements.get(r(s))||y()}}))};export{j as SuiTabs,A as defineCustomElement}

package/dist/components/sui-tag.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-1-6WZY6f.js";const p=o,r=s;export{p as SuiTag,r as defineCustomElement}
+import{S as o,d as s}from"./p-fQZJmteH.js";const t=o,m=s;export{t as SuiTag,m as defineCustomElement}

package/dist/components/sui-terminal.js

@@ -1 +1 @@
-import{p as i,H as e,c as s,h as t,a as n,t as a}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{G as r,K as l}from"./p-BJFE-_50.js";import{a as c,l as m}from"./p-BuyjS5bS.js";const u=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiCommand=s(this,"suiCommand",7)}get host(){return this}welcome;prompt=">";height=200;commands;suiCommand;lines=[];input="";log;field;seq=0;epoch=0;history=[];historyAt=-1;componentWillLoad(){this.lines=[this.line("sys",c(void 0,"terminal.welcome",this.welcome,"Type `help` to list commands"))]}connectedCallback(){o(this.host,(()=>this.field))}async setFocus(){this.field?.focus()}onWelcome(i){1===this.lines.length&&"sys"===this.lines[0].t&&(this.lines=[this.line("sys",i)])}async print(i){const e=(Array.isArray(i)?i:[i]).map((i=>(i??"")+""));e.length&&(this.lines=[...this.lines,...e.map((i=>this.line("out",i)))],this.scrollToEnd())}async clear(){this.epoch+=1,this.lines=[]}scrollToEnd(){"undefined"!=typeof requestAnimationFrame&&requestAnimationFrame((()=>{this.log&&(this.log.scrollTop=this.log.scrollHeight)}))}line(i,e){return this.seq+=1,{t:i,text:e,key:this.seq+""}}map(){return this.commands||{}}help(i){const e=["help",...Object.keys(i).filter((i=>"help"!==i)),"clear"];return m(void 0,"terminal.commands",void 0,"Commands: {list}",{list:e.join(" · ")})}async run(){const i=this.input.trim();if(!i)return;this.input="",this.history.push(i),this.historyAt=-1,this.suiCommand.emit(i);const[e,...s]=i.split(/\s+/);if("clear"===e)return void await this.clear();this.lines=[...this.lines,this.line("in",i)];const t=this.map(),n=this.epoch;let a;try{const i=t[e];a="function"==typeof i?(await i(s.join(" "))??"")+"":"help"===e?this.help(t):m(void 0,"terminal.unknownCommand",void 0,"Unknown command: {command}",{command:e})}catch(i){a=i instanceof Error&&i.message?i.message:m(void 0,"terminal.commandFailed",void 0,"Command failed: {command}",{command:e})}n===this.epoch&&(this.lines=[...this.lines,this.line("out",a)],this.scrollToEnd())}recall(i){if(!this.history.length)return;const e=Math.min(this.history.length,Math.max(0,(this.historyAt<0?this.history.length:this.historyAt)+i));this.historyAt=e>=this.history.length?-1:e,this.input=this.historyAt<0?"":this.history[this.historyAt]}onKey=i=>{"Enter"===i.key?(i.preventDefault(),this.run()):"ArrowUp"===i.key?(i.preventDefault(),this.recall(-1)):"ArrowDown"===i.key&&(i.preventDefault(),this.recall(1))};onInput=i=>{this.input=i.target.value,this.historyAt=-1};render(){return t(n,{key:"4b22c4fafee7377a41ed9648620773e99cc81b40"},t("div",{key:"7daefd8f7b600a233e193a39c365b13fd594ca2d",class:"sui-terminal","data-code-selection":"true"},t("div",{key:"b17d6f56e9a7694aa84a54c95678b6b28271c9ce",class:"sui-terminal-head"},t(r,{key:"294687aa93cbc548587786067115e128190ee723",glyph:l}),t("span",{key:"c45d06a9c7f734c47551c48361373d4b468a4214"},c(void 0,"terminal.adminConsole",void 0,"ADMIN CONSOLE"))),t("div",{key:"934a779354020eedcec3e83b655a383719308174",ref:i=>this.log=i,class:"sui-terminal-pane","data-scroll":"code",style:{height:this.height+"px"},onClick:()=>this.field?.focus()},t("div",{key:"8682b90fd42d7f33bebec50114356cc27004ce97",role:"log","aria-live":"polite"},this.lines.map((i=>t("div",{key:i.key,class:"line "+i.t},"in"===i.t?`${this.prompt} ${i.text}`:i.text)))),t("div",{key:"0eb855e221fbb50eae1454c31622de16facef23b",class:"sui-terminal-row"},t("span",{key:"cdf29698dbac369a4368506799305309d3d886ab",class:"sui-terminal-prompt","aria-hidden":"true"},this.prompt),t("input",{key:"60106759af75fe29b3455f4a74b5ddeb377c9eeb",ref:i=>this.field=i,class:"sui-terminal-input",type:"text",value:this.input,"aria-label":c(void 0,"terminal.consoleInput",void 0,"Console input"),autocomplete:"off",spellcheck:!1,onInput:this.onInput,onKeyDown:this.onKey})))))}static get watchers(){return{welcome:[{onWelcome:0}]}}static get style(){return".sc-sui-terminal-h{display:block;font-family:var(--font-sans)}.sui-terminal.sc-sui-terminal{background:var(--sui-code-bg);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);outline:1px solid var(--sui-code-edge);outline-offset:-1px}.sui-terminal-head.sc-sui-terminal{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--sui-code-head);border-bottom:1px solid color-mix(in srgb, var(--sui-code-line) 8%, transparent)}.sui-terminal-head.sc-sui-terminal .sui-glyph.sc-sui-terminal{font-size:10px;color:var(--sui-code-key)}.sui-terminal-head.sc-sui-terminal span.sc-sui-terminal{font-size:11px;font-weight:620;color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head));font-family:var(--font-sans);letter-spacing:0.04em}.sui-terminal-pane.sc-sui-terminal{overflow-y:auto;padding:12px 14px;font-size:12px;line-height:1.7;box-sizing:border-box;cursor:text}.sui-terminal-pane.sc-sui-terminal .line.sc-sui-terminal{white-space:pre-wrap;word-break:break-word}.sui-terminal-pane.sc-sui-terminal .line.in.sc-sui-terminal{color:var(--sui-code-bright)}.sui-terminal-pane.sc-sui-terminal .line.sys.sc-sui-terminal{color:var(--sui-code-dim)}.sui-terminal-pane.sc-sui-terminal .line.out.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-row.sc-sui-terminal{display:flex;gap:7px;align-items:center}.sui-terminal-prompt.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;margin:0;color:var(--sui-code-bright);font-family:var(--font-mono);font-size:12px;line-height:inherit;caret-color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal:focus-visible{outline:none}.sui-terminal.sc-sui-terminal:has(.sui-terminal-input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}"}},[514,"sui-terminal",{welcome:[1],prompt:[1],height:[2],commands:[16],lines:[32],input:[32],setFocus:[64],print:[64],clear:[64]},void 0,{welcome:[{onWelcome:0}]}]),d=u,h=function(){"undefined"!=typeof customElements&&["sui-terminal"].forEach((i=>{"sui-terminal"===i&&(customElements.get(a(i))||customElements.define(a(i),u))}))};export{d as SuiTerminal,h as defineCustomElement}
+import{p as i,H as e,c as s,h as t,a,t as n}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{G as r,K as l}from"./p-B-Bh5OXe.js";import{a as c,l as m}from"./p-BuyjS5bS.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiCommand=s(this,"suiCommand",7)}get host(){return this}welcome;prompt=">";height=200;commands;suiCommand;lines=[];input="";log;field;seq=0;epoch=0;history=[];historyAt=-1;componentWillLoad(){this.lines=[this.line("sys",c(void 0,"terminal.welcome",this.welcome,"Type `help` to list commands"))]}connectedCallback(){o(this.host,(()=>this.field))}async setFocus(){this.field?.focus()}onWelcome(i){1===this.lines.length&&"sys"===this.lines[0].t&&(this.lines=[this.line("sys",i)])}async print(i){const e=(Array.isArray(i)?i:[i]).map((i=>(i??"")+""));e.length&&(this.lines=[...this.lines,...e.map((i=>this.line("out",i)))],this.scrollToEnd())}async clear(){this.epoch+=1,this.lines=[]}scrollToEnd(){"undefined"!=typeof requestAnimationFrame&&requestAnimationFrame((()=>{this.log&&(this.log.scrollTop=this.log.scrollHeight)}))}line(i,e){return this.seq+=1,{t:i,text:e,key:this.seq+""}}map(){return this.commands||{}}help(i){const e=["help",...Object.keys(i).filter((i=>"help"!==i)),"clear"];return m(void 0,"terminal.commands",void 0,"Commands: {list}",{list:e.join(" · ")})}async run(){const i=this.input.trim();if(!i)return;this.input="",this.history.push(i),this.historyAt=-1,this.suiCommand.emit(i);const[e,...s]=i.split(/\s+/);if("clear"===e)return void await this.clear();this.lines=[...this.lines,this.line("in",i)];const t=this.map(),a=this.epoch;let n;try{const i=t[e];n="function"==typeof i?(await i(s.join(" "))??"")+"":"help"===e?this.help(t):m(void 0,"terminal.unknownCommand",void 0,"Unknown command: {command}",{command:e})}catch(i){n=i instanceof Error&&i.message?i.message:m(void 0,"terminal.commandFailed",void 0,"Command failed: {command}",{command:e})}a===this.epoch&&(this.lines=[...this.lines,this.line("out",n)],this.scrollToEnd())}recall(i){if(!this.history.length)return;const e=Math.min(this.history.length,Math.max(0,(this.historyAt<0?this.history.length:this.historyAt)+i));this.historyAt=e>=this.history.length?-1:e,this.input=this.historyAt<0?"":this.history[this.historyAt]}onKey=i=>{"Enter"===i.key?(i.preventDefault(),this.run()):"ArrowUp"===i.key?(i.preventDefault(),this.recall(-1)):"ArrowDown"===i.key&&(i.preventDefault(),this.recall(1))};onInput=i=>{this.input=i.target.value,this.historyAt=-1};render(){return t(a,{key:"2ba52aa66102f43103eb643e1b8c556cd029a3d2"},t("div",{key:"0bbbb502c1b6e32ceb097889c6d42f1b271f988a",class:"sui-terminal","data-code-selection":"true"},t("div",{key:"a88f5b3fa3b6950807d6c7648c4794bf94517c1c",class:"sui-terminal-head"},t(r,{key:"6a7cc393abdaafc6cb2d8f563ca051660ca17bf9",glyph:l}),t("span",{key:"b74c850e1d9e8b8c15ee504914043bd88099e508"},c(void 0,"terminal.adminConsole",void 0,"ADMIN CONSOLE"))),t("div",{key:"e42ecbef9b2c5ab32874871016cbac8ff897abc7",ref:i=>this.log=i,class:"sui-terminal-pane","data-scroll":"code",style:{height:this.height+"px"},onClick:()=>this.field?.focus()},t("div",{key:"15d3d29ccf3d02e4804e77cc3f939073c2ddc938",role:"log","aria-live":"polite"},this.lines.map((i=>t("div",{key:i.key,class:"line "+i.t},"in"===i.t?`${this.prompt} ${i.text}`:i.text)))),t("div",{key:"b58eec90e91d8915fb748aa086e21eaa9c3a9d1b",class:"sui-terminal-row"},t("span",{key:"b0e498a8ad86ba38056f8ae2990428dc542f7dfe",class:"sui-terminal-prompt","aria-hidden":"true"},this.prompt),t("input",{key:"d60e11fa91e54a645d3d84215ae3cefc2619665f",ref:i=>this.field=i,class:"sui-terminal-input",type:"text",value:this.input,"aria-label":c(void 0,"terminal.consoleInput",void 0,"Console input"),autocomplete:"off",spellcheck:!1,onInput:this.onInput,onKeyDown:this.onKey})))))}static get watchers(){return{welcome:[{onWelcome:0}]}}static get style(){return".sc-sui-terminal-h{display:block;font-family:var(--font-sans)}.sui-terminal.sc-sui-terminal{background:var(--sui-code-bg);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);outline:1px solid var(--sui-code-edge);outline-offset:-1px}.sui-terminal-head.sc-sui-terminal{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--sui-code-head);border-bottom:1px solid color-mix(in srgb, var(--sui-code-line) 8%, transparent)}.sui-terminal-head.sc-sui-terminal .sui-glyph.sc-sui-terminal{font-size:10px;color:var(--sui-code-key)}.sui-terminal-head.sc-sui-terminal span.sc-sui-terminal{font-size:11px;font-weight:620;color:color-mix(in srgb, var(--sui-code-line) 68%, var(--sui-code-head));font-family:var(--font-sans);letter-spacing:0.04em}.sui-terminal-pane.sc-sui-terminal{overflow-y:auto;padding:12px 14px;font-size:12px;line-height:1.7;box-sizing:border-box;cursor:text}.sui-terminal-pane.sc-sui-terminal .line.sc-sui-terminal{white-space:pre-wrap;word-break:break-word}.sui-terminal-pane.sc-sui-terminal .line.in.sc-sui-terminal{color:var(--sui-code-bright)}.sui-terminal-pane.sc-sui-terminal .line.sys.sc-sui-terminal{color:var(--sui-code-dim)}.sui-terminal-pane.sc-sui-terminal .line.out.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-row.sc-sui-terminal{display:flex;gap:7px;align-items:center}.sui-terminal-prompt.sc-sui-terminal{color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;margin:0;color:var(--sui-code-bright);font-family:var(--font-mono);font-size:12px;line-height:inherit;caret-color:var(--sui-code-key)}.sui-terminal-input.sc-sui-terminal:focus-visible{outline:none}.sui-terminal.sc-sui-terminal:has(.sui-terminal-input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}"}},[514,"sui-terminal",{welcome:[1],prompt:[1],height:[2],commands:[16],lines:[32],input:[32],setFocus:[64],print:[64],clear:[64]},void 0,{welcome:[{onWelcome:0}]}]),u=d,h=function(){"undefined"!=typeof customElements&&["sui-terminal"].forEach((i=>{"sui-terminal"===i&&(customElements.get(n(i))||customElements.define(n(i),d))}))};export{u as SuiTerminal,h as defineCustomElement}

package/dist/components/sui-textarea.js

@@ -1 +1 @@
-import{p as i,H as s,c as e,h as t,t as a}from"./p-DQ8DrIvI.js";import{d as r,F as o}from"./p-CvjYVNw7.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as l,s as h,r as d}from"./p-BHB1Wprj.js";import{i as c,a as f}from"./p-Cs2X0Kih.js";import{i as x}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const m=["sm","md","lg"],b=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.suiFocus=e(this,"suiFocus",3),this.suiBlur=e(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return 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=n("sui-textarea");textarea;ro;lastWidth=0;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){u(this.host,this.internals),l(this.host,(()=>this.textarea)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=x(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=f(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),d(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=p(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,e=m.includes(this.size)?this.size:"md";return t(o,{key:"5c74ef9b185e3558cdfc800723ab3454f30dd31e",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("textarea",{key:"620bf8a7915091ed3279d25eabb7226b0e098302",ref:i=>this.textarea=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-textarea":!0,[e]:!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":[r(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?t("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}]}}static get style(){return".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}}"}},[578,"sui-textarea",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],autocomplete:[1],placeholder:[1],value:[1025],rows:[2],autoResize:[516,"auto-resize"],maxLength:[2,"maxlength"],minLength:[2,"minlength"],showCount:[516,"show-count"],name:[513],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],setFocus:[64],select:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),v=b,g=function(){"undefined"!=typeof customElements&&["sui-textarea"].forEach((i=>{"sui-textarea"===i&&(customElements.get(a(i))||customElements.define(a(i),b))}))};export{v as SuiTextarea,g as defineCustomElement}
+import{p as i,H as s,c as e,h as t,t as a}from"./p-DQ8DrIvI.js";import{d as r,F as o}from"./p-DWUWsh4I.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as l,s as h,r as d}from"./p-BHB1Wprj.js";import{i as c,a as f}from"./p-wknHx00K.js";import{i as x}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const m=["sm","md","lg"],b=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.suiFocus=e(this,"suiFocus",3),this.suiBlur=e(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return 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=n("sui-textarea");textarea;ro;lastWidth=0;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){u(this.host,this.internals),l(this.host,(()=>this.textarea)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=x(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=f(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),d(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=p(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,e=m.includes(this.size)?this.size:"md";return t(o,{key:"f60d45a07da4306f894e0e533198665b1be521ff",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},t("textarea",{key:"0f919a17975c53211bb047112f97b2f46cd03302",ref:i=>this.textarea=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-textarea":!0,[e]:!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":[r(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?t("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}]}}static get style(){return".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}}"}},[578,"sui-textarea",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],autocomplete:[1],placeholder:[1],value:[1025],rows:[2],autoResize:[516,"auto-resize"],maxLength:[2,"maxlength"],minLength:[2,"minlength"],showCount:[516,"show-count"],name:[513],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],setFocus:[64],select:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),v=b,g=function(){"undefined"!=typeof customElements&&["sui-textarea"].forEach((i=>{"sui-textarea"===i&&(customElements.get(a(i))||customElements.define(a(i),b))}))};export{v as SuiTextarea,g as defineCustomElement}