@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-7e141b23.entry.js → p-06d2f5e3.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as e,h as t,a}from"./p-ChCjmDsd.js";import{d as n}from"./p-B3wtlP4_.js";import{G as o,I as r}from"./p-DGU97JSr.js";import{l,a as c}from"./p-lWhwwQJ2.js";const d=class{constructor(e){i(this,e),this.suiCommand=s(this,"suiCommand",7)}get host(){return e(this)}welcome;prompt=">";height=200;commands;suiCommand;lines=[];input="";log;field;seq=0;epoch=0;history=[];historyAt=-1;componentWillLoad(){this.lines=[this.line("sys",l(void 0,"terminal.welcome",this.welcome,"Type `help` to list commands"))]}connectedCallback(){n(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 s=(Array.isArray(i)?i:[i]).map((i=>String(i??"")));s.length&&(this.lines=[...this.lines,...s.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,s){return this.seq+=1,{t:i,text:s,key:String(this.seq)}}map(){return this.commands||{}}help(i){const s=["help",...Object.keys(i).filter((i=>"help"!==i)),"clear"];return c(void 0,"terminal.commands",void 0,"Commands: {list}",{list:s.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[s,...e]=i.split(/\s+/);if("clear"===s)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[s];n="function"==typeof i?String(await i(e.join(" "))??""):"help"===s?this.help(t):c(void 0,"terminal.unknownCommand",void 0,"Unknown command: {command}",{command:s})}catch(i){n=i instanceof Error&&i.message?i.message:c(void 0,"terminal.commandFailed",void 0,"Command failed: {command}",{command:s})}a===this.epoch&&(this.lines=[...this.lines,this.line("out",n)],this.scrollToEnd())}recall(i){if(!this.history.length)return;const s=Math.min(this.history.length,Math.max(0,(this.historyAt<0?this.history.length:this.historyAt)+i));this.historyAt=s>=this.history.length?-1:s,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:"4b22c4fafee7377a41ed9648620773e99cc81b40"},t("div",{key:"7daefd8f7b600a233e193a39c365b13fd594ca2d",class:"sui-terminal","data-code-selection":"true"},t("div",{key:"b17d6f56e9a7694aa84a54c95678b6b28271c9ce",class:"sui-terminal-head"},t(o,{key:"294687aa93cbc548587786067115e128190ee723",glyph:r}),t("span",{key:"c45d06a9c7f734c47551c48361373d4b468a4214"},l(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":l(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}]}}};d.style=".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)}";export{d as sui_terminal}
+import{r as i,c as s,g as e,h as t,a}from"./p-ChCjmDsd.js";import{d as n}from"./p-B3wtlP4_.js";import{G as o,I as r}from"./p-CHznIlgx.js";import{l,a as c}from"./p-lWhwwQJ2.js";const d=class{constructor(e){i(this,e),this.suiCommand=s(this,"suiCommand",7)}get host(){return e(this)}welcome;prompt=">";height=200;commands;suiCommand;lines=[];input="";log;field;seq=0;epoch=0;history=[];historyAt=-1;componentWillLoad(){this.lines=[this.line("sys",l(void 0,"terminal.welcome",this.welcome,"Type `help` to list commands"))]}connectedCallback(){n(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 s=(Array.isArray(i)?i:[i]).map((i=>String(i??"")));s.length&&(this.lines=[...this.lines,...s.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,s){return this.seq+=1,{t:i,text:s,key:String(this.seq)}}map(){return this.commands||{}}help(i){const s=["help",...Object.keys(i).filter((i=>"help"!==i)),"clear"];return c(void 0,"terminal.commands",void 0,"Commands: {list}",{list:s.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[s,...e]=i.split(/\s+/);if("clear"===s)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[s];n="function"==typeof i?String(await i(e.join(" "))??""):"help"===s?this.help(t):c(void 0,"terminal.unknownCommand",void 0,"Unknown command: {command}",{command:s})}catch(i){n=i instanceof Error&&i.message?i.message:c(void 0,"terminal.commandFailed",void 0,"Command failed: {command}",{command:s})}a===this.epoch&&(this.lines=[...this.lines,this.line("out",n)],this.scrollToEnd())}recall(i){if(!this.history.length)return;const s=Math.min(this.history.length,Math.max(0,(this.historyAt<0?this.history.length:this.historyAt)+i));this.historyAt=s>=this.history.length?-1:s,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(o,{key:"6a7cc393abdaafc6cb2d8f563ca051660ca17bf9",glyph:r}),t("span",{key:"b74c850e1d9e8b8c15ee504914043bd88099e508"},l(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":l(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}]}}};d.style=".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)}";export{d as sui_terminal}

package/dist/shineui/p-07a1e84e.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,a as i}from"./p-ChCjmDsd.js";const s=class{constructor(a){e(this,a)}animation="wave";render(){return a(i,{key:"0c8b4d548822a419276bc08781bbf0d5b0c025ed","aria-hidden":"true"},a("div",{key:"302b6d8997b04d738d50879eeacfada18c215e6c",class:"head"},a("sui-skeleton",{key:"51e5817ecb935abe16338d2763839a67485eb5c0",shape:"circle",animation:this.animation}),a("div",{key:"c22de1c1361dab18b641d94775f45c3652098a73",class:"titles"},a("sui-skeleton",{key:"7e867fabca19489ff1be797b9eecb6cae3981bf2",shape:"title",width:"55%",animation:this.animation}),a("sui-skeleton",{key:"3b9834becaeed495e1bf602041cdd5db2402766b",width:"35%",animation:this.animation}))),a("div",{key:"ef3d8248eaa8e51d59e9dc60b1d51678f22d0487",class:"lines"},a("sui-skeleton",{key:"097dcb1d91db47eb81de8d4c01d4ba04f71ad20a",animation:this.animation}),a("sui-skeleton",{key:"31bf568ca26782af3f7932b69a8f5b6a0cef2092",width:"88%",animation:this.animation}),a("sui-skeleton",{key:"6914722e0e9d31b2d39e735b7e3906ddf47fac00",width:"62%",animation:this.animation})))}};s.style=".sc-sui-skeleton-card-h{display:block;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;font-family:var(--font-sans)}.head.sc-sui-skeleton-card{display:flex;gap:11px;align-items:center;margin-bottom:13px}.titles.sc-sui-skeleton-card{flex:1;display:flex;flex-direction:column;gap:7px}.lines.sc-sui-skeleton-card{display:flex;flex-direction:column;gap:8px}";export{s as sui_skeleton_card}

package/dist/shineui/{p-539d0a46.entry.js → p-07c64084.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as s,h as r,a as n}from"./p-ChCjmDsd.js";import{h as e}from"./p-Vp9Oolk_.js";import{l as h}from"./p-lWhwwQJ2.js";import"./p--VsCbcYp.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const o=["submit","blur","input"],a=["input","suiInput","suiChange"],u=["input","select","textarea"],c=t=>u.includes(t.tagName.toLowerCase()),f=class{constructor(s){t(this,s),this.suiSubmit=i(this,"suiSubmit",7),this.suiInvalid=i(this,"suiInvalid",7)}get host(){return s(this)}resolver;validateOn="submit";novalidate=!1;noFocusOnInvalid=!1;suiSubmit;suiInvalid;hostId;form;shells=new Set;fieldRun=0;stopIdWatch;watches=new Map;async validate(){return this.run()}async clearErrors(){this.controls().forEach((t=>this.setMessage(t,void 0))),this.shells.forEach((t=>t.error=void 0)),this.shells.clear()}connectedCallback(){this.stopIdWatch?.(),this.stopIdWatch=this.watchHostId(),this.host.addEventListener("focusin",this.onFieldFocus),this.host.addEventListener("focusout",this.onFieldBlur),a.forEach((t=>this.host.addEventListener(t,this.onFieldInput)))}disconnectedCallback(){this.host.removeEventListener("focusin",this.onFieldFocus),this.host.removeEventListener("focusout",this.onFieldBlur),a.forEach((t=>this.host.removeEventListener(t,this.onFieldInput))),this.watches.forEach((t=>t.reset())),this.watches.clear(),this.stopIdWatch?.(),this.stopIdWatch=void 0}watchHostId(){const t=()=>{this.hostId=this.host.getAttribute("id")||void 0};if(t(),"undefined"==typeof MutationObserver)return()=>{};const i=new MutationObserver(t);return i.observe(this.host,{attributes:!0,attributeFilter:["id"]}),()=>i.disconnect()}get formId(){return this.hostId?`${this.hostId}-form`:void 0}get trigger(){return o.includes(this.validateOn)?this.validateOn:"submit"}controls(){return Array.from(this.host.querySelectorAll("[name]"))}controlNamed(t){return this.controls().find((i=>i.getAttribute("name")===t))}namedFor(t){let i=t;for(;i&&i!==this.host;){if(i.hasAttribute?.("name"))return i;i=i.parentElement}}shellFor(t){let i=t.parentElement;for(;i&&i!==this.host;){if(i.tagName.includes("-")&&"error"in i)return i;i=i.parentElement}}setMessage(t,i){if(!c(t))return void(t.error=i);t.setCustomValidity?.(i||""),i?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid");const s=this.shellFor(t);s&&(s.error=i,i?this.shells.add(s):this.shells.delete(s))}async nativeErrors(){const t={};for(const i of this.controls()){const s=i.getAttribute("name");if(!s||t[s])continue;const r=this.nativeMessage(i);r&&(t[s]=r)}return t}nativeMessage(t){const i=t;if(c(t))return i.validity&&!i.validity.valid?i.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value."):"";const s=t;if("function"!=typeof s.checkValidity)return"";try{return s.checkValidity()?"":s.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value.")}catch(t){return""}}markNative(t,i){t.setAttribute("aria-invalid","true");const s=this.shellFor(t);s&&(s.error=i,this.shells.add(s))}watchFor(t){let i=this.watches.get(t);return i||(i=e({parts:()=>[t],leave:()=>{this.watches.delete(t),"submit"!==this.trigger&&this.validateField(t)}}),this.watches.set(t,i)),i}onFieldFocus=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusin(t)};onFieldBlur=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusout(t)};onFieldInput=t=>{if("input"!==this.trigger)return;const i=this.namedFor(t.target);i&&("input"===t.type&&t.target!==i&&i.tagName.toLowerCase().startsWith("sui-")||this.validateField(i))};async validateField(t){if(!this.resolver||!this.form)return;const i=t.getAttribute("name");if(!i)return;const s=++this.fieldRun,r=await this.resolver(this.formData());s===this.fieldRun&&this.setMessage(t,r[i]||void 0)}formData(){try{return new FormData(this.form)}catch(t){return new FormData}}async run(){if(!this.form)return!1;if(this.fieldRun+=1,await this.clearErrors(),!this.novalidate&&"function"==typeof this.form.checkValidity&&!this.form.checkValidity()){const t=await this.nativeErrors(),i=Object.keys(t);i.forEach((i=>{const s=this.controlNamed(i);s&&(c(s)?this.markNative(s,t[i]):this.setMessage(s,t[i]))}));const s=i.length?this.controlNamed(i[0]):void 0;return!s||c(s)&&!this.shellFor(s)?this.noFocusOnInvalid||this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}if(!this.resolver)return!0;const t=await this.resolver(this.formData()),i=Object.keys(t).filter((i=>i&&t[i]));if(!i.length&&!t[""])return!0;i.forEach((i=>{const s=this.controlNamed(i);s&&this.setMessage(s,t[i])}));const s=this.controlNamed(i[0]);return s&&c(s)&&!this.shellFor(s)&&!this.noFocusOnInvalid?this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}focusFirst(t){!this.noFocusOnInvalid&&t&&("function"==typeof t.setFocus?t.setFocus():t.focus?.())}onSubmit=async t=>{if(t.preventDefault(),!await this.run())return;const i=this.formData();this.suiSubmit.emit(i).defaultPrevented||this.form.submit?.()};render(){return r(n,{key:"6c027ccc85abb0807e7f4744e031a086720d6130"},r("form",{key:"ebadf1a877b54c35c2019c64b1b1163cf1efb13a",ref:t=>this.form=t,id:this.formId,class:"sui-form",noValidate:!0,onSubmit:this.onSubmit},r("slot",{key:"a3a8cf94f678872a7efd26f49826b58697967fec"})))}};f.style=".sc-sui-form-h{display:block;font-family:var(--font-sans)}.sui-form.sc-sui-form{display:contents}";export{f as sui_form}
+import{r as t,c as i,g as s,h as r,a as n}from"./p-ChCjmDsd.js";import{h as e}from"./p-DgNczPak.js";import{l as h}from"./p-lWhwwQJ2.js";import"./p-DxQKrio7.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const o=["submit","blur","input"],a=["input","suiInput","suiChange"],u=["input","select","textarea"],c=t=>u.includes(t.tagName.toLowerCase()),f=class{constructor(s){t(this,s),this.suiSubmit=i(this,"suiSubmit",7),this.suiInvalid=i(this,"suiInvalid",7)}get host(){return s(this)}resolver;validateOn="submit";novalidate=!1;noFocusOnInvalid=!1;suiSubmit;suiInvalid;hostId;form;shells=new Set;fieldRun=0;stopIdWatch;watches=new Map;async validate(){return this.run()}async clearErrors(){this.controls().forEach((t=>this.setMessage(t,void 0))),this.shells.forEach((t=>t.error=void 0)),this.shells.clear()}connectedCallback(){this.stopIdWatch?.(),this.stopIdWatch=this.watchHostId(),this.host.addEventListener("focusin",this.onFieldFocus),this.host.addEventListener("focusout",this.onFieldBlur),a.forEach((t=>this.host.addEventListener(t,this.onFieldInput)))}disconnectedCallback(){this.host.removeEventListener("focusin",this.onFieldFocus),this.host.removeEventListener("focusout",this.onFieldBlur),a.forEach((t=>this.host.removeEventListener(t,this.onFieldInput))),this.watches.forEach((t=>t.reset())),this.watches.clear(),this.stopIdWatch?.(),this.stopIdWatch=void 0}watchHostId(){const t=()=>{this.hostId=this.host.getAttribute("id")||void 0};if(t(),"undefined"==typeof MutationObserver)return()=>{};const i=new MutationObserver(t);return i.observe(this.host,{attributes:!0,attributeFilter:["id"]}),()=>i.disconnect()}get formId(){return this.hostId?`${this.hostId}-form`:void 0}get trigger(){return o.includes(this.validateOn)?this.validateOn:"submit"}controls(){return Array.from(this.host.querySelectorAll("[name]"))}controlNamed(t){return this.controls().find((i=>i.getAttribute("name")===t))}namedFor(t){let i=t;for(;i&&i!==this.host;){if(i.hasAttribute?.("name"))return i;i=i.parentElement}}shellFor(t){let i=t.parentElement;for(;i&&i!==this.host;){if(i.tagName.includes("-")&&"error"in i)return i;i=i.parentElement}}setMessage(t,i){if(!c(t))return void(t.error=i);t.setCustomValidity?.(i||""),i?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid");const s=this.shellFor(t);s&&(s.error=i,i?this.shells.add(s):this.shells.delete(s))}async nativeErrors(){const t={};for(const i of this.controls()){const s=i.getAttribute("name");if(!s||t[s])continue;const r=this.nativeMessage(i);r&&(t[s]=r)}return t}nativeMessage(t){const i=t;if(c(t))return i.validity&&!i.validity.valid?i.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value."):"";const s=t;if("function"!=typeof s.checkValidity)return"";try{return s.checkValidity()?"":s.validationMessage||h(void 0,"form.invalid",void 0,"Invalid value.")}catch(t){return""}}markNative(t,i){t.setAttribute("aria-invalid","true");const s=this.shellFor(t);s&&(s.error=i,this.shells.add(s))}watchFor(t){let i=this.watches.get(t);return i||(i=e({parts:()=>[t],leave:()=>{this.watches.delete(t),"submit"!==this.trigger&&this.validateField(t)}}),this.watches.set(t,i)),i}onFieldFocus=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusin(t)};onFieldBlur=t=>{if("submit"===this.trigger)return;const i=this.namedFor(t.target);i&&this.watchFor(i).focusout(t)};onFieldInput=t=>{if("input"!==this.trigger)return;const i=this.namedFor(t.target);i&&("input"===t.type&&t.target!==i&&i.tagName.toLowerCase().startsWith("sui-")||this.validateField(i))};async validateField(t){if(!this.resolver||!this.form)return;const i=t.getAttribute("name");if(!i)return;const s=++this.fieldRun,r=await this.resolver(this.formData());s===this.fieldRun&&this.setMessage(t,r[i]||void 0)}formData(){try{return new FormData(this.form)}catch(t){return new FormData}}async run(){if(!this.form)return!1;if(this.fieldRun+=1,await this.clearErrors(),!this.novalidate&&"function"==typeof this.form.checkValidity&&!this.form.checkValidity()){const t=await this.nativeErrors(),i=Object.keys(t);i.forEach((i=>{const s=this.controlNamed(i);s&&(c(s)?this.markNative(s,t[i]):this.setMessage(s,t[i]))}));const s=i.length?this.controlNamed(i[0]):void 0;return!s||c(s)&&!this.shellFor(s)?this.noFocusOnInvalid||this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}if(!this.resolver)return!0;const t=await this.resolver(this.formData()),i=Object.keys(t).filter((i=>i&&t[i]));if(!i.length&&!t[""])return!0;i.forEach((i=>{const s=this.controlNamed(i);s&&this.setMessage(s,t[i])}));const s=this.controlNamed(i[0]);return s&&c(s)&&!this.shellFor(s)&&!this.noFocusOnInvalid?this.form.reportValidity?.():this.focusFirst(s),this.suiInvalid.emit(t),!1}focusFirst(t){!this.noFocusOnInvalid&&t&&("function"==typeof t.setFocus?t.setFocus():t.focus?.())}onSubmit=async t=>{if(t.preventDefault(),!await this.run())return;const i=this.formData();this.suiSubmit.emit(i).defaultPrevented||this.form.submit?.()};render(){return r(n,{key:"9e424b0f4a9d78f8074758d1b0c5b4656a9163fd"},r("form",{key:"d179d3f107a397e9c66c16816658ee3f14e370c4",ref:t=>this.form=t,id:this.formId,class:"sui-form",noValidate:!0,onSubmit:this.onSubmit},r("slot",{key:"7020fb5e4e886d01c04cf45fb79547b178f0111b"})))}};f.style=".sc-sui-form-h{display:block;font-family:var(--font-sans)}.sui-form.sc-sui-form{display:contents}";export{f as sui_form}

package/dist/shineui/{p-8d747a3c.entry.js → p-08510ae8.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,g as i,h as a,a as r}from"./p-ChCjmDsd.js";import{G as e,f as o,k as n}from"./p-DGU97JSr.js";import{u as b}from"./p-U06fVoGD.js";import{i as c}from"./p-Cs2X0Kih.js";import{o as l,b as d,c as u,e as h}from"./p-BWkzTEZX.js";import{l as p}from"./p-lWhwwQJ2.js";import{s as v,i as f,a as g}from"./p-GAnFXayY.js";import{d as x}from"./p-B3wtlP4_.js";const m=class{constructor(i){s(this,i),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return i(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=c(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=l(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||!d(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),r=this.overflowing;return this.overflowing=t-i>1,this.atStart=a<=1,this.atEnd=a+i>=t-1,r!==this.overflowing};startOffset(s,t){const i=t.offsetLeft||0;return f(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 r=this.startOffset(t,i),e=r+(i.offsetWidth||0),o=t.scrollWidth||0,n=r-6-(r-6>1?this.navCover("prev"):0),b=e+6+(e+6<o-1?this.navCover("next"):0),c=v(t);if(n<c)g(t,n);else{if(!(b>c+a))return;g(t,b-a)}this.measure()}page(s){const t=this.bar;t&&(g(t,v(t)+s*Math.round(.8*(t.clientWidth||0))),this.measure())}pick(s,t){t&&!u(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)=>u(s,"disabled")?-1:t)).filter((s=>s>=0));if(!i.length)return;const a=Math.max(0,i.indexOf(this.active)),r=f(this.host)?"ArrowLeft":"ArrowRight";let e=-1;if(s.key===r?e=i[(a+1)%i.length]:s.key===("ArrowLeft"===r?"ArrowRight":"ArrowLeft")?e=i[(a-1+i.length)%i.length]:"Home"===s.key?e=i[0]:"End"===s.key&&(e=i[i.length-1]),e<0)return;s.preventDefault(),this.pick(e,t[e]);const o=this.host.querySelector(`#${this.fieldId}-tab-${e}`);o?.focus()};render(){const s=this.tabs(),t=this.overflowing;return a(r,{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":p(void 0,"tabs.showEarlierTabs",void 0,"Show earlier tabs"),onClick:()=>this.page(-1)},a(e,{glyph:o})):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,r=u(s,"disabled"),e=h(s,"badge"),o=h(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:r,onClick:()=>this.pick(t,s)},o?a("i",{class:o,"aria-hidden":"true"}):null,a("span",{class:"label"},h(s,"label")||""),void 0!==e&&""!==e?a("span",{class:"badge"},String(e)):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":p(void 0,"tabs.showLaterTabs",void 0,"Show later tabs"),onClick:()=>this.page(1)},a(e,{glyph:n})):null),a("div",{key:"8dd542c6f5baeec8203fe72f888caa38c47b7fd8",class:"panels",ref:s=>this.panels=s},a("slot",{key:"32ae3bea3ce80fe02965b946356825ecd58de1c0"})))}};m.style=".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}}";export{m as sui_tabs}
+import{r as s,c as t,g as i,h as a,a as r}from"./p-ChCjmDsd.js";import{G as e,f as n,k as o}from"./p-CHznIlgx.js";import{u as b}from"./p-U06fVoGD.js";import{i as l}from"./p-BsRW1Q8k.js";import{o as c,b as d,c as u,e as h}from"./p-BWkzTEZX.js";import{l as p}from"./p-lWhwwQJ2.js";import{s as v,i as f,a as g}from"./p-GAnFXayY.js";import{d as x}from"./p-B3wtlP4_.js";const m=class{constructor(i){s(this,i),this.suiActiveChange=t(this,"suiActiveChange",3)}get host(){return i(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=c(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||!d(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),r=this.overflowing;return this.overflowing=t-i>1,this.atStart=a<=1,this.atEnd=a+i>=t-1,r!==this.overflowing};startOffset(s,t){const i=t.offsetLeft||0;return f(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 r=this.startOffset(t,i),e=r+(i.offsetWidth||0),n=t.scrollWidth||0,o=r-6-(r-6>1?this.navCover("prev"):0),b=e+6+(e+6<n-1?this.navCover("next"):0),l=v(t);if(o<l)g(t,o);else{if(!(b>l+a))return;g(t,b-a)}this.measure()}page(s){const t=this.bar;t&&(g(t,v(t)+s*Math.round(.8*(t.clientWidth||0))),this.measure())}pick(s,t){t&&!u(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)=>u(s,"disabled")?-1:t)).filter((s=>s>=0));if(!i.length)return;const a=Math.max(0,i.indexOf(this.active)),r=f(this.host)?"ArrowLeft":"ArrowRight";let e=-1;if(s.key===r?e=i[(a+1)%i.length]:s.key===("ArrowLeft"===r?"ArrowRight":"ArrowLeft")?e=i[(a-1+i.length)%i.length]:"Home"===s.key?e=i[0]:"End"===s.key&&(e=i[i.length-1]),e<0)return;s.preventDefault(),this.pick(e,t[e]);const n=this.host.querySelector(`#${this.fieldId}-tab-${e}`);n?.focus()};render(){const s=this.tabs(),t=this.overflowing;return a(r,{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":p(void 0,"tabs.showEarlierTabs",void 0,"Show earlier tabs"),onClick:()=>this.page(-1)},a(e,{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,r=u(s,"disabled"),e=h(s,"badge"),n=h(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:r,onClick:()=>this.pick(t,s)},n?a("i",{class:n,"aria-hidden":"true"}):null,a("span",{class:"label"},h(s,"label")||""),void 0!==e&&""!==e?a("span",{class:"badge"},String(e)):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":p(void 0,"tabs.showLaterTabs",void 0,"Show later tabs"),onClick:()=>this.page(1)},a(e,{glyph:o})):null),a("div",{key:"5f9e34688bed29995d8f63f8d0b2b4d4038af999",class:"panels",ref:s=>this.panels=s},a("slot",{key:"e69be455d47652ceee56925704621027d8efdb4d"})))}};m.style=".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}}";export{m as sui_tabs}

package/dist/shineui/{p-be6cda52.entry.js → p-0c0e74d1.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as r,f as o,h as e}from"./p-ChCjmDsd.js";import{d as t,F as a}from"./p-hpOwNlzr.js";import{G as c,r as l,q as n}from"./p-DGU97JSr.js";import{i as d}from"./p-Cs2X0Kih.js";import{i as h}from"./p-GAnFXayY.js";import{u as p}from"./p-U06fVoGD.js";import{i as u,d as f,s as b,r as k}from"./p-B3wtlP4_.js";import{k as v,j as m}from"./p--VsCbcYp.js";import{p as g,f as x}from"./p-B6tiG-uD.js";import{a as w,l as y}from"./p-lWhwwQJ2.js";import{f as C}from"./p-CGWvlrv_.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const F=[1,.75,.5,.25,.1],D=[[{name:"Deep blue",hex:"#121C4D"},{name:"Orange",hex:"#FF9422"},{name:"Blue-gray",hex:"#DCE3EC"},{name:"Slate",hex:"#8E9CAF"},{name:"Deep orange",hex:"#D86F00"},{name:"White",hex:"#FFFFFF"}].map((i=>i.hex))].concat(["#121C4D","#FF9422"].map((i=>F.map((s=>((i,s)=>{const r=parseInt(i.slice(1),16);return"#"+[r>>16&255,r>>8&255,255&r].map((i=>(i=>Math.round(i+(255-i)*(1-s)))(i).toString(16).padStart(2,"0"))).join("")})(i,s)))))),z=i=>{const s=parseInt(i.slice(1),16),r=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*r(s>>16&255)+.7152*r(s>>8&255)+.0722*r(255&s)},j=z("#121C4D"),A=i=>(z(i)+.05)/(j+.05)>1.05/(z(i)+.05),O=class{constructor(r){i(this,r),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get host(){return r(this)}internals;label;help;error;invalid=!1;required=!1;value="#121C4D";disabled=!1;readOnly=!1;inline=!1;open=!1;name;suiChange;suiOpen;suiClose;focused=!1;hostLabel;pickedAt;stopAria;formDisabled=!1;fieldId=p("sui-color-picker");trigger;panel;initial="#121C4D";closing=!1;popup=g({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){u(this.host,this.internals),f(this.host,(()=>this.anchor())),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&o(this)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncForm(){b(this.internals,this.isDisabled?null:this.value),k(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.anchor(),this.error)}onOpenChange(i){if(i)return this.popup.reopen(),void(this.closing=!1);this.closing=!this.inline&&this.popup.close()}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=C(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.anchor()?.focus()}anchor(){return this.inline?this.tabStop():this.trigger}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&x((()=>this.tabStop()),(()=>this.open))}reposition(){this.trigger&&this.panel&&v(this.panel,m(this.trigger,this.panel,"bottom",6,"start"))}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}swatches(){return Array.from(this.panel?.querySelectorAll("button.sw")||[])}owner(){const i=(this.value||"").toUpperCase();if(!i)return;const s=this.pickedAt;if(s&&D[s[0]]?.[s[1]]?.toUpperCase()===i)return s;for(let s=0;s<D.length;s++){const r=D[s].findIndex((s=>s.toUpperCase()===i));if(r>=0)return[s,r]}}tabStop(){const i=this.swatches();return i.find((i=>"true"===i.getAttribute("aria-selected")))||i[0]}isSel(i){return i.toUpperCase()===(this.value||"").toUpperCase()}pick(i,s,r){this.isDisabled||this.readOnly||(this.pickedAt=[s,r],this.isSel(i)||(this.value=i,this.suiChange.emit(i)))}focusSwatch(i,s){if(i<0||i>=D.length)return;const r=Math.min(s,D[i].length-1),o=this.panel?.querySelector(`button.sw[data-row="${i}"][data-col="${r}"]`);o?.focus()}onPanelKey=i=>{if(!this.inline){if(this.popup.tab(i,(()=>this.requestClose("outside"))))return;this.onKey(i)}this.onSwatchKey(i)};onSwatchKey(i){const s=i.target;if(!s.classList?.contains("sw"))return;const r=Number(s.getAttribute("data-row")),o=Number(s.getAttribute("data-col")),e=D,t=h(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowRight":case"ArrowLeft":i.preventDefault(),i.key===t?o+1<e[r].length?this.focusSwatch(r,o+1):this.focusSwatch(r+1,0):o>0?this.focusSwatch(r,o-1):this.focusSwatch(r-1,99);break;case"ArrowDown":i.preventDefault(),this.focusSwatch(r+1,o);break;case"ArrowUp":i.preventDefault(),this.focusSwatch(r-1,o);break;case"Home":i.preventDefault(),this.focusSwatch(0,0);break;case"End":i.preventDefault(),this.focusSwatch(e.length-1,99)}}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onKey(i){this.isDisabled||this.readOnly||("Escape"!==i.key?"Tab"!==i.key?i.target!==this.trigger||"ArrowDown"!==i.key&&"ArrowUp"!==i.key||this.open||(i.preventDefault(),this.show()):this.open&&this.requestClose("outside"):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))}renderSwatch(i,s,r,o,t){const a=!!t&&t[0]===s&&t[1]===r,n="#FFFFFF"===i.toUpperCase(),d=a||!t&&0===s&&0===r;return e("sui-tooltip",{content:i,position:"top",role:"presentation",key:`${s}-${r}`},e("button",{type:"button",class:{sw:!0,big:o,sel:a,white:n,pale:a&&A(i)},role:"option","aria-selected":a?"true":"false","aria-label":w(void 0,"color-picker.use",void 0,"Use {color}",{color:i}),"data-row":s,"data-col":r,tabIndex:d?0:-1,disabled:this.isDisabled,style:{background:i},onClick:()=>this.pick(i,s,r)},a?e(c,{glyph:l,class:"chk"}):null))}renderPanel(i){const s=D,r=this.owner(),o=this.inline;return e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,inline:o,invalid:o&&i,disabled:o&&this.isDisabled,closing:this.closing},inert:this.closing,onKeyDown:this.onPanelKey},e("div",{id:`${this.fieldId}-list`,role:"listbox","aria-label":this.label?w(void 0,"color-picker.palette",void 0,"{name} palette",{name:this.label}):y(void 0,"color-picker.brandPalette",void 0,"Brand palette"),"aria-invalid":o&&i?"true":null,"aria-describedby":o?t(this.fieldId,this.help,this.error):null,"aria-required":o&&this.required?"true":null,"aria-readonly":o&&this.readOnly?"true":null,"aria-disabled":o&&this.isDisabled?"true":null},e("div",{class:"eyebrow"},y(void 0,"color-picker.brandPalette",void 0,"Brand palette")),e("div",{class:"row palette"},s[0].map(((i,s)=>this.renderSwatch(i,0,s,!0,r)))),e("div",{class:"eyebrow tints"},y(void 0,"color-picker.tints",void 0,"Tints")),s.slice(1).map(((i,s)=>e("div",{class:"row tint",key:`t${s}`},i.map(((i,o)=>this.renderSwatch(i,s+1,o,!1,r))))))),e("div",{class:"note"},y(void 0,"color-picker.offPaletteColorsAreNotPermitted",void 0,"Off-palette colors are not permitted.")))}render(){const i=this.value||"",s=this.invalid||!!this.error;return this.inline?e(a,{label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,inline:!0}},this.renderPanel(s))):e(a,{label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{ref:i=>this.trigger=i,id:this.fieldId,type:"button",class:{trigger:!0,"sui-frame":!0,focus:this.focused,open:this.open,invalid:s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-invalid":s?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e("span",{class:"swatch",style:{background:i},"aria-hidden":"true"}),e("span",{class:"hex"},i.toUpperCase()),e(c,{glyph:n,class:"chev"})),this.open||this.closing?this.renderPanel(s):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};O.style=".sc-sui-color-picker-h{display:block;font-family:var(--font-sans)}.sui-color-picker.sc-sui-color-picker{position:relative;display:inline-flex}.trigger.sc-sui-color-picker{display:inline-flex;align-items:center;gap:8px;height:var(--sui-field-height, var(--control-md));padding:0 10px;box-sizing:border-box;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer}.trigger.sc-sui-color-picker:disabled{cursor:not-allowed}.swatch.sc-sui-color-picker{width:18px;height:18px;border-radius:5px;border:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.hex.sc-sui-color-picker{font-weight:620}.chev.sc-sui-color-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.trigger.open.sc-sui-color-picker .chev.sc-sui-color-picker{transform:rotate(180deg)}.panel.sc-sui-color-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:196px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-color-picker-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-color-picker{animation-name:sui-color-picker-in-top}.panel.closing.sc-sui-color-picker{animation:sui-color-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-color-picker-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-color-picker-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-color-picker-out{to{opacity:0}}.panel.inline.sc-sui-color-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.panel.inline.invalid.sc-sui-color-picker{border-color:var(--danger)}.panel.inline.disabled.sc-sui-color-picker{background:var(--disabled-bg)}.panel.inline.disabled.sc-sui-color-picker .sw.sc-sui-color-picker{cursor:not-allowed}.panel.inline.disabled.sc-sui-color-picker .eyebrow.sc-sui-color-picker,.panel.inline.disabled.sc-sui-color-picker .note.sc-sui-color-picker{color:var(--disabled-ink)}.eyebrow.sc-sui-color-picker{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.row.sc-sui-color-picker{display:flex;gap:6px}.row.palette.sc-sui-color-picker{flex-wrap:wrap;margin-bottom:10px}.row.tint.sc-sui-color-picker{margin-bottom:6px}.row.sc-sui-color-picker sui-tooltip.sc-sui-color-picker{display:inline-flex;line-height:0}.sw.sc-sui-color-picker{width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none;display:inline-flex;align-items:center;justify-content:center}.sw.big.sc-sui-color-picker{width:26px;height:26px}.sw.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:10px;color:var(--palette-white)}.sw.big.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:11px}.sw.pale.sc-sui-color-picker .chk.sc-sui-color-picker{color:var(--palette-deep-blue)}.sw.sc-sui-color-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.note.sc-sui-color-picker{border-top:1px solid var(--hairline);margin-top:4px;padding-top:9px;font-size:11px;color:var(--ink-faint)}@media (forced-colors: active){.swatch.sc-sui-color-picker,.sw.sc-sui-color-picker{forced-color-adjust:none;border:1px solid CanvasText}.sw.white.sc-sui-color-picker{border-color:CanvasText}.sw.sel.sc-sui-color-picker{border-color:CanvasText}.sw.sc-sui-color-picker:focus-visible{outline-color:Highlight;box-shadow:none}.sw.sc-sui-color-picker:disabled{border-color:GrayText}}.sui-field.sc-sui-color-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-picker .sui-field-label.sc-sui-color-picker{color:var(--danger)}.sui-field-req.sc-sui-color-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-picker{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-picker .sui-glyph.sc-sui-color-picker{font-size:11px}.sui-frame.sc-sui-color-picker{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-picker,.sui-frame.readonly.sc-sui-color-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-picker{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-picker:focus-within,.sui-frame.invalid.focus.sc-sui-color-picker,.sui-frame.invalid.open.sc-sui-color-picker{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-picker{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{color:GrayText;border-color:GrayText}}";export{O as sui_color_picker}
+import{r as i,c as s,g as r,f as o,h as e}from"./p-ChCjmDsd.js";import{d as t,F as a}from"./p-DLfOvQY0.js";import{G as c,r as l,q as n}from"./p-CHznIlgx.js";import{i as d}from"./p-BsRW1Q8k.js";import{i as h}from"./p-GAnFXayY.js";import{u as p}from"./p-U06fVoGD.js";import{i as u,d as f,s as b,r as k}from"./p-B3wtlP4_.js";import{k as v,j as m}from"./p-DxQKrio7.js";import{p as g,f as x}from"./p-D12pOgZQ.js";import{a as w,l as y}from"./p-lWhwwQJ2.js";import{f as C}from"./p-CGWvlrv_.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const F=[1,.75,.5,.25,.1],D=[[{name:"Deep blue",hex:"#121C4D"},{name:"Orange",hex:"#FF9422"},{name:"Blue-gray",hex:"#DCE3EC"},{name:"Slate",hex:"#8E9CAF"},{name:"Deep orange",hex:"#D86F00"},{name:"White",hex:"#FFFFFF"}].map((i=>i.hex))].concat(["#121C4D","#FF9422"].map((i=>F.map((s=>((i,s)=>{const r=parseInt(i.slice(1),16);return"#"+[r>>16&255,r>>8&255,255&r].map((i=>(i=>Math.round(i+(255-i)*(1-s)))(i).toString(16).padStart(2,"0"))).join("")})(i,s)))))),z=i=>{const s=parseInt(i.slice(1),16),r=i=>(i/=255)<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return.2126*r(s>>16&255)+.7152*r(s>>8&255)+.0722*r(255&s)},j=z("#121C4D"),A=i=>(z(i)+.05)/(j+.05)>1.05/(z(i)+.05),O=class{constructor(r){i(this,r),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get host(){return r(this)}internals;label;help;error;invalid=!1;required=!1;value="#121C4D";disabled=!1;readOnly=!1;inline=!1;open=!1;name;suiChange;suiOpen;suiClose;focused=!1;hostLabel;pickedAt;stopAria;formDisabled=!1;fieldId=p("sui-color-picker");trigger;panel;initial="#121C4D";closing=!1;popup=g({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){u(this.host,this.internals),f(this.host,(()=>this.anchor())),this.stopAria?.(),this.stopAria=d(this.host,(i=>{this.hostLabel=i})),this.open&&!this.inline&&this.panel&&o(this)}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm(),this.open&&!this.inline&&this.afterOpen()}disconnectedCallback(){this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}syncForm(){b(this.internals,this.isDisabled?null:this.value),k(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.anchor(),this.error)}onOpenChange(i){if(i)return this.popup.reopen(),void(this.closing=!1);this.closing=!this.inline&&this.popup.close()}formResetCallback(){this.value=this.initial,this.syncForm()}formDisabledCallback(i){this.formDisabled=C(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}async setFocus(){this.anchor()?.focus()}anchor(){return this.inline?this.tabStop():this.trigger}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&x((()=>this.tabStop()),(()=>this.open))}reposition(){this.trigger&&this.panel&&v(this.panel,m(this.trigger,this.panel,"bottom",6,"start"))}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,this.suiOpen.emit())}requestClose(i,s=!1){return!!this.open&&!this.suiClose.emit(i).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}swatches(){return Array.from(this.panel?.querySelectorAll("button.sw")||[])}owner(){const i=(this.value||"").toUpperCase();if(!i)return;const s=this.pickedAt;if(s&&D[s[0]]?.[s[1]]?.toUpperCase()===i)return s;for(let s=0;s<D.length;s++){const r=D[s].findIndex((s=>s.toUpperCase()===i));if(r>=0)return[s,r]}}tabStop(){const i=this.swatches();return i.find((i=>"true"===i.getAttribute("aria-selected")))||i[0]}isSel(i){return i.toUpperCase()===(this.value||"").toUpperCase()}pick(i,s,r){this.isDisabled||this.readOnly||(this.pickedAt=[s,r],this.isSel(i)||(this.value=i,this.suiChange.emit(i)))}focusSwatch(i,s){if(i<0||i>=D.length)return;const r=Math.min(s,D[i].length-1),o=this.panel?.querySelector(`button.sw[data-row="${i}"][data-col="${r}"]`);o?.focus()}onPanelKey=i=>{if(!this.inline){if(this.popup.tab(i,(()=>this.requestClose("outside"))))return;this.onKey(i)}this.onSwatchKey(i)};onSwatchKey(i){const s=i.target;if(!s.classList?.contains("sw"))return;const r=Number(s.getAttribute("data-row")),o=Number(s.getAttribute("data-col")),e=D,t=h(this.host)?"ArrowLeft":"ArrowRight";switch(i.key){case"ArrowRight":case"ArrowLeft":i.preventDefault(),i.key===t?o+1<e[r].length?this.focusSwatch(r,o+1):this.focusSwatch(r+1,0):o>0?this.focusSwatch(r,o-1):this.focusSwatch(r-1,99);break;case"ArrowDown":i.preventDefault(),this.focusSwatch(r+1,o);break;case"ArrowUp":i.preventDefault(),this.focusSwatch(r-1,o);break;case"Home":i.preventDefault(),this.focusSwatch(0,0);break;case"End":i.preventDefault(),this.focusSwatch(e.length-1,99)}}onKeyDown=i=>{this.panel&&this.panel.contains(i.target)||this.onKey(i)};onKey(i){this.isDisabled||this.readOnly||("Escape"!==i.key?"Tab"!==i.key?i.target!==this.trigger||"ArrowDown"!==i.key&&"ArrowUp"!==i.key||this.open||(i.preventDefault(),this.show()):this.open&&this.requestClose("outside"):this.open&&(i.preventDefault(),i.stopPropagation(),this.requestClose("escape",!0)))}renderSwatch(i,s,r,o,t){const a=!!t&&t[0]===s&&t[1]===r,n="#FFFFFF"===i.toUpperCase(),d=a||!t&&0===s&&0===r;return e("sui-tooltip",{content:i,position:"top",role:"presentation",key:`${s}-${r}`},e("button",{type:"button",class:{sw:!0,big:o,sel:a,white:n,pale:a&&A(i)},role:"option","aria-selected":a?"true":"false","aria-label":w(void 0,"color-picker.use",void 0,"Use {color}",{color:i}),"data-row":s,"data-col":r,tabIndex:d?0:-1,disabled:this.isDisabled,style:{background:i},onClick:()=>this.pick(i,s,r)},a?e(c,{glyph:l,class:"chk"}):null))}renderPanel(i){const s=D,r=this.owner(),o=this.inline;return e("div",{key:"panel",ref:i=>this.panel=i,class:{panel:!0,inline:o,invalid:o&&i,disabled:o&&this.isDisabled,closing:this.closing},inert:this.closing,onKeyDown:this.onPanelKey},e("div",{id:`${this.fieldId}-list`,role:"listbox","aria-label":this.label?w(void 0,"color-picker.palette",void 0,"{name} palette",{name:this.label}):y(void 0,"color-picker.brandPalette",void 0,"Brand palette"),"aria-invalid":o&&i?"true":null,"aria-describedby":o?t(this.fieldId,this.help,this.error):null,"aria-required":o&&this.required?"true":null,"aria-readonly":o&&this.readOnly?"true":null,"aria-disabled":o&&this.isDisabled?"true":null},e("div",{class:"eyebrow"},y(void 0,"color-picker.brandPalette",void 0,"Brand palette")),e("div",{class:"row palette"},s[0].map(((i,s)=>this.renderSwatch(i,0,s,!0,r)))),e("div",{class:"eyebrow tints"},y(void 0,"color-picker.tints",void 0,"Tints")),s.slice(1).map(((i,s)=>e("div",{class:"row tint",key:`t${s}`},i.map(((i,o)=>this.renderSwatch(i,s+1,o,!1,r))))))),e("div",{class:"note"},y(void 0,"color-picker.offPaletteColorsAreNotPermitted",void 0,"Off-palette colors are not permitted.")))}render(){const i=this.value||"",s=this.invalid||!!this.error;return this.inline?e(a,{label:this.label,required:this.required,help:this.help,error:this.error,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,inline:!0}},this.renderPanel(s))):e(a,{label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},e("div",{class:{"sui-color-picker":!0,open:this.open},onKeyDown:this.onKeyDown},e("button",{ref:i=>this.trigger=i,id:this.fieldId,type:"button",class:{trigger:!0,"sui-frame":!0,focus:this.focused,open:this.open,invalid:s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":this.label?void 0:this.hostLabel,"aria-haspopup":"listbox","aria-expanded":this.open?"true":"false","aria-controls":`${this.fieldId}-list`,"aria-invalid":s?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},e("span",{class:"swatch",style:{background:i},"aria-hidden":"true"}),e("span",{class:"hex"},i.toUpperCase()),e(c,{glyph:n,class:"chev"})),this.open||this.closing?this.renderPanel(s):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],label:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],open:[{onOpenChange:0}]}}};O.style=".sc-sui-color-picker-h{display:block;font-family:var(--font-sans)}.sui-color-picker.sc-sui-color-picker{position:relative;display:inline-flex}.trigger.sc-sui-color-picker{display:inline-flex;align-items:center;gap:8px;height:var(--sui-field-height, var(--control-md));padding:0 10px;box-sizing:border-box;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer}.trigger.sc-sui-color-picker:disabled{cursor:not-allowed}.swatch.sc-sui-color-picker{width:18px;height:18px;border-radius:5px;border:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.hex.sc-sui-color-picker{font-weight:620}.chev.sc-sui-color-picker{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.trigger.open.sc-sui-color-picker .chev.sc-sui-color-picker{transform:rotate(180deg)}.panel.sc-sui-color-picker{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;width:196px;padding:12px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-color-picker-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-color-picker{animation-name:sui-color-picker-in-top}.panel.closing.sc-sui-color-picker{animation:sui-color-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-color-picker-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-color-picker-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-color-picker-out{to{opacity:0}}.panel.inline.sc-sui-color-picker{position:static;background:var(--surface);box-shadow:none;animation:none;z-index:auto}.panel.inline.invalid.sc-sui-color-picker{border-color:var(--danger)}.panel.inline.disabled.sc-sui-color-picker{background:var(--disabled-bg)}.panel.inline.disabled.sc-sui-color-picker .sw.sc-sui-color-picker{cursor:not-allowed}.panel.inline.disabled.sc-sui-color-picker .eyebrow.sc-sui-color-picker,.panel.inline.disabled.sc-sui-color-picker .note.sc-sui-color-picker{color:var(--disabled-ink)}.eyebrow.sc-sui-color-picker{font-size:10.5px;font-weight:650;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.row.sc-sui-color-picker{display:flex;gap:6px}.row.palette.sc-sui-color-picker{flex-wrap:wrap;margin-bottom:10px}.row.tint.sc-sui-color-picker{margin-bottom:6px}.row.sc-sui-color-picker sui-tooltip.sc-sui-color-picker{display:inline-flex;line-height:0}.sw.sc-sui-color-picker{width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);outline:none;display:inline-flex;align-items:center;justify-content:center}.sw.big.sc-sui-color-picker{width:26px;height:26px}.sw.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:10px;color:var(--palette-white)}.sw.big.sc-sui-color-picker .chk.sc-sui-color-picker{font-size:11px}.sw.pale.sc-sui-color-picker .chk.sc-sui-color-picker{color:var(--palette-deep-blue)}.sw.sc-sui-color-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.note.sc-sui-color-picker{border-top:1px solid var(--hairline);margin-top:4px;padding-top:9px;font-size:11px;color:var(--ink-faint)}@media (forced-colors: active){.swatch.sc-sui-color-picker,.sw.sc-sui-color-picker{forced-color-adjust:none;border:1px solid CanvasText}.sw.white.sc-sui-color-picker{border-color:CanvasText}.sw.sel.sc-sui-color-picker{border-color:CanvasText}.sw.sc-sui-color-picker:focus-visible{outline-color:Highlight;box-shadow:none}.sw.sc-sui-color-picker:disabled{border-color:GrayText}}.sui-field.sc-sui-color-picker{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-color-picker{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-color-picker .sui-field-label.sc-sui-color-picker{color:var(--danger)}.sui-field-req.sc-sui-color-picker{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-color-picker{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-color-picker{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-color-picker .sui-glyph.sc-sui-color-picker{font-size:11px}.sui-frame.sc-sui-color-picker{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-color-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-color-picker,.sui-frame.readonly.sc-sui-color-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-color-picker{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-color-picker:focus-within,.sui-frame.invalid.focus.sc-sui-color-picker,.sui-frame.invalid.open.sc-sui-color-picker{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-color-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-color-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-color-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-color-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-color-picker{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-color-picker:focus-within,.sui-frame.focus.sc-sui-color-picker,.sui-frame.open.sc-sui-color-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-color-picker:disabled,.sui-frame.disabled.sc-sui-color-picker{color:GrayText;border-color:GrayText}}";export{O as sui_color_picker}

package/dist/shineui/{p-bceb70d0.entry.js → p-0c7e44d0.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,h as e}from"./p-ChCjmDsd.js";import{d as r,F as a}from"./p-hpOwNlzr.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as o,r as h}from"./p-B3wtlP4_.js";import{f as c,d as u}from"./p-DHVm09RY.js";import{i as f}from"./p-GAnFXayY.js";import{l as b}from"./p-lWhwwQJ2.js";import{f as p}from"./p-CGWvlrv_.js";import"./p-DGU97JSr.js";const g=i=>null==i||""===i||"number"==typeof i&&Number.isNaN(i),m=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;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=l("sui-slider");track;handles=[];initial=50;async setFocus(){this.handles[0]?.focus()}connectedCallback(){n(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 i=this.shaped(this.value);i!==this.value?this.value=i:this.syncForm()}syncForm(){const i=this.empty,s=i?"":this.range?`${this.pair[0]},${this.pair[1]}`:String(this.one);o(this.internals,this.isDisabled?null:s),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,i,this.label,this.handles[0],this.error)}shaped(i){if(g(i))return null;if(this.range)return Array.isArray(i)&&i.length>=2&&Number.isFinite(i[0])&&Number.isFinite(i[1])?2===i.length?i:[Number(i[0]),Number(i[1])]:[this.min,this.max];const s=Array.isArray(i)?Number(i[0]):Number(i);return Number.isFinite(s)?s===i?i:s:null}get empty(){return g(this.value)}get one(){const i=this.value,s=Array.isArray(i)?i[0]:i;return"number"==typeof s&&Number.isFinite(s)?s:this.min}get pair(){const i=this.value;return Array.isArray(i)?[i[0],i[1]]:[this.min,this.max]}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}fmt(i){return this.format?this.format(i):c(i)}pct(i){const s=this.max-this.min;return s>0?u((i-this.min)/s*100,0,100):0}get stepSize(){return this.step>0?this.step:1}get decimals(){return(String(this.stepSize).split(".")[1]||"").length}snap(i){const s=this.stepSize,t=this.min+Math.round((i-this.min)/s)*s;return u(Number(t.toFixed(this.decimals)),this.min,this.max)}get gap(){if(!(this.minGap>0))return 0;const i=this.stepSize;return Number((Math.ceil(this.minGap/i-1e-9)*i).toFixed(this.decimals))}fromPointer(i){if(!this.track)return this.min;const s=this.track.getBoundingClientRect(),t=f(this.track)?s.right-i.clientX:i.clientX-s.left,e=this.vertical?s.height>0?u((s.bottom-i.clientY)/s.height,0,1):0:s.width>0?u(t/s.width,0,1):0;return this.snap(this.min+e*(this.max-this.min))}detail(){return this.range?this.pair:this.one}setHandle(i,s){let t=this.snap(s);const e=this.empty;if(this.range){const s=this.pair,r=this.gap,a=Number(0===i?(s[1]-r).toFixed(this.decimals):(s[0]+r).toFixed(this.decimals));return t=0===i?Math.min(t,a):Math.max(t,a),t=u(t,this.min,this.max),!(0===i?t>a:t<a)&&!(s[i]===t&&!e||(s[i]=t,this.value=s,0))}return!(this.one===t&&!e||(this.value=t,0))}onMove=i=>{this.dragging<0||this.setHandle(this.dragging,this.fromPointer(i))&&this.suiInput.emit(this.detail())};onUp=()=>this.stopDrag(!0);startDrag(i){this.dragging=i,this.handles[i]?.focus(),document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp)}stopDrag(i){"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),this.dragging<0||(this.dragging=-1,i&&this.suiChange.emit(this.detail()))}onHandleDown=i=>s=>{this.isInert||(s.preventDefault(),s.stopPropagation(),this.startDrag(i))};nearestHandle(i){if(!this.range)return 0;const[s,t]=this.pair;return Math.abs(i-s)<=Math.abs(i-t)?0:1}onTrackDown=i=>{if(this.isInert)return;i.preventDefault();const s=this.fromPointer(i),t=this.nearestHandle(s);this.setHandle(t,s)&&this.suiInput.emit(this.detail()),this.startDrag(t)};onHandleKey=i=>s=>{if(this.isInert)return;const t=this.range?this.pair[i]:this.one,e=this.stepSize,r=!this.vertical&&f(this.host)?"ArrowLeft":"ArrowRight";let a;switch(s.key){case r:case"ArrowUp":a=t+e;break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":case"ArrowDown":a=t-e;break;case"PageUp":a=t+10*e;break;case"PageDown":a=t-10*e;break;case"Home":a=this.min;break;case"End":a=this.max;break;default:return}s.preventDefault(),this.setHandle(i,a)&&(this.suiInput.emit(this.detail()),this.suiChange.emit(this.detail()))};renderHandle(i,s){const t=this.pct(i),a=`${t}%`;return e("div",{key:s,ref:i=>this.handles[s]=i,class:{handle:!0,dragging:this.dragging===s},role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":(this.range?`${this.label?this.label+" ":""}${0===s?"minimum":"maximum"}`:this.label)||void 0,"aria-orientation":this.vertical?"vertical":null,"aria-valuenow":i,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuetext":this.empty?b(void 0,"slider.noValue",void 0,"No value"):this.fmt(i),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":r(this.fieldId,this.help,this.error),style:this.vertical?{bottom:a,zIndex:this.range&&0===s&&t>50?"2":"1"}:{insetInlineStart:a,zIndex:this.range&&0===s&&t>50?"2":"1"},onPointerDown:this.onHandleDown(s),onKeyDown:this.onHandleKey(s)})}render(){const[i,s]=this.pair,t=this.range?this.pct(i):0,r=this.range?this.pct(s):this.empty?0:this.pct(this.one),l=i=>e("span",{key:"f9066101fe8150af393c3a15bbb4ede8863100ff",class:"figure"},this.fmt(i)),n=this.empty?null:this.range?[l(i)," – ",l(s)]:l(this.one),d=this.vertical,o=d?{bottom:`${t}%`,height:`${Math.max(0,r-t)}%`}:{insetInlineStart:`${t}%`,width:`${Math.max(0,r-t)}%`};return e(a,{key:"5169112e51bad8494823f224b7a6b48673dec4db",help:this.help,error:this.error,descId:this.fieldId},e("div",{key:"e93bf6e823bb8328e49ac414bee70bdbe67cd795",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?e("div",{class:"head"},e("span",{class:"label"},this.label,this.label&&this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),this.showValue&&!d?e("span",{class:"readout"},n):null):null,e("div",{key:"beacc31bf345d9e8b043d8866b54920348cd7c67",ref:i=>this.track=i,class:"track",onPointerDown:this.onTrackDown},e("div",{key:"c801f5052c4c7bb2cfa0df7a9caf72e9cae9c5f5",class:"rail"}),e("div",{key:"9f11ac6a3ca4b31207d66d4870219e20e758778b",class:"fill",style:o}),this.range?[this.renderHandle(i,0),this.renderHandle(s,1)]:this.renderHandle(this.one,0)),d&&this.showValue?e("div",{class:"foot"},e("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}]}}};m.style=".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}";export{m as sui_slider}
+import{r as i,c as s,g as t,h as e}from"./p-ChCjmDsd.js";import{d as r,F as a}from"./p-DLfOvQY0.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as o,r as h}from"./p-B3wtlP4_.js";import{f as u,d as c}from"./p-BnfaBLhb.js";import{i as f}from"./p-GAnFXayY.js";import{l as b}from"./p-lWhwwQJ2.js";import{f as p}from"./p-CGWvlrv_.js";import"./p-CHznIlgx.js";const g=i=>null==i||""===i||"number"==typeof i&&Number.isNaN(i),m=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;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=l("sui-slider");track;handles=[];initial=50;async setFocus(){this.handles[0]?.focus()}connectedCallback(){n(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 i=this.shaped(this.value);i!==this.value?this.value=i:this.syncForm()}syncForm(){const i=this.empty,s=i?"":this.range?`${this.pair[0]},${this.pair[1]}`:String(this.one);o(this.internals,this.isDisabled?null:s),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,i,this.label,this.handles[0],this.error)}shaped(i){if(g(i))return null;if(this.range)return Array.isArray(i)&&i.length>=2&&Number.isFinite(i[0])&&Number.isFinite(i[1])?2===i.length?i:[Number(i[0]),Number(i[1])]:[this.min,this.max];const s=Array.isArray(i)?Number(i[0]):Number(i);return Number.isFinite(s)?s===i?i:s:null}get empty(){return g(this.value)}get one(){const i=this.value,s=Array.isArray(i)?i[0]:i;return"number"==typeof s&&Number.isFinite(s)?s:this.min}get pair(){const i=this.value;return Array.isArray(i)?[i[0],i[1]]:[this.min,this.max]}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}fmt(i){return this.format?this.format(i):u(i)}pct(i){const s=this.max-this.min;return s>0?c((i-this.min)/s*100,0,100):0}get stepSize(){return this.step>0?this.step:1}get decimals(){return(String(this.stepSize).split(".")[1]||"").length}snap(i){const s=this.stepSize,t=this.min+Math.round((i-this.min)/s)*s;return c(Number(t.toFixed(this.decimals)),this.min,this.max)}get gap(){if(!(this.minGap>0))return 0;const i=this.stepSize;return Number((Math.ceil(this.minGap/i-1e-9)*i).toFixed(this.decimals))}fromPointer(i){if(!this.track)return this.min;const s=this.track.getBoundingClientRect(),t=f(this.track)?s.right-i.clientX:i.clientX-s.left,e=this.vertical?s.height>0?c((s.bottom-i.clientY)/s.height,0,1):0:s.width>0?c(t/s.width,0,1):0;return this.snap(this.min+e*(this.max-this.min))}detail(){return this.range?this.pair:this.one}setHandle(i,s){let t=this.snap(s);const e=this.empty;if(this.range){const s=this.pair,r=this.gap,a=Number(0===i?(s[1]-r).toFixed(this.decimals):(s[0]+r).toFixed(this.decimals));return t=0===i?Math.min(t,a):Math.max(t,a),t=c(t,this.min,this.max),!(0===i?t>a:t<a)&&!(s[i]===t&&!e||(s[i]=t,this.value=s,0))}return!(this.one===t&&!e||(this.value=t,0))}onMove=i=>{this.dragging<0||this.setHandle(this.dragging,this.fromPointer(i))&&this.suiInput.emit(this.detail())};onUp=()=>this.stopDrag(!0);startDrag(i){this.dragging=i,this.handles[i]?.focus(),document.addEventListener("pointermove",this.onMove),document.addEventListener("pointerup",this.onUp),document.addEventListener("pointercancel",this.onUp)}stopDrag(i){"undefined"!=typeof document&&(document.removeEventListener("pointermove",this.onMove),document.removeEventListener("pointerup",this.onUp),document.removeEventListener("pointercancel",this.onUp)),this.dragging<0||(this.dragging=-1,i&&this.suiChange.emit(this.detail()))}onHandleDown=i=>s=>{this.isInert||(s.preventDefault(),s.stopPropagation(),this.startDrag(i))};nearestHandle(i){if(!this.range)return 0;const[s,t]=this.pair;return Math.abs(i-s)<=Math.abs(i-t)?0:1}onTrackDown=i=>{if(this.isInert)return;i.preventDefault();const s=this.fromPointer(i),t=this.nearestHandle(s);this.setHandle(t,s)&&this.suiInput.emit(this.detail()),this.startDrag(t)};onHandleKey=i=>s=>{if(this.isInert)return;const t=this.range?this.pair[i]:this.one,e=this.stepSize,r=!this.vertical&&f(this.host)?"ArrowLeft":"ArrowRight";let a;switch(s.key){case r:case"ArrowUp":a=t+e;break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":case"ArrowDown":a=t-e;break;case"PageUp":a=t+10*e;break;case"PageDown":a=t-10*e;break;case"Home":a=this.min;break;case"End":a=this.max;break;default:return}s.preventDefault(),this.setHandle(i,a)&&(this.suiInput.emit(this.detail()),this.suiChange.emit(this.detail()))};renderHandle(i,s){const t=this.pct(i),a=`${t}%`;return e("div",{key:s,ref:i=>this.handles[s]=i,class:{handle:!0,dragging:this.dragging===s},role:"slider",tabIndex:this.isDisabled?-1:0,"aria-label":(this.range?`${this.label?this.label+" ":""}${0===s?"minimum":"maximum"}`:this.label)||void 0,"aria-orientation":this.vertical?"vertical":null,"aria-valuenow":i,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuetext":this.empty?b(void 0,"slider.noValue",void 0,"No value"):this.fmt(i),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":r(this.fieldId,this.help,this.error),style:this.vertical?{bottom:a,zIndex:this.range&&0===s&&t>50?"2":"1"}:{insetInlineStart:a,zIndex:this.range&&0===s&&t>50?"2":"1"},onPointerDown:this.onHandleDown(s),onKeyDown:this.onHandleKey(s)})}render(){const[i,s]=this.pair,t=this.range?this.pct(i):0,r=this.range?this.pct(s):this.empty?0:this.pct(this.one),l=i=>e("span",{key:"f2234063bf300aa93bfba689f1dd64dd378f92d4",class:"figure"},this.fmt(i)),n=this.empty?null:this.range?[l(i)," – ",l(s)]:l(this.one),d=this.vertical,o=d?{bottom:`${t}%`,height:`${Math.max(0,r-t)}%`}:{insetInlineStart:`${t}%`,width:`${Math.max(0,r-t)}%`};return e(a,{key:"38901a2efc3e1def330e8b665f42d053742cfd0e",help:this.help,error:this.error,descId:this.fieldId},e("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?e("div",{class:"head"},e("span",{class:"label"},this.label,this.label&&this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null),this.showValue&&!d?e("span",{class:"readout"},n):null):null,e("div",{key:"d5e525c5760ccd32112508a8dd6655764a362a0e",ref:i=>this.track=i,class:"track",onPointerDown:this.onTrackDown},e("div",{key:"ac96a6b31831cdb35bd37728f529a51b2aece8b5",class:"rail"}),e("div",{key:"f1450666108aaf93441d948327226d0397ffd562",class:"fill",style:o}),this.range?[this.renderHandle(i,0),this.renderHandle(s,1)]:this.renderHandle(this.one,0)),d&&this.showValue?e("div",{class:"foot"},e("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}]}}};m.style=".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}";export{m as sui_slider}

package/dist/shineui/{p-68d759e3.entry.js → p-0c93bbe6.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,g as i,h as e}from"./p-ChCjmDsd.js";import{d as r,F as o}from"./p-hpOwNlzr.js";import{G as a,r as l}from"./p-DGU97JSr.js";import{u as n}from"./p-U06fVoGD.js";import{i as c,d as u,s as d,r as h,v as b}from"./p-B3wtlP4_.js";import{f as p}from"./p-CGWvlrv_.js";import{m as f}from"./p-BE4gZZNA.js";import{l as g,n as v,h as m,s as x,k as y}from"./p-_HRbdUU3.js";import{r as k}from"./p-BnZU02lM.js";import{i as w}from"./p-Cs2X0Kih.js";import"./p-lWhwwQJ2.js";import"./p-GAnFXayY.js";const C=class{constructor(i){t(this,i),this.suiChange=s(this,"suiChange",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;label;help;error;options=[];value;multiple=!1;disabled=!1;readOnly=!1;invalid=!1;pill=!1;size="md";required=!1;name;suiChange;formDisabled=!1;hostLabel;get isDisabled(){return this.disabled||this.formDisabled}fieldId=n("sui-select-button");track;dispose;stopAria;initial;async setFocus(){this.tabStop()?.focus()}tabStop(){const t=Array.from(this.host.querySelectorAll(".opt"));return t.find((t=>"0"===t.getAttribute("tabindex")))||t[0]}connectedCallback(){c(this.host,this.internals),u(this.host,(()=>this.tabStop())),this.stopAria?.(),this.stopAria=w(this.host,(t=>{this.hostLabel=t})),this.armKeys()}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}componentDidLoad(){this.armKeys()}armKeys(){this.track&&(this.dispose?.(),this.track.removeEventListener("keydown",this.onArrowSelect),this.dispose=k(this.track,".opt","both"),this.track.addEventListener("keydown",this.onArrowSelect))}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.(),this.stopAria=void 0,this.track?.removeEventListener("keydown",this.onArrowSelect)}componentDidRender(){this.syncForm()}syncForm(){const t=this.selected();d(this.internals,this.isDisabled?null:this.multiple?f(this.name,t)??(t.length?t.join(","):null):Array.isArray(this.value)?"":y(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===t.length,this.label,b(this.host),this.error)}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(t){this.formDisabled=p(this.host,this.disabled,t),this.syncForm()}norm(){return g(this.options,this.host,"options").filter((t=>null!=t)).map((t=>"string"==typeof t||"number"==typeof t?{label:String(t),value:t}:t))}selected(){return Array.isArray(this.value)?this.value:v(this.value)?[]:[this.value]}isSel(t){return this.multiple?m(this.selected(),t):!Array.isArray(this.value)&&x(this.value,t)}linked(t=this.norm()){return!this.multiple&&t.some((t=>!!t.href&&!t.disabled))}isLink(t,s){return s&&!!t.href&&!t.disabled}pick(t){if(this.isDisabled||this.readOnly)return;const s=this.norm().find((s=>x(s.value,t)));if(!s||s.disabled)return;let i;if(this.multiple){const t=this.selected();i=m(t,s.value)?t.filter((t=>!x(t,s.value))):t.concat(s.value)}else{if(this.isSel(s.value))return;i=s.value}this.value=i,this.suiChange.emit(i)}onOptionClick(t,s,i){i?this.isDisabled||this.readOnly?t.preventDefault():0!==(t.button||0)||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||(this.isSel(s.value)?t.preventDefault():this.pick(s.value)):this.pick(s.value)}onOptionKey(t,s){s&&" "===t.key&&(t.preventDefault(),t.currentTarget.click())}onArrowSelect=t=>{if(this.multiple||this.isDisabled||!t.defaultPrevented||this.linked())return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(t.key))return;const s="undefined"!=typeof document?document.activeElement:null;if(s&&s.classList.contains("opt")&&this.track?.contains(s)){const t=s.getAttribute("data-value");null!=t&&this.pick(t)}};tabIndexFor(t,s){return this.multiple?s.find((t=>!t.disabled))===t?0:-1:(s.find((t=>this.isSel(t.value)&&!t.disabled))||s.find((t=>!t.disabled)))===t?0:-1}render(){const t=this.norm(),s=this.linked(t),i=this.label?`${this.fieldId}-label`:void 0;return e(o,{key:"b8fe3e006c63e7dcac2bd8b66fe3b5e7d1b98170",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"933f8c2e5d65e6857757f24209d5eafe5847d5d5",ref:t=>this.track=t,class:{track:!0,pill:this.pill,[this.size]:!0,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:this.readOnly},role:s?"navigation":this.multiple?"group":"radiogroup","aria-labelledby":i,"aria-label":i?null:this.hostLabel,"aria-describedby":r(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":!this.required||this.multiple||s?null:"true","aria-readonly":this.readOnly?"true":null,"aria-disabled":this.isDisabled?"true":null},t.map((i=>{const r=this.isSel(i.value),o=this.isLink(i,s);return e(o?"a":"button",{key:i.value,type:o?void 0:"button",href:o?i.href:void 0,class:{opt:!0,sel:r},role:this.multiple||s?void 0:"radio","aria-checked":this.multiple||s?null:r?"true":"false","aria-pressed":this.multiple?r?"true":"false":null,"aria-current":s&&r?"page":null,"aria-disabled":o&&this.isDisabled?"true":null,"data-value":i.value,disabled:o?void 0:this.isDisabled||!!i.disabled,tabIndex:o&&this.isDisabled?-1:this.tabIndexFor(i,t),onClick:t=>this.onOptionClick(t,i,o),onKeyDown:t=>this.onOptionKey(t,o)},this.multiple&&r?e(a,{glyph:l,class:"chk"}):null,i.icon?e("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,e("span",{class:"lbl"},i.label))}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};C.style='.sc-sui-select-button-h{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;flex:0 0 auto;vertical-align:middle;font-family:var(--font-sans)}.track.sc-sui-select-button{display:inline-flex;gap:3px;padding:3px;flex-wrap:wrap;width:fit-content;max-width:100%;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.track.pill.sc-sui-select-button{border-radius:var(--radius-pill)}.track.invalid.sc-sui-select-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.track.invalid.sc-sui-select-button .opt.sc-sui-select-button:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.track.readonly.sc-sui-select-button .opt.sc-sui-select-button{cursor:default}.opt.sc-sui-select-button{height:30px;padding:0 14px;border:none;border-radius:var(--radius-sm);box-sizing:border-box;background:transparent;color:var(--ink-muted);text-decoration:none;font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sm.sc-sui-select-button .opt.sc-sui-select-button{height:26px;padding:0 11px;font-size:12px}.pill.sc-sui-select-button .opt.sc-sui-select-button{border-radius:var(--radius-pill)}.opt.sc-sui-select-button:hover{background:var(--surface-hover)}.opt.sc-sui-select-button:active:not(.sel):not(:disabled):not([aria-disabled="true"]){background:var(--surface-pressed)}.opt.sel.sc-sui-select-button{background:var(--brand);color:var(--brand-contrast);font-weight:650}.opt.sc-sui-select-button:disabled,.opt[aria-disabled="true"].sc-sui-select-button{color:var(--ink-placeholder);cursor:not-allowed}.opt.sel.sc-sui-select-button:disabled,.opt.sel[aria-disabled="true"].sc-sui-select-button{color:var(--disabled-ink)}.opt.sc-sui-select-button:disabled:not(.sel),.opt[aria-disabled="true"].sc-sui-select-button:not(.sel){background:transparent}.opt.sel.sc-sui-select-button:disabled,.opt.sel[aria-disabled="true"].sc-sui-select-button{background:var(--disabled-bg)}.opt.sc-sui-select-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.chk.sc-sui-select-button{font-size:10px;color:var(--accent)}.icon.sc-sui-select-button{font-size:11px}@media (forced-colors: active){.opt.sc-sui-select-button{border:1px solid currentColor}.opt.sel.sc-sui-select-button{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.opt.sel.sc-sui-select-button:focus-visible{outline-color:CanvasText;box-shadow:none}.opt.sc-sui-select-button:disabled,.opt[aria-disabled="true"].sc-sui-select-button{background:GrayText;color:Canvas;border-color:GrayText}.opt.sc-sui-select-button:disabled:not(.sel),.opt[aria-disabled="true"].sc-sui-select-button:not(.sel){background:Canvas;color:GrayText}.chk.sc-sui-select-button{color:HighlightText}}.sui-field.sc-sui-select-button{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-select-button{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-select-button .sui-field-label.sc-sui-select-button{color:var(--danger)}.sui-field-req.sc-sui-select-button{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-select-button{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-select-button{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-select-button .sui-glyph.sc-sui-select-button{font-size:11px}';export{C as sui_select_button}
+import{r as t,c as s,g as i,h as e}from"./p-ChCjmDsd.js";import{d as r,F as o}from"./p-DLfOvQY0.js";import{G as a,r as l}from"./p-CHznIlgx.js";import{u as n}from"./p-U06fVoGD.js";import{i as c,d as u,s as d,r as h,v as b}from"./p-B3wtlP4_.js";import{f as p}from"./p-CGWvlrv_.js";import{m as f}from"./p-BE4gZZNA.js";import{l as g,n as v,h as m,s as x,k as y}from"./p-_HRbdUU3.js";import{r as k}from"./p-BnZU02lM.js";import{i as w}from"./p-BsRW1Q8k.js";import"./p-lWhwwQJ2.js";import"./p-GAnFXayY.js";const C=class{constructor(i){t(this,i),this.suiChange=s(this,"suiChange",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get host(){return i(this)}internals;label;help;error;options=[];value;multiple=!1;disabled=!1;readOnly=!1;invalid=!1;pill=!1;size="md";required=!1;name;suiChange;formDisabled=!1;hostLabel;get isDisabled(){return this.disabled||this.formDisabled}fieldId=n("sui-select-button");track;dispose;stopAria;initial;async setFocus(){this.tabStop()?.focus()}tabStop(){const t=Array.from(this.host.querySelectorAll(".opt"));return t.find((t=>"0"===t.getAttribute("tabindex")))||t[0]}connectedCallback(){c(this.host,this.internals),u(this.host,(()=>this.tabStop())),this.stopAria?.(),this.stopAria=w(this.host,(t=>{this.hostLabel=t})),this.armKeys()}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.syncForm()}componentDidLoad(){this.armKeys()}armKeys(){this.track&&(this.dispose?.(),this.track.removeEventListener("keydown",this.onArrowSelect),this.dispose=k(this.track,".opt","both"),this.track.addEventListener("keydown",this.onArrowSelect))}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.stopAria?.(),this.stopAria=void 0,this.track?.removeEventListener("keydown",this.onArrowSelect)}componentDidRender(){this.syncForm()}syncForm(){const t=this.selected();d(this.internals,this.isDisabled?null:this.multiple?f(this.name,t)??(t.length?t.join(","):null):Array.isArray(this.value)?"":y(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===t.length,this.label,b(this.host),this.error)}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(t){this.formDisabled=p(this.host,this.disabled,t),this.syncForm()}norm(){return g(this.options,this.host,"options").filter((t=>null!=t)).map((t=>"string"==typeof t||"number"==typeof t?{label:String(t),value:t}:t))}selected(){return Array.isArray(this.value)?this.value:v(this.value)?[]:[this.value]}isSel(t){return this.multiple?m(this.selected(),t):!Array.isArray(this.value)&&x(this.value,t)}linked(t=this.norm()){return!this.multiple&&t.some((t=>!!t.href&&!t.disabled))}isLink(t,s){return s&&!!t.href&&!t.disabled}pick(t){if(this.isDisabled||this.readOnly)return;const s=this.norm().find((s=>x(s.value,t)));if(!s||s.disabled)return;let i;if(this.multiple){const t=this.selected();i=m(t,s.value)?t.filter((t=>!x(t,s.value))):t.concat(s.value)}else{if(this.isSel(s.value))return;i=s.value}this.value=i,this.suiChange.emit(i)}onOptionClick(t,s,i){i?this.isDisabled||this.readOnly?t.preventDefault():0!==(t.button||0)||t.ctrlKey||t.metaKey||t.shiftKey||t.altKey||(this.isSel(s.value)?t.preventDefault():this.pick(s.value)):this.pick(s.value)}onOptionKey(t,s){s&&" "===t.key&&(t.preventDefault(),t.currentTarget.click())}onArrowSelect=t=>{if(this.multiple||this.isDisabled||!t.defaultPrevented||this.linked())return;if(!["ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End"].includes(t.key))return;const s="undefined"!=typeof document?document.activeElement:null;if(s&&s.classList.contains("opt")&&this.track?.contains(s)){const t=s.getAttribute("data-value");null!=t&&this.pick(t)}};tabIndexFor(t,s){return this.multiple?s.find((t=>!t.disabled))===t?0:-1:(s.find((t=>this.isSel(t.value)&&!t.disabled))||s.find((t=>!t.disabled)))===t?0:-1}render(){const t=this.norm(),s=this.linked(t),i=this.label?`${this.fieldId}-label`:void 0;return e(o,{key:"a8d1ce9734af2a7b62b42ba7d8453dffacac20b2",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"68ef71aaf46fefd472d6fbf3f9c7b6030495dc1a",ref:t=>this.track=t,class:{track:!0,pill:this.pill,[this.size]:!0,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:this.readOnly},role:s?"navigation":this.multiple?"group":"radiogroup","aria-labelledby":i,"aria-label":i?null:this.hostLabel,"aria-describedby":r(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":!this.required||this.multiple||s?null:"true","aria-readonly":this.readOnly?"true":null,"aria-disabled":this.isDisabled?"true":null},t.map((i=>{const r=this.isSel(i.value),o=this.isLink(i,s);return e(o?"a":"button",{key:i.value,type:o?void 0:"button",href:o?i.href:void 0,class:{opt:!0,sel:r},role:this.multiple||s?void 0:"radio","aria-checked":this.multiple||s?null:r?"true":"false","aria-pressed":this.multiple?r?"true":"false":null,"aria-current":s&&r?"page":null,"aria-disabled":o&&this.isDisabled?"true":null,"data-value":i.value,disabled:o?void 0:this.isDisabled||!!i.disabled,tabIndex:o&&this.isDisabled?-1:this.tabIndexFor(i,t),onClick:t=>this.onOptionClick(t,i,o),onKeyDown:t=>this.onOptionKey(t,o)},this.multiple&&r?e(a,{glyph:l,class:"chk"}):null,i.icon?e("i",{class:`${i.icon} icon`,"aria-hidden":"true"}):null,e("span",{class:"lbl"},i.label))}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],name:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};C.style='.sc-sui-select-button-h{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;flex:0 0 auto;vertical-align:middle;font-family:var(--font-sans)}.track.sc-sui-select-button{display:inline-flex;gap:3px;padding:3px;flex-wrap:wrap;width:fit-content;max-width:100%;box-sizing:border-box;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.track.pill.sc-sui-select-button{border-radius:var(--radius-pill)}.track.invalid.sc-sui-select-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.track.invalid.sc-sui-select-button .opt.sc-sui-select-button:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.track.readonly.sc-sui-select-button .opt.sc-sui-select-button{cursor:default}.opt.sc-sui-select-button{height:30px;padding:0 14px;border:none;border-radius:var(--radius-sm);box-sizing:border-box;background:transparent;color:var(--ink-muted);text-decoration:none;font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sm.sc-sui-select-button .opt.sc-sui-select-button{height:26px;padding:0 11px;font-size:12px}.pill.sc-sui-select-button .opt.sc-sui-select-button{border-radius:var(--radius-pill)}.opt.sc-sui-select-button:hover{background:var(--surface-hover)}.opt.sc-sui-select-button:active:not(.sel):not(:disabled):not([aria-disabled="true"]){background:var(--surface-pressed)}.opt.sel.sc-sui-select-button{background:var(--brand);color:var(--brand-contrast);font-weight:650}.opt.sc-sui-select-button:disabled,.opt[aria-disabled="true"].sc-sui-select-button{color:var(--ink-placeholder);cursor:not-allowed}.opt.sel.sc-sui-select-button:disabled,.opt.sel[aria-disabled="true"].sc-sui-select-button{color:var(--disabled-ink)}.opt.sc-sui-select-button:disabled:not(.sel),.opt[aria-disabled="true"].sc-sui-select-button:not(.sel){background:transparent}.opt.sel.sc-sui-select-button:disabled,.opt.sel[aria-disabled="true"].sc-sui-select-button{background:var(--disabled-bg)}.opt.sc-sui-select-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.chk.sc-sui-select-button{font-size:10px;color:var(--accent)}.icon.sc-sui-select-button{font-size:11px}@media (forced-colors: active){.opt.sc-sui-select-button{border:1px solid currentColor}.opt.sel.sc-sui-select-button{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.opt.sel.sc-sui-select-button:focus-visible{outline-color:CanvasText;box-shadow:none}.opt.sc-sui-select-button:disabled,.opt[aria-disabled="true"].sc-sui-select-button{background:GrayText;color:Canvas;border-color:GrayText}.opt.sc-sui-select-button:disabled:not(.sel),.opt[aria-disabled="true"].sc-sui-select-button:not(.sel){background:Canvas;color:GrayText}.chk.sc-sui-select-button{color:HighlightText}}.sui-field.sc-sui-select-button{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-select-button{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-select-button .sui-field-label.sc-sui-select-button{color:var(--danger)}.sui-field-req.sc-sui-select-button{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-select-button{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-select-button{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-select-button .sui-glyph.sc-sui-select-button{font-size:11px}';export{C as sui_select_button}

package/dist/shineui/p-0f21c422.entry.js

@@ -0,0 +1 @@
+import{r as s,g as t,h as i,a}from"./p-ChCjmDsd.js";import{o as e,a as d}from"./p-BWkzTEZX.js";const o=class{constructor(t){s(this,t)}get host(){return t(this)}heading;subtitle;columns=2;hasStatus=!1;hasHeaderEnd=!1;dispose;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=e(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasStatus=d(this.host,"status").length>0,this.hasHeaderEnd=d(this.host,"header-end").length>0}render(){const s=Math.max(1,Math.floor(this.columns)||1);return i(a,{key:"deb1e784d9e8e8037332a3d223b75b19a5d3fd9c"},i("div",{key:"00d95868772fc2d5acbeff1875dfb33954b0685f",class:"card"},this.heading||this.hasStatus||this.hasHeaderEnd?i("div",{class:"head"},i("div",{class:"titles"},this.heading?i("div",{class:"title"},this.heading):null,this.subtitle?i("div",{class:"subtitle"},this.subtitle):null),i("slot",{name:"status"}),i("slot",{name:"header-end"})):null,i("div",{key:"965abe415d8a8d47f10bfb1a3377d80fa5ae57d7",class:"grid",style:{gridTemplateColumns:`repeat(${s}, minmax(0, 1fr))`}},i("slot",{key:"2780f8e6133fda03b15655e5bfe3760d9a1987d1"})),i("slot",{key:"3757d1181541153ff03e63c0952ee9f76554d757",name:"actions"})))}};o.style='.sc-sui-form-layout-h{display:block;font-family:var(--font-sans);color:var(--ink)}.card.sc-sui-form-layout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-form-layout{display:flex;align-items:baseline;gap:12px;padding:15px 16px 0}.titles.sc-sui-form-layout{flex:1;min-width:0}.title.sc-sui-form-layout{font-size:14.5px;font-weight:700}.subtitle.sc-sui-form-layout{font-size:12px;color:var(--ink-faint);margin-top:2px}.grid.sc-sui-form-layout{display:grid;gap:14px;padding:14px 16px 18px}.sc-sui-form-layout-s>*{min-width:0}.sc-sui-form-layout-s>[data-span="full"]{grid-column:1 / -1}@media (max-width: 640px){.grid.sc-sui-form-layout{grid-template-columns:minmax(0, 1fr) !important}}';export{o as sui_form_layout}

package/dist/shineui/{p-b20dfd3b.entry.js → p-0fe51686.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,g as e,h as t,a}from"./p-ChCjmDsd.js";import{i as r}from"./p-Cs2X0Kih.js";import{d as o}from"./p-B3wtlP4_.js";import{o as d,a as n}from"./p--VsCbcYp.js";import{k as l}from"./p-CYlxvoVo.js";import{u as c}from"./p-U06fVoGD.js";import{l as p,a as u}from"./p-lWhwwQJ2.js";import{i as h}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const f=["up","down","left","right"],b=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],v={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},m={ArrowUp:"ArrowDown",ArrowDown:"ArrowUp",ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"},w=class{constructor(e){s(this,e),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3),this.suiPick=i(this,"suiPick",7)}get host(){return e(this)}items=[];disabled=!1;icon="fa-solid fa-plus";iconOpen;direction="up";open=!1;suiOpen;suiClose;suiPick;hostLabel;closing=!1;launcher;satsEl;fieldId=c("sui-speed-dial");stopOutside;stopAria;exit=d((()=>this.closing=!1));pendingFocus;get fanned(){return this.open&&!this.disabled}get fanDirection(){return f.includes(this.direction)?this.direction:"up"}connectedCallback(){o(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=n((()=>[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,l(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 r=s;for(let s=0;s<t;s++)if(r=(r+i+t)%t,a(r))return r;return-1}sats(){return Array.from(this.host.querySelectorAll("button.sat"))}focusSat(s){s<0||this.sats()[s]?.focus()}arrowStep(s){const i=v[this.fanDirection];if(s===i)return 1;if(s===m[i])return-1;const e=h(this.host)?"ArrowLeft":"ArrowRight";return"ArrowDown"===s||s===e?1:"ArrowUp"===s||s===m[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(!b.includes(s.key))return;s.preventDefault();const i=s.key===m[v[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`,r=this.items||[],o=this.fanned;return t(a,{key:"2c711bb8eb7c2750533f559fc1bf398c3460ec98"},t("div",{key:"67f6c7608034bbf70deddd8defef5a0fe59ef343",class:{dial:!0,[s]:!0,open:o,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":o?"true":"false","aria-controls":o?e:null,onClick:this.toggle},t("i",{key:"b389f0cd5bad14f2bfb766bc79b1aa9e47396732",class:o&&this.iconOpen?this.iconOpen:this.icon,"aria-hidden":"true"})),o||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},r.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||u(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}]}}};w.style=".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}}";export{w as sui_speed_dial}
+import{r as s,c as i,g as e,h as t,a}from"./p-ChCjmDsd.js";import{i as r}from"./p-BsRW1Q8k.js";import{d as o}from"./p-B3wtlP4_.js";import{o as d,a as n}from"./p-DxQKrio7.js";import{k as l}from"./p-CYlxvoVo.js";import{u as c}from"./p-U06fVoGD.js";import{l as p,a as u}from"./p-lWhwwQJ2.js";import{i as h}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const f=["up","down","left","right"],b=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],v={up:"ArrowUp",down:"ArrowDown",left:"ArrowLeft",right:"ArrowRight"},m={ArrowUp:"ArrowDown",ArrowDown:"ArrowUp",ArrowLeft:"ArrowRight",ArrowRight:"ArrowLeft"},w=class{constructor(e){s(this,e),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3),this.suiPick=i(this,"suiPick",7)}get host(){return e(this)}items=[];disabled=!1;icon="fa-solid fa-plus";iconOpen;direction="up";open=!1;suiOpen;suiClose;suiPick;hostLabel;closing=!1;launcher;satsEl;fieldId=c("sui-speed-dial");stopOutside;stopAria;exit=d((()=>this.closing=!1));pendingFocus;get fanned(){return this.open&&!this.disabled}get fanDirection(){return f.includes(this.direction)?this.direction:"up"}connectedCallback(){o(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=n((()=>[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,l(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 r=s;for(let s=0;s<t;s++)if(r=(r+i+t)%t,a(r))return r;return-1}sats(){return Array.from(this.host.querySelectorAll("button.sat"))}focusSat(s){s<0||this.sats()[s]?.focus()}arrowStep(s){const i=v[this.fanDirection];if(s===i)return 1;if(s===m[i])return-1;const e=h(this.host)?"ArrowLeft":"ArrowRight";return"ArrowDown"===s||s===e?1:"ArrowUp"===s||s===m[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(!b.includes(s.key))return;s.preventDefault();const i=s.key===m[v[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`,r=this.items||[],o=this.fanned;return t(a,{key:"049709302f2b68fa4e2a94259d077b5f77cd37ec"},t("div",{key:"27404c8506c31124c983c99dcb916e4e1c0080cc",class:{dial:!0,[s]:!0,open:o,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":o?"true":"false","aria-controls":o?e:null,onClick:this.toggle},t("i",{key:"ed24963a9341f2c0174b2b52b7a3a2abf9984f4b",class:o&&this.iconOpen?this.iconOpen:this.icon,"aria-hidden":"true"})),o||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},r.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||u(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}]}}};w.style=".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}}";export{w as sui_speed_dial}

package/dist/shineui/{p-7d7c556e.entry.js → p-100c0bba.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as s,f as n,h as e,a as o}from"./p-ChCjmDsd.js";import{a,f as r,l as u,m as c,M as l}from"./p-ItavAROP.js";import{G as d,q as p}from"./p-DGU97JSr.js";import{o as b,p as h,a as m,b as v,k as f,j as g}from"./p--VsCbcYp.js";import{k as x}from"./p-CYlxvoVo.js";import{t as k}from"./p-DuYD2WCY.js";import{u as y}from"./p-U06fVoGD.js";import{d as w}from"./p-B3wtlP4_.js";import{a as z,l as C}from"./p-lWhwwQJ2.js";import{i as j}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const D=["accent","brand","outline"],T=["sm","md","lg"],A=class{constructor(s){t(this,s),this.suiPick=i(this,"suiPick",7),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return s(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=y("sui-split");control;chev;panel;menu;disposers=[];exit=b((()=>this.closing=!1));pendingFocus=-1;raised;demote;get menuOpen(){return this.open&&!this.disabled&&!this.loading}connectedCallback(){w(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=h(this.panel),this.raised=this.panel),this.menuOpen&&(this.reposition(),this.afterOpen()),this.pendingFocus>=0&&this.menu){const t=this.pendingFocus;this.pendingFocus=-1,a(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(m((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),v((()=>this.reposition())))}reposition(){if(!this.control||!this.panel)return;const t="left"===this.menuAlign||"right"===this.menuAlign?"right"===this.menuAlign!==j(this.host)?"end":"start":"end"===this.menuAlign?"end":"start";f(this.panel,g(this.control,this.panel,"bottom",6,t))}teardown(){this.disposers.forEach((t=>t())),this.disposers=[]}show(){this.open||(this.open=!0,x(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?a(this.menu,this.active>=0?this.active:r(i)):this.openAt(r(i))):"ArrowUp"===t.key?(t.preventDefault(),this.open||this.openAt(u(i))):"Escape"===t.key&&this.open&&(t.preventDefault(),this.requestClose("escape",!0))};onMenuKey=t=>{if(k(t,this.panel,(()=>this.requestClose("outside",!0)?this.chev:null),!0))return;const i=this.items,s=c(t,i,this.active);if("move"===s.action&&s.index>=0)this.active=s.index,a(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=T.includes(this.size)?this.size:"md",n=this.disabled||this.loading,a=this.label?z(void 0,"split-button.optionsFor",void 0,"{label} options",{label:this.label}):C(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(d,{key:"7d922bf64fadd4c0edb533bddbfb8608bd108db3",glyph:p}))),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(l,{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}]}}};A.style=".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}}";export{A as sui_split_button}
+import{r as t,c as i,g as s,f as n,h as e,a as o}from"./p-ChCjmDsd.js";import{a,f as r,l as u,m as c,M as l}from"./p-BHuhAGFo.js";import{G as d,q as p}from"./p-CHznIlgx.js";import{o as b,p as h,a as m,b as v,k as f,j as g}from"./p-DxQKrio7.js";import{k as x}from"./p-CYlxvoVo.js";import{t as k}from"./p-BdhSIPLG.js";import{u as y}from"./p-U06fVoGD.js";import{d as w}from"./p-B3wtlP4_.js";import{a as z,l as C}from"./p-lWhwwQJ2.js";import{i as j}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const D=["accent","brand","outline"],T=["sm","md","lg"],A=class{constructor(s){t(this,s),this.suiPick=i(this,"suiPick",7),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return s(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=y("sui-split");control;chev;panel;menu;disposers=[];exit=b((()=>this.closing=!1));pendingFocus=-1;raised;demote;get menuOpen(){return this.open&&!this.disabled&&!this.loading}connectedCallback(){w(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=h(this.panel),this.raised=this.panel),this.menuOpen&&(this.reposition(),this.afterOpen()),this.pendingFocus>=0&&this.menu){const t=this.pendingFocus;this.pendingFocus=-1,a(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(m((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),v((()=>this.reposition())))}reposition(){if(!this.control||!this.panel)return;const t="left"===this.menuAlign||"right"===this.menuAlign?"right"===this.menuAlign!==j(this.host)?"end":"start":"end"===this.menuAlign?"end":"start";f(this.panel,g(this.control,this.panel,"bottom",6,t))}teardown(){this.disposers.forEach((t=>t())),this.disposers=[]}show(){this.open||(this.open=!0,x(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?a(this.menu,this.active>=0?this.active:r(i)):this.openAt(r(i))):"ArrowUp"===t.key?(t.preventDefault(),this.open||this.openAt(u(i))):"Escape"===t.key&&this.open&&(t.preventDefault(),this.requestClose("escape",!0))};onMenuKey=t=>{if(k(t,this.panel,(()=>this.requestClose("outside",!0)?this.chev:null),!0))return;const i=this.items,s=c(t,i,this.active);if("move"===s.action&&s.index>=0)this.active=s.index,a(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=T.includes(this.size)?this.size:"md",n=this.disabled||this.loading,a=this.label?z(void 0,"split-button.optionsFor",void 0,"{label} options",{label:this.label}):C(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(d,{key:"b30e906434528be5597b5be790bcf65870e9ecb6",glyph:p}))),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(l,{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}]}}};A.style=".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}}";export{A as sui_split_button}