@shineuix/ssr 1.0.0 → 1.0.1

package/dist/components/sui-dock.js

@@ -1 +1 @@
-import{p as s,H as i,c as t,h as o,a,t as e}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{i as n}from"./p-Cs2X0Kih.js";import{a as c}from"./p-BuyjS5bS.js";import{G as l,D as d,x as p}from"./p-DdsE4HI6.js";const u={up:-90,down:90,left:180,right:0},h=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=t(this,"suiNavigate",7),this.suiActiveChange=t(this,"suiActiveChange",3),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}items=[];orientation="horizontal";position;direction="up";active;noCollapse=!1;collapsed=!1;radius=74;arc;suiNavigate;suiActiveChange;suiOpen;suiClose;hov="";hostLabel;stopAria;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=n(this.host,(s=>{this.hostLabel=s}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector(".tile.on")??this.host.querySelector(".tile")??this.host.querySelector(".ctl, .center")}disconnectedCallback(){this.stopAria?.()}layoutKey="";layout;keyOf(s){return s.key||s.label}navigate(s){const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i)}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hov="",s||this.suiOpen.emit()))}tip(s,i){return o("span",{class:"tip "+i,role:"presentation"},s)}tile(s,i,t,a){const e=this.active===this.keyOf(s),r=!!s.href;return o(r?"a":"button",{type:r?void 0:"button",href:r?s.href:void 0,target:r?s.target:void 0,rel:r&&"_blank"===s.target?"noopener":void 0,class:{tile:!0,on:e},"aria-label":s.label,"aria-current":e?"true":null,onClick:()=>this.navigate(s),onMouseEnter:()=>this.hov=s.label,onMouseLeave:()=>this.hov="",onFocus:()=>this.hov=s.label,onBlur:()=>this.hov=""},t?null:o("span",{class:{bar:!0,v:a,h:!a},"aria-hidden":"true"}),t&&e?o("span",{class:"ring","aria-hidden":"true"}):null,s.img?o("img",{class:"mark",src:s.img,alt:""}):o("i",{class:s.icon+" icon","aria-hidden":"true"}),null!=s.badge?o("span",{class:"badge"},s.badge):null,i&&this.hov===s.label?this.tip(s.label,i):null)}ctl(s,i,t){return o("button",{type:"button",class:"ctl","aria-label":s,"aria-expanded":this.collapsed?"false":"true",onClick:i,onMouseEnter:()=>this.hov=s,onMouseLeave:()=>this.hov="",onFocus:()=>this.hov=s,onBlur:()=>this.hov=""},o(l,{glyph:d,class:"grip"}),this.hov===s?this.tip(s,t):null)}radialLayout(){const s=this.items||[],i=`${s.length}|${this.radius}|${this.arc??""}|${this.direction}`;if(this.layout&&this.layoutKey===i)return this.layout;const t=Math.max(s.length,1),o=null!=u[this.direction]?u[this.direction]:-90;let a=this.radius;const e=2*Math.asin(Math.min(1,60/(2*a)))*180/Math.PI*(t-1),r=null!=this.arc?this.arc:Math.min(Math.max(e,90),300);t>1&&r<e&&(a=60/(2*Math.sin(r/(t-1)*Math.PI/180/2)));const n=s.map(((s,i)=>{const e=(1===t?o:o-r/2+i*(r/(t-1)))*Math.PI/180;return[a*Math.cos(e),a*Math.sin(e)]})),c=n.map((s=>s[0])).concat(0),l=n.map((s=>s[1])).concat(0),d=Math.min.apply(null,c)-28,p=Math.max.apply(null,c)+28,h=Math.min.apply(null,l)-28,k=Math.max.apply(null,l)+28;return this.layoutKey=i,this.layout={pos:n,W:p-d+12,H:k-h+12,cx:6-d,cy:6-h},this.layout}renderRadial(){const s=this.items||[],{pos:i,W:t,H:a,cx:e,cy:r}=this.radialLayout(),n=this.collapsed,u=!n&&this.hov?s.findIndex((s=>s.label===this.hov)):-1;return o("div",{class:"radial",role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications"),style:{width:t+"px",height:a+"px"}},n?null:s.map(((s,t)=>o("div",{class:"sat",style:{left:e+i[t][0]+"px",top:r+i[t][1]+"px"}},this.tile(s,null,!0,!1)))),u>=0?o("span",{class:"tip radial-tip",role:"presentation",style:{left:e+i[u][0]+"px",top:r+i[u][1]-34+"px"}},this.hov):null,o("button",{type:"button",class:{center:!0,open:!n},"aria-label":n?c(void 0,"dock.openApps",void 0,"Open apps"):c(void 0,"dock.closeApps",void 0,"Close apps"),"aria-expanded":n?"false":"true",style:{left:e+"px",top:r+"px"},onClick:()=>this.setCollapsed(!n)},o(l,{glyph:n?d:p})))}get vertical(){return this.position?"left"===this.position||"right"===this.position:"vertical"===this.orientation}get tipSide(){return"right"===this.position?"left":"top"===this.position?"bottom":this.vertical?"right":"top"}render(){const s=this.vertical;if("radial"===this.orientation)return o(a,null,this.renderRadial());const i=this.tipSide;return o(a,null,this.collapsed?o("div",{class:"bar-wrap launcher",role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications")},this.ctl(c(void 0,"dock.expandDock",void 0,"Expand dock"),(()=>this.setCollapsed(!1)),i)):o("div",{class:{"bar-wrap":!0,v:s,h:!s},role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications")},this.noCollapse?null:this.ctl(c(void 0,"dock.collapseDock",void 0,"Collapse dock"),(()=>this.setCollapsed(!0)),i),this.noCollapse?null:o("span",{class:"sep","aria-hidden":"true"}),(this.items||[]).map((t=>this.tile(t,i,!1,s)))))}static get style(){return".sc-sui-dock-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}[position].sc-sui-dock-h{position:fixed;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;pointer-events:none}[position].sc-sui-dock-h>.bar-wrap.sc-sui-dock,[position].sc-sui-dock-h>.radial.sc-sui-dock{pointer-events:auto}[position='top'].sc-sui-dock-h{left:0;right:0;top:var(--space-4)}[position='bottom'].sc-sui-dock-h{left:0;right:0;bottom:var(--space-4)}[position='left'].sc-sui-dock-h{top:0;bottom:0;left:var(--space-4)}[position='right'].sc-sui-dock-h{top:0;bottom:0;right:var(--space-4)}.bar-wrap.sc-sui-dock{display:inline-flex;align-items:center;gap:4px;padding:8px;background:var(--surface-navy);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.bar-wrap.h.sc-sui-dock{flex-direction:row}.bar-wrap.v.sc-sui-dock{flex-direction:column}.sep.sc-sui-dock{background:var(--border-inverse);margin:2px}.bar-wrap.h.sc-sui-dock .sep.sc-sui-dock{width:1px;height:24px}.bar-wrap.v.sc-sui-dock .sep.sc-sui-dock{width:24px;height:1px}.tile.sc-sui-dock,.ctl.sc-sui-dock{position:relative;width:44px;height:44px;flex-shrink:0;margin:0;padding:0;border:none;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--ink-inverse-muted);background:transparent;text-decoration:none;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}a.tile.sc-sui-dock,a.tile.sc-sui-dock:hover,a.tile.sc-sui-dock:visited{color:var(--ink-inverse-muted);text-decoration:none}a.tile.on.sc-sui-dock,a.tile.on.sc-sui-dock:hover,a.tile.on.sc-sui-dock:visited{color:var(--accent)}.tile.sc-sui-dock:hover{background:color-mix(in srgb, var(--ink-inverse) 5%, transparent)}.tile.on.sc-sui-dock{background:color-mix(in srgb, var(--ink-inverse) 9%, transparent);color:var(--accent)}.tile.sc-sui-dock:focus-visible,.ctl.sc-sui-dock:focus-visible,.center.sc-sui-dock:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.icon.sc-sui-dock{font-size:17px}.mark.sc-sui-dock{width:26px;height:26px;border-radius:7px;display:block}.bar.sc-sui-dock{position:absolute;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.bar.h.sc-sui-dock{top:-6px;left:50%;transform:translateX(-50%);height:3px;width:22px;border-radius:0 0 3px 3px}.bar.v.sc-sui-dock{inset-inline-start:-6px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0}.tile.on.sc-sui-dock .bar.sc-sui-dock{background:var(--accent)}.ring.sc-sui-dock{position:absolute;inset:3px;border-radius:9px;border:2px solid var(--accent);pointer-events:none}.badge.sc-sui-dock{position:absolute;top:2px;inset-inline-end:2px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:9px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-navy)}.ctl.sc-sui-dock{background:color-mix(in srgb, var(--ink-inverse) 7%, transparent)}.ctl.sc-sui-dock:hover{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent)}.grip.sc-sui-dock{font-size:15px}.tip.sc-sui-dock{position:absolute;z-index:30;white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;font-family:var(--font-sans);padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.right.sc-sui-dock{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tip.left.sc-sui-dock{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tip.top.sc-sui-dock{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tip.bottom.sc-sui-dock{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tip.radial-tip.sc-sui-dock{transform:translate(-50%, -100%);z-index:var(--z-tooltip)}.radial.sc-sui-dock{position:relative;display:inline-block}.sat.sc-sui-dock{position:absolute;transform:translate(-50%, -50%);background:var(--surface-navy);border-radius:13px;box-shadow:var(--shadow-pop);padding:3px}.center.sc-sui-dock{position:absolute;transform:translate(-50%, -50%);width:48px;height:48px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:var(--shadow-pop);background:var(--surface-navy);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;transition:background var(--duration-base) var(--ease-out)}.center.open.sc-sui-dock{background:var(--accent);color:var(--accent-contrast)}.center.sc-sui-dock .sui-glyph.sc-sui-dock{font-size:16px}@media (forced-colors: active){.bar-wrap.sc-sui-dock,.sat.sc-sui-dock{border:1px solid CanvasText}.sep.sc-sui-dock{background:CanvasText}.tile.on.sc-sui-dock{forced-color-adjust:none;background:Highlight;color:HighlightText}a.tile.on.sc-sui-dock,a.tile.on.sc-sui-dock:hover,a.tile.on.sc-sui-dock:visited{color:HighlightText}.tile.sc-sui-dock:focus-visible,.ctl.sc-sui-dock:focus-visible,.center.sc-sui-dock:focus-visible{outline-color:CanvasText;box-shadow:none}.tile.on.sc-sui-dock .bar.sc-sui-dock{background:HighlightText}.ring.sc-sui-dock{border-color:Highlight}.badge.sc-sui-dock{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.ctl.sc-sui-dock,.center.sc-sui-dock{border:1px solid ButtonText;box-sizing:border-box}.center.open.sc-sui-dock{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}.tip.sc-sui-dock{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}"}},[514,"sui-dock",{items:[16],orientation:[513],position:[513],direction:[513],active:[1025],noCollapse:[516,"no-collapse"],collapsed:[1540],radius:[2],arc:[2],hov:[32],hostLabel:[32],setFocus:[64]}]),k=h,v=function(){"undefined"!=typeof customElements&&["sui-dock"].forEach((s=>{"sui-dock"===s&&(customElements.get(e(s))||customElements.define(e(s),h))}))};export{k as SuiDock,v as defineCustomElement}
+import{p as s,H as i,c as t,h as o,a,t as e}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{i as n}from"./p-wknHx00K.js";import{a as c}from"./p-BuyjS5bS.js";import{G as l,D as d,x as p}from"./p-BeYfX4rQ.js";const u={up:-90,down:90,left:180,right:0},h=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiNavigate=t(this,"suiNavigate",7),this.suiActiveChange=t(this,"suiActiveChange",3),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}items=[];orientation="horizontal";position;direction="up";active;noCollapse=!1;collapsed=!1;radius=74;arc;suiNavigate;suiActiveChange;suiOpen;suiClose;hov="";hostLabel;stopAria;connectedCallback(){r(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=n(this.host,(s=>{this.hostLabel=s}))}async setFocus(){this.focusTarget()?.focus()}focusTarget(){return this.host.querySelector(".tile.on")??this.host.querySelector(".tile")??this.host.querySelector(".ctl, .center")}disconnectedCallback(){this.stopAria?.()}layoutKey="";layout;keyOf(s){return s.key||s.label}navigate(s){const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i)}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hov="",s||this.suiOpen.emit()))}tip(s,i){return o("span",{class:"tip "+i,role:"presentation"},s)}tile(s,i,t,a){const e=this.active===this.keyOf(s),r=!!s.href;return o(r?"a":"button",{type:r?void 0:"button",href:r?s.href:void 0,target:r?s.target:void 0,rel:r&&"_blank"===s.target?"noopener":void 0,class:{tile:!0,on:e},"aria-label":s.label,"aria-current":e?"true":null,onClick:()=>this.navigate(s),onMouseEnter:()=>this.hov=s.label,onMouseLeave:()=>this.hov="",onFocus:()=>this.hov=s.label,onBlur:()=>this.hov=""},t?null:o("span",{class:{bar:!0,v:a,h:!a},"aria-hidden":"true"}),t&&e?o("span",{class:"ring","aria-hidden":"true"}):null,s.img?o("img",{class:"mark",src:s.img,alt:""}):o("i",{class:s.icon+" icon","aria-hidden":"true"}),null!=s.badge?o("span",{class:"badge"},s.badge):null,i&&this.hov===s.label?this.tip(s.label,i):null)}ctl(s,i,t){return o("button",{type:"button",class:"ctl","aria-label":s,"aria-expanded":this.collapsed?"false":"true",onClick:i,onMouseEnter:()=>this.hov=s,onMouseLeave:()=>this.hov="",onFocus:()=>this.hov=s,onBlur:()=>this.hov=""},o(l,{glyph:d,class:"grip"}),this.hov===s?this.tip(s,t):null)}radialLayout(){const s=this.items||[],i=`${s.length}|${this.radius}|${this.arc??""}|${this.direction}`;if(this.layout&&this.layoutKey===i)return this.layout;const t=Math.max(s.length,1),o=null!=u[this.direction]?u[this.direction]:-90;let a=this.radius;const e=2*Math.asin(Math.min(1,60/(2*a)))*180/Math.PI*(t-1),r=null!=this.arc?this.arc:Math.min(Math.max(e,90),300);t>1&&r<e&&(a=60/(2*Math.sin(r/(t-1)*Math.PI/180/2)));const n=s.map(((s,i)=>{const e=(1===t?o:o-r/2+i*(r/(t-1)))*Math.PI/180;return[a*Math.cos(e),a*Math.sin(e)]})),c=n.map((s=>s[0])).concat(0),l=n.map((s=>s[1])).concat(0),d=Math.min.apply(null,c)-28,p=Math.max.apply(null,c)+28,h=Math.min.apply(null,l)-28,k=Math.max.apply(null,l)+28;return this.layoutKey=i,this.layout={pos:n,W:p-d+12,H:k-h+12,cx:6-d,cy:6-h},this.layout}renderRadial(){const s=this.items||[],{pos:i,W:t,H:a,cx:e,cy:r}=this.radialLayout(),n=this.collapsed,u=!n&&this.hov?s.findIndex((s=>s.label===this.hov)):-1;return o("div",{class:"radial",role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications"),style:{width:t+"px",height:a+"px"}},n?null:s.map(((s,t)=>o("div",{class:"sat",style:{left:e+i[t][0]+"px",top:r+i[t][1]+"px"}},this.tile(s,null,!0,!1)))),u>=0?o("span",{class:"tip radial-tip",role:"presentation",style:{left:e+i[u][0]+"px",top:r+i[u][1]-34+"px"}},this.hov):null,o("button",{type:"button",class:{center:!0,open:!n},"aria-label":n?c(void 0,"dock.openApps",void 0,"Open apps"):c(void 0,"dock.closeApps",void 0,"Close apps"),"aria-expanded":n?"false":"true",style:{left:e+"px",top:r+"px"},onClick:()=>this.setCollapsed(!n)},o(l,{glyph:n?d:p})))}get vertical(){return this.position?"left"===this.position||"right"===this.position:"vertical"===this.orientation}get tipSide(){return"right"===this.position?"left":"top"===this.position?"bottom":this.vertical?"right":"top"}render(){const s=this.vertical;if("radial"===this.orientation)return o(a,null,this.renderRadial());const i=this.tipSide;return o(a,null,this.collapsed?o("div",{class:"bar-wrap launcher",role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications")},this.ctl(c(void 0,"dock.expandDock",void 0,"Expand dock"),(()=>this.setCollapsed(!1)),i)):o("div",{class:{"bar-wrap":!0,v:s,h:!s},role:"navigation","aria-label":this.hostLabel||c(void 0,"dock.applications",void 0,"Applications")},this.noCollapse?null:this.ctl(c(void 0,"dock.collapseDock",void 0,"Collapse dock"),(()=>this.setCollapsed(!0)),i),this.noCollapse?null:o("span",{class:"sep","aria-hidden":"true"}),(this.items||[]).map((t=>this.tile(t,i,!1,s)))))}static get style(){return".sc-sui-dock-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}[position].sc-sui-dock-h{position:fixed;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;pointer-events:none}[position].sc-sui-dock-h>.bar-wrap.sc-sui-dock,[position].sc-sui-dock-h>.radial.sc-sui-dock{pointer-events:auto}[position='top'].sc-sui-dock-h{left:0;right:0;top:var(--space-4)}[position='bottom'].sc-sui-dock-h{left:0;right:0;bottom:var(--space-4)}[position='left'].sc-sui-dock-h{top:0;bottom:0;left:var(--space-4)}[position='right'].sc-sui-dock-h{top:0;bottom:0;right:var(--space-4)}.bar-wrap.sc-sui-dock{display:inline-flex;align-items:center;gap:4px;padding:8px;background:var(--surface-navy);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.bar-wrap.h.sc-sui-dock{flex-direction:row}.bar-wrap.v.sc-sui-dock{flex-direction:column}.sep.sc-sui-dock{background:var(--border-inverse);margin:2px}.bar-wrap.h.sc-sui-dock .sep.sc-sui-dock{width:1px;height:24px}.bar-wrap.v.sc-sui-dock .sep.sc-sui-dock{width:24px;height:1px}.tile.sc-sui-dock,.ctl.sc-sui-dock{position:relative;width:44px;height:44px;flex-shrink:0;margin:0;padding:0;border:none;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--ink-inverse-muted);background:transparent;text-decoration:none;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}a.tile.sc-sui-dock,a.tile.sc-sui-dock:hover,a.tile.sc-sui-dock:visited{color:var(--ink-inverse-muted);text-decoration:none}a.tile.on.sc-sui-dock,a.tile.on.sc-sui-dock:hover,a.tile.on.sc-sui-dock:visited{color:var(--accent)}.tile.sc-sui-dock:hover{background:color-mix(in srgb, var(--ink-inverse) 5%, transparent)}.tile.on.sc-sui-dock{background:color-mix(in srgb, var(--ink-inverse) 9%, transparent);color:var(--accent)}.tile.sc-sui-dock:focus-visible,.ctl.sc-sui-dock:focus-visible,.center.sc-sui-dock:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.icon.sc-sui-dock{font-size:17px}.mark.sc-sui-dock{width:26px;height:26px;border-radius:7px;display:block}.bar.sc-sui-dock{position:absolute;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.bar.h.sc-sui-dock{top:-6px;left:50%;transform:translateX(-50%);height:3px;width:22px;border-radius:0 0 3px 3px}.bar.v.sc-sui-dock{inset-inline-start:-6px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-start-start-radius:0;border-start-end-radius:3px;border-end-end-radius:3px;border-end-start-radius:0}.tile.on.sc-sui-dock .bar.sc-sui-dock{background:var(--accent)}.ring.sc-sui-dock{position:absolute;inset:3px;border-radius:9px;border:2px solid var(--accent);pointer-events:none}.badge.sc-sui-dock{position:absolute;top:2px;inset-inline-end:2px;min-width:15px;height:15px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:9px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface-navy)}.ctl.sc-sui-dock{background:color-mix(in srgb, var(--ink-inverse) 7%, transparent)}.ctl.sc-sui-dock:hover{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent)}.grip.sc-sui-dock{font-size:15px}.tip.sc-sui-dock{position:absolute;z-index:30;white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;font-family:var(--font-sans);padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.right.sc-sui-dock{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tip.left.sc-sui-dock{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tip.top.sc-sui-dock{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tip.bottom.sc-sui-dock{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tip.radial-tip.sc-sui-dock{transform:translate(-50%, -100%);z-index:var(--z-tooltip)}.radial.sc-sui-dock{position:relative;display:inline-block}.sat.sc-sui-dock{position:absolute;transform:translate(-50%, -50%);background:var(--surface-navy);border-radius:13px;box-shadow:var(--shadow-pop);padding:3px}.center.sc-sui-dock{position:absolute;transform:translate(-50%, -50%);width:48px;height:48px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:var(--shadow-pop);background:var(--surface-navy);color:var(--ink-inverse);display:flex;align-items:center;justify-content:center;transition:background var(--duration-base) var(--ease-out)}.center.open.sc-sui-dock{background:var(--accent);color:var(--accent-contrast)}.center.sc-sui-dock .sui-glyph.sc-sui-dock{font-size:16px}@media (forced-colors: active){.bar-wrap.sc-sui-dock,.sat.sc-sui-dock{border:1px solid CanvasText}.sep.sc-sui-dock{background:CanvasText}.tile.on.sc-sui-dock{forced-color-adjust:none;background:Highlight;color:HighlightText}a.tile.on.sc-sui-dock,a.tile.on.sc-sui-dock:hover,a.tile.on.sc-sui-dock:visited{color:HighlightText}.tile.sc-sui-dock:focus-visible,.ctl.sc-sui-dock:focus-visible,.center.sc-sui-dock:focus-visible{outline-color:CanvasText;box-shadow:none}.tile.on.sc-sui-dock .bar.sc-sui-dock{background:HighlightText}.ring.sc-sui-dock{border-color:Highlight}.badge.sc-sui-dock{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.ctl.sc-sui-dock,.center.sc-sui-dock{border:1px solid ButtonText;box-sizing:border-box}.center.open.sc-sui-dock{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}.tip.sc-sui-dock{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}"}},[514,"sui-dock",{items:[16],orientation:[513],position:[513],direction:[513],active:[1025],noCollapse:[516,"no-collapse"],collapsed:[1540],radius:[2],arc:[2],hov:[32],hostLabel:[32],setFocus:[64]}]),k=h,v=function(){"undefined"!=typeof customElements&&["sui-dock"].forEach((s=>{"sui-dock"===s&&(customElements.get(e(s))||customElements.define(e(s),h))}))};export{k as SuiDock,v as defineCustomElement}

package/dist/components/sui-drawer.js

@@ -1 +1 @@
-import{p as s,H as i,c as e,f as r,h as a,a as t,t as o}from"./p-CeVlau-G.js";import{o as d,n,a as l,f as u,s as c}from"./p-BEa7fx4d.js";import{m as h}from"./p-BiSaIyr0.js";import{a as p,o as f}from"./p-BWkzTEZX.js";import{u as m}from"./p-U06fVoGD.js";import{a as w}from"./p-BuyjS5bS.js";import{G as v,x}from"./p-DdsE4HI6.js";import{defineCustomElement as b}from"./p-RwPlJzMY.js";import{d as g}from"./p-v0MrzKlW.js";const y=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiClose=e(this,"suiClose",3)}get host(){return this}open=!1;heading="";subtitle;position="right";width=380;height=300;initialFocus;returnFocus;suiClose;hasFooter=!1;hasHeader=!1;closing=!1;fieldId=m("sui-drawer");modal;panel;layer;body;unobserve;loaded=!1;top=h({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});componentWillLoad(){this.readSlots()}readSlots(){this.hasFooter=p(this.host,"footer").length>0,this.hasHeader=p(this.host,"header").length>0}componentDidLoad(){this.loaded=!0,this.unobserve=f(this.host,(()=>this.readSlots()))}connectedCallback(){this.loaded&&(this.unobserve||(this.unobserve=f(this.host,(()=>this.readSlots())),this.readSlots()),this.open&&r(this))}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1),this.unobserve?.(),this.unobserve=void 0}onOpen(s){if(s)return this.top.reopen(),void(this.closing=!1);this.deactivate(),this.closing=this.top.close()}componentDidRender(){this.open&&this.activate()}activate(){this.open&&this.panel&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=d(this.panel,{initialFocus:()=>l(this.panel,this.initialFocus)||u(this.body)||c(this.body),returnFocus:()=>n(this.host,this.returnFocus)}))}onScrimPress=s=>{s.preventDefault()};deactivate(){this.modal?.release(),this.modal=void 0}requestClose(s){this.suiClose.emit(s).defaultPrevented||(this.open=!1)}render(){const s="full"===this.position?void 0:{"--sui-drawer-size":"left"===this.position||"right"===this.position?`min(${this.width}px, 90%)`:`min(${this.height}px, 90%)`},i=this.fieldId+"-title";return a(t,{key:"c39839ec4c85ca2f006d26e1cc66edf7e906c713"},this.open||this.closing?a("div",{class:{layer:!0,closing:this.closing},inert:this.closing,ref:s=>this.layer=s},a("div",{class:"scrim",onMouseDown:this.onScrimPress,onClick:()=>this.requestClose("scrim")}),a("div",{ref:s=>this.panel=s,class:"panel "+this.position,role:"dialog",tabindex:"-1","aria-labelledby":this.hasHeader?i:void 0,"aria-label":this.hasHeader?void 0:this.heading||void 0,style:s},a("div",{class:"head"},a("div",{class:"titles",id:i},a("slot",{name:"header"}),this.hasHeader?null:a("div",{class:"heading"},this.heading),!this.hasHeader&&this.subtitle?a("div",{class:"subtitle"},this.subtitle):null),a("sui-icon-button",{class:"close",size:"sm","aria-label":w(void 0,"drawer.close",void 0,"Close"),onClick:()=>this.requestClose("close-button")},a(v,{glyph:x}))),a("div",{class:"body",ref:s=>this.body=s},a("slot",null)),a("div",{class:{foot:!0,has:this.hasFooter}},a("slot",{name:"footer"})))):null)}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return".sc-sui-drawer-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-drawer{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-drawer{position:absolute;inset:0;background:var(--scrim);animation:sui-drawer-fade var(--duration-overlay) var(--ease-out)}.panel.sc-sui-drawer{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-overlay);animation:sui-drawer-right var(--duration-overlay) var(--ease-out)}.panel.sc-sui-drawer:focus{outline:none}.panel.right.sc-sui-drawer{top:0;right:0;bottom:0;width:var(--sui-drawer-size);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.panel.left.sc-sui-drawer{top:0;left:0;bottom:0;width:var(--sui-drawer-size);border-radius:0 var(--radius-xl) var(--radius-xl) 0;animation-name:sui-drawer-left}.panel.bottom.sc-sui-drawer{left:0;right:0;bottom:0;height:var(--sui-drawer-size);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation-name:sui-drawer-bottom}.panel.top.sc-sui-drawer{left:0;right:0;top:0;height:var(--sui-drawer-size);border-radius:0 0 var(--radius-xl) var(--radius-xl);animation-name:sui-drawer-top}.panel.full.sc-sui-drawer{inset:0;border-radius:0;animation-name:sui-drawer-fade}.head.sc-sui-drawer{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline)}.titles.sc-sui-drawer{flex:1;min-width:0}.heading.sc-sui-drawer{font-size:16px;font-weight:730;letter-spacing:var(--tracking-tight);color:var(--ink)}.subtitle.sc-sui-drawer{font-size:12px;color:var(--ink-muted);margin-top:2px}.close.sc-sui-drawer{margin-top:-2px}.close.sc-sui-drawer .sui-glyph.sc-sui-drawer{font-size:var(--icon-size-sm)}.body.sc-sui-drawer{flex:1;overflow:auto;overscroll-behavior:contain;padding:16px 20px;font-size:13.5px;line-height:1.5;color:var(--ink)}.body.sc-sui-drawer:focus{outline:none}.foot.sc-sui-drawer{display:none}.foot.has.sc-sui-drawer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid var(--hairline);background:var(--surface-sunken)}.layer.closing.sc-sui-drawer{pointer-events:none}.layer.closing.sc-sui-drawer .scrim.sc-sui-drawer,.layer.closing.sc-sui-drawer .panel.sc-sui-drawer{animation:sui-drawer-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-drawer-fade{from{opacity:0}}@keyframes sui-drawer-out{to{opacity:0}}@keyframes sui-drawer-right{from{opacity:0;right:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-left{from{opacity:0;left:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-bottom{from{opacity:0;bottom:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-top{from{opacity:0;top:calc(-1 * var(--sui-drawer-size))}}.foot.sc-sui-drawer-s>span,.foot .sc-sui-drawer-s>span,.foot.sc-sui-drawer-s>div,.foot .sc-sui-drawer-s>div{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px}@media (max-height: 480px){.panel.sc-sui-drawer{overflow-y:auto;overscroll-behavior:contain}.body.sc-sui-drawer{flex:1 0 auto;overflow:visible}}@media (forced-colors: active){.panel.sc-sui-drawer{border:1px solid CanvasText}}"}},[774,"sui-drawer",{open:[1540],heading:[1],subtitle:[1],position:[513],width:[2],height:[2],initialFocus:[1,"initial-focus"],returnFocus:[1,"return-focus"],hasFooter:[32],hasHeader:[32],closing:[32]},void 0,{open:[{onOpen:0}]}]),k=y,z=function(){"undefined"!=typeof customElements&&["sui-drawer","sui-icon-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-drawer":customElements.get(o(s))||customElements.define(o(s),y);break;case"sui-icon-button":customElements.get(o(s))||b();break;case"sui-tooltip":customElements.get(o(s))||g()}}))};export{k as SuiDrawer,z as defineCustomElement}
+import{p as s,H as i,c as e,f as r,h as a,a as t,t as o}from"./p-CeVlau-G.js";import{o as d,n,a as l,f as u,s as c}from"./p-DpbLhd6d.js";import{m as h}from"./p-DW6x7zfX.js";import{a as p,o as f}from"./p-BWkzTEZX.js";import{u as m}from"./p-U06fVoGD.js";import{a as w}from"./p-BuyjS5bS.js";import{G as v,x as b}from"./p-BeYfX4rQ.js";import{defineCustomElement as x}from"./p-BQJXtvhG.js";import{d as g}from"./p-b5Ks_pUg.js";const y=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiClose=e(this,"suiClose",3)}get host(){return this}open=!1;heading="";subtitle;position="right";width=380;height=300;initialFocus;returnFocus;suiClose;hasFooter=!1;hasHeader=!1;closing=!1;fieldId=m("sui-drawer");modal;panel;layer;body;unobserve;loaded=!1;top=h({exited:()=>this.closing=!1,onEscape:()=>this.requestClose("escape")});componentWillLoad(){this.readSlots()}readSlots(){this.hasFooter=p(this.host,"footer").length>0,this.hasHeader=p(this.host,"header").length>0}componentDidLoad(){this.loaded=!0,this.unobserve=f(this.host,(()=>this.readSlots()))}connectedCallback(){this.loaded&&(this.unobserve||(this.unobserve=f(this.host,(()=>this.readSlots())),this.readSlots()),this.open&&r(this))}disconnectedCallback(){this.deactivate(),this.top.disconnect()&&(this.closing=!1),this.unobserve?.(),this.unobserve=void 0}onOpen(s){if(s)return this.top.reopen(),void(this.closing=!1);this.deactivate(),this.closing=this.top.close()}componentDidRender(){this.open&&this.activate()}activate(){this.open&&this.panel&&!this.modal&&this.host.isConnected&&(this.top.open(this.layer),this.modal=d(this.panel,{initialFocus:()=>l(this.panel,this.initialFocus)||u(this.body)||c(this.body),returnFocus:()=>n(this.host,this.returnFocus)}))}onScrimPress=s=>{s.preventDefault()};deactivate(){this.modal?.release(),this.modal=void 0}requestClose(s){this.suiClose.emit(s).defaultPrevented||(this.open=!1)}render(){const s="full"===this.position?void 0:{"--sui-drawer-size":"left"===this.position||"right"===this.position?`min(${this.width}px, 90%)`:`min(${this.height}px, 90%)`},i=this.fieldId+"-title";return a(t,{key:"90df1c499498fc9222118be766f3304262e2650b"},this.open||this.closing?a("div",{class:{layer:!0,closing:this.closing},inert:this.closing,ref:s=>this.layer=s},a("div",{class:"scrim",onMouseDown:this.onScrimPress,onClick:()=>this.requestClose("scrim")}),a("div",{ref:s=>this.panel=s,class:"panel "+this.position,role:"dialog",tabindex:"-1","aria-labelledby":this.hasHeader?i:void 0,"aria-label":this.hasHeader?void 0:this.heading||void 0,style:s},a("div",{class:"head"},a("div",{class:"titles",id:i},a("slot",{name:"header"}),this.hasHeader?null:a("div",{class:"heading"},this.heading),!this.hasHeader&&this.subtitle?a("div",{class:"subtitle"},this.subtitle):null),a("sui-icon-button",{class:"close",size:"sm","aria-label":w(void 0,"drawer.close",void 0,"Close"),onClick:()=>this.requestClose("close-button")},a(v,{glyph:b}))),a("div",{class:"body",ref:s=>this.body=s},a("slot",null)),a("div",{class:{foot:!0,has:this.hasFooter}},a("slot",{name:"footer"})))):null)}static get watchers(){return{open:[{onOpen:0}]}}static get style(){return".sc-sui-drawer-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-drawer{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-drawer{position:absolute;inset:0;background:var(--scrim);animation:sui-drawer-fade var(--duration-overlay) var(--ease-out)}.panel.sc-sui-drawer{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-overlay);animation:sui-drawer-right var(--duration-overlay) var(--ease-out)}.panel.sc-sui-drawer:focus{outline:none}.panel.right.sc-sui-drawer{top:0;right:0;bottom:0;width:var(--sui-drawer-size);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.panel.left.sc-sui-drawer{top:0;left:0;bottom:0;width:var(--sui-drawer-size);border-radius:0 var(--radius-xl) var(--radius-xl) 0;animation-name:sui-drawer-left}.panel.bottom.sc-sui-drawer{left:0;right:0;bottom:0;height:var(--sui-drawer-size);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation-name:sui-drawer-bottom}.panel.top.sc-sui-drawer{left:0;right:0;top:0;height:var(--sui-drawer-size);border-radius:0 0 var(--radius-xl) var(--radius-xl);animation-name:sui-drawer-top}.panel.full.sc-sui-drawer{inset:0;border-radius:0;animation-name:sui-drawer-fade}.head.sc-sui-drawer{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline)}.titles.sc-sui-drawer{flex:1;min-width:0}.heading.sc-sui-drawer{font-size:16px;font-weight:730;letter-spacing:var(--tracking-tight);color:var(--ink)}.subtitle.sc-sui-drawer{font-size:12px;color:var(--ink-muted);margin-top:2px}.close.sc-sui-drawer{margin-top:-2px}.close.sc-sui-drawer .sui-glyph.sc-sui-drawer{font-size:var(--icon-size-sm)}.body.sc-sui-drawer{flex:1;overflow:auto;overscroll-behavior:contain;padding:16px 20px;font-size:13.5px;line-height:1.5;color:var(--ink)}.body.sc-sui-drawer:focus{outline:none}.foot.sc-sui-drawer{display:none}.foot.has.sc-sui-drawer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid var(--hairline);background:var(--surface-sunken)}.layer.closing.sc-sui-drawer{pointer-events:none}.layer.closing.sc-sui-drawer .scrim.sc-sui-drawer,.layer.closing.sc-sui-drawer .panel.sc-sui-drawer{animation:sui-drawer-out var(--duration-fast) var(--ease-out) forwards}@keyframes sui-drawer-fade{from{opacity:0}}@keyframes sui-drawer-out{to{opacity:0}}@keyframes sui-drawer-right{from{opacity:0;right:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-left{from{opacity:0;left:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-bottom{from{opacity:0;bottom:calc(-1 * var(--sui-drawer-size))}}@keyframes sui-drawer-top{from{opacity:0;top:calc(-1 * var(--sui-drawer-size))}}.foot.sc-sui-drawer-s>span,.foot .sc-sui-drawer-s>span,.foot.sc-sui-drawer-s>div,.foot .sc-sui-drawer-s>div{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px}@media (max-height: 480px){.panel.sc-sui-drawer{overflow-y:auto;overscroll-behavior:contain}.body.sc-sui-drawer{flex:1 0 auto;overflow:visible}}@media (forced-colors: active){.panel.sc-sui-drawer{border:1px solid CanvasText}}"}},[774,"sui-drawer",{open:[1540],heading:[1],subtitle:[1],position:[513],width:[2],height:[2],initialFocus:[1,"initial-focus"],returnFocus:[1,"return-focus"],hasFooter:[32],hasHeader:[32],closing:[32]},void 0,{open:[{onOpen:0}]}]),k=y,z=function(){"undefined"!=typeof customElements&&["sui-drawer","sui-icon-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-drawer":customElements.get(o(s))||customElements.define(o(s),y);break;case"sui-icon-button":customElements.get(o(s))||x();break;case"sui-tooltip":customElements.get(o(s))||g()}}))};export{k as SuiDrawer,z as defineCustomElement}

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

@@ -1 +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}
+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-Cb50ss23.js";import{G as l,$ as x,c as h,ah as p,ai as v,aj as m,ak as f}from"./p-BeYfX4rQ.js";import{d as g}from"./p-piEUki9n.js";import{i as k,d as y,s as w,r as M}from"./p-BHB1Wprj.js";import{u as P}from"./p-U06fVoGD.js";import{b as C}from"./p-qut9RP2y.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-DquILvXX.js";import{d as q}from"./p-kDhmjEYc.js";import{d as I}from"./p-b5Ks_pUg.js";const V=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(){k(this.host,this.internals),y(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:"3a0ab2300f7a55ab3afb958e49316fc3a31cc888",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=V,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),V);break;case"sui-button":customElements.get(r(i))||H();break;case"sui-mini-toolbar":customElements.get(r(i))||q();break;case"sui-tooltip":customElements.get(r(i))||I()}}))};export{B as SuiEditBox,T as defineCustomElement}

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

@@ -1 +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}
+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-BeYfX4rQ.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:"7012b71842ce4e6ffe170bde0f0e662b3a5a7efe"},e("div",{key:"2cb4d41d55095d17e27d1b56bd2fcd69224f0bd9",class:{state:!0,[this.variant]:!0,compact:this.compact,bare:this.bare},role:"error"===this.variant?"alert":void 0},e("span",{key:"93c918d6f300722820a36275a6081797487927ab",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:"0eaeaa6f1e22059e3f47b7c9a053fef1171bacc5",class:{description:!0,empty:s}},this.hasBody?null:this.description,e("div",{key:"d23d71ed12638e398dc0f25cc24025fbec81b9e8",ref:t=>this.bodyEl=t,class:"slotted"},e("slot",{key:"726e674870ecacc7da47526da615df11a29ee443"}))),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.js

@@ -1 +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}
+import{p as s,H as e,c as i,h as t,a as o,t as l}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-BeYfX4rQ.js";import{d as c}from"./p-CZ4DDtn8.js";const h=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(o,{key:"59953dc833a3d4cbd2ba868e8363c4b981fe8bad",class:{collapsed:this.collapsed,closed:!this.mounted,collapsible:this.collapsible}},t("fieldset",{key:"8241f36ad412819cb7cd6235b12251e7137a30a5",class:"set",disabled:this.disabled},t("legend",{key:"be34aced3da1507da5abe4c2d19bbaa16265a99d",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:"5c009175a6cd8b32dde81e0d6d772185f1ff383b",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}]}]),f=h,u=function(){"undefined"!=typeof customElements&&["sui-fieldset"].forEach((s=>{"sui-fieldset"===s&&(customElements.get(l(s))||customElements.define(l(s),h))}))};export{f as SuiFieldset,u as defineCustomElement}

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

@@ -1 +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}
+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-qut9RP2y.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-BeYfX4rQ.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:"b60b738b2716515123214f59b1e7b0139cb1af23"},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:"b564ae709d5f238b383e2e0c8462c9028ccf575f",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:"19e0237b68a2560023b4427b58156cf647fccd2c",glyph:D,class:"sui-upload-icon"}),o("span",{key:"2a462ae136ee8bd692fb446dbc88ff416c1fdc9e",class:"sui-upload-title",id:n+"-title"},r(void 0,"file-upload.drop",void 0,"Drop files here or "),o("span",{key:"4560c3623e8b158e8c626ca48195fcb5f5b5fa4b",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:"d6e60e2f88f30b8f8dfc628dc3161ba5b3185dd7",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,B=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,B as defineCustomElement}

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

@@ -1 +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}
+import{p as i,H as s,c as e,f as t,h as r,a as o,t as u}from"./p-CeVlau-G.js";import{i as l,w as n,x as a,y as d,z as c,F as f,A as b}from"./p-CaekSnKG.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-DsHK25q3.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 S}from"./p-BeYfX4rQ.js";import{A as T,J as H,a as B,c as M,F as K,b as q}from"./p-CiFpI_XW.js";import{d as N}from"./p-BUqcDxTK.js";import{defineCustomElement as I}from"./p-DquILvXX.js";import{defineCustomElement as R}from"./p-0NNDSmh0.js";import{d as L}from"./p-mEOcDy5S.js";import{defineCustomElement as P}from"./p-CBiEHE-i.js";import{defineCustomElement as V}from"./p-BQJXtvhG.js";import{defineCustomElement as W}from"./p-Cbd6cMaD.js";import{defineCustomElement as U}from"./p-FKYMQPFB.js";import{defineCustomElement as J}from"./p-B3hr5-fa.js";import{defineCustomElement as X}from"./p-D0BIoHLP.js";import{defineCustomElement as _}from"./p-CDiy2nTd.js";import{d as Q}from"./p-b5Ks_pUg.js";const Y=i=>a(i)?1+Math.max(0,...i.items.map(Y)):0,$=(i,s)=>i===s||a(i)&&i.items.some((i=>$(i,s))),Z=(i,s,e=0)=>{if(i===s)return e;for(const t of i.items){if(!a(t))continue;const i=Z(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:l(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?l(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=Z(this.draft,s);return e>=0&&e+Y(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 u=0;const l=()=>{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?.():u++<4&&requestAnimationFrame(l)};requestAnimationFrame((()=>requestAnimationFrame(l)))}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}),u=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:S})),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(q,{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":u(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:l(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?B(y):[],value:b.matchMode,onSuiChange:i=>{i.stopPropagation();const e=i.detail;e&&e!==b.matchMode&&this.setItem(s,h,{...b,matchMode:e,value:M(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(K,{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(q,{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(T,{label:t.addCondition,onAdd:i=>this.addCondition(s,i)}),e<this.maxDepth?r(T,{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(u(i))||customElements.define(u(i),ei);break;case"sui-badge":customElements.get(u(i))||N();break;case"sui-button":customElements.get(u(i))||I();break;case"sui-checkbox":customElements.get(u(i))||R();break;case"sui-chip":customElements.get(u(i))||L();break;case"sui-date-picker":customElements.get(u(i))||P();break;case"sui-icon-button":customElements.get(u(i))||V();break;case"sui-input-group":customElements.get(u(i))||W();break;case"sui-input-number":customElements.get(u(i))||U();break;case"sui-input-text":customElements.get(u(i))||J();break;case"sui-multi-select":customElements.get(u(i))||X();break;case"sui-select":customElements.get(u(i))||_();break;case"sui-tooltip":customElements.get(u(i))||Q()}}))};export{ti as SuiFilterBuilder,ri as defineCustomElement}