@shineuix/ssr 0.0.0-stage → 1.0.0

package/dist/components/sui-edit-box.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as e,a as o,t as r}from"./p-CeVlau-G.js";import{e as d,c as a,w as n,E as u,s as c,t as b}from"./p-CyBxJm67.js";import{G as l,$ as x,c as h,ah as p,ai as v,aj as m,ak as f}from"./p-DdsE4HI6.js";import{d as g}from"./p-TBwsYzWO.js";import{i as y,d as k,s as w,r as M}from"./p-BHB1Wprj.js";import{u as P}from"./p-U06fVoGD.js";import{b as C}from"./p-COO9uV7W.js";import{a as z,l as j,u as D}from"./p-BuyjS5bS.js";import{f as E}from"./p-CGWvlrv_.js";import{defineCustomElement as H}from"./p-DgXzRiP4.js";import{d as I}from"./p--YwzuGO4.js";import{d as V}from"./p-v0MrzKlW.js";const q=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiSave=t(this,"suiSave",7),this.suiCancel=t(this,"suiCancel",7),this.internals=this.attachInternals()}get host(){return this}internals;label;html="";placeholder;minHeight=56;disabled=!1;readOnly=!1;required=!1;help;error;invalid=!1;toolbar="attached";name;suiSave;suiCancel;editing=!1;snap;pos={x:6,y:-46};formDisabled=!1;api;mount;box;viewEl;initial="";bootPending=!1;bootId=0;booting=!1;refocusView=!1;fieldId=P("sui-edit-box");async edit(){this.begin()}async setFocus(){this.editing?this.api?.focus():this.viewEl?.focus()}focusTarget(){return this.editing?this.mount?.querySelector(".ProseMirror")||void 0:this.viewEl}async save(){this.done()}async cancel(){this.discard()}async exec(i,s,t){this.api&&this.api.cmd[i](s,t)}componentWillLoad(){this.initial=this.html||""}connectedCallback(){y(this.host,this.internals),k(this.host,(()=>this.focusTarget())),this.editing&&!this.api&&!this.booting&&this.mount&&this.boot()}componentDidLoad(){this.post(this.html)}get isDisabled(){return this.disabled||this.formDisabled}post(i){w(this.internals,this.isDisabled?null:i||"");const s=this.required&&!this.isDisabled&&!this.readOnly;M(this.internals,s,s&&d(i),this.label,this.focusTarget(),this.error)}componentDidRender(){this.editing?this.syncEditorAria():this.post(this.html),this.bootPending&&this.editing&&this.mount&&(this.bootPending=!1,this.boot()),this.refocusView&&!this.editing&&this.viewEl&&(this.refocusView=!1,this.viewEl.focus())}disconnectedCallback(){Promise.resolve().then((()=>{this.host.isConnected||this.teardown()}))}formResetCallback(){this.discard(),this.html=this.initial,this.post(this.initial)}formDisabledCallback(i){this.formDisabled=E(this.host,this.disabled,i),i&&this.discard(),this.post(this.html)}onDisabledChange(i){i&&this.discard(),this.post(this.html)}onValidityInput(){this.post(this.html)}onHtmlChange(i){this.editing||this.post(i)}get floating(){return"floating"===this.toolbar}async boot(){if(!this.mount)return;const i=++this.bootId;this.booting=!0;try{const s=await a(this.mount,{html:this.html,onState:s=>{i===this.bootId&&this.api&&(this.snap=s,this.floating&&this.track())}});if(i!==this.bootId||!this.editing)return void s.destroy();this.api=s,this.syncEditorAria(),this.snap=s.snapshot(),s.focus(),this.floating&&this.track()}catch{}finally{i===this.bootId&&(this.booting=!1)}}syncEditorAria(){this.api?.setAttrs?.({role:"textbox","aria-multiline":"true","aria-label":this.label||null,"aria-describedby":g(this.fieldId,this.help,this.error)||null,"aria-invalid":this.error||this.invalid?"true":null,"aria-required":this.required?"true":null})}teardown(){this.bootId++,this.booting=!1,this.api?.destroy(),this.api=void 0}track(){if(!this.api||!this.box)return;const i=this.api.caretRect();if(!i)return;const s=this.box.getBoundingClientRect();this.pos={x:Math.max(6,Math.min(i.left-s.left-16,s.width-264)),y:i.top-s.top-46}}begin(){this.editing||this.isDisabled||this.readOnly||(this.snap=void 0,this.pos={x:6,y:-46},this.bootPending=!0,this.editing=!0)}done=()=>{if(!this.editing)return;const i=this.api?this.api.toHTML():this.html;this.teardown(),this.editing=!1,this.refocusView=!0,this.html=i,this.post(i),this.suiSave.emit(i)};discard=()=>{this.editing&&(this.teardown(),this.editing=!1,this.refocusView=!0,this.suiCancel.emit())};run(i){this.api&&this.api.cmd[i]()}onViewKey=i=>{this.readOnly||"Enter"!==i.key&&" "!==i.key||(i.preventDefault(),this.begin())};onEditKey=i=>{"Escape"===i.key&&(i.preventDefault(),i.stopPropagation(),this.discard())};renderFormatButtons(){const i=this.snap?.marks,s="bullet"===this.snap?.list;return[e(u,{glyph:p,active:!!i?.bold,title:n(z(void 0,"edit-box.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),e(u,{glyph:v,active:!!i?.italic,title:n(z(void 0,"edit-box.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),e(u,{glyph:m,active:!!i?.underline,title:n(z(void 0,"edit-box.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e(u,{glyph:f,active:s,title:z(void 0,"edit-box.bulletedList",void 0,"Bulleted list"),onClick:()=>this.run(s?"outdent":"bulletList")})]}renderActions(i){return[e("sui-button",{class:"sui-edit-box-action",variant:"outline",size:"sm",label:z(void 0,"edit-box.cancel",void 0,"Cancel"),onClick:this.discard}),e("span",{style:{width:i+"px",flexShrink:"0"}}),e("sui-button",{class:"sui-edit-box-action",variant:"brand",size:"sm",label:z(void 0,"edit-box.done",void 0,"Done"),onClick:this.done})]}renderView(){const i=c(this.html),s=this.readOnly&&!this.isDisabled;return e("div",{key:"view",class:"sui-edit-box-view",ref:i=>this.viewEl=i,role:s?"textbox":"button",tabIndex:this.isDisabled?-1:0,"aria-disabled":this.isDisabled?"true":null,"aria-readonly":s?"true":null,"aria-multiline":s?"true":null,"aria-invalid":this.invalid||this.error?"true":null,"aria-describedby":g(this.fieldId,this.help,this.error),"aria-label":s?this.label||z(void 0,"edit-box.text",void 0,"text"):j(void 0,"edit-box.edit",void 0,"Edit {name}",{name:this.label||z(void 0,"edit-box.text",void 0,"text")}),style:{minHeight:this.minHeight+"px"},onClick:()=>this.begin(),onKeyDown:this.onViewKey},i?e("div",{class:"sb-editor-mount sc-sui-edit-box-s",innerHTML:b(i)}):e("span",{class:"sui-edit-box-placeholder"},z(void 0,"edit-box.placeholder",this.placeholder,"Click to write…")),s?null:e(l,{glyph:x,class:"sui-edit-box-pen"}))}renderNote(){return this.error?e("div",{key:"note",class:"sui-field-error",id:this.fieldId+"-err",role:"alert"},e(l,{glyph:h}),this.error):this.help?e("div",{key:"note",class:"sui-field-help",id:this.fieldId+"-help"},this.help):null}wordCount(){const i=this.snap?this.snap.words:0,s=C(i);return D(i,void 0,["edit-box.word","edit-box.words"])?j(void 0,"edit-box.word",void 0,"{count} word",{count:s}):j(void 0,"edit-box.words",void 0,"{count} words",{count:s})}renderAttached(){return e("div",{key:"edit",class:"sui-edit-box-edit attached",onKeyDown:this.onEditKey},e("div",{class:"sui-edit-box-bar",role:"toolbar","aria-label":z(void 0,"edit-box.formatting",void 0,"Formatting")},this.renderFormatButtons(),e("span",{class:"sui-edit-box-spacer"}),e("span",{class:"sui-edit-box-words"},this.wordCount()),this.renderActions(6)),e("div",{key:"mount",class:"sb-editor-mount sc-sui-edit-box-s",ref:i=>this.mount=i,style:{minHeight:this.minHeight+"px"}}))}renderFloating(){return e("div",{key:"edit",class:"sui-edit-box-edit floating",onKeyDown:this.onEditKey},e("div",{class:"sui-edit-box-frame",ref:i=>this.box=i,style:{minHeight:this.minHeight+"px"}},e("div",{key:"mount",class:"sb-editor-mount sc-sui-edit-box-s",ref:i=>this.mount=i,style:{minHeight:this.minHeight-18+"px"}})),e("sui-mini-toolbar",{open:!0,x:this.pos.x,y:this.pos.y,"aria-label":z(void 0,"edit-box.formatting",void 0,"Formatting")},this.renderFormatButtons(),e("span",{class:"sui-tbtn-sep",role:"separator","aria-orientation":"vertical"}),this.renderActions(4)))}render(){return e(o,{key:"aaf62e49d6002e3932bc27b0f289d7f2e288ba3c",class:{editing:this.editing,floating:this.floating,disabled:this.isDisabled,"read-only":this.readOnly&&!this.isDisabled,invalid:this.invalid||!!this.error}},this.label?e("span",{key:"label",class:"sui-edit-box-label"},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,this.editing?this.floating?this.renderFloating():this.renderAttached():this.renderView(),this.renderNote())}static get formAssociated(){return!0}static get watchers(){return{disabled:[{onDisabledChange:0}],readOnly:[{onDisabledChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],html:[{onHtmlChange:0}]}}static get style(){return'.sc-sui-edit-box-h{display:flex;flex-direction:column;gap:5px;font-family:var(--font-sans);color:var(--ink)}.sui-edit-box-label.sc-sui-edit-box{font-size:12.5px;font-weight:620}.sui-edit-box-view.sc-sui-edit-box,.sui-edit-box-edit.sc-sui-edit-box{margin-inline:-13px}.sui-edit-box-view.sc-sui-edit-box{position:relative;box-sizing:border-box;padding-block:9px;padding-inline:12px 22px;cursor:text;border:1px dashed transparent;border-radius:var(--radius-md);background:transparent;font-size:13.5px;line-height:1.6;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.floating.sc-sui-edit-box-h .sui-edit-box-view.sc-sui-edit-box{border-style:solid}.sui-edit-box-view.sc-sui-edit-box:not([aria-disabled="true"]):not([aria-readonly="true"]):hover,.sui-edit-box-view.sc-sui-edit-box:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);border-color:var(--border-strong)}.sui-edit-box-view.sc-sui-edit-box:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sui-edit-box-view[aria-disabled="true"].sc-sui-edit-box,.sui-edit-box-view[aria-disabled="true"].sc-sui-edit-box .sc-sui-edit-box:where(*){cursor:not-allowed;color:var(--disabled-ink)}.sui-edit-box-placeholder.sc-sui-edit-box{font-size:13.5px;color:var(--ink-placeholder)}.invalid.sc-sui-edit-box-h .sui-edit-box-view.sc-sui-edit-box{border-style:solid;border-color:var(--danger)}.invalid.sc-sui-edit-box-h .sui-edit-box-edit.attached.sc-sui-edit-box,.invalid.sc-sui-edit-box-h .sui-edit-box-frame.sc-sui-edit-box{border-color:var(--danger)}.sui-edit-box-pen.sc-sui-edit-box{position:absolute;top:9px;inset-inline-end:6px;font-size:12px;color:var(--ink-faint);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.sui-edit-box-view.sc-sui-edit-box:hover .sui-edit-box-pen.sc-sui-edit-box,.sui-edit-box-view.sc-sui-edit-box:focus-visible .sui-edit-box-pen.sc-sui-edit-box{opacity:1}.sb-editor-mount.sc-sui-edit-box{font-size:13.5px;line-height:1.6;color:var(--ink);box-sizing:content-box}.sui-edit-box-edit.attached.sc-sui-edit-box{border:1px solid var(--brand);border-radius:var(--radius-md);box-shadow:var(--focus-shadow);background:var(--surface)}.sui-edit-box-bar.sc-sui-edit-box{display:flex;align-items:center;gap:2px;padding:5px 8px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-edit-box-edit.attached.sc-sui-edit-box .sb-editor-mount.sc-sui-edit-box{padding-block:9px;padding-inline:12px 22px}.sui-edit-box-spacer.sc-sui-edit-box{flex:1}.sui-edit-box-words.sc-sui-edit-box{font-size:11px;color:var(--ink-faint);font-feature-settings:\'tnum\';margin-inline-end:8px;white-space:nowrap}.sui-edit-box-edit.floating.sc-sui-edit-box{position:relative}.sui-edit-box-frame.sc-sui-edit-box{box-sizing:border-box;padding-block:9px;padding-inline:12px 22px;border:1px solid var(--brand);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--focus-shadow)}@media (forced-colors: active){.sui-edit-box-view.sc-sui-edit-box{border-color:Canvas}.sui-edit-box-view[aria-disabled="true"].sc-sui-edit-box,.sui-edit-box-view[aria-disabled="true"].sc-sui-edit-box .sc-sui-edit-box:where(*){color:GrayText}}.sui-field.sc-sui-edit-box{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-edit-box{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-edit-box .sui-field-label.sc-sui-edit-box{color:var(--danger)}.sui-field-req.sc-sui-edit-box{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-edit-box{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-edit-box{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-edit-box .sui-glyph.sc-sui-edit-box{font-size:11px}.sui-tbtn.sc-sui-edit-box{height:28px;min-width:28px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sui-tbtn.wide.sc-sui-edit-box{min-width:0;padding:0 9px}.sui-tbtn.sc-sui-edit-box i.sc-sui-edit-box,.sui-tbtn.sc-sui-edit-box .sui-glyph.sc-sui-edit-box{font-size:12px}.sui-tbtn.sc-sui-edit-box:hover:not(:disabled){background:var(--surface-hover)}.sui-tbtn.active.sc-sui-edit-box,.sui-tbtn.active.sc-sui-edit-box:hover:not(:disabled){background:var(--surface-selected);color:var(--brand-soft-ink)}.sui-tbtn.sc-sui-edit-box:disabled{color:var(--ink-placeholder);cursor:not-allowed;background:transparent}.sui-tbtn.sc-sui-edit-box:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-tbtn-sep.sc-sui-edit-box{width:1px;height:18px;background:var(--hairline);margin:0 3px;flex-shrink:0}@media (forced-colors: active){.sui-tbtn.active.sc-sui-edit-box,.sui-tbtn.active.sc-sui-edit-box:hover:not(:disabled){forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:CanvasText;box-shadow:none}.sui-tbtn.sc-sui-edit-box:disabled{forced-color-adjust:auto;background:transparent;color:GrayText}.sui-tbtn-sep.sc-sui-edit-box{forced-color-adjust:none;background:CanvasText}}.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box,.sc-sui-edit-box-s .ProseMirror{outline:none;white-space:pre-wrap}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box p.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box p.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount p,.sc-sui-edit-box-s .ProseMirror p{margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box p.sc-sui-edit-box:last-child,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box p.sc-sui-edit-box:last-child,.sc-sui-edit-box-s.sb-editor-mount p:last-child,.sc-sui-edit-box-s .ProseMirror p:last-child{margin-bottom:0}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box h1.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box h1.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount h1,.sc-sui-edit-box-s .ProseMirror h1{font-size:21px;font-weight:730;letter-spacing:-0.015em;margin:4px 0 10px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box h2.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box h2.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount h2,.sc-sui-edit-box-s .ProseMirror h2{font-size:16.5px;font-weight:700;margin:10px 0 7px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box h3.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box h3.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount h3,.sc-sui-edit-box-s .ProseMirror h3{font-size:14px;font-weight:700;margin:8px 0 6px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box ul.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box ol.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box ul.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box ol.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount ul,.sc-sui-edit-box-s.sb-editor-mount ol,.sc-sui-edit-box-s .ProseMirror ul,.sc-sui-edit-box-s .ProseMirror ol{margin:0 0 8px;padding-inline-start:22px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box li.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box li.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount li,.sc-sui-edit-box-s .ProseMirror li{margin-bottom:3px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box blockquote.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box blockquote.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount blockquote,.sc-sui-edit-box-s .ProseMirror blockquote{margin:0 0 8px;padding:6px 14px;border-inline-start:3px solid var(--accent);background:var(--surface-sunken);border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;color:var(--ink-muted)}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box pre.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box pre.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount pre,.sc-sui-edit-box-s .ProseMirror pre{background:var(--sui-code-dark-bg);color:color-mix(in srgb, var(--sui-code-dark-ink) 86%, var(--sui-code-dark-bg));font-family:var(--font-mono);font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box code.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box code.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount code,.sc-sui-edit-box-s .ProseMirror code{background:var(--brand-soft);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:12px}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box pre.sc-sui-edit-box code.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box pre.sc-sui-edit-box code.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount pre code,.sc-sui-edit-box-s .ProseMirror pre code{background:transparent;padding:0}.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box a.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box a.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount a,.sc-sui-edit-box-s .ProseMirror a{color:var(--link);text-decoration:underline}.sc-sui-rich-text-editor-s.sc-sui-edit-box .sb-merge.sc-sui-edit-box,.sc-sui-edit-box-s .sb-merge{display:inline-block;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px dashed var(--accent-deep);border-radius:5px;padding:0 6px;font-size:12px;font-weight:650;white-space:nowrap}.sc-sui-rich-text-editor-s.sc-sui-edit-box .sb-merge.ProseMirror-selectednode.sc-sui-edit-box,.sc-sui-edit-box-s .sb-merge.ProseMirror-selectednode{outline:2px solid var(--accent)}@media (forced-colors: active){.sc-sui-rich-text-editor-s.sb-editor-mount.sc-sui-edit-box pre.sc-sui-edit-box,.sc-sui-rich-text-editor-s.sc-sui-edit-box .ProseMirror.sc-sui-edit-box pre.sc-sui-edit-box,.sc-sui-edit-box-s.sb-editor-mount pre,.sc-sui-edit-box-s .ProseMirror pre{border:1px solid CanvasText}.sc-sui-rich-text-editor-s.sc-sui-edit-box .sb-merge.ProseMirror-selectednode.sc-sui-edit-box,.sc-sui-edit-box-s .sb-merge.ProseMirror-selectednode{outline-color:Highlight}}'}},[578,"sui-edit-box",{label:[1],html:[1025],placeholder:[1],minHeight:[2,"min-height"],disabled:[516],readOnly:[516,"readonly"],required:[516],help:[1],error:[1],invalid:[516],toolbar:[513],name:[513],editing:[32],snap:[32],pos:[32],formDisabled:[32],edit:[64],setFocus:[64],save:[64],cancel:[64],exec:[64]},void 0,{disabled:[{onDisabledChange:0}],readOnly:[{onDisabledChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],html:[{onHtmlChange:0}]}]),B=q,T=function(){"undefined"!=typeof customElements&&["sui-edit-box","sui-button","sui-mini-toolbar","sui-tooltip"].forEach((i=>{switch(i){case"sui-edit-box":customElements.get(r(i))||customElements.define(r(i),q);break;case"sui-button":customElements.get(r(i))||H();break;case"sui-mini-toolbar":customElements.get(r(i))||I();break;case"sui-tooltip":customElements.get(r(i))||V()}}))};export{B as SuiEditBox,T as defineCustomElement}

package/dist/components/sui-empty-state.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiEmptyState extends Components.SuiEmptyState, HTMLElement {}
+export const SuiEmptyState: {
+    prototype: SuiEmptyState;
+    new (): SuiEmptyState;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-empty-state.js

@@ -0,0 +1 @@
+import{p as t,H as s,h as e,a,t as i}from"./p-CeVlau-G.js";import{o as c,a as o,d as n,b as r}from"./p-BWkzTEZX.js";import{G as p,d,c as l,k as m,E as h}from"./p-DdsE4HI6.js";const u={empty:h,success:m,error:l,"not-found":d},y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get host(){return this}variant="empty";icon;heading="";headingLevel=2;description;compact=!1;bare=!1;hasActions=!1;hasBody=!1;bodyEl;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(t=!1){this.dispose?.(),this.dispose=c(this.host,(()=>this.readSlots())),t&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasActions=o(this.host,"actions").length>0;const t=n(this.host).filter((t=>t.classList.contains("state")));this.hasBody=r(this.host,this.bodyEl,t)}render(){const t="h"+([2,3,4].includes(Number(this.headingLevel))?Number(this.headingLevel):2),s=!this.hasBody&&!this.description;return e(a,{key:"ca1c86e9ba56e709a9d94957f5b2dd3b18f432ed"},e("div",{key:"7aae77fa209d25314738e4a21dc71b7038806d55",class:{state:!0,[this.variant]:!0,compact:this.compact,bare:this.bare},role:"error"===this.variant?"alert":void 0},e("span",{key:"5610cd720542cbc9b730e662803e9a0482cf2547",class:"well"},this.icon?e("i",{class:this.icon,"aria-hidden":"true"}):e(p,{glyph:u[this.variant]||u.empty})),this.heading?e(t,{class:"heading"},this.heading):null,e("div",{key:"9f5df1d7eee8d81fb06fb9b0733a7825eb373e39",class:{description:!0,empty:s}},this.hasBody?null:this.description,e("div",{key:"2542a822fc3a3d9a91cdc9dff7f37ecb73c2d4c9",ref:t=>this.bodyEl=t,class:"slotted"},e("slot",{key:"232f4a63318600bbb13b0276216c802cea35549c"}))),this.hasActions?e("div",{class:"actions"},e("slot",{name:"actions"})):null))}static get style(){return".sc-sui-empty-state-h{display:block;font-family:var(--font-sans);color:var(--ink)}.state.sc-sui-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.state.compact.sc-sui-empty-state{padding:22px 18px}.state.bare.sc-sui-empty-state{background:transparent;border:none}.well.sc-sui-empty-state{width:52px;height:52px;border-radius:50%;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);color:var(--ink-faint)}.well.sc-sui-empty-state i.sc-sui-empty-state,.well.sc-sui-empty-state .sui-glyph.sc-sui-empty-state{font-size:19px}.state.compact.sc-sui-empty-state .well.sc-sui-empty-state{width:40px;height:40px}.state.compact.sc-sui-empty-state .well.sc-sui-empty-state i.sc-sui-empty-state,.state.compact.sc-sui-empty-state .well.sc-sui-empty-state .sui-glyph.sc-sui-empty-state{font-size:15px}.state.success.sc-sui-empty-state .well.sc-sui-empty-state{background:var(--status-positive-bg);color:var(--status-positive-ink)}.state.error.sc-sui-empty-state .well.sc-sui-empty-state{background:var(--danger-fill);color:var(--danger-contrast)}.heading.sc-sui-empty-state{margin:0;font-size:15px;font-weight:720;line-height:var(--leading-normal)}.state.compact.sc-sui-empty-state .heading.sc-sui-empty-state{font-size:13.5px}.description.sc-sui-empty-state{font-size:12.5px;color:var(--ink-muted);line-height:1.55;margin-top:5px;max-width:360px;text-wrap:pretty}.description.empty.sc-sui-empty-state{display:none}.slotted.sc-sui-empty-state{display:contents}.actions.sc-sui-empty-state{display:flex;gap:9px;margin-top:16px}@media (forced-colors: active){.well.sc-sui-empty-state{border:1px solid CanvasText;box-sizing:border-box}}"}},[774,"sui-empty-state",{variant:[513],icon:[1],heading:[1],headingLevel:[2,"heading-level"],description:[1],compact:[516],bare:[516],hasActions:[32],hasBody:[32]}]),b=y,f=function(){"undefined"!=typeof customElements&&["sui-empty-state"].forEach((t=>{"sui-empty-state"===t&&(customElements.get(i(t))||customElements.define(i(t),y))}))};export{b as SuiEmptyState,f as defineCustomElement}

package/dist/components/sui-fieldset.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFieldset extends Components.SuiFieldset, HTMLElement {}
+export const SuiFieldset: {
+    prototype: SuiFieldset;
+    new (): SuiFieldset;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-fieldset.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as i,h as t,a as l,t as o}from"./p-CeVlau-G.js";import{d as a}from"./p-BHB1Wprj.js";import{u as d}from"./p-U06fVoGD.js";import{G as n,y as r}from"./p-DdsE4HI6.js";import{d as c}from"./p-DXIDl7cw.js";const f=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return this}legend="";collapsible=!1;collapsed=!1;disabled=!1;suiOpen;suiClose;mounted=!0;bodyId=d("sui-fieldset-body");reveal;collapseTimer;connectedCallback(){a(this.host,(()=>this.toggleEl()))}componentWillLoad(){this.mounted=!this.collapsed}async setFocus(){this.toggleEl()?.focus()}toggleEl(){return this.host.querySelector("legend.legend > button.toggle")}componentDidLoad(){this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.closed()}onCollapsedChange(s){if(this.stopCollapse(),!s)return void(this.mounted=!0);const e=c("--duration-base",this.host);e>0?this.collapseTimer=setTimeout((()=>this.closed()),e+80):this.mounted=!1}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}closed(){this.stopCollapse(),this.collapsed&&(this.mounted=!1)}onTransitionEnd=s=>{s.target===this.reveal&&"grid-template-rows"===s.propertyName&&void 0!==this.collapseTimer&&this.closed()};toggle=()=>{if(this.collapsible)if(this.collapsed)this.collapsed=!1,this.suiOpen.emit();else{if(this.suiClose.emit("trigger").defaultPrevented)return;this.collapsed=!0}};render(){return t(l,{key:"82f9fb852f9a21fdd78b89379b2bb8299721d14c",class:{collapsed:this.collapsed,closed:!this.mounted,collapsible:this.collapsible}},t("fieldset",{key:"89039257843e751b67bfebfa72c2be402f29c7d1",class:"set",disabled:this.disabled},t("legend",{key:"8bfd12020b6f09ae6c597c286e055add90f22b49",class:"legend"},this.collapsible?t("button",{type:"button",class:"toggle","aria-expanded":this.collapsed?"false":"true","aria-controls":this.bodyId,onClick:this.toggle},t(n,{glyph:r,class:"chev"}),t("span",null,this.legend)):t("span",{class:"text"},this.legend)),t("div",{key:"fb5040bff8f07d2b71b12211d710e9b5a801540c",class:{reveal:!0,open:!this.collapsed},ref:s=>this.reveal=s},this.mounted?t("div",{class:"body",id:this.bodyId},t("div",{class:"content"},t("slot",null))):null)))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return".sc-sui-fieldset-h{display:block;font-family:var(--font-sans);color:var(--ink)}.set.sc-sui-fieldset{border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:6px 16px 0;margin:0;min-width:0}.closed.sc-sui-fieldset-h .set.sc-sui-fieldset{padding:0 16px 12px}.reveal.sc-sui-fieldset{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-fieldset{grid-template-rows:1fr}.body.sc-sui-fieldset{min-height:0;overflow:hidden}.content.sc-sui-fieldset{padding-bottom:16px}.legend.sc-sui-fieldset{padding:0 8px;margin-inline-start:-4px;font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:7px;font-family:var(--font-sans);user-select:none}[disabled].sc-sui-fieldset-h .legend.sc-sui-fieldset{color:var(--disabled-ink)}.toggle.sc-sui-fieldset{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);cursor:pointer}.toggle.sc-sui-fieldset:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.chev.sc-sui-fieldset{font-size:9px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.collapsed.sc-sui-fieldset-h .chev.sc-sui-fieldset{transform:rotate(-90deg)}.collapsed.sc-sui-fieldset-h:dir(rtl) .chev.sc-sui-fieldset{transform:rotate(90deg)}@media (forced-colors: active){[disabled].sc-sui-fieldset-h .legend.sc-sui-fieldset{color:GrayText}}"}},[774,"sui-fieldset",{legend:[1],collapsible:[516],collapsed:[1540],disabled:[516],mounted:[32],setFocus:[64]},void 0,{collapsed:[{onCollapsedChange:0}]}]),h=f,u=function(){"undefined"!=typeof customElements&&["sui-fieldset"].forEach((s=>{"sui-fieldset"===s&&(customElements.get(o(s))||customElements.define(o(s),f))}))};export{h as SuiFieldset,u as defineCustomElement}

package/dist/components/sui-file-upload.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFileUpload extends Components.SuiFileUpload, HTMLElement {}
+export const SuiFileUpload: {
+    prototype: SuiFileUpload;
+    new (): SuiFileUpload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-file-upload.js

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

package/dist/components/sui-filter-builder.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFilterBuilder extends Components.SuiFilterBuilder, HTMLElement {}
+export const SuiFilterBuilder: {
+    prototype: SuiFilterBuilder;
+    new (): SuiFilterBuilder;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-filter-builder.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,f as t,h as r,a as o,t as l}from"./p-CeVlau-G.js";import{i as u,w as n,x as a,y as d,z as c,F as f,A as b}from"./p-mF7K10Wh.js";import{k as h,o as p,g as m,p as v,a as g,b as x,m as w,l as k,t as y,i as C}from"./p-CN5x4MC8.js";import{d as z}from"./p-BHB1Wprj.js";import{l as j,a as D}from"./p-BuyjS5bS.js";import{u as E}from"./p-U06fVoGD.js";import{G as A,x as F,F as G,W as O,l as T}from"./p-DdsE4HI6.js";import{A as S,J as H,a as M,c as R,F as B,b as N}from"./p-NpX9eEW0.js";import{d as K}from"./p-BUqcDxTK.js";import{defineCustomElement as W}from"./p-DgXzRiP4.js";import{defineCustomElement as q}from"./p-BioVIgkG.js";import{d as V}from"./p-CR0heQtR.js";import{defineCustomElement as I}from"./p-DSNURte-.js";import{defineCustomElement as P}from"./p-RwPlJzMY.js";import{defineCustomElement as L}from"./p-CT6aJe8X.js";import{defineCustomElement as J}from"./p-CekHtBpA.js";import{defineCustomElement as U}from"./p-BmmgLDk2.js";import{defineCustomElement as X}from"./p-Deadvw27.js";import{defineCustomElement as $}from"./p-DgiZgZCh.js";import{d as Y}from"./p-v0MrzKlW.js";const Z=i=>a(i)?1+Math.max(0,...i.items.map(Z)):0,_=(i,s)=>i===s||a(i)&&i.items.some((i=>_(i,s))),Q=(i,s,e=0)=>{if(i===s)return e;for(const t of i.items){if(!a(t))continue;const i=Q(t,s,e+1);if(i>=0)return i}return-1},ii=(i,s)=>{if(i.items.includes(s))return i;for(const e of i.items){if(!a(e))continue;const i=ii(e,s);if(i)return i}},si=i=>a(i)?{operator:i.operator,items:i.items.map(si)}:{...i,value:Array.isArray(i.value)?i.value.slice():i.value},ei=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}target;columns;value;inline=!1;open=!1;maxDepth=2;size="md";label;suiChange;suiOpen;suiClose;draft={operator:"and",items:[]};closing=!1;revision=0;held;writingValue=!1;narrow=!1;sheet=!1;dropAt=null;dragKey;dragEscape=!1;lifted;live="";dragging;liftedFrom;gripFocus;moving=!1;ids=new WeakMap;lastId=0;surface;sizeWatch;watched;panelId=E("sui-filter-builder");trigger;panel;scrim;demote;demoteScrim;disposers=[];escape=h((()=>this.requestClose("escape",!0)));exit=p((()=>this.finishClose()));focusPending=!1;bound;loaded=!1;connectedCallback(){z(this.host,(()=>this.tabStop())),this.loaded&&(this.bind(!0),this.watchWidth(this.inline?this.surface:this.panel,!0),this.open&&!this.inline&&t(this))}componentWillLoad(){this.inline&&(this.draft=this.startDraft())}componentDidLoad(){this.loaded=!0,this.bind(!0)}componentDidRender(){if(this.bind(!0),this.open&&!this.inline&&this.settle(),this.watchWidth(this.inline?this.surface:this.panel),this.gripFocus){const i=this.inline?this.surface:this.panel,s=i?.querySelector(`[data-grip="${this.gripFocus}"]`);this.gripFocus=void 0,s?.focus({preventScroll:!1}),this.moving=!1}}watchWidth(i,s=!1){if(i===this.watched||!this.host.isConnected)return;if(this.sizeWatch?.disconnect(),this.sizeWatch=void 0,this.watched=i,!i||"undefined"==typeof ResizeObserver)return;const e=i=>{const s=i>0&&i<560;s!==this.narrow&&(this.narrow=s)};this.sizeWatch=new ResizeObserver((i=>e(i[0]?.contentRect.width??0))),this.sizeWatch.observe(i),s&&Promise.resolve().then((()=>{this.host.isConnected&&e(i.clientWidth||0)}))}disconnectedCallback(){this.sizeWatch?.disconnect(),this.sizeWatch=void 0,this.watched=void 0,this.clearDrag(),this.teardown(),this.exit.cancel(),this.finishClose(),this.bound?.removeEventListener("suiFilter",this.onTargetFilter),this.bound=void 0}onValueChange(i){if(this.writingValue||this.bound||this.resolve())return;const s=JSON.stringify(i??null);s!==this.held&&(this.inline||this.open?this.draft=this.startDraft():this.held=s,this.revision++)}onColumnsChange(){const i=this.offered()[0];if(!i)return;let s=!1;const e=t=>{let r=!1;const o=t.items.map((s=>{if(a(s)){const i=e(s);return i!==s&&(r=!0),i}return s.key?s:(r=!0,this.carry(s,{...s,key:i.key,matchMode:u(i)}))}));return r?(s=!0,this.carry(t,{...t,items:o})):t},t=e(this.draft);s&&(this.draft=t)}onTargetChange(){this.bind(),this.inline&&(this.draft=this.startDraft())}onOpenChange(i){if(!this.inline){if(i)return this.escape.arm(),this.exit.cancel(),this.closing=!1,this.lifted=void 0,this.liftedFrom=void 0,this.live="",this.clearDrag(),this.draft=this.startDraft(),void(this.focusPending=!0);this.teardown(),this.panel&&m(this.panel),this.closing=this.exit.begin(this.panel),this.closing||this.finishClose()}}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.inline?this.surface?.querySelector('button:not([disabled]), input:not([disabled]), [tabindex="0"]'):this.trigger}async refresh(){this.revision++,this.inline&&(this.draft=this.startDraft())}resolve(){const i=this.target;return i&&"string"!=typeof i?i:"string"==typeof i&&i?this.host.ownerDocument?.getElementById(i)||null:this.host.parentElement?.closest("sui-data-grid, sui-data-table, sui-tree-table")||null}bind(i=!1){const s=this.resolve()||void 0;s!==this.bound&&(this.bound?.removeEventListener("suiFilter",this.onTargetFilter),this.bound=s,this.bound?.addEventListener("suiFilter",this.onTargetFilter),i?Promise.resolve().then((()=>{this.revision++})):this.revision++)}onTargetFilter=i=>{i.target===this.bound&&this.revision++};applied(){const i=this.bound||this.resolve();return i?i.filterModel:this.value}offered(){if(this.columns)return this.columns;const i=((this.bound||this.resolve())?.columns||[]).filter((i=>i&&i.key&&!i.key.startsWith("__sui"))),s=i.filter((i=>i.filter));return s.length?s:i}column(i){return this.offered().find((s=>s.key===i))}async write(i){const s=this.bound||this.resolve();s&&("function"==typeof s.setFilter?await s.setFilter(i):s.filterModel=i),this.writingValue=!0,this.value=i,this.writingValue=!1,this.held=JSON.stringify(i??null),this.revision++,this.suiChange.emit(i)}blank(){const i=this.offered()[0];return{key:i?i.key:"",matchMode:i?u(i):"contains",value:void 0}}startDraft(){const i=this.applied();this.held=JSON.stringify(i??null);const s=n(i);return s.items.length?s:{operator:"and",items:[this.blank()]}}keyOf(i){let s=this.ids.get(i);return s||(s="f"+ ++this.lastId,this.ids.set(i,s)),s}carry(i,s){const e=this.ids.get(i);return e&&this.ids.set(s,e),s}edit(i,s){const e=(t,r)=>{if(r===i.length)return this.carry(t,s(t));const o=t.items.slice();return o[i[r]]=e(o[i[r]],r+1),this.carry(t,{...t,items:o})};this.draft=e(this.draft,0)}setItem(i,s,e){this.edit(i,(i=>{const t=i.items.slice();return t[s]=this.carry(i.items[s],e),{...i,items:t}}))}removeItem(i,s,e){this.edit(i,(i=>({...i,items:i.items.filter(((i,e)=>e!==s))}))),i.length||this.draft.items.length||(this.draft={operator:this.draft.operator,items:[this.blank()]}),this.focusLater(e)}duplicate(i,s,e){let t;this.edit(i,(i=>{t=si(i.items[s]);const e=i.items.slice();return e.splice(s+1,0,t),{...i,items:e}})),this.say("filter-builder.duplicated","{item} duplicated.",{item:e}),t&&this.focusLater(this.panel||this.surface,void 0,"first",this.keyOf(t))}moveTo(i,s){const e=t=>{const r=t.items.filter((s=>s!==i)),o=r.map((i=>a(i)?e(i):i));if(t===s.into){const e=s.before?r.indexOf(s.before):-1;o.splice(e<0?o.length:e,0,i)}return this.carry(t,{...t,items:o})};this.draft=e(this.draft)}fits(i,s){if(_(i,s))return!1;const e=Q(this.draft,s);return e>=0&&e+Z(i)<=Math.max(0,this.maxDepth)}slots(i){const s=[],e=t=>{const r=this.fits(i,t);for(const o of t.items)o!==i&&(r&&s.push({into:t,before:o}),a(o)&&e(o));r&&s.push({into:t,before:null})};return e(this.draft),s}here(i){const s=ii(this.draft,i);if(s)return{into:s,before:s.items[s.items.indexOf(i)+1]??null}}nameOf(i){const s=this.words();if(a(i))return s.group;const e=this.column(i.key);return e?e.header||e.key:s.condition}say(i,s,e){this.live=j(void 0,i,void 0,s,e)}sayPlace(i){const s=ii(this.draft,i);if(!s)return;const e={item:this.nameOf(i),index:s.items.indexOf(i)+1,count:s.items.length};s===this.draft?this.say("filter-builder.moved","{item} moved to position {index} of {count}.",e):this.say("filter-builder.movedInGroup","{item} moved to position {index} of {count} in a group.",e)}onGripClick(i){this.lifted===i?this.drop():this.lift(i)}lift(i){this.lifted=i,this.liftedFrom=this.draft,this.say("filter-builder.lifted","{item} lifted. Use the arrow keys to move it, Space to drop it, Escape to cancel.",{item:this.nameOf(i)})}drop(){const i=this.lifted;this.lifted=void 0,this.liftedFrom=void 0,i&&this.say("filter-builder.dropped","{item} dropped.",{item:this.nameOf(i)})}cancelLift(){const i=this.lifted;i&&(this.liftedFrom&&this.liftedFrom!==this.draft&&(this.draft=this.liftedFrom,this.moving=!0,this.gripFocus=this.keyOf(i)),this.lifted=void 0,this.liftedFrom=void 0,this.say("filter-builder.canceled","Move canceled. {item} is back where it was.",{item:this.nameOf(i)}))}step(i,s){const e=this.slots(i),t=this.here(i),r=t?e.findIndex((i=>i.into===t.into&&i.before===t.before)):-1,o="first"===s?0:"last"===s?e.length-1:r+s;r<0||o<0||o>=e.length||o===r?this.say("filter-builder.edge","{item} cannot move further.",{item:this.nameOf(i)}):(this.moving=!0,this.moveTo(i,e[o]),this.gripFocus=this.keyOf(i),this.sayPlace(i))}onGripKey(i,s){if(this.lifted===s)switch(i.key){case"ArrowUp":i.preventDefault(),this.step(s,-1);break;case"ArrowDown":i.preventDefault(),this.step(s,1);break;case"Home":i.preventDefault(),this.step(s,"first");break;case"End":i.preventDefault(),this.step(s,"last");break;case"Escape":i.preventDefault(),i.stopPropagation(),this.cancelLift();break;case"Tab":this.drop()}}onGripBlur(i){this.lifted!==i||this.moving||this.drop()}onDragStart(i,s){this.lifted&&this.drop(),this.dragging=s,this.armDragEscape();const e=(i.currentTarget||i.target)?.closest?.(".sui-fb-row");if(i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.nameOf(s))}catch{}if(e&&"function"==typeof i.dataTransfer.setDragImage){const s=e.getBoundingClientRect();i.dataTransfer.setDragImage(e,i.clientX-s.left,i.clientY-s.top)}}const t=this.keyOf(s);requestAnimationFrame((()=>{this.dragging===s&&(this.dragKey=t)}))}onDragEscape=i=>{"Escape"===i.key&&(this.dropAt=null)};armDragEscape(){this.dragEscape||(this.dragEscape=!0,document.addEventListener("keydown",this.onDragEscape,!0))}disarmDragEscape(){this.dragEscape&&(this.dragEscape=!1,document.removeEventListener("keydown",this.onDragEscape,!0))}clearDrag(){this.disarmDragEscape(),this.dragging=void 0,this.dragKey=void 0,this.dropAt=null}commitDrag(){const i=this.dragging,s=this.dropAt;i&&(this.clearDrag(),s&&(this.moveTo(i,s),this.sayPlace(i)))}endDrag=()=>{if(!this.dragging)return;const i=this.dragging;queueMicrotask((()=>{this.dragging===i&&this.commitDrag()}))};mark(i){const s=this.dropAt;s===i||s&&i&&s.mark===i.mark&&s.edge===i.edge&&s.into===i.into&&s.before===i.before||(this.dropAt=i)}onRowDragOver(i,s,e){if(!this.dragging)return;i.stopPropagation();const t=(i.currentTarget||i.target).getBoundingClientRect(),r=i.clientY>t.top+t.height/2,o=r?s.items[s.items.indexOf(e)+1]??null:e;this.offer(i,{into:s,before:o,mark:this.keyOf(e),edge:r?"after":"before"})}onEndDragOver(i,s){this.dragging&&(i.stopPropagation(),this.offer(i,{into:s,before:null,mark:"end-"+this.keyOf(s),edge:"end"}))}offer(i,s){const e=this.dragging;if(!this.fits(e,s.into))return void this.mark(null);i.preventDefault(),i.dataTransfer&&(i.dataTransfer.dropEffect="move");const t=this.here(e);this.mark(!t||t.into!==s.into||t.before!==s.before&&s.before!==e?s:null)}onDragLeave=i=>{const s=i.relatedTarget;s&&(i.currentTarget.contains(s)||this.mark(null))};onDrop=i=>{this.dragging&&(i.preventDefault(),this.commitDrag())};addCondition(i,s){this.edit(i,(i=>({...i,items:[...i.items,this.blank()]}))),this.focusLater(s,i,"last")}addGroup(i,s){this.edit(i,(i=>({...i,items:[...i.items,{operator:"or",items:[this.blank()]}]}))),this.focusLater(s,i,"last")}unfinished(i=this.draft){let s=0;for(const e of i.items)a(e)?s+=this.unfinished(e):d({operator:"and",items:[e]})||s++;return s}apply=()=>{this.write(c(this.draft,this.applied())),this.inline||this.requestClose("pick",!0)};clearAll=()=>{this.write(c({operator:"and",items:[]},this.applied())),this.draft={operator:"and",items:[this.blank()]}};toggle=()=>{this.open?this.requestClose("trigger"):(this.open=!0,this.suiOpen.emit())};requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.trigger?.focus({preventScroll:!0})))}finishClose(){this.closing=!1,this.demote?.(),this.demote=void 0,this.demoteScrim?.(),this.demoteScrim=void 0}teardown(){this.escape.disarm(),this.disposers.forEach((i=>i())),this.disposers=[]}settle(){const i=this.panel;i&&!this.closing&&this.host.isConnected&&(this.demote||(this.scrim&&(this.demoteScrim=v(this.scrim)),this.demote=v(i)),this.place(),this.disposers.length||this.disposers.push(g((()=>[this.panel,this.trigger]),(i=>{const s=i?.target;s&&this.panel&&C(this.panel,s)||this.requestClose("outside")})),x((()=>this.place()))),this.escape.arm(),this.focusPending&&(this.focusPending=!1,this.focusLater(i)))}place(){if(!this.panel||!this.trigger)return;const i="undefined"!=typeof window&&window.innerWidth<640;if(i!==this.sheet&&(this.sheet=i),i)return this.panel.style.top="",this.panel.style.left="",void this.panel.setAttribute("data-side","bottom");w(this.panel,k(this.trigger,this.panel,"bottom",6,"start"))}focusLater(i,s,e="first",t){const r=i?.closest?.(".sui-fb-panel, .sui-fb")||this.panel||this.host.querySelector(".sui-fb");if(!r||"function"!=typeof requestAnimationFrame)return;const o=t?`[data-key="${t}"]`:s&&"last"===e?`[data-group="${s.join(".")}"] > .sui-fb-rows > [data-row]:last-child`:"[data-row]";let l=0;const u=()=>{const i=r.querySelector(o),s=i?.querySelector("sui-select.sui-cf-field");s?"function"==typeof s.componentOnReady?s.componentOnReady().then((()=>s.setFocus?.())):s.setFocus?.():l++<4&&requestAnimationFrame(u)};requestAnimationFrame((()=>requestAnimationFrame(u)))}onPanelKeyDown=i=>{if(!this.inline&&y(i,this.panel,(()=>this.requestClose("outside",!0))))return;if("Enter"!==i.key||i.defaultPrevented)return;const s=i.target;s&&"INPUT"===s.tagName&&"checkbox"!==s.type&&!s.closest("sui-date-picker, sui-select, sui-multi-select")&&(i.preventDefault(),this.apply())};words(){return{filters:this.label||D(void 0,"filter-builder.filters",void 0,"Filters"),title:D(void 0,"filter-builder.title",void 0,"Filter rows"),where:D(void 0,"filter-builder.where",void 0,"Where"),and:D(void 0,"filter-builder.and",void 0,"And"),or:D(void 0,"filter-builder.or",void 0,"Or"),match:D(void 0,"filter-builder.match",void 0,"How the conditions combine"),column:D(void 0,"filter-builder.column",void 0,"Column"),condition:D(void 0,"filter-builder.condition",void 0,"Condition"),value:D(void 0,"filter-builder.value",void 0,"Value"),from:D(void 0,"filter-builder.from",void 0,"From"),to:D(void 0,"filter-builder.to",void 0,"To"),yes:D(void 0,"filter-builder.yes",void 0,"Yes"),no:D(void 0,"filter-builder.no",void 0,"No"),addCondition:D(void 0,"filter-builder.addCondition",void 0,"Add condition"),addGroup:D(void 0,"filter-builder.addGroup",void 0,"Add group"),removeCondition:D(void 0,"filter-builder.removeCondition",void 0,"Remove condition"),removeGroup:D(void 0,"filter-builder.removeGroup",void 0,"Remove group"),duplicateGroup:D(void 0,"filter-builder.duplicateGroup",void 0,"Duplicate group"),moveHint:D(void 0,"filter-builder.moveHint",void 0,"Drag to move it, or press Space to lift it, the arrow keys to move it, Space to drop it and Escape to cancel."),group:D(void 0,"filter-builder.group",void 0,"Group"),emptyGroup:D(void 0,"filter-builder.emptyGroup",void 0,"Drag a condition here, or add one."),moving:D(void 0,"filter-builder.moving",void 0,"Arrow keys move it, Space drops it, Escape puts it back."),close:D(void 0,"filter-builder.close",void 0,"Close"),all:D(void 0,"filter-builder.all",void 0,"All of the following are true"),any:D(void 0,"filter-builder.any",void 0,"Any of the following are true"),clearAll:D(void 0,"filter-builder.clearAll",void 0,"Clear all"),apply:D(void 0,"filter-builder.apply",void 0,"Apply"),noColumns:D(void 0,"filter-builder.noColumns",void 0,"There are no columns to filter.")}}renderGroup(i,s,e,t){const o=(i,s)=>({where:t.where,and:t.and,or:t.or,match:t.match,addCondition:t.addCondition,removeCondition:t.removeCondition,valueFor:j(void 0,"filter-builder.valueFor",void 0,"{column}, value {n}",{column:s,n:i}),value:t.value,from:t.from,to:t.to,yes:t.yes,no:t.no}),l=i=>j(void 0,"filter-builder.columnNumber",void 0,"Column {n}",{n:i}),n=i=>j(void 0,"filter-builder.conditionNumber",void 0,"Condition {n}",{n:i}),d=i=>j(void 0,"filter-builder.removeConditionNumber",void 0,"Remove condition {n}",{n:i}),c=this.offered().map((i=>({value:i.key,label:i.header||i.key}))),b=this.panelId+"-move",h="end"===this.dropAt?.edge&&this.dropAt.into===i,p=(i,s)=>r("button",{type:"button",class:"sui-fb-grip","data-grip":this.keyOf(i),draggable:!0,"aria-label":s,"aria-describedby":b,onClick:()=>this.onGripClick(i),onKeyDown:s=>this.onGripKey(s,i),onBlur:()=>this.onGripBlur(i),onDragStart:s=>this.onDragStart(s,i),onDragEnd:this.endDrag},r(A,{glyph:O})),m=(i,e,t,o=s)=>r("sui-icon-button",{class:"sui-fb-dup",size:"sm","aria-label":i,onClick:()=>this.duplicate(o,e,t)},r(A,{glyph:T})),v=(i,s)=>{const e=this.keyOf(i),t=this.dropAt&&this.dropAt.mark===e?this.dropAt.edge:"";return{"sui-fb-row":!0,sub:s,dragging:this.dragKey===e,lifted:this.lifted===i,"drop-before":"before"===t,"drop-after":"after"===t}};return r("div",{class:{"sui-fb-group":!0,nested:e>0},"data-group":s.join("."),role:"group","aria-label":e?"or"===i.operator?t.any:t.all:t.title},e>0?r("div",{class:"sui-fb-caption"},r("span",null,"or"===i.operator?t.any:t.all),r("span",{class:"sui-fb-acts"},m(t.duplicateGroup,s[s.length-1],t.group,s.slice(0,-1)),r(N,{label:t.removeGroup,onRemove:i=>this.removeItem(s.slice(0,-1),s[s.length-1],i)}))):null,r("div",{class:"sui-fb-rows"},!i.items.length&&e>0?r("div",{class:{"sui-fb-hole":!0,over:h},onDragOver:s=>this.onEndDragOver(s,i)},t.emptyGroup):null,i.items.map(((b,h)=>{const g=this.keyOf(b),x=h+1,w=s=>this.onRowDragOver(s,i,b),k=r(H,{index:h,operator:i.operator,text:o(x,""),onOperator:i=>this.edit(s,(s=>({...s,operator:i})))});if(a(b))return r("div",{class:v(b,!0),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>j(void 0,"filter-builder.moveGroup",void 0,"Move group {n}",{n:i}))(x)),k,this.renderGroup(b,s.concat(h),e+1,t));const y=this.column(b.key),C=o(x,y?y.header:"");return r("div",{class:v(b,!1),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>j(void 0,"filter-builder.moveCondition",void 0,"Move condition {n}",{n:i}))(x)),k,r("div",{class:"sui-fb-cell field"},r("span",{class:"sui-fb-hint","aria-hidden":"true"},t.column),r("sui-select",{class:"sui-cf-field",size:"sm","aria-label":l(x),filter:c.length>8,options:c,value:y?b.key:void 0,onSuiChange:i=>{i.stopPropagation();const e=this.column(i.detail+"");e&&e.key!==b.key&&this.setItem(s,h,{key:e.key,matchMode:u(e),value:void 0})}})),r("div",{class:"sui-fb-cell mode"},r("span",{class:"sui-fb-hint","aria-hidden":"true"},t.condition),r("sui-select",{class:"sui-cf-mode",size:"sm","aria-label":n(x),disabled:!y,options:y?M(y):[],value:b.matchMode,onSuiChange:i=>{i.stopPropagation();const e=i.detail;e&&e!==b.matchMode&&this.setItem(s,h,{...b,matchMode:e,value:R(b,e)})}})),r("div",{class:"sui-fb-cell val sui-cf-val"},y&&!f.has(b.matchMode)?r("span",{class:"sui-fb-hint","aria-hidden":"true"},t.value):null,y?r(B,{column:y,matchMode:b.matchMode,value:b.value,text:C,keyBase:g,onValue:i=>this.setItem(s,h,{...b,value:i})}):null),r("span",{class:"sui-fb-acts"},m((i=>j(void 0,"filter-builder.duplicateCondition",void 0,"Duplicate condition {n}",{n:i}))(x),h,this.nameOf(b)),r(N,{label:d(x),onRemove:i=>this.removeItem(s,h,i)})))}))),r("div",{class:{"sui-fb-adds":!0,"drop-end":h&&i.items.length>0},onDragOver:s=>this.onEndDragOver(s,i)},r(S,{label:t.addCondition,onAdd:i=>this.addCondition(s,i)}),e<this.maxDepth?r(S,{label:t.addGroup,class:"quiet",onAdd:i=>this.addGroup(s,i)}):null))}renderBody(i){const s=this.unfinished();return this.offered().length?[r("div",{class:"sui-fb-scroll",onDrop:this.onDrop,onDragLeave:this.onDragLeave},r("div",{class:{"sui-fb-head":!0,off:!this.draft.items.length||a(this.draft.items[0])},"aria-hidden":"true"},r("span",null),r("span",null),r("span",null,i.column),r("span",null,i.condition),r("span",null,i.value),r("span",null)),this.renderGroup(this.draft,[],0,i),r("span",{class:"sui-fb-sr",id:this.panelId+"-move"},i.moveHint),r("span",{class:"sui-fb-sr","aria-live":"assertive","aria-atomic":"true"},this.live)),r("div",{class:"sui-cf-bar sui-fb-bar"},r("button",{type:"button",class:"sui-cf-clear",onClick:this.clearAll},i.clearAll),this.lifted?r("span",{class:"sui-fb-note moving","aria-hidden":"true"},i.moving):s?r("span",{class:"sui-fb-note",role:"status"},j(void 0,"filter-builder.unfinished",void 0,"{count} unfinished, left out on Apply",{count:s})):r("span",{class:"sui-fb-note",role:"status"}),r("sui-button",{class:"sui-cf-apply",variant:"brand",size:"sm",label:i.apply,onClick:this.apply}))]:r("div",{class:"sui-fb-empty"},i.noColumns)}render(){const i=this.words();if(this.inline)return r(o,null,r("div",{class:{"sui-fb":!0,"sui-fb-inline":!0,narrow:this.narrow},role:"group","aria-label":i.title,ref:i=>this.surface=i,onKeyDown:this.onPanelKeyDown},this.renderBody(i)));const s=b(this.applied()),e="sm"===this.size?"sm":"md";return r(o,null,r("button",{ref:i=>this.trigger=i,type:"button",class:{trigger:!0,[e]:!0,open:this.open,active:s>0},"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":this.open?this.panelId:void 0,onClick:this.toggle},r(A,{glyph:G}),r("span",null,i.filters),s>0?r("sui-badge",{class:"count",severity:"accent",size:"sm",value:s}):null),this.open||this.closing?r("div",{key:"scrim",class:{"sui-fb-scrim":!0,on:this.sheet,closing:this.closing},"aria-hidden":"true",ref:i=>this.scrim=i}):null,this.open||this.closing?r("div",{key:"panel",class:{"sui-fb-panel":!0,"sui-fb":!0,narrow:this.narrow,sheet:this.sheet,closing:this.closing},id:this.panelId,role:"dialog","aria-label":i.title,inert:this.closing,ref:i=>this.panel=i,onKeyDown:this.onPanelKeyDown},r("div",{class:"sui-fb-top"},r("span",{class:"sui-fb-title"},i.filters),r("sui-icon-button",{class:"sui-fb-close",size:"sm","aria-label":i.close,onClick:()=>this.requestClose("close-button",!0)},r(A,{glyph:F}))),this.renderBody(i)):null)}static get watchers(){return{value:[{onValueChange:0}],columns:[{onColumnsChange:0}],target:[{onTargetChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-filter-builder-h{display:inline-block;font-family:var(--font-sans);color:var(--ink)}[inline].sc-sui-filter-builder-h{display:block}.trigger.sc-sui-filter-builder{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:var(--control-md);padding:0 13px;margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);box-shadow:none;font-family:var(--font-sans);font-size:13px;font-weight:620;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.trigger.sm.sc-sui-filter-builder{height:var(--control-sm);padding:0 10px;gap:6px;font-size:12.5px}.trigger.sc-sui-filter-builder .sui-glyph.sc-sui-filter-builder{font-size:11px;color:var(--ink-muted)}.trigger.active.sc-sui-filter-builder .sui-glyph.sc-sui-filter-builder{color:var(--accent-mark)}.trigger.sc-sui-filter-builder:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.trigger.sc-sui-filter-builder:active{background:color-mix(in srgb, var(--brand-soft) 92%, var(--ink))}.trigger.open.sc-sui-filter-builder{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.trigger.sc-sui-filter-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.count.sc-sui-filter-builder{margin-inline-start:-1px}.sui-fb.sc-sui-filter-builder{box-sizing:border-box;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);text-align:start}.sui-fb-panel.sc-sui-filter-builder{position:fixed;top:0;left:0;z-index:var(--z-dropdown);display:flex;flex-direction:column;width:min(840px, calc(100vw - 16px));max-height:min(80vh, 640px);overflow:hidden;padding:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);animation:sui-fb-in var(--duration-overlay) var(--ease-out)}.sui-fb-panel[data-side='top'].sc-sui-filter-builder{animation-name:sui-fb-in-top}.sui-fb-panel.closing.sc-sui-filter-builder{animation:sui-fb-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-fb-in{from{opacity:0;margin-top:-4px}}@keyframes sui-fb-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-fb-out{to{opacity:0}}@keyframes sui-fb-sheet-in{from{opacity:0;margin-bottom:-8px}}.sui-fb-top.sc-sui-filter-builder{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 0 16px}.sui-fb-title.sc-sui-filter-builder{font-size:13px;font-weight:650;color:var(--ink)}.sui-fb-panel.sc-sui-filter-builder>.sui-fb-scroll.sc-sui-filter-builder{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 16px 12px}.sui-fb-panel.sc-sui-filter-builder>.sui-fb-bar.sc-sui-filter-builder{flex:none;margin:0;padding:11px 16px 14px}.sui-fb-scrim.sc-sui-filter-builder{display:none}.sui-fb-scrim.on.sc-sui-filter-builder{display:block;position:fixed;inset:0;z-index:var(--z-dropdown);background:var(--scrim);animation:sui-fb-scrim-in var(--duration-overlay) var(--ease-out)}.sui-fb-scrim.on.closing.sc-sui-filter-builder{animation:sui-fb-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-fb-scrim-in{from{opacity:0}}.sui-fb-panel.sheet.sc-sui-filter-builder{top:auto;bottom:0;left:0;right:0;width:100vw;max-width:100vw;max-height:88vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;animation-name:sui-fb-sheet-in}.sui-fb-inline.sc-sui-filter-builder{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.sui-fb-head.sc-sui-filter-builder,.sui-fb-row.sc-sui-filter-builder{display:grid;grid-template-columns:20px 76px minmax(0, 1.1fr) minmax(0, 0.9fr) minmax(0, 1.4fr) 58px;align-items:center;gap:8px;min-width:0}.sui-fb-row.sc-sui-filter-builder{position:relative;border-radius:2px}.sui-fb-head.off.sc-sui-filter-builder{display:none}.sui-fb-head.sc-sui-filter-builder{margin-bottom:6px;font-size:var(--text-xs);font-weight:650;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted)}.sui-fb-rows.sc-sui-filter-builder{display:flex;flex-direction:column;gap:8px}.sui-fb-row.sub.sc-sui-filter-builder{align-items:start}.sui-fb-row.sub.sc-sui-filter-builder>.sui-cf-join.sc-sui-filter-builder,.sui-fb-row.sub.sc-sui-filter-builder>.sui-fb-grip.sc-sui-filter-builder{margin-top:10px}.sui-fb-row.sub.sc-sui-filter-builder>.sui-fb-group.sc-sui-filter-builder{grid-column:3 / -1}.sui-fb-acts.sc-sui-filter-builder{display:inline-flex;align-items:center;gap:2px}.sui-fb-grip.sc-sui-filter-builder{box-sizing:border-box;width:20px;height:28px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink-muted);border:0;border-radius:var(--radius-sm);font:inherit;cursor:grab;touch-action:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-fb-grip.sc-sui-filter-builder .sui-glyph.sc-sui-filter-builder{font-size:11px}.sui-fb-grip.sc-sui-filter-builder:hover{color:var(--ink);background:var(--surface-hover)}.sui-fb-grip.sc-sui-filter-builder:active{cursor:grabbing}.sui-fb-grip.sc-sui-filter-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-fb-row.lifted.sc-sui-filter-builder{background:var(--surface-raised);box-shadow:0 0 0 4px var(--surface-raised), 0 0 0 5px var(--control-border), var(--shadow-raised);z-index:1}.sui-fb-row.lifted.sc-sui-filter-builder>.sui-fb-grip.sc-sui-filter-builder{color:var(--brand-soft-ink);cursor:grabbing}.sui-fb-row.dragging.sc-sui-filter-builder{opacity:0.5;outline:1px dashed var(--ink-muted);outline-offset:2px}.sui-fb-row.drop-before.sc-sui-filter-builder::before,.sui-fb-row.drop-after.sc-sui-filter-builder::after,.sui-fb-adds.drop-end.sc-sui-filter-builder::before{content:'';position:absolute;inset-inline:0;height:2px;border-radius:1px;pointer-events:none;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-fb-row.drop-before.sc-sui-filter-builder::before,.sui-fb-adds.drop-end.sc-sui-filter-builder::before{top:-5px}.sui-fb-row.drop-after.sc-sui-filter-builder::after{bottom:-5px}.sui-fb-hole.sc-sui-filter-builder{box-sizing:border-box;padding:12px 10px;font-size:12px;text-align:center;color:var(--ink-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-fb-hole.over.sc-sui-filter-builder{color:var(--accent-soft-ink);background:var(--accent-soft);border-color:var(--accent)}.sui-fb-sr.sc-sui-filter-builder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-fb-cell.sc-sui-filter-builder{min-width:0}.sui-fb-cell.sc-sui-filter-builder>sui-select.sc-sui-filter-builder,.sui-fb-cell.sc-sui-filter-builder>sui-multi-select.sc-sui-filter-builder,.sui-fb-cell.sc-sui-filter-builder>sui-input-text.sc-sui-filter-builder,.sui-fb-cell.sc-sui-filter-builder>sui-input-number.sc-sui-filter-builder,.sui-fb-cell.sc-sui-filter-builder>sui-date-picker.sc-sui-filter-builder{width:100%}.sui-fb-hint.sc-sui-filter-builder{display:none}.sui-fb-group.nested.sc-sui-filter-builder{padding:10px 12px 8px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.sui-fb-group.nested.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder{grid-template-columns:20px 72px minmax(0, 1.1fr) minmax(0, 0.9fr) minmax(0, 1.4fr) 58px}.sui-fb-caption.sc-sui-filter-builder{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12.5px;font-weight:600;color:var(--ink-muted)}.sui-fb-caption.sc-sui-filter-builder>.sui-fb-acts.sc-sui-filter-builder{margin-inline-end:-2px}.sui-fb-adds.sc-sui-filter-builder{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;margin-inline-start:-8px}.sui-fb-adds.sc-sui-filter-builder>.sui-cf-add.sc-sui-filter-builder{margin-inline-start:0}.sui-fb-group.sc-sui-filter-builder:not(.nested)>.sui-fb-adds.sc-sui-filter-builder{margin-top:10px}.sui-fb-bar.sc-sui-filter-builder{margin-top:14px}.sui-fb-note.sc-sui-filter-builder{flex:1;min-width:0;font-size:12px;color:var(--ink-faint);text-align:end}.sui-fb-note.moving.sc-sui-filter-builder{color:var(--ink-muted);font-weight:600}.sui-fb-empty.sc-sui-filter-builder{padding:12px 0;font-size:12.5px;color:var(--ink-faint)}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-head.sc-sui-filter-builder{display:none}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder,.sui-fb.narrow.sc-sui-filter-builder .sui-fb-group.nested.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder{grid-template-columns:20px minmax(0, 1fr) auto;grid-template-areas:'grip join acts' 'field field field' 'mode mode mode' 'val val val';align-items:start;row-gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border)}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder:last-child{border-bottom:0;padding-bottom:0}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-cf-join.sc-sui-filter-builder{grid-area:join;align-self:center;min-height:28px;margin-top:0}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-fb-grip.sc-sui-filter-builder{grid-area:grip;margin-top:0}.sui-fb.narrow.sc-sui-filter-builder .sui-cf-joinsel.sc-sui-filter-builder{width:96px}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-fb-cell.field.sc-sui-filter-builder{grid-area:field}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-fb-cell.mode.sc-sui-filter-builder{grid-area:mode}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-fb-cell.val.sc-sui-filter-builder{grid-area:val}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sc-sui-filter-builder>.sui-fb-acts.sc-sui-filter-builder{grid-area:acts}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sub.sc-sui-filter-builder{grid-template-columns:20px minmax(0, 1fr);grid-template-areas:'grip join' 'sub sub'}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-row.sub.sc-sui-filter-builder>.sui-fb-group.sc-sui-filter-builder{grid-area:sub}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-group.nested.sc-sui-filter-builder{padding:10px}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-hint.sc-sui-filter-builder{display:block;margin-bottom:4px;font-size:11.5px;font-weight:600;color:var(--ink-muted)}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-bar.sc-sui-filter-builder{flex-wrap:wrap}.sui-fb.narrow.sc-sui-filter-builder .sui-fb-note.sc-sui-filter-builder{flex-basis:100%;order:3;text-align:start}@media (forced-colors: active){.sui-fb-panel.sc-sui-filter-builder,.sui-fb-inline.sc-sui-filter-builder,.sui-fb-group.nested.sc-sui-filter-builder{border:1px solid CanvasText}.trigger.active.sc-sui-filter-builder .sui-glyph.sc-sui-filter-builder{color:Highlight}.sui-fb-grip.sc-sui-filter-builder{color:ButtonText}.sui-fb-row.lifted.sc-sui-filter-builder{forced-color-adjust:none;outline:2px dashed Highlight;outline-offset:2px;background:Canvas;box-shadow:none}.sui-fb-row.drop-before.sc-sui-filter-builder::before,.sui-fb-row.drop-after.sc-sui-filter-builder::after,.sui-fb-adds.drop-end.sc-sui-filter-builder::before{background:Highlight;box-shadow:none}.sui-fb-hole.sc-sui-filter-builder{border-color:CanvasText}.sui-fb-hole.over.sc-sui-filter-builder{border-color:Highlight}}.sui-cf.sc-sui-filter-builder{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);max-height:min(78vh, 560px);overflow:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);font-weight:460;letter-spacing:normal;text-transform:none;text-align:start;white-space:normal;user-select:text;cursor:auto;animation:sui-cf-in var(--duration-overlay) var(--ease-out)}.sui-cf[data-side='top'].sc-sui-filter-builder{animation-name:sui-cf-in-top}.sui-cf.closing.sc-sui-filter-builder{animation:sui-cf-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-cf-in{from{opacity:0;margin-top:-4px}}@keyframes sui-cf-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-cf-out{to{opacity:0}}.sui-cf-body.sc-sui-filter-builder{display:flex;flex-direction:column;gap:10px}.sui-cf-note.sc-sui-filter-builder{margin:-6px 0 12px;font-size:12px;line-height:1.4;color:var(--ink-muted)}.sui-cf-title.sc-sui-filter-builder{margin-bottom:12px;font-size:13px;font-weight:650;line-height:1.3;color:var(--ink)}.sui-cf.sui-cf-menu.sc-sui-filter-builder{width:440px}.sui-cf-rows.sc-sui-filter-builder{display:flex;flex-direction:column;gap:8px}.sui-cf-row.sc-sui-filter-builder{display:grid;grid-template-columns:68px minmax(0, 132px) minmax(0, 1fr) 28px;align-items:center;gap:6px;min-width:0}.sui-cf-join.sc-sui-filter-builder{display:flex;align-items:center;min-width:0;font-size:12.5px;font-weight:600;color:var(--ink-muted)}.sui-cf-join.muted.sc-sui-filter-builder{font-weight:500;color:var(--ink-muted);padding-inline-start:11px}.sui-cf-joinsel.sc-sui-filter-builder{width:100%}.sui-cf-val.sc-sui-filter-builder{min-width:0}.sui-cf-val.sc-sui-filter-builder>*.sc-sui-filter-builder{width:100%}.sui-cf-value.sc-sui-filter-builder{min-inline-size:0}.sui-cf-pair.sc-sui-filter-builder{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sui-cf-remove.sc-sui-filter-builder,.sui-cf-remove-slot.sc-sui-filter-builder{justify-self:end}.sui-cf-remove-slot.sc-sui-filter-builder{width:28px}.sui-cf-add.sc-sui-filter-builder{align-self:flex-start;margin-inline-start:-8px}.sui-cf-add-glyph.sc-sui-filter-builder{order:-1;font-size:11px}@media (max-width: 480px){.sui-cf-row.sc-sui-filter-builder{grid-template-columns:60px minmax(0, 1fr) 28px;grid-template-areas:'join mode remove' '. val .';row-gap:6px}.sui-cf-row.sc-sui-filter-builder>.sui-cf-join.sc-sui-filter-builder{grid-area:join}.sui-cf-row.sc-sui-filter-builder>.sui-cf-mode.sc-sui-filter-builder{grid-area:mode}.sui-cf-row.sc-sui-filter-builder>.sui-cf-val.sc-sui-filter-builder{grid-area:val}.sui-cf-row.sc-sui-filter-builder>.sui-cf-remove.sc-sui-filter-builder,.sui-cf-row.sc-sui-filter-builder>.sui-cf-remove-slot.sc-sui-filter-builder{grid-area:remove}}.sui-cf-all.sc-sui-filter-builder{align-self:stretch;padding-bottom:8px;border-bottom:1px solid var(--hairline)}.sui-cf-opt.sc-sui-filter-builder{align-self:flex-start}.sui-cf-list.sc-sui-filter-builder{display:flex;flex-direction:column;gap:8px;max-height:232px;overflow:auto;margin-inline:-4px;padding:2px 4px}.sui-cf-body.sc-sui-filter-builder>.sui-cf-all.sc-sui-filter-builder+.sui-cf-list.sc-sui-filter-builder{margin-top:-2px}.sui-cf-none.sc-sui-filter-builder{padding:6px 0;font-size:12.5px;color:var(--ink-faint)}.sui-cf-bar.sc-sui-filter-builder{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid var(--border)}.sui-cf-clear.sc-sui-filter-builder{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.sui-cf-clear.sc-sui-filter-builder:hover{color:var(--ink)}.sui-cf-clear.sc-sui-filter-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.sui-cf-rowgroup.sc-sui-filter-builder{display:block;width:100%;min-width:0;--sui-field-chevron:none}.sui-cf-rowbox.sc-sui-filter-builder{min-width:0;padding-inline:8px;text-overflow:ellipsis}.sui-cf-rowbox.sc-sui-filter-builder::placeholder{color:var(--ink-placeholder)}.sui-cf-rowbox.sc-sui-filter-builder:disabled{background:var(--disabled-bg)}.sui-cf-rowpick.sc-sui-filter-builder{min-width:0}.sui-cf-modebtn.sc-sui-filter-builder{flex:none;color:var(--ink-faint)}.sui-cf-token.sc-sui-filter-builder{font-size:15px;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink-muted)}.sui-cf-token.word.sc-sui-filter-builder{font-size:11px;font-weight:650;letter-spacing:-0.01em}.sui-cf-modebtn.on.sc-sui-filter-builder{background:var(--accent-soft)}.sui-cf-modebtn.on.sc-sui-filter-builder .sui-cf-token.sc-sui-filter-builder{color:var(--accent-soft-ink)}.sui-cf.sui-cf-modes.sc-sui-filter-builder{width:auto;min-width:190px;padding:4px}.sui-cf-funnel.sc-sui-filter-builder{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;margin:0;margin-inline-start:4px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);font-size:10px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-cf-funnel.sc-sui-filter-builder:hover{background:var(--surface-hover);color:var(--ink)}.sui-cf-funnel[aria-expanded='true'].sc-sui-filter-builder{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink)}.sui-cf-funnel.on.sc-sui-filter-builder{background:var(--accent-soft);color:var(--accent-mark)}.sui-cf-funnel.on.sc-sui-filter-builder:hover,.sui-cf-funnel.on[aria-expanded='true'].sc-sui-filter-builder{background:color-mix(in srgb, var(--accent-soft) 80%, var(--accent-mark));color:var(--accent-mark)}.sui-cf-funnel.sc-sui-filter-builder:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (forced-colors: active){.sui-cf.sc-sui-filter-builder{border:1px solid CanvasText}.sui-cf-bar.sc-sui-filter-builder,.sui-cf-all.sc-sui-filter-builder{border-color:CanvasText}.sui-cf-funnel.on.sc-sui-filter-builder{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-cf-funnel.on.sc-sui-filter-builder:focus-visible{outline-color:CanvasText}.sui-cf-modebtn.on.sc-sui-filter-builder{forced-color-adjust:none;background:Highlight}.sui-cf-modebtn.on.sc-sui-filter-builder .sui-cf-token.sc-sui-filter-builder{color:HighlightText}}"}},[514,"sui-filter-builder",{target:[1],columns:[16],value:[1040],inline:[516],open:[1540],maxDepth:[2,"max-depth"],size:[513],label:[1],draft:[32],closing:[32],revision:[32],narrow:[32],sheet:[32],dropAt:[32],dragKey:[32],lifted:[32],live:[32],setFocus:[64],refresh:[64]},void 0,{value:[{onValueChange:0}],columns:[{onColumnsChange:0}],target:[{onTargetChange:0}],open:[{onOpenChange:0}]}]),ti=ei,ri=function(){"undefined"!=typeof customElements&&["sui-filter-builder","sui-badge","sui-button","sui-checkbox","sui-chip","sui-date-picker","sui-icon-button","sui-input-group","sui-input-number","sui-input-text","sui-multi-select","sui-select","sui-tooltip"].forEach((i=>{switch(i){case"sui-filter-builder":customElements.get(l(i))||customElements.define(l(i),ei);break;case"sui-badge":customElements.get(l(i))||K();break;case"sui-button":customElements.get(l(i))||W();break;case"sui-checkbox":customElements.get(l(i))||q();break;case"sui-chip":customElements.get(l(i))||V();break;case"sui-date-picker":customElements.get(l(i))||I();break;case"sui-icon-button":customElements.get(l(i))||P();break;case"sui-input-group":customElements.get(l(i))||L();break;case"sui-input-number":customElements.get(l(i))||J();break;case"sui-input-text":customElements.get(l(i))||U();break;case"sui-multi-select":customElements.get(l(i))||X();break;case"sui-select":customElements.get(l(i))||$();break;case"sui-tooltip":customElements.get(l(i))||Y()}}))};export{ti as SuiFilterBuilder,ri as defineCustomElement}

package/dist/components/sui-filter-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFilterPanel extends Components.SuiFilterPanel, HTMLElement {}
+export const SuiFilterPanel: {
+    prototype: SuiFilterPanel;
+    new (): SuiFilterPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-filter-panel.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,f as t,h as a,a as r,t as o}from"./p-CeVlau-G.js";import{k as n,o as l,p as h,g as p,a as c,b as u,m as d,l as f,t as m}from"./p-CN5x4MC8.js";import{k as v}from"./p-CYlxvoVo.js";import{i as b}from"./p-Cs2X0Kih.js";import{d as g}from"./p-BHB1Wprj.js";import{u as x}from"./p-U06fVoGD.js";import{a as y,l as k}from"./p-BuyjS5bS.js";import{G as C,F as w}from"./p-DdsE4HI6.js";import{d as j}from"./p-BUqcDxTK.js";import{defineCustomElement as E}from"./p-DgXzRiP4.js";import{defineCustomElement as A}from"./p-BioVIgkG.js";import{d as z}from"./p-CR0heQtR.js";import{defineCustomElement as D}from"./p-BmmgLDk2.js";import{defineCustomElement as S}from"./p-Deadvw27.js";import{defineCustomElement as F}from"./p-DgiZgZCh.js";const O=i=>Array.isArray(i)?i.filter(Boolean):i?[i]:[],B=i=>{const s={};return Object.keys(i||{}).forEach((e=>{const t=i[e];if(Array.isArray(t)){const i=t.filter(Boolean);i.length&&(s[e]=i)}else t&&(s[e]=t)})),s},V=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiApply=e(this,"suiApply",7),this.suiChange=e(this,"suiChange",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}filters=[];open=!1;values;suiApply;suiChange;suiOpen;suiClose;staged={};hostLabel;closing=!1;stopAria;fieldId=x("sui-filter-panel");trigger;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));exit=l((()=>this.closing=!1));raised;demote;derived=!1;writing=!1;componentWillLoad(){this.values||(this.derived=!0,this.seed()),this.staged={...this.applied()}}onFiltersChange(){this.derived&&this.seed()}onValuesChange(){this.writing||(this.derived=!1,this.open||(this.staged={...this.applied()}))}seed(){const i={};(this.filters||[]).forEach((s=>{void 0!==s.value&&(i[s.key]=s.value)}));const s=B(i);this.write(s),this.staged={...s}}write(i){this.writing=!0,this.values=i,this.writing=!1}connectedCallback(){this.stopAria?.(),this.stopAria=b(this.host,(i=>{this.hostLabel=i})),g(this.host,(()=>this.trigger)),this.trigger&&this.open&&t(this)}async setFocus(){this.trigger?.focus()}componentWillRender(){!this.raised||this.open||this.closing||this.lowerPanel()}componentDidRender(){(this.open||this.closing)&&this.panel&&this.raised!==this.panel&&(this.lowerPanel(),this.demote=h(this.panel),this.raised=this.panel),this.open&&this.afterOpen()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.stopAria?.(),this.lowerPanel(),this.closing=!1}lowerPanel(){const i=this.demote;this.demote=void 0,this.raised=void 0,i?.()}onOpenChange(i){i?(this.escape.arm(),this.exit.cancel(),this.closing=!1,this.staged={...this.applied()}):(this.teardown(),this.panel&&p(this.panel),this.closing=this.exit.begin(this.panel))}applied(){return B(this.values||{})}activeKeys(){const i=this.applied();return(this.filters||[]).map((i=>i.key)).filter((s=>!!i[s]))}afterOpen(){this.open&&this.trigger&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(c((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),u((()=>this.reposition()))),this.escape.arm())}reposition(){this.trigger&&this.panel&&d(this.panel,f(this.trigger,this.panel,"bottom",6,"start"))}teardown(){this.escape.disarm(),this.disposers.forEach((i=>i())),this.disposers=[]}openSelf(){this.open||(this.open=!0,v(this.host,this.trigger),this.suiOpen.emit())}requestClose(i,s=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,s&&this.trigger?.focus()))}onPanelKey=i=>{m(i,this.panel,(()=>this.requestClose("outside",!0)))};commit(i){const s=this.applied(),e=B(i);this.derived=!1,this.write(e),this.staged={...e},this.suiApply.emit({...e}),((i,s)=>{const e=Object.keys(i);return e.length===Object.keys(s).length&&e.every((e=>{const t=O(i[e]),a=O(s[e]);return t.length===a.length&&t.every(((i,s)=>i===a[s]))}))})(s,e)||this.suiChange.emit({...e})}apply=()=>{this.commit(this.staged),this.requestClose("pick",!0)};clearAll=()=>{this.commit({})};removeValue(i,s){const e={...this.applied()},t=e[i];if(Array.isArray(t)){const a=t.filter((i=>i!==s));a.length?e[i]=a:delete e[i]}else delete e[i];this.commit(e)}onToggle=()=>{this.open?this.requestClose("trigger"):this.openSelf()};onStage(i,s){s.stopPropagation();const e=s.detail,t=Array.isArray(e)?e.map(String):null==e?"":e+"",a=Array.isArray(t)?t.length?t:void 0:t||void 0;this.staged={...this.staged,[i]:a}}onTextKey=i=>{"Enter"===i.key&&(i.preventDefault(),this.apply())};field(i){const s=this.staged[i.key],e=s=>this.onStage(i.key,s);return"text"===i.kind?a("div",{class:"field",key:i.key,onKeyDown:this.onTextKey},a("sui-input-text",{label:i.label,value:Array.isArray(s)?s[0]||"":s||"",placeholder:i.placeholder||y(void 0,"filter-panel.search",void 0,"Search"),onSuiInput:e})):a("div",{class:"field",key:i.key},i.multiple?a("sui-multi-select",{label:i.label,options:i.options||[],value:O(s),placeholder:i.placeholder||y(void 0,"filter-panel.any",void 0,"Any"),onSuiChange:e}):a("sui-select",{label:i.label,options:i.options||[],value:Array.isArray(s)?s[0]:s,placeholder:i.placeholder||y(void 0,"filter-panel.any",void 0,"Any"),clearable:!0,onSuiChange:e}))}render(){const i=this.activeKeys(),s=this.applied(),e=this.fieldId+"-panel",t=[];return i.forEach((i=>{const e=(this.filters||[]).find((s=>s.key===i)),r=e?e.label:i;O(s[i]).forEach((s=>{t.push(a("sui-chip",{key:`${i}:${s}`,class:"active",label:k(void 0,"filter-panel.chip",void 0,"{name}: {value}",{name:r,value:s}),removable:!0,onSuiRemove:e=>{e.stopPropagation(),this.removeValue(i,s)}}))}))})),a(r,{key:"3e6aac6f4db119eff4a92f629890acf8a693803a"},a("div",{key:"740f7e83f3afbabe6e5d3d2a174bd5525fa12630",class:"anchor"},a("button",{key:"41bd4fe7c313e977a251cc0741930af1ffecf135",ref:i=>this.trigger=i,type:"button",class:{trigger:!0,open:this.open},"aria-expanded":this.open?"true":"false","aria-controls":this.open?e:null,onClick:this.onToggle},a(C,{key:"f74bcdd324a2b65daf85e5c5eb3a32b3ad6f0503",glyph:w}),a("span",{key:"fe99ddb802ef636c863e761205bc86f3937d50e3"},y(void 0,"filter-panel.filters",void 0,"Filters")),i.length>0?a("sui-badge",{class:"count",severity:"accent",size:"sm",value:i.length}):null),this.open||this.closing?a("div",{ref:i=>this.panel=i,id:e,class:{panel:!0,closing:this.closing},inert:this.closing,role:"region","aria-label":this.hostLabel||y(void 0,"filter-panel.filters",void 0,"Filters"),onKeyDown:this.onPanelKey},(this.filters||[]).map((i=>this.field(i))),a("div",{class:"bar"},a("button",{type:"button",class:"clear",onClick:this.clearAll},y(void 0,"filter-panel.clearAll",void 0,"Clear all")),a("sui-button",{variant:"brand",size:"sm",label:y(void 0,"filter-panel.applyFilters",void 0,"Apply filters"),onClick:this.apply}))):null),t,i.length>1?a("button",{type:"button",class:"clear-link",onClick:this.clearAll},y(void 0,"filter-panel.clearAll",void 0,"Clear all")):null)}static get watchers(){return{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-filter-panel-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-sans);color:var(--ink)}.anchor.sc-sui-filter-panel{position:relative;display:inline-flex}.trigger.sc-sui-filter-panel{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:var(--control-md);padding:0 13px;margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);box-shadow:none;font-family:var(--font-sans);font-size:13px;font-weight:620;line-height:1;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.trigger.sc-sui-filter-panel .sui-glyph.sc-sui-filter-panel{font-size:11px;color:var(--ink-muted)}.trigger.sc-sui-filter-panel:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--control-border));background:var(--brand-soft)}.trigger.open.sc-sui-filter-panel{background:color-mix(in srgb, var(--brand-soft) 84%, var(--ink))}.trigger.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.count.sc-sui-filter-panel{margin-inline-start:-1px}.panel.sc-sui-filter-panel{position:fixed;top:0;left:0;z-index:var(--z-dropdown);box-sizing:border-box;width:280px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:14px 16px;animation:sui-filter-panel-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-filter-panel{animation-name:sui-filter-panel-in-top}.panel.closing.sc-sui-filter-panel{animation:sui-filter-panel-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-filter-panel-in{from{opacity:0;margin-top:-4px}}@keyframes sui-filter-panel-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-filter-panel-out{to{opacity:0}}.field.sc-sui-filter-panel{margin-bottom:12px}.bar.sc-sui-filter-panel{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:11px}.clear.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:620;color:var(--ink-muted)}.clear.sc-sui-filter-panel:hover{color:var(--ink)}.clear.sc-sui-filter-panel:focus-visible,.clear-link.sc-sui-filter-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-xs)}.clear-link.sc-sui-filter-panel{appearance:none;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--link)}.clear-link.sc-sui-filter-panel:hover{text-decoration:underline}"}},[514,"sui-filter-panel",{filters:[16],open:[1540],values:[1040],staged:[32],hostLabel:[32],closing:[32],setFocus:[64]},void 0,{filters:[{onFiltersChange:0}],values:[{onValuesChange:0}],open:[{onOpenChange:0}]}]),K=V,R=function(){"undefined"!=typeof customElements&&["sui-filter-panel","sui-badge","sui-button","sui-checkbox","sui-chip","sui-input-text","sui-multi-select","sui-select"].forEach((i=>{switch(i){case"sui-filter-panel":customElements.get(o(i))||customElements.define(o(i),V);break;case"sui-badge":customElements.get(o(i))||j();break;case"sui-button":customElements.get(o(i))||E();break;case"sui-checkbox":customElements.get(o(i))||A();break;case"sui-chip":customElements.get(o(i))||z();break;case"sui-input-text":customElements.get(o(i))||D();break;case"sui-multi-select":customElements.get(o(i))||S();break;case"sui-select":customElements.get(o(i))||F()}}))};export{K as SuiFilterPanel,R as defineCustomElement}

package/dist/components/sui-float-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFloatLabel extends Components.SuiFloatLabel, HTMLElement {}
+export const SuiFloatLabel: {
+    prototype: SuiFloatLabel;
+    new (): SuiFloatLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-float-label.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as a,h as e,t as l}from"./p-CeVlau-G.js";import{d as t,F as o}from"./p-TBwsYzWO.js";import{u as r}from"./p-U06fVoGD.js";import{i as n,d as u,s as d,r as f}from"./p-BHB1Wprj.js";import{i as c,a as h}from"./p-Cs2X0Kih.js";import{i as b}from"./p-MsqFuhDd.js";import{f as p}from"./p-CGWvlrv_.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=a(this,"suiInput",7),this.suiChange=a(this,"suiChange",7),this.suiFocus=a(this,"suiFocus",3),this.suiBlur=a(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;value="";type="text";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;required=!1;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=r("sui-float");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=c(this.host,(i=>{this.hostLabel=i})),this.stopHints?.(),this.stopHints=b(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=h(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){d(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};render(){const i=this.invalid||!!this.error;return e(o,{key:"fbe190ed093fd199fbae1f5332b74ff3dfb376e1",help:this.help,error:this.error,descId:this.fieldId},e("div",{key:"88c016752270f107da947149cfce1edbaefa94c1",class:{"sui-float":!0,up:this.focused||this.value.length>0,focus:this.focused,invalid:i}},e("input",{key:"15908e6cadaa01ce554e8d9c53656ab42f78be88",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,lg:!0,invalid:i},type:this.type,value:this.value,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,maxLength:this.maxLength,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":t(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),e("label",{key:"5b3a8521a56c0f24288574c4599390d60f433242",class:"float-label",htmlFor:this.fieldId},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null)))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-float-label-h{display:block;font-family:var(--font-sans)}.sui-float.sc-sui-float-label{position:relative;padding-top:6px}.float-label.sc-sui-float-label{position:absolute;inset-inline-start:9px;top:17px;padding:0 4px;font-size:14px;font-weight:460;line-height:1.3;color:var(--ink-placeholder);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;background:transparent;pointer-events:none;white-space:nowrap;transition:top var(--duration-fast) var(--ease-out), font-size var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{top:-2px;font-size:11px;font-weight:650;background:linear-gradient(transparent 50%, var(--surface) 50%)}.sui-float.up.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--focus-ring)}.sui-float.invalid.sc-sui-float-label .float-label.sc-sui-float-label,.sui-float.up.invalid.focus.sc-sui-float-label .float-label.sc-sui-float-label{color:var(--danger)}.sui-float.up.sc-sui-float-label input[readonly].sc-sui-float-label:not(:disabled)+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--surface-sunken) 50%)}.sui-float.up.sc-sui-float-label input.sc-sui-float-label:disabled+.float-label.sc-sui-float-label{background:linear-gradient(transparent 50%, var(--disabled-bg) 50%)}@media (forced-colors: active){.float-label.sc-sui-float-label{color:GrayText}.sui-float.up.sc-sui-float-label .float-label.sc-sui-float-label{color:CanvasText}}.sui-field.sc-sui-float-label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-float-label{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-float-label .sui-field-label.sc-sui-float-label{color:var(--danger)}.sui-field-req.sc-sui-float-label{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-float-label{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-float-label{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-float-label .sui-glyph.sc-sui-float-label{font-size:11px}.sui-frame.sc-sui-float-label{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-float-label:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-float-label,.sui-frame.readonly.sc-sui-float-label{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{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-float-label{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-float-label:focus-within,.sui-frame.invalid.focus.sc-sui-float-label,.sui-frame.invalid.open.sc-sui-float-label{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-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{--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-float-label{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-float-label::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-float-label{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-float-label{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-float-label{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-float-label:focus-within,.sui-frame.focus.sc-sui-float-label,.sui-frame.open.sc-sui-float-label{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-float-label:disabled,.sui-frame.disabled.sc-sui-float-label{color:GrayText;border-color:GrayText}}"}},[578,"sui-float-label",{label:[1],help:[1],error:[1],value:[1025],type:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],required:[516],name:[513],autocomplete:[1],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),m=v,g=function(){"undefined"!=typeof customElements&&["sui-float-label"].forEach((i=>{"sui-float-label"===i&&(customElements.get(l(i))||customElements.define(l(i),v))}))};export{m as SuiFloatLabel,g as defineCustomElement}

package/dist/components/sui-fluid.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFluid extends Components.SuiFluid, HTMLElement {}
+export const SuiFluid: {
+    prototype: SuiFluid;
+    new (): SuiFluid;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-fluid.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as t,a as i,t as a}from"./p-CeVlau-G.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}gap=14;render(){return t(i,{key:"27d68663c89484e99754667044e75ef2b63ede70",style:{gap:this.gap+"px"}},t("slot",{key:"e6f30518196c5d7e3d3fdde8ca3d67d3a2e081ac"}))}static get style(){return".sc-sui-fluid-h{display:grid;grid-template-columns:minmax(0, 1fr);justify-items:stretch;align-items:start;width:100%;box-sizing:border-box;font-family:var(--font-sans)}"}},[774,"sui-fluid",{gap:[2]}]),n=d,r=function(){"undefined"!=typeof customElements&&["sui-fluid"].forEach((e=>{"sui-fluid"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{n as SuiFluid,r as defineCustomElement}

package/dist/components/sui-form-actions.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFormActions extends Components.SuiFormActions, HTMLElement {}
+export const SuiFormActions: {
+    prototype: SuiFormActions;
+    new (): SuiFormActions;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-form-actions.js

@@ -0,0 +1 @@
+import{p as s,H as a,c as i,h as t,a as r,t as e}from"./p-CeVlau-G.js";import{a as o}from"./p-BuyjS5bS.js";import{defineCustomElement as n}from"./p-DgXzRiP4.js";const c=["button","submit"],d=["button","reset"],m=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiPrimary=i(this,"suiPrimary",7),this.suiSecondary=i(this,"suiSecondary",7)}primaryLabel;secondaryLabel;sticky=!1;primaryDisabled=!1;primaryLoading=!1;hideSecondary=!1;primaryType="button";secondaryType="button";form;suiPrimary;suiSecondary;warnedForm;formId(){if(!this.form||"undefined"==typeof document)return this.form;const s=document.getElementById(this.form);return s&&"SUI-FORM"===s.tagName?this.form+"-form":this.form}render(){const s=this.formId(),a=c.includes(this.primaryType)?this.primaryType:"button",i=d.includes(this.secondaryType)?this.secondaryType:"button";return t(r,{key:"3d6f1ff1a5f122f0aba0952026f354b1ffffcd0f"},t("div",{key:"83683b89a0b15e4ea1037cabe4513ed1ce303bc4",class:{bar:!0,sticky:this.sticky}},t("slot",{key:"355c7473aedd2508e2487aced90cd614845d90c1",name:"status"}),t("div",{key:"54ee8ad10c5dd59af32fb7ec87e5e52976d71c8f",class:"spacer"}),this.hideSecondary?null:t("sui-button",{class:"secondary",variant:"outline",size:"md",type:i,form:s,label:o(void 0,"form-actions.secondary",this.secondaryLabel,"Cancel"),onClick:()=>this.suiSecondary.emit()}),t("sui-button",{key:"b8a2a450ae4ac4045095dd054236eb0aa2ad44d7",class:"primary",variant:"brand",size:"md",type:a,form:s,label:o(void 0,"form-actions.primary",this.primaryLabel,"Save"),disabled:this.primaryDisabled,loading:this.primaryLoading,onClick:()=>{this.primaryDisabled||this.primaryLoading||this.suiPrimary.emit()}})))}static get style(){return'.sc-sui-form-actions-h{display:block;font-family:var(--font-sans)}[sticky].sc-sui-form-actions-h{position:sticky;bottom:0;z-index:var(--z-sticky)}.bar.sc-sui-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--hairline);background:var(--surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.spacer.sc-sui-form-actions{flex:1}@media (max-width: 480px){.bar.sc-sui-form-actions{row-gap:10px}.bar.sc-sui-form-actions-s>[slot="status"],.bar .sc-sui-form-actions-s>[slot="status"]{flex-basis:100%}}.primary.sc-sui-form-actions .sui-btn.sc-sui-form-actions{font-weight:700}'}},[774,"sui-form-actions",{primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],sticky:[516],primaryDisabled:[516,"primary-disabled"],primaryLoading:[516,"primary-loading"],hideSecondary:[516,"hide-secondary"],primaryType:[513,"primary-type"],secondaryType:[513,"secondary-type"],form:[1]}]),u=m,y=function(){"undefined"!=typeof customElements&&["sui-form-actions","sui-button"].forEach((s=>{switch(s){case"sui-form-actions":customElements.get(e(s))||customElements.define(e(s),m);break;case"sui-button":customElements.get(e(s))||n()}}))};export{u as SuiFormActions,y as defineCustomElement}

package/dist/components/sui-form-layout.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiFormLayout extends Components.SuiFormLayout, HTMLElement {}
+export const SuiFormLayout: {
+    prototype: SuiFormLayout;
+    new (): SuiFormLayout;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-form-layout.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as a,a as i,t as e}from"./p-CeVlau-G.js";import{o,a as l}from"./p-BWkzTEZX.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return 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=o(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasStatus=l(this.host,"status").length>0,this.hasHeaderEnd=l(this.host,"header-end").length>0}render(){const s=Math.max(1,Math.floor(this.columns)||1);return a(i,{key:"f2d1db8c7223db12a6754aa0c2aff8bc50b380b6"},a("div",{key:"ab865ee2ee2417e8b8e99c13f4fba61abb73e221",class:"card"},this.heading||this.hasStatus||this.hasHeaderEnd?a("div",{class:"head"},a("div",{class:"titles"},this.heading?a("div",{class:"title"},this.heading):null,this.subtitle?a("div",{class:"subtitle"},this.subtitle):null),a("slot",{name:"status"}),a("slot",{name:"header-end"})):null,a("div",{key:"b14c2d2d85792ff539689a1508a03886a6e6db2b",class:"grid",style:{gridTemplateColumns:`repeat(${s}, minmax(0, 1fr))`}},a("slot",{key:"4323653c95abe4a21292a73b6c524e41a518a1b8"})),a("slot",{key:"06ad097013f2c0039b91230596d95128fceddc25",name:"actions"})))}static get style(){return'.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}}'}},[774,"sui-form-layout",{heading:[1],subtitle:[1],columns:[2],hasStatus:[32],hasHeaderEnd:[32]}]),r=d,n=function(){"undefined"!=typeof customElements&&["sui-form-layout"].forEach((s=>{"sui-form-layout"===s&&(customElements.get(e(s))||customElements.define(e(s),d))}))};export{r as SuiFormLayout,n as defineCustomElement}

package/dist/components/sui-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiForm extends Components.SuiForm, HTMLElement {}
+export const SuiForm: {
+    prototype: SuiForm;
+    new (): SuiForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-form.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as n,a as e,t as r}from"./p-CeVlau-G.js";import{h as o}from"./p-Hej7hALV.js";import{a}from"./p-BuyjS5bS.js";const h=["submit","blur","input"],u=["input","suiInput","suiChange"],c=["input","select","textarea"],f=t=>c.includes(t.tagName.toLowerCase()),d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiSubmit=s(this,"suiSubmit",7),this.suiInvalid=s(this,"suiInvalid",7)}get host(){return 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),u.forEach((t=>this.host.addEventListener(t,this.onFieldInput)))}disconnectedCallback(){this.host.removeEventListener("focusin",this.onFieldFocus),this.host.removeEventListener("focusout",this.onFieldBlur),u.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 h.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(!f(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 n=this.nativeMessage(i);n&&(t[s]=n)}return t}nativeMessage(t){const i=t;if(f(t))return i.validity&&!i.validity.valid?i.validationMessage||a(void 0,"form.invalid",void 0,"Invalid value."):"";const s=t;if("function"!=typeof s.checkValidity)return"";try{return s.checkValidity()?"":s.validationMessage||a(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=o({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,n=await this.resolver(this.formData());s===this.fieldRun&&this.setMessage(t,n[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&&(f(s)?this.markNative(s,t[i]):this.setMessage(s,t[i]))}));const s=i.length?this.controlNamed(i[0]):void 0;return!s||f(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&&f(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 n(e,{key:"6c027ccc85abb0807e7f4744e031a086720d6130"},n("form",{key:"ebadf1a877b54c35c2019c64b1b1163cf1efb13a",ref:t=>this.form=t,id:this.formId,class:"sui-form",noValidate:!0,onSubmit:this.onSubmit},n("slot",{key:"a3a8cf94f678872a7efd26f49826b58697967fec"})))}static get style(){return".sc-sui-form-h{display:block;font-family:var(--font-sans)}.sui-form.sc-sui-form{display:contents}"}},[774,"sui-form",{resolver:[16],validateOn:[513,"validate-on"],novalidate:[516],noFocusOnInvalid:[516,"no-focus-on-invalid"],hostId:[32],validate:[64],clearErrors:[64]}]),l=d,m=function(){"undefined"!=typeof customElements&&["sui-form"].forEach((t=>{"sui-form"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))};export{l as SuiForm,m as defineCustomElement}

package/dist/components/sui-galleria.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiGalleria extends Components.SuiGalleria, HTMLElement {}
+export const SuiGalleria: {
+    prototype: SuiGalleria;
+    new (): SuiGalleria;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-galleria.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as a,f as t,h as e,a as r,t as l}from"./p-CeVlau-G.js";import{d as o}from"./p-BHB1Wprj.js";import{i as n}from"./p-GAnFXayY.js";import{a as c,b as h}from"./p-CbnOosJi.js";import{o as u}from"./p-BEa7fx4d.js";import{m as d}from"./p-BiSaIyr0.js";import{u as p}from"./p-U06fVoGD.js";import{a as g,l as m}from"./p-BuyjS5bS.js";import{G as v,f,q as b,x,u as y,v as k,n as w}from"./p-DdsE4HI6.js";import{M as C}from"./p-7Ti-Ht9x.js";import{defineCustomElement as j}from"./p-RwPlJzMY.js";import{d as z}from"./p-v0MrzKlW.js";import{r as E,o as D}from"./p-DXIDl7cw.js";const A=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiIndexChange=a(this,"suiIndexChange",3),this.suiOpen=a(this,"suiOpen",3),this.suiClose=a(this,"suiClose",3),this.suiError=a(this,"suiError",3)}get host(){return this}items=[];index=0;height=260;hideArrows=!1;circular=!1;autoplay;fullScreen=!1;open=!1;suiIndexChange;suiOpen;suiClose;suiError;failed=new Set;fail(i){i&&!this.failed.has(i)&&(this.failed=new Set(this.failed).add(i),this.suiError.emit(i))}playing=!1;reduced=!1;closing=!1;strip;fullStrip;layer;stage;modal;layerId=p("sui-galleria-viewer");top=d({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});cancelSwipe;player;keys=new WeakMap;nextKey=0;shown=-1;stopMotionWatch;loaded=!1;componentWillLoad(){this.clamp(),this.reduced=E(),this.stopMotionWatch=D((i=>{this.reduced=i})),this.playing=Number(this.autoplay)>0}componentDidLoad(){this.loaded=!0,this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),this.onAutoplayChange()}connectedCallback(){if(o(this.host,(()=>this.focusTarget())),!this.loaded)return;const i=this.playing;this.stopMotionWatch?.(),this.stopMotionWatch=D((i=>{this.reduced=i})),this.player?.dispose(),this.player=c(this.host,{interval:()=>this.autoplay,advance:()=>this.advance()}),i&&this.player.start(),Promise.resolve().then((()=>{this.host.isConnected&&(this.reduced=E(),this.playing=!!this.player?.active)})),this.open&&t(this)}componentDidRender(){if(this.open&&this.activate(),this.index!==this.shown){this.shown=this.index;for(const i of[this.strip,this.fullStrip])i?.children[this.index]?.scrollIntoView?.({block:"nearest",inline:"nearest"})}}disconnectedCallback(){this.cancelSwipe?.(),this.cancelSwipe=void 0,this.player?.dispose(),this.player=void 0,this.stopMotionWatch?.(),this.stopMotionWatch=void 0,this.deactivate(),this.top.disconnect()&&(this.closing=!1)}clamp(){const i=(this.items||[]).length;let s=Math.max(0,Math.floor(this.index||0));i>0&&(s=Math.min(i-1,s)),s!==this.index&&(this.index=s)}onAutoplayChange(){this.player&&(Number(this.autoplay)>0?this.player.start():this.player.stop(),this.playing=this.player.active)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){if(this.open)return;const i=Array.from(this.host.querySelectorAll(".hero .ctl button")),s=this.strip?.children[this.index];return[...i,s].find((i=>!!i&&!i.hasAttribute("disabled")))}togglePlay=()=>{this.player&&(this.player.active?this.player.stop():this.player.start(),this.playing=this.player.active)};onOpen(i){if(i)return this.top.reopen(),void(this.closing=!1);this.deactivate(),this.closing=this.top.close()}activate(){this.open&&this.layer&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=u(this.layer))}deactivate(){this.modal?.release(),this.modal=void 0}openFull=()=>{this.open||(this.open=!0,this.suiOpen.emit())};requestClose(i){this.suiClose.emit(i).defaultPrevented||(this.open=!1)}onLayerClick=i=>{i.target!==this.layer&&i.target!==this.stage||this.requestClose("scrim")};thumbAt(i){const s=this.open&&this.fullStrip?this.fullStrip:this.strip;return s?.children[i]}keyOf(i){let s=this.keys.get(i);return s||this.keys.set(i,s="i"+ ++this.nextKey),s}stepped(i){const s=(this.items||[]).length,a=this.index+i;return this.circular&&s>0?(a%s+s)%s:Math.min(s-1,Math.max(0,a))}moveTo(i,s=!1){const a=Math.min((this.items||[]).length-1,Math.max(0,i));return!(a<0||(s&&this.thumbAt(a)?.focus(),a===this.index||(this.index=a,this.suiIndexChange.emit(a),0)))}select(i,s=!1){this.player?.stop(),this.playing=!1,this.moveTo(i,s)}advance(){const i=(this.items||[]).length;return i<2||(!this.circular&&this.index>=i-1?(this.playing=!1,!1):this.moveTo(this.stepped(1)))}onHostKeyDown=i=>{this.layer&&this.layer.contains(i.target)||this.onKeyDown(i)};onKeyDown=i=>{const s=n(this.host)?-1:1;"ArrowLeft"===i.key?(i.preventDefault(),this.select(this.stepped(-s),!0)):"ArrowRight"===i.key?(i.preventDefault(),this.select(this.stepped(s),!0)):"Home"===i.key?(i.preventDefault(),this.select(0,!0)):"End"===i.key&&(i.preventDefault(),this.select((this.items||[]).length-1,!0))};onPointerDown=i=>{this.cancelSwipe?.();const s=n(this.host)?-1:1;this.cancelSwipe=h(i,(i=>this.select(this.stepped(i*s))))};control(i,s,a,t,r=!1,l=!1){return e("span",{class:`ctl ${i}${r?" off":""}`},e("sui-icon-button",{variant:"ghost",tone:"inverse",size:l?"lg":"md",pill:!l,"aria-label":a,disabled:r,onClick:t},e(v,{glyph:s})))}navigators(i=!1){if(this.hideArrows)return null;const s=!this.circular&&this.index<=0,a=!this.circular&&this.index>=(this.items||[]).length-1;return[this.control("prev",f,g(void 0,"galleria.previous",void 0,"Previous"),(()=>this.select(this.stepped(-1))),s,i),this.control("next",b,g(void 0,"galleria.next",void 0,"Next"),(()=>this.select(this.stepped(1))),a,i)]}thumbs(i,s){return e("div",{class:"strip",ref:i=>s?this.fullStrip=i:this.strip=i},i.map(((i,s)=>e("button",{key:this.keyOf(i),type:"button",class:{thumb:!0,active:s===this.index},"aria-label":m(void 0,"galleria.showImage",void 0,"Show image {n}",{n:s+1+""}),"aria-current":s===this.index?"true":null,tabIndex:s===this.index?0:-1,onClick:()=>this.select(s)},this.failed.has(i.thumbSrc||i.src)?e(C,{compact:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):e("img",{src:i.thumbSrc||i.src,alt:"",loading:"lazy",decoding:"async",onError:()=>this.fail(i.thumbSrc||i.src)})))))}render(){const i=this.items||[],s=i[this.index]||{},a=this.host.getAttribute("aria-label")||g(void 0,"galleria.imageViewer",void 0,"Image viewer");return e(r,{key:"1ef00acc3af19b6d36fa37439355038c15e1e125",onKeyDown:this.onHostKeyDown},e("div",{key:"d0198daf7788700f5961cdd71340656bf77396bd",class:"hero",style:{height:this.height+"px"},onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"hero-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,s.caption?e("div",{class:"caption"},s.caption):null,this.navigators(),Number(this.autoplay)>0&&!this.reduced?this.control("play",this.playing?y:k,this.playing?g(void 0,"galleria.pauseAutoplay",void 0,"Pause autoplay"):g(void 0,"galleria.startAutoplay",void 0,"Start autoplay"),this.togglePlay):null,this.fullScreen?this.control("expand",w,g(void 0,"galleria.openFullScreen",void 0,"Open full screen"),this.openFull):null),this.thumbs(i,!1),this.open||this.closing?e("div",{id:this.layerId,class:{layer:!0,closing:this.closing},inert:this.closing,ref:i=>this.layer=i,role:"dialog","aria-label":a,onClick:this.onLayerClick,onKeyDown:this.onKeyDown},s.caption?e("div",{class:"full-caption"},s.caption):null,this.control("close",x,g(void 0,"galleria.close",void 0,"Close"),(()=>this.requestClose("close-button")),!1,!0),e("div",{class:"stage",ref:i=>this.stage=i,onPointerDown:this.onPointerDown},s.src&&this.failed.has(s.src)?e(C,{inverse:!0,text:g(void 0,"galleria.unavailable",void 0,"Image unavailable")}):null,s.src&&!this.failed.has(s.src)?e("img",{class:"full-img",src:s.src,alt:s.alt||"",onError:()=>this.fail(s.src)}):null,this.navigators(!0)),this.thumbs(i,!0)):null)}static get watchers(){return{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}}static get style(){return".sc-sui-galleria-h{display:block;min-width:0;box-sizing:border-box;font-family:var(--font-sans);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px}.hero.sc-sui-galleria{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-sunken);touch-action:pan-y}.hero-img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.caption.sc-sui-galleria{position:absolute;inset-inline:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(transparent, color-mix(in srgb, var(--media-dark) 78%, transparent));color:var(--ink-on-dark);font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.ctl.sc-sui-galleria{position:absolute;display:inline-flex;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--media-dark) 82%, transparent);--ink-inverse:var(--ink-on-dark);--ink-inverse-muted:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);--border-inverse:color-mix(in srgb, var(--ink-on-dark) 14%, transparent)}.ctl.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:var(--icon-size-md)}.ctl.prev.sc-sui-galleria,.ctl.next.sc-sui-galleria{top:calc(50% - var(--control-md) / 2)}.ctl.prev.sc-sui-galleria{inset-inline-start:10px}.ctl.next.sc-sui-galleria{inset-inline-end:10px}.ctl.prev.sc-sui-galleria:dir(rtl),.ctl.next.sc-sui-galleria:dir(rtl){transform:scaleX(-1)}.ctl.off.sc-sui-galleria{opacity:0.4}.ctl.expand.sc-sui-galleria{top:10px;inset-inline-end:10px}.ctl.play.sc-sui-galleria{top:10px;inset-inline-start:10px}.strip.sc-sui-galleria{display:flex;gap:8px;margin:8px -2px 0;padding:2px;overflow-x:auto;scrollbar-width:thin}.thumb.sc-sui-galleria{width:64px;height:44px;flex-shrink:0;padding:0;margin:0;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--surface-sunken);border:2px solid transparent;opacity:0.72;transition:opacity var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.thumb.sc-sui-galleria img.sc-sui-galleria{width:100%;height:100%;object-fit:cover;display:block}.thumb.sc-sui-galleria{position:relative}.thumb.sc-sui-galleria:hover{border-color:var(--border-strong)}.thumb.active.sc-sui-galleria{border-color:var(--accent);opacity:1}.thumb.sc-sui-galleria:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.layer.sc-sui-galleria{position:fixed;inset:0;z-index:var(--z-dialog);box-sizing:border-box;background:color-mix(in srgb, var(--media-dark) 90%, transparent);display:flex;flex-direction:column;padding:64px 24px 20px;animation:sui-galleria-fade var(--duration-slow) var(--ease-out)}.layer.sc-sui-galleria:focus{outline:none}.layer.sc-sui-galleria::before{content:'';position:absolute;inset:0 0 auto;height:64px;background:var(--media-dark)}.layer.sc-sui-galleria .ctl.sc-sui-galleria{background:transparent}.layer.sc-sui-galleria .ctl.close.sc-sui-galleria{top:12px;inset-inline-end:14px}.stage.sc-sui-galleria{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;margin:16px 44px 0}.full-img.sc-sui-galleria{position:relative;display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);animation:sui-galleria-in var(--duration-slow) var(--ease-out)}.stage.sc-sui-galleria .ctl.prev.sc-sui-galleria{inset-inline-start:-48px}.stage.sc-sui-galleria .ctl.next.sc-sui-galleria{inset-inline-end:-48px}.full-caption.sc-sui-galleria{position:absolute;top:0;inset-inline:24px 72px;height:64px;line-height:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb, var(--ink-on-dark) 85%, transparent);font-size:13px;font-weight:600;font-family:var(--font-sans)}.layer.sc-sui-galleria .strip.sc-sui-galleria{flex:none;width:max-content;max-width:100%;margin:12px auto 0;box-sizing:border-box}.layer.closing.sc-sui-galleria{pointer-events:none;animation:sui-galleria-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-galleria-fade{from{opacity:0}}@keyframes sui-galleria-in{from{opacity:0;top:4px}}@keyframes sui-galleria-out{to{opacity:0}}@media (forced-colors: active){.caption.sc-sui-galleria{background:Canvas;color:CanvasText;padding-top:10px}.thumb.sc-sui-galleria{border-color:ButtonText}.thumb.active.sc-sui-galleria{border-color:Highlight}.layer.sc-sui-galleria{background:Canvas}.layer.sc-sui-galleria::before{background:Canvas}.full-img.sc-sui-galleria{border:1px solid CanvasText;box-sizing:border-box}.full-caption.sc-sui-galleria{color:CanvasText}}.sui-media-fallback.sc-sui-galleria{position:absolute;inset:0;box-sizing:border-box;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface-sunken);color:var(--ink-faint);font:460 12.5px/1.4 var(--font-sans);text-align:center}.sui-media-fallback.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:22px}.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-muted)}.sui-media-fallback.compact.sc-sui-galleria{gap:0;padding:0}.sui-media-fallback.compact.sc-sui-galleria .sui-glyph.sc-sui-galleria{font-size:14px}.sui-media-fallback.inverse.sc-sui-galleria{background:transparent;color:color-mix(in srgb, var(--ink-on-dark) 70%, transparent)}.sui-media-fallback.inverse.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:var(--ink-on-dark)}@media (forced-colors: active){.sui-media-fallback.sc-sui-galleria,.sui-media-fallback.sc-sui-galleria .sui-mf-text.sc-sui-galleria{color:GrayText}}"}},[514,"sui-galleria",{items:[16],index:[1026],height:[2],hideArrows:[516,"hide-arrows"],circular:[516],autoplay:[2],fullScreen:[516,"full-screen"],open:[1540],failed:[32],playing:[32],reduced:[32],closing:[32],setFocus:[64]},void 0,{items:[{clamp:0}],index:[{clamp:0}],autoplay:[{onAutoplayChange:0}],open:[{onOpen:0}]}]),I=A,M=function(){"undefined"!=typeof customElements&&["sui-galleria","sui-icon-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-galleria":customElements.get(l(i))||customElements.define(l(i),A);break;case"sui-icon-button":customElements.get(l(i))||j();break;case"sui-tooltip":customElements.get(l(i))||z()}}))};export{I as SuiGalleria,M as defineCustomElement}

package/dist/components/sui-icon-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIconButton extends Components.SuiIconButton, HTMLElement {}
+export const SuiIconButton: {
+    prototype: SuiIconButton;
+    new (): SuiIconButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{SuiIconButton as o,defineCustomElement as t}from"./p-RwPlJzMY.js";const e=o,n=t;export{e as SuiIconButton,n as defineCustomElement}

package/dist/components/sui-icon-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIconField extends Components.SuiIconField, HTMLElement {}
+export const SuiIconField: {
+    prototype: SuiIconField;
+    new (): SuiIconField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-icon-field.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,h as o,t as n}from"./p-CeVlau-G.js";import{i as l,a as d}from"./p-Cs2X0Kih.js";import{i as t}from"./p-MsqFuhDd.js";import{u as c}from"./p-U06fVoGD.js";import{i as r,d as a,s as u,r as f}from"./p-BHB1Wprj.js";import{d as h,F as p}from"./p-TBwsYzWO.js";import{G as b,a8 as m}from"./p-DdsE4HI6.js";import{a as v}from"./p-BuyjS5bS.js";import{o as g,h as x}from"./p-BWkzTEZX.js";import{f as y}from"./p-CGWvlrv_.js";const k=["sm","md","lg"],w=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiInput=e(this,"suiInput",7),this.suiChange=e(this,"suiChange",7),this.suiClear=e(this,"suiClear",7),this.suiFocus=e(this,"suiFocus",3),this.suiBlur=e(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;icon;endIcon;size="md";invalid=!1;required=!1;label;help;error;autocomplete;disabled=!1;readOnly=!1;pattern;minLength;placeholder;value="";width;clearable=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;name;type="text";suiInput;suiChange;suiClear;suiFocus;suiBlur;focused=!1;formDisabled=!1;hasEnd=!1;stopSlots;fieldId=c("sui-icon-field");input;endEl;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){r(this.host,this.internals),a(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=l(this.host,(i=>{this.hostLabel=i,this.syncForm()})),this.stopHints?.(),this.stopHints=t(this.host,(i=>{this.hints=i})),this.stopLabelledby?.(),this.stopLabelledby=d(this.host,(i=>{this.hostLabelledby=i})),this.input&&this.watchSlots(!0)}componentWillLoad(){this.initial=this.value,this.detectSlots(),this.syncForm()}componentDidLoad(){this.watchSlots(),this.syncForm()}watchSlots(i=!1){this.stopSlots?.(),this.stopSlots=g(this.host,(()=>this.detectSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.detectSlots()}))}detectSlots(){this.hasEnd=x(this.host,"end")}onEndPress=i=>{if(this.isDisabled)return;let s=i.target;for(;s&&s!==this.endEl;){if(s.matches("button, a[href], input, select, textarea, [tabindex]"))return;s=s.parentElement}i.preventDefault(),this.input?.focus()};componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label||this.hostLabel||this.placeholder,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=y(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=i=>{this.value=i.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};clear=()=>{this.value="",this.suiClear.emit(),this.suiChange.emit(""),this.input?.focus()};disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.(),this.stopSlots?.(),this.stopSlots=void 0}render(){const i=this.width,s=null==i||""===i?void 0:"number"==typeof i||/^\d+(\.\d+)?$/.test(i+"")?i+"px":i+"",e=this.invalid||!!this.error,n=k.includes(this.size)?this.size:"md";return o(p,{key:"0d83da24002605f3a7c444df759a1f849d64af3a",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},o("div",{key:"f40863a9cd0d800071861b0048cb4f7e19b86c4a",class:{"sui-input":!0,"sui-frame":!0,"sui-icon-field":!0,[n]:!0,invalid:e,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly,"has-icon":!!this.icon,"has-end":this.hasEnd},style:s?{width:s}:void 0},this.icon?o("i",{class:this.icon+" icon lead","aria-hidden":"true"}):null,o("input",{key:"bc71fb40288c6fd83cb43fc73b2f7e9f1880755f",ref:i=>this.input=i,id:this.fieldId,class:"field",type:this.type,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?null:this.hostLabel||(this.hostLabelledby?null:this.placeholder),"aria-labelledby":this.label?null:this.hostLabelledby,"aria-invalid":e?"true":null,"aria-describedby":h(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),this.clearable&&this.value&&!this.isDisabled&&!this.readOnly?o("button",{type:"button",class:{clear:!0,"before-icon":!!this.endIcon||this.hasEnd},"aria-label":v(void 0,"icon-field.clear",void 0,"Clear"),onClick:this.clear},o(b,{glyph:m})):null,this.endIcon?o("i",{class:this.endIcon+" icon trail","aria-hidden":"true"}):null,o("span",{key:"71600da279926be20c7aaefd023ffb80184ad07d",class:"end",ref:i=>this.endEl=i,onMouseDown:this.onEndPress},o("slot",{key:"2cb1e0ff98f9c612d2ca37521613bfcccb6d0de8",name:"end"}))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}}static get style(){return".sc-sui-icon-field-h{display:block;font-family:var(--font-sans)}.sui-input.sui-icon-field.sc-sui-icon-field{display:flex;align-items:center;padding:0;overflow:hidden;cursor:text}.sui-icon-field.sc-sui-icon-field .icon.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);flex:none}.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:var(--ink-placeholder)}.sui-icon-field.disabled.sc-sui-icon-field .end.sc-sui-icon-field{opacity:0.5}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-icon-field.sc-sui-icon-field .field.sc-sui-icon-field::-webkit-search-cancel-button{display:none}.sui-icon-field.sm.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 10px;font-size:12.5px}.sui-icon-field.md.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:13px}.sui-icon-field.lg.sc-sui-icon-field .field.sc-sui-icon-field{padding:0 var(--control-pad-x);font-size:14px}.sui-icon-field.has-icon.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-start:8px}.sui-icon-field.sm.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:10px}.sui-icon-field.md.sc-sui-icon-field .icon.lead.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.lead.sc-sui-icon-field{padding-inline-start:var(--control-pad-x)}.sui-icon-field.sm.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .icon.trail.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.clear.sc-sui-icon-field{display:flex;align-items:center;height:100%;padding:0;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;flex:none;transition:color var(--duration-fast) var(--ease-out)}.clear.sc-sui-icon-field .sui-glyph.sc-sui-icon-field{font-size:12px}.clear.sc-sui-icon-field:hover{color:var(--ink)}.clear.sc-sui-icon-field:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.sui-icon-field.sm.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:10px}.sui-icon-field.md.sc-sui-icon-field .clear.sc-sui-icon-field,.sui-icon-field.lg.sc-sui-icon-field .clear.sc-sui-icon-field{padding-inline-end:var(--control-pad-x)}.sui-icon-field.sc-sui-icon-field .clear.before-icon.sc-sui-icon-field{padding-inline-end:6px}.sui-icon-field.sc-sui-icon-field .end.sc-sui-icon-field{display:inline-flex;align-items:center;gap:4px;height:100%;flex:none}.sui-icon-field.has-end.sc-sui-icon-field .field.sc-sui-icon-field{padding-inline-end:8px}.sui-icon-field.has-end.sc-sui-icon-field .icon.trail.sc-sui-icon-field{padding-inline-end:6px}.sui-input.sui-icon-field.readonly.sc-sui-icon-field:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.sui-icon-field.disabled.sc-sui-icon-field .icon.sc-sui-icon-field{color:GrayText}}.sui-frame.sc-sui-icon-field{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-icon-field:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-icon-field,.sui-frame.readonly.sc-sui-icon-field{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{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-icon-field{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-icon-field:focus-within,.sui-frame.invalid.focus.sc-sui-icon-field,.sui-frame.invalid.open.sc-sui-icon-field{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-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{--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-icon-field{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-icon-field::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-icon-field{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-icon-field{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-icon-field{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-icon-field:focus-within,.sui-frame.focus.sc-sui-icon-field,.sui-frame.open.sc-sui-icon-field{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-icon-field:disabled,.sui-frame.disabled.sc-sui-icon-field{color:GrayText;border-color:GrayText}}.sui-field.sc-sui-icon-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-icon-field{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-icon-field .sui-field-label.sc-sui-icon-field{color:var(--danger)}.sui-field-req.sc-sui-icon-field{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-icon-field{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-icon-field{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-icon-field .sui-glyph.sc-sui-icon-field{font-size:11px}"}},[838,"sui-icon-field",{icon:[1],endIcon:[1,"end-icon"],size:[513],invalid:[516],required:[516],label:[1],help:[1],error:[1],autocomplete:[1],disabled:[516],readOnly:[516,"readonly"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],width:[8],clearable:[516],name:[513],type:[513],hostLabel:[32],hostLabelledby:[32],hints:[32],focused:[32],formDisabled:[32],hasEnd:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],error:[{syncForm:0}]}]),F=w,z=function(){"undefined"!=typeof customElements&&["sui-icon-field"].forEach((i=>{"sui-icon-field"===i&&(customElements.get(n(i))||customElements.define(n(i),w))}))};export{F as SuiIconField,z as defineCustomElement}

package/dist/components/sui-ifta-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiIftaLabel extends Components.SuiIftaLabel, HTMLElement {}
+export const SuiIftaLabel: {
+    prototype: SuiIftaLabel;
+    new (): SuiIftaLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;