@shineuix/core 1.0.0 → 1.0.1

package/dist/shineui/{p-aaff27be.entry.js → p-3a6fbb15.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as e,f as r,h as t,a as o}from"./p-ChCjmDsd.js";import{e as l,m as u,i as a,p as n,t as d,F as f,g as c}from"./p-BQUMgSi_.js";import{i as b,o as h,e as p,p as m,a as v,b as g,k as x,j as w,t as k,h as y}from"./p--VsCbcYp.js";import{d as C}from"./p-B3wtlP4_.js";import{a as z,l as D}from"./p-lWhwwQJ2.js";import{u as j}from"./p-U06fVoGD.js";import{G as A,z as F,B as G,U as O,x as S}from"./p-DGU97JSr.js";import{A as T,J as E,a as H,c as M,F as R,b as B}from"./p-vcsL1lXX.js";import"./p-DHVm09RY.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const q=i=>a(i)?1+Math.max(0,...i.items.map(q)):0,N=(i,s)=>i===s||a(i)&&i.items.some((i=>N(i,s))),V=(i,s,e=0)=>{if(i===s)return e;for(const r of i.items){if(!a(r))continue;const i=V(r,s,e+1);if(i>=0)return i}return-1},I=(i,s)=>{if(i.items.includes(s))return i;for(const e of i.items){if(!a(e))continue;const i=I(e,s);if(i)return i}},L=i=>a(i)?{operator:i.operator,items:i.items.map(L)}:{...i,value:Array.isArray(i.value)?i.value.slice():i.value},P=class{constructor(e){i(this,e),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return e(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=j("sui-filter-builder");trigger;panel;scrim;demote;demoteScrim;disposers=[];escape=b((()=>this.requestClose("escape",!0)));exit=h((()=>this.finishClose()));focusPending=!1;bound;loaded=!1;connectedCallback(){C(this.host,(()=>this.tabStop())),this.loaded&&(this.bind(!0),this.watchWidth(this.inline?this.surface:this.panel,!0),this.open&&!this.inline&&r(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=r=>{let t=!1;const o=r.items.map((s=>{if(a(s)){const i=e(s);return i!==s&&(t=!0),i}return s.key?s:(t=!0,this.carry(s,{...s,key:i.key,matchMode:l(i)}))}));return t?(s=!0,this.carry(r,{...r,items:o})):r},r=e(this.draft);s&&(this.draft=r)}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&&p(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=u(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=(r,t)=>{if(t===i.length)return this.carry(r,s(r));const o=r.items.slice();return o[i[t]]=e(o[i[t]],t+1),this.carry(r,{...r,items:o})};this.draft=e(this.draft,0)}setItem(i,s,e){this.edit(i,(i=>{const r=i.items.slice();return r[s]=this.carry(i.items[s],e),{...i,items:r}}))}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 r;this.edit(i,(i=>{r=L(i.items[s]);const e=i.items.slice();return e.splice(s+1,0,r),{...i,items:e}})),this.say("filter-builder.duplicated","{item} duplicated.",{item:e}),r&&this.focusLater(this.panel||this.surface,void 0,"first",this.keyOf(r))}moveTo(i,s){const e=r=>{const t=r.items.filter((s=>s!==i)),o=t.map((i=>a(i)?e(i):i));if(r===s.into){const e=s.before?t.indexOf(s.before):-1;o.splice(e<0?o.length:e,0,i)}return this.carry(r,{...r,items:o})};this.draft=e(this.draft)}fits(i,s){if(N(i,s))return!1;const e=V(this.draft,s);return e>=0&&e+q(i)<=Math.max(0,this.maxDepth)}slots(i){const s=[],e=r=>{const t=this.fits(i,r);for(const o of r.items)o!==i&&(t&&s.push({into:r,before:o}),a(o)&&e(o));t&&s.push({into:r,before:null})};return e(this.draft),s}here(i){const s=I(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=z(void 0,i,void 0,s,e)}sayPlace(i){const s=I(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),r=this.here(i),t=r?e.findIndex((i=>i.into===r.into&&i.before===r.before)):-1,o="first"===s?0:"last"===s?e.length-1:t+s;t<0||o<0||o>=e.length||o===t?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 r=this.keyOf(s);requestAnimationFrame((()=>{this.dragging===s&&(this.dragKey=r)}))}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 r=(i.currentTarget||i.target).getBoundingClientRect(),t=i.clientY>r.top+r.height/2,o=t?s.items[s.items.indexOf(e)+1]??null:e;this.offer(i,{into:s,before:o,mark:this.keyOf(e),edge:t?"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 r=this.here(e);this.mark(!r||r.into!==s.into||r.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):n({operator:"and",items:[e]})||s++;return s}apply=()=>{this.write(d(this.draft,this.applied())),this.inline||this.requestClose("pick",!0)};clearAll=()=>{this.write(d({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=m(this.scrim)),this.demote=m(i)),this.place(),this.disposers.length||this.disposers.push(v((()=>[this.panel,this.trigger]),(i=>{const s=i?.target;s&&this.panel&&y(this.panel,s)||this.requestClose("outside")})),g((()=>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");x(this.panel,w(this.trigger,this.panel,"bottom",6,"start"))}focusLater(i,s,e="first",r){const t=i?.closest?.(".sui-fb-panel, .sui-fb")||this.panel||this.host.querySelector(".sui-fb");if(!t||"function"!=typeof requestAnimationFrame)return;const o=r?`[data-key="${r}"]`:s&&"last"===e?`[data-group="${s.join(".")}"] > .sui-fb-rows > [data-row]:last-child`:"[data-row]";let l=0;const u=()=>{const i=t.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&&k(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,r){const o=(i,s)=>({where:r.where,and:r.and,or:r.or,match:r.match,addCondition:r.addCondition,removeCondition:r.removeCondition,valueFor:z(void 0,"filter-builder.valueFor",void 0,"{column}, value {n}",{column:s,n:i}),value:r.value,from:r.from,to:r.to,yes:r.yes,no:r.no}),u=i=>z(void 0,"filter-builder.columnNumber",void 0,"Column {n}",{n:i}),n=i=>z(void 0,"filter-builder.conditionNumber",void 0,"Condition {n}",{n:i}),d=i=>z(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)=>t("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},t(A,{glyph:O})),m=(i,e,r,o=s)=>t("sui-icon-button",{class:"sui-fb-dup",size:"sm","aria-label":i,onClick:()=>this.duplicate(o,e,r)},t(A,{glyph:S})),v=(i,s)=>{const e=this.keyOf(i),r=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"===r,"drop-after":"after"===r}};return t("div",{class:{"sui-fb-group":!0,nested:e>0},"data-group":s.join("."),role:"group","aria-label":e?"or"===i.operator?r.any:r.all:r.title},e>0?t("div",{class:"sui-fb-caption"},t("span",null,"or"===i.operator?r.any:r.all),t("span",{class:"sui-fb-acts"},m(r.duplicateGroup,s[s.length-1],r.group,s.slice(0,-1)),t(B,{label:r.removeGroup,onRemove:i=>this.removeItem(s.slice(0,-1),s[s.length-1],i)}))):null,t("div",{class:"sui-fb-rows"},!i.items.length&&e>0?t("div",{class:{"sui-fb-hole":!0,over:h},onDragOver:s=>this.onEndDragOver(s,i)},r.emptyGroup):null,i.items.map(((b,h)=>{const g=this.keyOf(b),x=h+1,w=s=>this.onRowDragOver(s,i,b),k=t(E,{index:h,operator:i.operator,text:o(x,""),onOperator:i=>this.edit(s,(s=>({...s,operator:i})))});if(a(b))return t("div",{class:v(b,!0),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>z(void 0,"filter-builder.moveGroup",void 0,"Move group {n}",{n:i}))(x)),k,this.renderGroup(b,s.concat(h),e+1,r));const y=this.column(b.key),C=o(x,y?y.header:"");return t("div",{class:v(b,!1),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>z(void 0,"filter-builder.moveCondition",void 0,"Move condition {n}",{n:i}))(x)),k,t("div",{class:"sui-fb-cell field"},t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.column),t("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(String(i.detail));e&&e.key!==b.key&&this.setItem(s,h,{key:e.key,matchMode:l(e),value:void 0})}})),t("div",{class:"sui-fb-cell mode"},t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.condition),t("sui-select",{class:"sui-cf-mode",size:"sm","aria-label":n(x),disabled:!y,options:y?H(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)})}})),t("div",{class:"sui-fb-cell val sui-cf-val"},y&&!f.has(b.matchMode)?t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.value):null,y?t(R,{column:y,matchMode:b.matchMode,value:b.value,text:C,keyBase:g,onValue:i=>this.setItem(s,h,{...b,value:i})}):null),t("span",{class:"sui-fb-acts"},m((i=>z(void 0,"filter-builder.duplicateCondition",void 0,"Duplicate condition {n}",{n:i}))(x),h,this.nameOf(b)),t(B,{label:d(x),onRemove:i=>this.removeItem(s,h,i)})))}))),t("div",{class:{"sui-fb-adds":!0,"drop-end":h&&i.items.length>0},onDragOver:s=>this.onEndDragOver(s,i)},t(T,{label:r.addCondition,onAdd:i=>this.addCondition(s,i)}),e<this.maxDepth?t(T,{label:r.addGroup,class:"quiet",onAdd:i=>this.addGroup(s,i)}):null))}renderBody(i){const s=this.unfinished();return this.offered().length?[t("div",{class:"sui-fb-scroll",onDrop:this.onDrop,onDragLeave:this.onDragLeave},t("div",{class:{"sui-fb-head":!0,off:!this.draft.items.length||a(this.draft.items[0])},"aria-hidden":"true"},t("span",null),t("span",null),t("span",null,i.column),t("span",null,i.condition),t("span",null,i.value),t("span",null)),this.renderGroup(this.draft,[],0,i),t("span",{class:"sui-fb-sr",id:`${this.panelId}-move`},i.moveHint),t("span",{class:"sui-fb-sr","aria-live":"assertive","aria-atomic":"true"},this.live)),t("div",{class:"sui-cf-bar sui-fb-bar"},t("button",{type:"button",class:"sui-cf-clear",onClick:this.clearAll},i.clearAll),this.lifted?t("span",{class:"sui-fb-note moving","aria-hidden":"true"},i.moving):s?t("span",{class:"sui-fb-note",role:"status"},z(void 0,"filter-builder.unfinished",void 0,"{count} unfinished, left out on Apply",{count:s})):t("span",{class:"sui-fb-note",role:"status"}),t("sui-button",{class:"sui-cf-apply",variant:"brand",size:"sm",label:i.apply,onClick:this.apply}))]:t("div",{class:"sui-fb-empty"},i.noColumns)}render(){const i=this.words();if(this.inline)return t(o,null,t("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=c(this.applied()),e="sm"===this.size?"sm":"md";return t(o,null,t("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},t(A,{glyph:G}),t("span",null,i.filters),s>0?t("sui-badge",{class:"count",severity:"accent",size:"sm",value:s}):null),this.open||this.closing?t("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?t("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},t("div",{class:"sui-fb-top"},t("span",{class:"sui-fb-title"},i.filters),t("sui-icon-button",{class:"sui-fb-close",size:"sm","aria-label":i.close,onClick:()=>this.requestClose("close-button",!0)},t(A,{glyph:F}))),this.renderBody(i)):null)}static get watchers(){return{value:[{onValueChange:0}],columns:[{onColumnsChange:0}],target:[{onTargetChange:0}],open:[{onOpenChange:0}]}}};P.style=".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}}";export{P as sui_filter_builder}
+import{r as i,c as s,g as e,f as r,h as t,a as o}from"./p-ChCjmDsd.js";import{e as l,m as u,i as a,p as n,t as d,F as f,g as c}from"./p-DF_1Vfuw.js";import{i as b,o as h,e as p,p as m,a as v,b as g,k as x,j as w,t as k,h as y}from"./p-DxQKrio7.js";import{d as C}from"./p-B3wtlP4_.js";import{a as z,l as D}from"./p-lWhwwQJ2.js";import{u as j}from"./p-U06fVoGD.js";import{G as A,z as F,B as O,U as G,x as S}from"./p-CHznIlgx.js";import{A as T,J as E,a as H,c as M,F as B,b as R}from"./p-BN4clTeO.js";import"./p-BnfaBLhb.js";import"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const N=i=>a(i)?1+Math.max(0,...i.items.map(N)):0,q=(i,s)=>i===s||a(i)&&i.items.some((i=>q(i,s))),I=(i,s,e=0)=>{if(i===s)return e;for(const r of i.items){if(!a(r))continue;const i=I(r,s,e+1);if(i>=0)return i}return-1},K=(i,s)=>{if(i.items.includes(s))return i;for(const e of i.items){if(!a(e))continue;const i=K(e,s);if(i)return i}},L=i=>a(i)?{operator:i.operator,items:i.items.map(L)}:{...i,value:Array.isArray(i.value)?i.value.slice():i.value},P=class{constructor(e){i(this,e),this.suiChange=s(this,"suiChange",7),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return e(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=j("sui-filter-builder");trigger;panel;scrim;demote;demoteScrim;disposers=[];escape=b((()=>this.requestClose("escape",!0)));exit=h((()=>this.finishClose()));focusPending=!1;bound;loaded=!1;connectedCallback(){C(this.host,(()=>this.tabStop())),this.loaded&&(this.bind(!0),this.watchWidth(this.inline?this.surface:this.panel,!0),this.open&&!this.inline&&r(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=r=>{let t=!1;const o=r.items.map((s=>{if(a(s)){const i=e(s);return i!==s&&(t=!0),i}return s.key?s:(t=!0,this.carry(s,{...s,key:i.key,matchMode:l(i)}))}));return t?(s=!0,this.carry(r,{...r,items:o})):r},r=e(this.draft);s&&(this.draft=r)}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&&p(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=u(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=(r,t)=>{if(t===i.length)return this.carry(r,s(r));const o=r.items.slice();return o[i[t]]=e(o[i[t]],t+1),this.carry(r,{...r,items:o})};this.draft=e(this.draft,0)}setItem(i,s,e){this.edit(i,(i=>{const r=i.items.slice();return r[s]=this.carry(i.items[s],e),{...i,items:r}}))}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 r;this.edit(i,(i=>{r=L(i.items[s]);const e=i.items.slice();return e.splice(s+1,0,r),{...i,items:e}})),this.say("filter-builder.duplicated","{item} duplicated.",{item:e}),r&&this.focusLater(this.panel||this.surface,void 0,"first",this.keyOf(r))}moveTo(i,s){const e=r=>{const t=r.items.filter((s=>s!==i)),o=t.map((i=>a(i)?e(i):i));if(r===s.into){const e=s.before?t.indexOf(s.before):-1;o.splice(e<0?o.length:e,0,i)}return this.carry(r,{...r,items:o})};this.draft=e(this.draft)}fits(i,s){if(q(i,s))return!1;const e=I(this.draft,s);return e>=0&&e+N(i)<=Math.max(0,this.maxDepth)}slots(i){const s=[],e=r=>{const t=this.fits(i,r);for(const o of r.items)o!==i&&(t&&s.push({into:r,before:o}),a(o)&&e(o));t&&s.push({into:r,before:null})};return e(this.draft),s}here(i){const s=K(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=z(void 0,i,void 0,s,e)}sayPlace(i){const s=K(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),r=this.here(i),t=r?e.findIndex((i=>i.into===r.into&&i.before===r.before)):-1,o="first"===s?0:"last"===s?e.length-1:t+s;t<0||o<0||o>=e.length||o===t?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 r=this.keyOf(s);requestAnimationFrame((()=>{this.dragging===s&&(this.dragKey=r)}))}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 r=(i.currentTarget||i.target).getBoundingClientRect(),t=i.clientY>r.top+r.height/2,o=t?s.items[s.items.indexOf(e)+1]??null:e;this.offer(i,{into:s,before:o,mark:this.keyOf(e),edge:t?"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 r=this.here(e);this.mark(!r||r.into!==s.into||r.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):n({operator:"and",items:[e]})||s++;return s}apply=()=>{this.write(d(this.draft,this.applied())),this.inline||this.requestClose("pick",!0)};clearAll=()=>{this.write(d({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=m(this.scrim)),this.demote=m(i)),this.place(),this.disposers.length||this.disposers.push(v((()=>[this.panel,this.trigger]),(i=>{const s=i?.target;s&&this.panel&&y(this.panel,s)||this.requestClose("outside")})),g((()=>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");x(this.panel,w(this.trigger,this.panel,"bottom",6,"start"))}focusLater(i,s,e="first",r){const t=i?.closest?.(".sui-fb-panel, .sui-fb")||this.panel||this.host.querySelector(".sui-fb");if(!t||"function"!=typeof requestAnimationFrame)return;const o=r?`[data-key="${r}"]`:s&&"last"===e?`[data-group="${s.join(".")}"] > .sui-fb-rows > [data-row]:last-child`:"[data-row]";let l=0;const u=()=>{const i=t.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&&k(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,r){const o=(i,s)=>({where:r.where,and:r.and,or:r.or,match:r.match,addCondition:r.addCondition,removeCondition:r.removeCondition,valueFor:z(void 0,"filter-builder.valueFor",void 0,"{column}, value {n}",{column:s,n:i}),value:r.value,from:r.from,to:r.to,yes:r.yes,no:r.no}),u=i=>z(void 0,"filter-builder.columnNumber",void 0,"Column {n}",{n:i}),n=i=>z(void 0,"filter-builder.conditionNumber",void 0,"Condition {n}",{n:i}),d=i=>z(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)=>t("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},t(A,{glyph:G})),m=(i,e,r,o=s)=>t("sui-icon-button",{class:"sui-fb-dup",size:"sm","aria-label":i,onClick:()=>this.duplicate(o,e,r)},t(A,{glyph:S})),v=(i,s)=>{const e=this.keyOf(i),r=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"===r,"drop-after":"after"===r}};return t("div",{class:{"sui-fb-group":!0,nested:e>0},"data-group":s.join("."),role:"group","aria-label":e?"or"===i.operator?r.any:r.all:r.title},e>0?t("div",{class:"sui-fb-caption"},t("span",null,"or"===i.operator?r.any:r.all),t("span",{class:"sui-fb-acts"},m(r.duplicateGroup,s[s.length-1],r.group,s.slice(0,-1)),t(R,{label:r.removeGroup,onRemove:i=>this.removeItem(s.slice(0,-1),s[s.length-1],i)}))):null,t("div",{class:"sui-fb-rows"},!i.items.length&&e>0?t("div",{class:{"sui-fb-hole":!0,over:h},onDragOver:s=>this.onEndDragOver(s,i)},r.emptyGroup):null,i.items.map(((b,h)=>{const g=this.keyOf(b),x=h+1,w=s=>this.onRowDragOver(s,i,b),k=t(E,{index:h,operator:i.operator,text:o(x,""),onOperator:i=>this.edit(s,(s=>({...s,operator:i})))});if(a(b))return t("div",{class:v(b,!0),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>z(void 0,"filter-builder.moveGroup",void 0,"Move group {n}",{n:i}))(x)),k,this.renderGroup(b,s.concat(h),e+1,r));const y=this.column(b.key),C=o(x,y?y.header:"");return t("div",{class:v(b,!1),key:g,"data-key":g,"data-row":!0,onDragOver:w},p(b,(i=>z(void 0,"filter-builder.moveCondition",void 0,"Move condition {n}",{n:i}))(x)),k,t("div",{class:"sui-fb-cell field"},t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.column),t("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(String(i.detail));e&&e.key!==b.key&&this.setItem(s,h,{key:e.key,matchMode:l(e),value:void 0})}})),t("div",{class:"sui-fb-cell mode"},t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.condition),t("sui-select",{class:"sui-cf-mode",size:"sm","aria-label":n(x),disabled:!y,options:y?H(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)})}})),t("div",{class:"sui-fb-cell val sui-cf-val"},y&&!f.has(b.matchMode)?t("span",{class:"sui-fb-hint","aria-hidden":"true"},r.value):null,y?t(B,{column:y,matchMode:b.matchMode,value:b.value,text:C,keyBase:g,onValue:i=>this.setItem(s,h,{...b,value:i})}):null),t("span",{class:"sui-fb-acts"},m((i=>z(void 0,"filter-builder.duplicateCondition",void 0,"Duplicate condition {n}",{n:i}))(x),h,this.nameOf(b)),t(R,{label:d(x),onRemove:i=>this.removeItem(s,h,i)})))}))),t("div",{class:{"sui-fb-adds":!0,"drop-end":h&&i.items.length>0},onDragOver:s=>this.onEndDragOver(s,i)},t(T,{label:r.addCondition,onAdd:i=>this.addCondition(s,i)}),e<this.maxDepth?t(T,{label:r.addGroup,class:"quiet",onAdd:i=>this.addGroup(s,i)}):null))}renderBody(i){const s=this.unfinished();return this.offered().length?[t("div",{class:"sui-fb-scroll",onDrop:this.onDrop,onDragLeave:this.onDragLeave},t("div",{class:{"sui-fb-head":!0,off:!this.draft.items.length||a(this.draft.items[0])},"aria-hidden":"true"},t("span",null),t("span",null),t("span",null,i.column),t("span",null,i.condition),t("span",null,i.value),t("span",null)),this.renderGroup(this.draft,[],0,i),t("span",{class:"sui-fb-sr",id:`${this.panelId}-move`},i.moveHint),t("span",{class:"sui-fb-sr","aria-live":"assertive","aria-atomic":"true"},this.live)),t("div",{class:"sui-cf-bar sui-fb-bar"},t("button",{type:"button",class:"sui-cf-clear",onClick:this.clearAll},i.clearAll),this.lifted?t("span",{class:"sui-fb-note moving","aria-hidden":"true"},i.moving):s?t("span",{class:"sui-fb-note",role:"status"},z(void 0,"filter-builder.unfinished",void 0,"{count} unfinished, left out on Apply",{count:s})):t("span",{class:"sui-fb-note",role:"status"}),t("sui-button",{class:"sui-cf-apply",variant:"brand",size:"sm",label:i.apply,onClick:this.apply}))]:t("div",{class:"sui-fb-empty"},i.noColumns)}render(){const i=this.words();if(this.inline)return t(o,null,t("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=c(this.applied()),e="sm"===this.size?"sm":"md";return t(o,null,t("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},t(A,{glyph:O}),t("span",null,i.filters),s>0?t("sui-badge",{class:"count",severity:"accent",size:"sm",value:s}):null),this.open||this.closing?t("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?t("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},t("div",{class:"sui-fb-top"},t("span",{class:"sui-fb-title"},i.filters),t("sui-icon-button",{class:"sui-fb-close",size:"sm","aria-label":i.close,onClick:()=>this.requestClose("close-button",!0)},t(A,{glyph:F}))),this.renderBody(i)):null)}static get watchers(){return{value:[{onValueChange:0}],columns:[{onColumnsChange:0}],target:[{onTargetChange:0}],open:[{onOpenChange:0}]}}};P.style=".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}}";export{P as sui_filter_builder}

package/dist/shineui/{p-54c534da.entry.js → p-3b61a1ef.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,h as a}from"./p-ChCjmDsd.js";import{d as r,F as e}from"./p-hpOwNlzr.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as h,a as l,r as d}from"./p-B3wtlP4_.js";import{a as c}from"./p-BM1Zzj1H.js";import{i as m,a as p}from"./p-Cs2X0Kih.js";import{a as f}from"./p-lWhwwQJ2.js";import{f as v}from"./p-CGWvlrv_.js";import"./p-DGU97JSr.js";const b={9:/^[0-9]$/,a:/^[a-zA-Z]$/,"*":/^[a-zA-Z0-9]$/},k=i=>(i||"").replace(/[^a-zA-Z0-9]/g,""),g=i=>(i||"").split("?").join("");function x(i,s){let t="",a=0;for(let r=0;r<i.length&&a<s.length;r++){const e=i[r];if("?"===e)continue;const o=s[a],n=b[e];n?n.test(o)?(t+=o,a++):(a++,r--):t+=e}return t}const y=i=>i.split("").filter((i=>!!b[i])),w=i=>{const s=i.indexOf("?");return y(s<0?i:i.slice(0,s))},F=["sm","md","lg"],z=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiComplete=s(this,"suiComplete",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;mask="(999) 999-9999";placeholder;value="";name;unmask=!1;autoClear=!1;readOnly=!1;autocomplete;suiInput;suiChange;suiComplete;suiFocus;suiBlur;fieldId=o("sui-input-mask");input;initial="";wasComplete=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=m(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=p(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.value=x(this.mask,k(this.value)),this.initial=this.value,this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}onMask(){this.value=x(this.mask,k(this.value))}onValue(){const i=x(this.mask,k(this.value));i!==this.value&&(this.value=i)}componentDidRender(){this.syncForm()}syncForm(){h(this.internals,this.isDisabled?null:this.unmask?k(this.value):this.value);const i=!this.isDisabled&&!this.readOnly;if(i&&!this.error&&this.isPartial()){const i=g(this.mask),s=this.label?f(void 0,"input-mask.mismatch",void 0,"{field} must match {pattern}.",{field:this.label,pattern:i}):f(void 0,"input-mask.mismatchUnnamed",void 0,"This field must match {pattern}.",{pattern:i});l(this.internals,{patternMismatch:!0},s,this.input)}else d(this.internals,this.required&&i,!k(this.value),this.label,this.input,this.error)}isPartial(){const i=k(this.value),s=w(this.mask).length;return i.length>0&&s>0&&i.length<s}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=v(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}async getUnmasked(){return k(this.value)}slotAt(i){return k(i.value.slice(0,i.selectionStart??i.value.length)).length}caretFor(i,s){if(s<=0){const s=i.split("").findIndex((i=>/[a-zA-Z0-9]/.test(i)));return s<0?i.length:s}let t=0;for(let a=0;a<i.length;a++)if(/[a-zA-Z0-9]/.test(i[a])&&(t++,t===s))return a+1;return i.length}onKeyDown=i=>{if(i.ctrlKey||i.metaKey||i.altKey)return;const s=i.target;if(s.selectionStart!==s.selectionEnd)return;const t=y(this.mask),a=this.slotAt(s);if(k(s.value).length>=t.length&&1===i.key.length)return void i.preventDefault();const r=t[a];1!==i.key.length||r&&c(b[r],i.key)||i.preventDefault()};onInput=i=>{const s=i.target,t=this.slotAt(s),a=x(this.mask,k(s.value));if(s.value!==a){s.value=a;const i=this.caretFor(a,t);s.setSelectionRange?.(i,i)}this.value=a,this.suiInput.emit(this.value);const r=w(this.mask).length||y(this.mask).length,e=r>0&&k(a).length>=r;e&&!this.wasComplete&&this.suiComplete.emit(this.value),this.wasComplete=e};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.autoClear&&this.isPartial()&&!this.isDisabled&&!this.readOnly&&(this.value="",this.input&&(this.input.value=""),this.wasComplete=!1,this.suiInput.emit(""),this.suiChange.emit("")),this.suiBlur.emit()};render(){const i=this.invalid||!!this.error,s=g(this.mask),t=this.placeholder||s.replace(/[9a*]/g,"_"),o=this.mask.includes("?"),n=o?this.mask.slice(0,this.mask.indexOf("?")):"",u=F.includes(this.size)?this.size:"md";return a(e,{key:"634471bc71366453ed3e4e2f9bfcf3c0ba8f730c",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("input",{key:"5b74078d0252d5effe929593cf04f1464d00e301",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-mask":!0,[u]:!0,invalid:i},type:"text",value:this.value,placeholder:t,maxLength:s.length,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete??"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":[r(this.fieldId,this.help,this.error),`${this.fieldId}-fmt`].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onChange:this.onChange}),a("span",{key:"4bb157280e88de2a4c6355e05f37ca93862e1949",class:"sui-mask-fmt",id:`${this.fieldId}-fmt`},o&&n?f(void 0,"input-mask.formatPartial",void 0,"Format: {pattern} ({part} required)",{pattern:s,part:n}):f(void 0,"input-mask.format",void 0,"Format: {pattern}",{pattern:s})))}static get formAssociated(){return!0}static get watchers(){return{mask:[{onMask:0}],value:[{onValue:0},{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],unmask:[{syncForm:0}]}}};z.style=".sc-sui-input-mask-h{display:block;font-family:var(--font-sans)}.sui-input.sui-mask.sc-sui-input-mask{font-feature-settings:'tnum'}.sui-mask-fmt.sc-sui-input-mask{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sui-field.sc-sui-input-mask{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-mask{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-mask .sui-field-label.sc-sui-input-mask{color:var(--danger)}.sui-field-req.sc-sui-input-mask{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-mask{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-mask{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-input-mask .sui-glyph.sc-sui-input-mask{font-size:11px}.sui-frame.sc-sui-input-mask{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-input-mask:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-mask,.sui-frame.readonly.sc-sui-input-mask{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-input-mask{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-input-mask:focus-within,.sui-frame.invalid.focus.sc-sui-input-mask,.sui-frame.invalid.open.sc-sui-input-mask{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-input-mask{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-mask::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-mask{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-mask{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-mask{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{color:GrayText;border-color:GrayText}}";export{z as sui_input_mask}
+import{r as i,c as s,g as t,h as a}from"./p-ChCjmDsd.js";import{d as e,F as r}from"./p-DLfOvQY0.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as h,a as l,r as d}from"./p-B3wtlP4_.js";import{a as c}from"./p-BM1Zzj1H.js";import{i as m,a as p}from"./p-BsRW1Q8k.js";import{a as f}from"./p-lWhwwQJ2.js";import{f as v}from"./p-CGWvlrv_.js";import"./p-CHznIlgx.js";const b={9:/^[0-9]$/,a:/^[a-zA-Z]$/,"*":/^[a-zA-Z0-9]$/},k=i=>(i||"").replace(/[^a-zA-Z0-9]/g,""),g=i=>(i||"").split("?").join("");function x(i,s){let t="",a=0;for(let e=0;e<i.length&&a<s.length;e++){const r=i[e];if("?"===r)continue;const o=s[a],n=b[r];n?n.test(o)?(t+=o,a++):(a++,e--):t+=r}return t}const y=i=>i.split("").filter((i=>!!b[i])),w=i=>{const s=i.indexOf("?");return y(s<0?i:i.slice(0,s))},F=["sm","md","lg"],z=class{constructor(t){i(this,t),this.suiInput=s(this,"suiInput",7),this.suiChange=s(this,"suiChange",7),this.suiComplete=s(this,"suiComplete",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;mask="(999) 999-9999";placeholder;value="";name;unmask=!1;autoClear=!1;readOnly=!1;autocomplete;suiInput;suiChange;suiComplete;suiFocus;suiBlur;fieldId=o("sui-input-mask");input;initial="";wasComplete=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=m(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=p(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.value=x(this.mask,k(this.value)),this.initial=this.value,this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}onMask(){this.value=x(this.mask,k(this.value))}onValue(){const i=x(this.mask,k(this.value));i!==this.value&&(this.value=i)}componentDidRender(){this.syncForm()}syncForm(){h(this.internals,this.isDisabled?null:this.unmask?k(this.value):this.value);const i=!this.isDisabled&&!this.readOnly;if(i&&!this.error&&this.isPartial()){const i=g(this.mask),s=this.label?f(void 0,"input-mask.mismatch",void 0,"{field} must match {pattern}.",{field:this.label,pattern:i}):f(void 0,"input-mask.mismatchUnnamed",void 0,"This field must match {pattern}.",{pattern:i});l(this.internals,{patternMismatch:!0},s,this.input)}else d(this.internals,this.required&&i,!k(this.value),this.label,this.input,this.error)}isPartial(){const i=k(this.value),s=w(this.mask).length;return i.length>0&&s>0&&i.length<s}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(i){this.formDisabled=v(this.host,this.disabled,i),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}async getUnmasked(){return k(this.value)}slotAt(i){return k(i.value.slice(0,i.selectionStart??i.value.length)).length}caretFor(i,s){if(s<=0){const s=i.split("").findIndex((i=>/[a-zA-Z0-9]/.test(i)));return s<0?i.length:s}let t=0;for(let a=0;a<i.length;a++)if(/[a-zA-Z0-9]/.test(i[a])&&(t++,t===s))return a+1;return i.length}onKeyDown=i=>{if(i.ctrlKey||i.metaKey||i.altKey)return;const s=i.target;if(s.selectionStart!==s.selectionEnd)return;const t=y(this.mask),a=this.slotAt(s);if(k(s.value).length>=t.length&&1===i.key.length)return void i.preventDefault();const e=t[a];1!==i.key.length||e&&c(b[e],i.key)||i.preventDefault()};onInput=i=>{const s=i.target,t=this.slotAt(s),a=x(this.mask,k(s.value));if(s.value!==a){s.value=a;const i=this.caretFor(a,t);s.setSelectionRange?.(i,i)}this.value=a,this.suiInput.emit(this.value);const e=w(this.mask).length||y(this.mask).length,r=e>0&&k(a).length>=e;r&&!this.wasComplete&&this.suiComplete.emit(this.value),this.wasComplete=r};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.autoClear&&this.isPartial()&&!this.isDisabled&&!this.readOnly&&(this.value="",this.input&&(this.input.value=""),this.wasComplete=!1,this.suiInput.emit(""),this.suiChange.emit("")),this.suiBlur.emit()};render(){const i=this.invalid||!!this.error,s=g(this.mask),t=this.placeholder||s.replace(/[9a*]/g,"_"),o=this.mask.includes("?"),n=o?this.mask.slice(0,this.mask.indexOf("?")):"",u=F.includes(this.size)?this.size:"md";return a(r,{key:"7ae81732110f63e53c55f5d25f2b7d6be76071ea",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("input",{key:"d3ed14244f1eba2e4590a039876f91488b023a5f",ref:i=>this.input=i,id:this.fieldId,class:{"sui-input":!0,"sui-frame":!0,"sui-mask":!0,[u]:!0,invalid:i},type:"text",value:this.value,placeholder:t,maxLength:s.length,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete??"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":i?"true":null,"aria-describedby":[e(this.fieldId,this.help,this.error),`${this.fieldId}-fmt`].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onInput:this.onInput,onChange:this.onChange}),a("span",{key:"bd610e4b2b15ac2e366ca1817a2f1b91dfb50e86",class:"sui-mask-fmt",id:`${this.fieldId}-fmt`},o&&n?f(void 0,"input-mask.formatPartial",void 0,"Format: {pattern} ({part} required)",{pattern:s,part:n}):f(void 0,"input-mask.format",void 0,"Format: {pattern}",{pattern:s})))}static get formAssociated(){return!0}static get watchers(){return{mask:[{onMask:0}],value:[{onValue:0},{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],unmask:[{syncForm:0}]}}};z.style=".sc-sui-input-mask-h{display:block;font-family:var(--font-sans)}.sui-input.sui-mask.sc-sui-input-mask{font-feature-settings:'tnum'}.sui-mask-fmt.sc-sui-input-mask{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sui-field.sc-sui-input-mask{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-mask{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-mask .sui-field-label.sc-sui-input-mask{color:var(--danger)}.sui-field-req.sc-sui-input-mask{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-mask{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-mask{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-input-mask .sui-glyph.sc-sui-input-mask{font-size:11px}.sui-frame.sc-sui-input-mask{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-input-mask:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-mask,.sui-frame.readonly.sc-sui-input-mask{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-input-mask{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-input-mask:focus-within,.sui-frame.invalid.focus.sc-sui-input-mask,.sui-frame.invalid.open.sc-sui-input-mask{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-input-mask{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-mask::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-mask{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-mask{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-mask{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-input-mask:focus-within,.sui-frame.focus.sc-sui-input-mask,.sui-frame.open.sc-sui-input-mask{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-mask:disabled,.sui-frame.disabled.sc-sui-input-mask{color:GrayText;border-color:GrayText}}";export{z as sui_input_mask}

package/dist/shineui/{p-5ab2a1d9.entry.js → p-40eb7c84.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,g as r,h as a}from"./p-ChCjmDsd.js";import{d as o,F as e}from"./p-hpOwNlzr.js";import{G as t,ag as d,ah as l}from"./p-DGU97JSr.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as c,s as h,r as p}from"./p-B3wtlP4_.js";import{l as f}from"./p-lWhwwQJ2.js";import{i as w,a as b}from"./p-Cs2X0Kih.js";import{i as g}from"./p-MsqFuhDd.js";import{f as v}from"./p-CGWvlrv_.js";const m=["sm","md","lg"],x=[{tone:"weak",w:"33%"},{tone:"fair",w:"66%"},{tone:"good",w:"85%"},{tone:"strong",w:"100%"}],y=class{constructor(r){s(this,r),this.suiInput=i(this,"suiInput",7),this.suiChange=i(this,"suiChange",7),this.suiFocus=i(this,"suiFocus",3),this.suiBlur=i(this,"suiBlur",3),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get host(){return r(this)}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;placeholder;value="";showStrength=!1;locale;weakLabel;fairLabel;goodLabel;strongLabel;showLabel;hideLabel;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;show=!1;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=n("sui-password");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){u(this.host,this.internals),c(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=w(this.host,(s=>{this.hostLabel=s})),this.stopHints?.(),this.stopHints=g(this.host,(s=>{this.hints=s})),this.stopLabelledby?.(),this.stopLabelledby=b(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){h(this.internals,this.isDisabled?null:this.value),p(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=s=>{this.value=s.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};toggle=()=>{this.show=!this.show};render(){const s=this.invalid||!!this.error,i=function(s){let i=0;return s.length>=8&&i++,/[A-Z]/.test(s)&&/[a-z]/.test(s)&&i++,/\d/.test(s)&&i++,/[^A-Za-z0-9]/.test(s)&&i++,0===s.length?-1:Math.min(i,3)}(this.value),r=this.showStrength&&i>=0?x[i]:null,n=[f(this.locale,"password.weak",this.weakLabel,"Weak"),f(this.locale,"password.fair",this.fairLabel,"Fair"),f(this.locale,"password.good",this.goodLabel,"Good"),f(this.locale,"password.strong",this.strongLabel,"Strong")],u=`${this.fieldId}-meter`,c=m.includes(this.size)?this.size:"md";return a(e,{key:"e3ebc31ef14a37bbc7ab82bddcd564a85ee26071",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"4362b60eddcb35bfd2835fca9914b3250404ff43",class:{"sui-input":!0,"sui-frame":!0,"sui-password":!0,[c]:!0,invalid:s,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly}},a("input",{key:"ea814eaf0dd0694859c2cd9cb55319acaf1c23c0",ref:s=>this.input=s,id:this.fieldId,class:"field",type:this.show?"text":"password",value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[o(this.fieldId,this.help,this.error),r?u:null].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),a("button",{key:"fde40422cb0a2784c37d1649f8b80098f0d48f6a",type:"button",class:"eye",disabled:this.isDisabled,"aria-pressed":this.show?"true":"false","aria-label":this.show?f(this.locale,"password.hide",this.hideLabel,"Hide password"):f(this.locale,"password.show",this.showLabel,"Show password"),onClick:this.toggle},a(t,{key:"b7aaa332215c079908007a592d54ba6104eceaca",glyph:this.show?d:l}))),r?a("div",{class:"meter",id:u,role:"status","aria-live":"polite"},a("div",{class:"track"},a("div",{class:{fill:!0,[r.tone]:!0},style:{width:r.w}})),a("span",{class:{"meter-label":!0,[r.tone]:!0}},n[i])):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};y.style=".sc-sui-password-h{display:block;font-family:var(--font-sans)}.sui-input.sui-password.sc-sui-password{display:flex;align-items:center;padding:0;overflow:hidden}.sui-input.sui-password.sm.sc-sui-password,.sui-input.sui-password.md.sc-sui-password,.sui-input.sui-password.lg.sc-sui-password{padding:0}.sui-password.sc-sui-password .field.sc-sui-password{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-password.sc-sui-password .field.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-password.sc-sui-password .field.sc-sui-password:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-password.sm.sc-sui-password .field.sc-sui-password{padding:0 10px;font-size:12.5px}.sui-password.md.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:13px}.sui-password.lg.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:14px}.eye.sc-sui-password{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;transition:color var(--duration-fast) var(--ease-out)}.eye.sc-sui-password .sui-glyph.sc-sui-password{font-size:13px}.eye.sc-sui-password:hover:not(:disabled){color:var(--ink)}.eye.sc-sui-password:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.eye.sc-sui-password:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.meter.sc-sui-password{display:flex;align-items:center;gap:8px}.track.sc-sui-password{flex:1;height:4px;border-radius:2px;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-password{height:100%;border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.fill.weak.sc-sui-password{background:var(--danger)}.fill.fair.sc-sui-password{background:var(--accent)}.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:var(--brand)}.meter-label.sc-sui-password{font-size:11px;font-weight:620}.meter-label.weak.sc-sui-password{color:var(--danger)}.meter-label.fair.sc-sui-password{color:var(--accent)}.meter-label.good.sc-sui-password,.meter-label.strong.sc-sui-password{color:var(--ink-muted)}.sui-input.sui-password.readonly.sc-sui-password:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.track.sc-sui-password{border:1px solid CanvasText;height:6px}.fill.weak.sc-sui-password,.fill.fair.sc-sui-password,.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:Highlight}}.sui-field.sc-sui-password{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-password{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-password .sui-field-label.sc-sui-password{color:var(--danger)}.sui-field-req.sc-sui-password{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-password{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-password{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-password .sui-glyph.sc-sui-password{font-size:11px}.sui-frame.sc-sui-password{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-password:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-password,.sui-frame.readonly.sc-sui-password{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-password{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-password:focus-within,.sui-frame.invalid.focus.sc-sui-password,.sui-frame.invalid.open.sc-sui-password{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-password{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-password{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-password{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-password{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{color:GrayText;border-color:GrayText}}";export{y as sui_password}
+import{r as s,c as i,g as r,h as a}from"./p-ChCjmDsd.js";import{d as o,F as e}from"./p-DLfOvQY0.js";import{G as t,ag as d,ah as l}from"./p-CHznIlgx.js";import{u as n}from"./p-U06fVoGD.js";import{i as u,d as c,s as h,r as p}from"./p-B3wtlP4_.js";import{l as f}from"./p-lWhwwQJ2.js";import{i as w,a as b}from"./p-BsRW1Q8k.js";import{i as g}from"./p-MsqFuhDd.js";import{f as v}from"./p-CGWvlrv_.js";const m=["sm","md","lg"],x=[{tone:"weak",w:"33%"},{tone:"fair",w:"66%"},{tone:"good",w:"85%"},{tone:"strong",w:"100%"}],y=class{constructor(r){s(this,r),this.suiInput=i(this,"suiInput",7),this.suiChange=i(this,"suiChange",7),this.suiFocus=i(this,"suiFocus",3),this.suiBlur=i(this,"suiBlur",3),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}get host(){return r(this)}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;placeholder;value="";showStrength=!1;locale;weakLabel;fairLabel;goodLabel;strongLabel;showLabel;hideLabel;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;show=!1;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=n("sui-password");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){u(this.host,this.internals),c(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=w(this.host,(s=>{this.hostLabel=s})),this.stopHints?.(),this.stopHints=g(this.host,(s=>{this.hints=s})),this.stopLabelledby?.(),this.stopLabelledby=b(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){h(this.internals,this.isDisabled?null:this.value),p(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=s=>{this.value=s.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};toggle=()=>{this.show=!this.show};render(){const s=this.invalid||!!this.error,i=function(s){let i=0;return s.length>=8&&i++,/[A-Z]/.test(s)&&/[a-z]/.test(s)&&i++,/\d/.test(s)&&i++,/[^A-Za-z0-9]/.test(s)&&i++,0===s.length?-1:Math.min(i,3)}(this.value),r=this.showStrength&&i>=0?x[i]:null,n=[f(this.locale,"password.weak",this.weakLabel,"Weak"),f(this.locale,"password.fair",this.fairLabel,"Fair"),f(this.locale,"password.good",this.goodLabel,"Good"),f(this.locale,"password.strong",this.strongLabel,"Strong")],u=`${this.fieldId}-meter`,c=m.includes(this.size)?this.size:"md";return a(e,{key:"a3466fae6e71f2ef04c3cb82710216af600afc26",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"b63e25f24f40fd41b4223b4d136dc8a0ae2683c4",class:{"sui-input":!0,"sui-frame":!0,"sui-password":!0,[c]:!0,invalid:s,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly}},a("input",{key:"483b049014b7f61c1a44d1970548cd720541b358",ref:s=>this.input=s,id:this.fieldId,class:"field",type:this.show?"text":"password",value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[o(this.fieldId,this.help,this.error),r?u:null].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),a("button",{key:"c52980c3ae054be93f7ef00de8f715aca37d0de3",type:"button",class:"eye",disabled:this.isDisabled,"aria-pressed":this.show?"true":"false","aria-label":this.show?f(this.locale,"password.hide",this.hideLabel,"Hide password"):f(this.locale,"password.show",this.showLabel,"Show password"),onClick:this.toggle},a(t,{key:"6c7a1b290503fb4d0c7021a939cf429d642d9837",glyph:this.show?d:l}))),r?a("div",{class:"meter",id:u,role:"status","aria-live":"polite"},a("div",{class:"track"},a("div",{class:{fill:!0,[r.tone]:!0},style:{width:r.w}})),a("span",{class:{"meter-label":!0,[r.tone]:!0}},n[i])):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};y.style=".sc-sui-password-h{display:block;font-family:var(--font-sans)}.sui-input.sui-password.sc-sui-password{display:flex;align-items:center;padding:0;overflow:hidden}.sui-input.sui-password.sm.sc-sui-password,.sui-input.sui-password.md.sc-sui-password,.sui-input.sui-password.lg.sc-sui-password{padding:0}.sui-password.sc-sui-password .field.sc-sui-password{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-password.sc-sui-password .field.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-password.sc-sui-password .field.sc-sui-password:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-password.sm.sc-sui-password .field.sc-sui-password{padding:0 10px;font-size:12.5px}.sui-password.md.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:13px}.sui-password.lg.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:14px}.eye.sc-sui-password{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;transition:color var(--duration-fast) var(--ease-out)}.eye.sc-sui-password .sui-glyph.sc-sui-password{font-size:13px}.eye.sc-sui-password:hover:not(:disabled){color:var(--ink)}.eye.sc-sui-password:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.eye.sc-sui-password:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.meter.sc-sui-password{display:flex;align-items:center;gap:8px}.track.sc-sui-password{flex:1;height:4px;border-radius:2px;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-password{height:100%;border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.fill.weak.sc-sui-password{background:var(--danger)}.fill.fair.sc-sui-password{background:var(--accent)}.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:var(--brand)}.meter-label.sc-sui-password{font-size:11px;font-weight:620}.meter-label.weak.sc-sui-password{color:var(--danger)}.meter-label.fair.sc-sui-password{color:var(--accent)}.meter-label.good.sc-sui-password,.meter-label.strong.sc-sui-password{color:var(--ink-muted)}.sui-input.sui-password.readonly.sc-sui-password:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.track.sc-sui-password{border:1px solid CanvasText;height:6px}.fill.weak.sc-sui-password,.fill.fair.sc-sui-password,.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:Highlight}}.sui-field.sc-sui-password{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-password{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-password .sui-field-label.sc-sui-password{color:var(--danger)}.sui-field-req.sc-sui-password{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-password{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-password{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-password .sui-glyph.sc-sui-password{font-size:11px}.sui-frame.sc-sui-password{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-password:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-password,.sui-frame.readonly.sc-sui-password{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-password{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-password:focus-within,.sui-frame.invalid.focus.sc-sui-password,.sui-frame.invalid.open.sc-sui-password{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-password{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-password{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-password{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-password{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{color:GrayText;border-color:GrayText}}";export{y as sui_password}

package/dist/shineui/{p-ebe032f4.entry.js → p-474dd3e8.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as a,h as e,a as o}from"./p-ChCjmDsd.js";import{o as t,h as c}from"./p-BWkzTEZX.js";import{l as d}from"./p-lWhwwQJ2.js";import{G as n,t as r,d as l}from"./p-DGU97JSr.js";const f=class{constructor(a){i(this,a),this.suiConfirm=s(this,"suiConfirm",7),this.suiClose=s(this,"suiClose",3)}get host(){return a(this)}open=!1;returnFocus;heading;message;detail;confirmLabel;cancelLabel;confirmVariant="brand";pending=!1;confirmDisabled=!1;suiConfirm;suiClose;hasDetail=!1;dispose;loaded=!1;dialog;onOpen(i){this.dialog&&this.dialog.open!==i&&(this.dialog.open=i)}connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=t(this.host,(()=>this.readSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasDetail=c(this.host,"detail")}onDialogClose=i=>{i.stopPropagation(),this.suiClose.emit(i.detail).defaultPrevented?i.preventDefault():this.open=!1};cancel=()=>{this.suiClose.emit("cancel").defaultPrevented||(this.open=!1)};confirm=()=>{this.pending||this.confirmDisabled||this.suiConfirm.emit().defaultPrevented||(this.open=!1)};render(){const i=!!this.detail||this.hasDetail,s="danger"===this.confirmVariant;return e(o,{key:"5d39879b083bc59a449e16232e38f359df5fa6fa"},e("sui-dialog",{key:"83ee5e7477aa8ab050e36491b5e355e54d406589",ref:i=>this.dialog=i,open:this.open,heading:d(void 0,"confirm-dialog.heading",this.heading,"Are you sure?"),size:"sm",hideClose:!0,initialFocus:".cancel",returnFocus:this.returnFocus,onSuiClose:this.onDialogClose},e("div",{key:"3c09418ccf64eb69e5eff11b1f1fb6e307e66da6",class:"row"},e("div",{key:"92de78fce94320f3d94c722fb5c0e758ef8d6f00",class:{badge:!0,danger:s}},e(n,{key:"565f423b65daf3c13446641c9aa3522078393856",glyph:s?r:l})),e("div",{key:"65044b05be2ba671a0895fbe18d74ce0638f9d82",class:"text"},e("div",{key:"3a8f790567b8decd539a9bf94b9084f57ca2825f",class:"message"},this.message,e("slot",{key:"1703bba727229848db70382c766055f28ad8abf1"})),e("div",{key:"fa42700442155007bc9d0bd8c2836d4a00012a7d",class:{detail:!0,show:i}},this.detail,e("slot",{key:"9b8594948f98c8cabb1e173c6ab8136e5ef81a74",name:"detail"})))),e("div",{key:"a572c7998d31accb60202349bd13f26729d07c24",slot:"footer",class:"actions"},e("sui-button",{key:"8739889858cc826111baf2053bf73ce446373a58",class:"cancel",variant:"outline",label:d(void 0,"confirm-dialog.cancel",this.cancelLabel,"Cancel"),disabled:this.pending,onClick:this.cancel}),e("sui-button",{key:"87f0ab79fc2a946ec14727d2a36574af28c0ad50",variant:s?"danger":"brand",label:d(void 0,"confirm-dialog.confirm",this.confirmLabel,"Confirm"),disabled:this.confirmDisabled,loading:this.pending,onClick:this.confirm}))))}static get watchers(){return{open:[{onOpen:0}]}}};f.style=".sc-sui-confirm-dialog-h{display:contents;font-family:var(--font-sans)}.row.sc-sui-confirm-dialog{display:flex;gap:13px;align-items:flex-start}.badge.sc-sui-confirm-dialog{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand-soft-ink);display:flex;align-items:center;justify-content:center}.badge.danger.sc-sui-confirm-dialog{background:var(--danger-soft);color:var(--danger)}.badge.sc-sui-confirm-dialog .sui-glyph.sc-sui-confirm-dialog{font-size:15px}.text.sc-sui-confirm-dialog{min-width:0}.message.sc-sui-confirm-dialog{color:var(--ink);font-weight:550}.detail.sc-sui-confirm-dialog{display:none;font-size:12.5px;color:var(--ink-muted);margin-top:5px}.detail.show.sc-sui-confirm-dialog{display:block}.actions.sc-sui-confirm-dialog{display:flex;justify-content:flex-end;gap:9px}@media (forced-colors: active){.badge.sc-sui-confirm-dialog{border:1px solid CanvasText;box-sizing:border-box}}";export{f as sui_confirm_dialog}
+import{r as i,c as s,g as a,h as e,a as o}from"./p-ChCjmDsd.js";import{o as c,h as t}from"./p-BWkzTEZX.js";import{l as d}from"./p-lWhwwQJ2.js";import{G as n,t as l,d as r}from"./p-CHznIlgx.js";const f=class{constructor(a){i(this,a),this.suiConfirm=s(this,"suiConfirm",7),this.suiClose=s(this,"suiClose",3)}get host(){return a(this)}open=!1;returnFocus;heading;message;detail;confirmLabel;cancelLabel;confirmVariant="brand";pending=!1;confirmDisabled=!1;suiConfirm;suiClose;hasDetail=!1;dispose;loaded=!1;dialog;onOpen(i){this.dialog&&this.dialog.open!==i&&(this.dialog.open=i)}connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(i=!1){this.dispose?.(),this.dispose=c(this.host,(()=>this.readSlots())),i&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasDetail=t(this.host,"detail")}onDialogClose=i=>{i.stopPropagation(),this.suiClose.emit(i.detail).defaultPrevented?i.preventDefault():this.open=!1};cancel=()=>{this.suiClose.emit("cancel").defaultPrevented||(this.open=!1)};confirm=()=>{this.pending||this.confirmDisabled||this.suiConfirm.emit().defaultPrevented||(this.open=!1)};render(){const i=!!this.detail||this.hasDetail,s="danger"===this.confirmVariant;return e(o,{key:"50f3dfaa832fcc7abb166014907a103758eb86d5"},e("sui-dialog",{key:"c4fd154aa332ee28cc1f2204c4ca17ac643e1145",ref:i=>this.dialog=i,open:this.open,heading:d(void 0,"confirm-dialog.heading",this.heading,"Are you sure?"),size:"sm",hideClose:!0,initialFocus:".cancel",returnFocus:this.returnFocus,onSuiClose:this.onDialogClose},e("div",{key:"f6bd3b6aeeb42dd190f79c4cd64d8ee95137f516",class:"row"},e("div",{key:"2a2b486d117121732ed3badf55b1fe43e59d12c9",class:{badge:!0,danger:s}},e(n,{key:"6908cbc7c55429e4d124a861ef40bae56a3597b4",glyph:s?l:r})),e("div",{key:"a461e523a4f943753ef87ac32097e77298881f7b",class:"text"},e("div",{key:"e16180cdc5122d2fd389427296845d33a12b3e00",class:"message"},this.message,e("slot",{key:"869e11e0ee5ac9e8bbfef7b939d1194c4c567e6f"})),e("div",{key:"04a9dcc5aef72a01be886c7acddd8b2b163945b9",class:{detail:!0,show:i}},this.detail,e("slot",{key:"f707574e671b15bc141c995ccfe5ee5a2dcf35b9",name:"detail"})))),e("div",{key:"872ddc4350306bebf7f2b32a70a3d9a1396a7a98",slot:"footer",class:"actions"},e("sui-button",{key:"ee1d2a2cb783cb23c8581982e948174a6c1fbb44",class:"cancel",variant:"outline",label:d(void 0,"confirm-dialog.cancel",this.cancelLabel,"Cancel"),disabled:this.pending,onClick:this.cancel}),e("sui-button",{key:"cc432f63f37c95f2008cafce475c7c25c388f1c3",variant:s?"danger":"brand",label:d(void 0,"confirm-dialog.confirm",this.confirmLabel,"Confirm"),disabled:this.confirmDisabled,loading:this.pending,onClick:this.confirm}))))}static get watchers(){return{open:[{onOpen:0}]}}};f.style=".sc-sui-confirm-dialog-h{display:contents;font-family:var(--font-sans)}.row.sc-sui-confirm-dialog{display:flex;gap:13px;align-items:flex-start}.badge.sc-sui-confirm-dialog{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand-soft-ink);display:flex;align-items:center;justify-content:center}.badge.danger.sc-sui-confirm-dialog{background:var(--danger-soft);color:var(--danger)}.badge.sc-sui-confirm-dialog .sui-glyph.sc-sui-confirm-dialog{font-size:15px}.text.sc-sui-confirm-dialog{min-width:0}.message.sc-sui-confirm-dialog{color:var(--ink);font-weight:550}.detail.sc-sui-confirm-dialog{display:none;font-size:12.5px;color:var(--ink-muted);margin-top:5px}.detail.show.sc-sui-confirm-dialog{display:block}.actions.sc-sui-confirm-dialog{display:flex;justify-content:flex-end;gap:9px}@media (forced-colors: active){.badge.sc-sui-confirm-dialog{border:1px solid CanvasText;box-sizing:border-box}}";export{f as sui_confirm_dialog}

package/dist/shineui/{p-daee5926.entry.js → p-48aef0f8.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,g as t,h as a,a as e}from"./p-ChCjmDsd.js";import{G as n,q as o,F as r,H as l}from"./p-DGU97JSr.js";import{i as d}from"./p-Cs2X0Kih.js";import{o as h,h as c,a as u}from"./p-BWkzTEZX.js";import{i as v,o as p,p as f,a as g,b as x,k as m,j as b,t as y}from"./p--VsCbcYp.js";import{f as k}from"./p-C-GcFQjn.js";import{d as w}from"./p-B3wtlP4_.js";import{l as C}from"./p-lWhwwQJ2.js";import{u as j}from"./p-U06fVoGD.js";import{i as F}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-DXIDl7cw.js";const z=class{constructor(t){s(this,t),this.suiNavigate=i(this,"suiNavigate",7),this.suiActiveChange=i(this,"suiActiveChange",3),this.suiExpandedChange=i(this,"suiExpandedChange",3),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return t(this)}sections=[];collapsed=!1;active;height;tone="canvas";variant="card";width;collapsedWidth;expanded=[];collapsedBadges="hide";collapseControl="footer";suiNavigate;suiActiveChange;suiExpandedChange;suiOpen;suiClose;hostLabel;stopAria;hasIcon=!1;hasBrand=!1;hasHeader=!1;hasHeaderCollapsed=!1;hasFooter=!1;hasFooterCollapsed=!1;tip=null;tipAnchor=null;fly=null;flyClosing=!1;flyAnchor=null;flyPanel;flyDisposers=[];flyEscape=v((()=>this.closeFly(!0)));demoteFly;flyExit=p((()=>this.flyExited()));pickingFly;dispose;stopReposition;stopKeys;fieldId=j("sui-side-nav");loaded=!1;connectedCallback(){w(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=d(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){const s=this.host.querySelector("nav.scroll");return s?.querySelector(".item.on:not([disabled])")??s?.querySelector(".item:not([disabled])")??null}componentWillLoad(){this.syncSlots(),this.openActiveGroup(!1)}componentDidLoad(){this.loaded=!0,this.watch()}watch(s=!1){this.dispose?.(),this.dispose=h(this.host,(()=>this.syncSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.syncSlots()}))}componentDidRender(){this.fly&&!this.flyClosing&&this.afterFlyOpen()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.hideTip(),this.stopAria?.(),this.teardownFly(),this.flyExit.cancel(),this.flyExited()}async toggle(s){this.setCollapsed("boolean"==typeof s?s:!this.collapsed)}onSections(){this.closeFly(!1),this.openActiveGroup(!1)}onActive(){void 0!==this.pickingFly&&this.active===this.pickingFly||this.openActiveGroup(!0)}syncSlots(){this.hasIcon=c(this.host,"icon"),this.hasBrand=c(this.host,"brand"),this.hasHeader=u(this.host,"header").length>0,this.hasHeaderCollapsed=c(this.host,"header-collapsed"),this.hasFooter=u(this.host,"footer").length>0,this.hasFooterCollapsed=c(this.host,"footer-collapsed")}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hideTip(),this.closeFly(!1),s||this.suiOpen.emit()))}keyOf(s){return s.key||s.label}kids(s){return Array.isArray(s.children)?s.children:[]}isGroup(s){return this.kids(s).length>0}openKeys(){return Array.isArray(this.expanded)?this.expanded:[]}holdsActive(s){return null!=this.active&&this.kids(s).some((s=>this.keyOf(s)===this.active))}openActiveGroup(s){const i=(this.sections||[]).reduce(((s,i)=>s.concat(i.items||[])),[]).find((s=>this.isGroup(s)&&this.holdsActive(s)));if(!i)return;const t=this.keyOf(i),a=this.openKeys();a.includes(t)||(this.expanded=a.concat(t),s&&this.suiExpandedChange.emit(this.expanded))}toggleGroup(s,i){const t=this.keyOf(s),a=this.openKeys();this.collapsed?this.fly&&!this.flyClosing&&this.keyOf(this.fly)===t?this.closeFly(!0):this.openFly(s,i):(this.expanded=a.includes(t)?a.filter((s=>s!==t)):a.concat(t),this.suiExpandedChange.emit(this.expanded))}openFly(s,i){this.hideTip(),this.flyExit.cancel(),this.teardownFly(),this.flyAnchor=i,this.flyClosing=!1,this.fly=s,this.flyEscape.arm()}afterFlyOpen(){const s=this.flyPanel;s&&this.flyAnchor&&!this.flyDisposers.length&&this.host.isConnected&&(this.demoteFly||(this.demoteFly=f(s)),this.placeFly(),this.flyDisposers.push(g((()=>[this.host,s]),(()=>this.closeFly(!1))),x((()=>this.placeFly()))),this.flyEscape.arm(),k(s)?.focus({preventScroll:!0}))}placeFly(){const s=this.flyAnchor,i=this.flyPanel;s&&i&&(s.isConnected&&this.collapsed?m(i,b(s,i,F(s)?"left":"right",8,"start")):this.closeFly(!1))}teardownFly(){this.flyEscape.disarm(),this.flyDisposers.forEach((s=>s())),this.flyDisposers=[]}closeFly(s){this.fly&&!this.flyClosing&&(this.teardownFly(),s&&this.flyAnchor?.focus({preventScroll:!0}),this.flyExit.begin(this.flyPanel)?this.flyClosing=!0:this.flyExited())}flyExited(){this.demoteFly?.(),this.demoteFly=void 0,this.flyAnchor=null,this.flyClosing=!1,this.fly=null}pickFly(s){if(s.disabled)return;const i=!!this.flyPanel&&"undefined"!=typeof document&&this.flyPanel.contains(document.activeElement);this.pickingFly=this.keyOf(s);try{this.navigate(s)}finally{this.pickingFly=void 0}this.closeFly(i)}onFlyKey=s=>{y(s,this.flyPanel,(()=>this.closeFly(!0)))};navigate(s){if(s.disabled)return;const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i),s.command?.()}showTip(s,i){this.collapsed&&!this.fly&&(this.tipAnchor=s.currentTarget,this.tip={label:i,...this.tipPoint(this.tipAnchor)},this.stopReposition||(this.stopReposition=x((()=>this.placeTip()))),this.stopKeys||(window.addEventListener("keydown",this.onTipKey),this.stopKeys=()=>window.removeEventListener("keydown",this.onTipKey)))}onTipKey=s=>{"Escape"===s.key&&this.tip&&this.hideTip()};tipPoint(s){const i=s.getBoundingClientRect();return{x:F(s)?i.left-10:i.right+10,y:i.top+i.height/2}}placeTip(){const s=this.tipAnchor;if(!this.tip||!s)return;if(!this.collapsed||!s.isConnected)return void this.hideTip();const i=this.tipPoint(s);i.x===this.tip.x&&i.y===this.tip.y||(this.tip={label:this.tip.label,...i})}hideTip=()=>{this.tip=null,this.tipAnchor=null,this.stopReposition?.(),this.stopReposition=void 0,this.stopKeys?.(),this.stopKeys=void 0};renderItem(s,i,t,e=!1){const r=this.collapsed&&!e,l=!i&&!e&&this.isGroup(s),d=l&&!r&&this.openKeys().includes(this.keyOf(s)),h=l&&r&&!!this.fly&&!this.flyClosing&&this.keyOf(this.fly)===this.keyOf(s),c=l?this.holdsActive(s)&&!d:this.active===this.keyOf(s),u=!!s.disabled,v=!!s.href&&!l&&!u,p=r&&null!=s.badge&&"dot"===this.collapsedBadges,f=null!=s.badge&&(p||!r);return a("li",null,a(v?"a":"button",{type:v?void 0:"button",role:v||l?void 0:"link",href:v?s.href:void 0,target:v?s.target:void 0,rel:v&&"_blank"===s.target?"noopener":void 0,disabled:v?void 0:u,class:{item:!0,on:c,sub:i},"aria-current":c&&!l?"page":null,"aria-label":r||f?f?`${s.label}, ${s.badge}`:s.label:null,"aria-expanded":l?d||h?"true":"false":null,"aria-controls":d?t:h?`${this.fieldId}-fly`:null,onClick:i=>e?this.pickFly(s):l?this.toggleGroup(s,i.currentTarget):this.navigate(s),onMouseEnter:i=>this.showTip(i,s.label),onMouseLeave:this.hideTip,onFocus:i=>this.showTip(i,s.label),onBlur:this.hideTip},s.icon?a("i",{class:`${s.icon} icon`,"aria-hidden":"true"}):null,r?null:a("span",{class:"label"},s.label),r||null==s.badge?null:a("span",{class:"badge","aria-hidden":"true"},s.badge),!r&&l?a(n,{glyph:o,class:d?"chev":"chev closed"}):null,p?a("span",{class:"dot","aria-hidden":"true"}):null),d?a("ul",{class:"sub-list",id:t},this.kids(s).map((s=>this.renderItem(s,!0)))):null)}render(){const s=this.collapsed,i="brand"===this.tone||"surface"===this.tone?this.tone:"canvas",t=s?this.hasHeaderCollapsed:this.hasHeader,o=s?this.hasFooterCollapsed:this.hasFooter,d="none"!==this.collapseControl,h=this.hasIcon||!s&&this.hasBrand,c=this.sections||[],u=c.findIndex((s=>!!s.bottom)),v=s?this.collapsedWidth:this.width,p=`${this.fieldId}-nav`,f=s?C(void 0,"side-nav.expandNavigation",void 0,"Expand navigation"):C(void 0,"side-nav.collapseNavigation",void 0,"Collapse navigation");return a(e,{key:"8f3f6b52b684bd790935408772ab3fef80c43d46",class:{flush:"flush"===this.variant},style:null!=this.height?{height:`${this.height}px`}:void 0},a("div",{key:"a813bb1c38e1656f9cde6b60c96c835cae098c15",class:{rail:!0,collapsed:s,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i,flush:"flush"===this.variant},style:null!=v?{width:`${v}px`}:void 0},h?a("div",{class:"brand-row"},this.hasIcon?a("span",{class:"mark"},a("slot",{name:"icon"})):null,!s&&this.hasBrand?a("span",{class:"word"},a("slot",{name:"brand"})):null):null,t?a("div",{class:"head-slot"},a("slot",s?{name:"header-collapsed"}:{name:"header"})):null,a("nav",{key:"6fba41edce6b46b00ae12ac18dde5a4f7098c863",class:{scroll:!0,"has-bottom":u>=0},id:p,"data-scroll":"brand"===i?"navy":null,"aria-label":this.hostLabel||C(void 0,"side-nav.primary",void 0,"Primary")},c.map(((i,t)=>a("div",{class:{section:!0,push:u===t}},t>0&&(i.divider||i.heading&&s)?a("div",{class:"rule"}):null,i.heading&&!s?a("div",{class:"heading"},i.heading):null,a("ul",{class:"list"},(i.items||[]).map(((s,i)=>this.renderItem(s,!1,`${this.fieldId}-g${t}-${i}`)))))))),o||d?a("div",{class:"foot"},o?a("div",{class:"foot-slot",key:"foot-slot"},a("slot",s?{name:"footer-collapsed"}:{name:"footer"})):null,d?a("button",{type:"button",class:"ctl",key:"collapse","aria-label":f,"aria-expanded":s?"false":"true","aria-controls":p,onClick:()=>this.setCollapsed(!s),onMouseEnter:s=>this.showTip(s,f),onMouseLeave:this.hideTip,onFocus:s=>this.showTip(s,f),onBlur:this.hideTip},a(n,{glyph:s?r:l})):null):null),s&&this.tip?a("span",{class:"tip",role:"presentation",style:{left:`${this.tip.x}px`,top:`${this.tip.y}px`}},this.tip.label):null,this.fly?a("div",{class:{fly:!0,closing:this.flyClosing,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i},id:`${this.fieldId}-fly`,ref:s=>this.flyPanel=s,onKeyDown:this.onFlyKey},a("div",{class:"heading"},this.fly.label),a("ul",{class:"list"},this.kids(this.fly).map((s=>this.renderItem(s,!1,void 0,!0))))):null)}static get watchers(){return{sections:[{onSections:0}],active:[{onActive:0}]}}};z.style=".sc-sui-side-nav-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}.flush.sc-sui-side-nav-h{display:block;align-self:stretch}.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{--sn-ground:var(--surface-navy);--sn-ink:var(--ink-inverse);--sn-quiet:var(--ink-inverse-muted);--sn-hair:var(--border-inverse);--sn-wash:color-mix(in srgb, var(--ink-inverse) 7%, transparent);--sn-fill:var(--surface-navy-current);--sn-off:color-mix(in srgb, var(--ink-inverse) 34%, transparent);--sn-mark:var(--accent-inverse)}.rail.sc-sui-side-nav{width:var(--sidebar-w);height:100%;box-sizing:border-box;flex-shrink:0;background:var(--sn-ground);color:var(--sn-ink);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);transition:width var(--duration-base) var(--ease-out)}.rail.brand.sc-sui-side-nav,.fly.brand.sc-sui-side-nav{--focus-ring:var(--ink-inverse);--focus-shadow:none}.rail.brand.sc-sui-side-nav{--logo-quiet:color-mix(in srgb, currentColor var(--logo-quiet-inverse, 82%), transparent);--logo-spark:var(--logo-spark-inverse)}.rail.surface.sc-sui-side-nav,.fly.surface.sc-sui-side-nav{--sn-ground:var(--surface);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--hairline);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.canvas.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{--sn-ground:var(--canvas);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--border);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.surface.sc-sui-side-nav,.rail.canvas.sc-sui-side-nav{border:1px solid var(--border)}.rail.flush.sc-sui-side-nav{border-radius:0}.rail.surface.flush.sc-sui-side-nav,.rail.canvas.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rail.collapsed.sc-sui-side-nav{width:60px}.brand-row.sc-sui-side-nav{display:flex;align-items:center;gap:10px;padding-block:13px 11px;padding-inline:10.5px 12px;min-height:30px}.rail.collapsed.sc-sui-side-nav .brand-row.sc-sui-side-nav{padding:13px 0 11px;justify-content:center;gap:0}.mark.sc-sui-side-nav{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.mark.sc-sui-side-nav-s>*,.mark .sc-sui-side-nav-s>*{display:block;max-width:28px;max-height:28px}.word.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.head-slot.sc-sui-side-nav{padding:0 12px 10px}.rail.collapsed.sc-sui-side-nav .head-slot.sc-sui-side-nav{padding:0 8px 8px;display:flex;justify-content:center}.scroll.sc-sui-side-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:2px 0 10px}.scroll.has-bottom.sc-sui-side-nav{display:flex;flex-direction:column}.section.push.sc-sui-side-nav{margin-top:auto}.heading.sc-sui-side-nav{padding:13px 16px 5px;white-space:nowrap;overflow:hidden;font-size:10px;font-weight:650;letter-spacing:var(--tracking-wider);color:var(--sn-quiet)}.rule.sc-sui-side-nav{height:1px;background:var(--sn-hair);margin:8px 12px}.list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.item.sc-sui-side-nav{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 16px);box-sizing:border-box;padding-block:7.5px;padding-inline:8px 6px;justify-content:flex-start;margin:2px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sn-quiet);font-family:var(--font-sans);font-size:13.5px;font-weight:460;line-height:normal;text-align:start;cursor:pointer;user-select:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.item.sc-sui-side-nav,a.item.sc-sui-side-nav:hover,a.item.sc-sui-side-nav:visited{color:var(--sn-quiet);text-decoration:none}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:var(--sn-ink)}.item.sc-sui-side-nav:hover{--ink-faint:var(--ink-muted);background:var(--sn-wash)}.item.on.sc-sui-side-nav{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--sn-fill);color:var(--sn-ink);font-weight:650}.item.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.item.sub.sc-sui-side-nav{padding-inline-start:35px}.item[disabled].sc-sui-side-nav,.item[disabled].sc-sui-side-nav:hover{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--sn-off);background:transparent;cursor:not-allowed}.rail.collapsed.sc-sui-side-nav .item.sc-sui-side-nav{padding:9px 0;justify-content:center}.icon.sc-sui-side-nav{font-size:13px;width:17px;text-align:center;color:inherit}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:inherit}.label.sc-sui-side-nav{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.sc-sui-side-nav{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}.dot.sc-sui-side-nav{position:absolute;top:8px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:var(--sn-mark)}.chev.sc-sui-side-nav{font-size:9px;width:10px;text-align:center;color:inherit;transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-side-nav{transform:rotate(-90deg)}.chev.closed.sc-sui-side-nav:dir(rtl){transform:rotate(90deg)}.sub-list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.foot.sc-sui-side-nav{border-top:1px solid var(--sn-hair);display:flex;align-items:center;gap:10px;padding-block:9px;padding-inline:16px 10px}.foot-slot.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.rail.collapsed.sc-sui-side-nav .foot.sc-sui-side-nav{flex-direction:column;gap:8px;padding:9px 0}.rail.collapsed.sc-sui-side-nav .foot-slot.sc-sui-side-nav{flex:none;justify-content:center}.ctl.sc-sui-side-nav{width:var(--control-sm);height:var(--control-sm);flex-shrink:0;border:none;border-radius:var(--radius-md);padding:0;background:transparent;color:var(--sn-quiet);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav{font-size:11px}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav:dir(rtl){transform:scaleX(-1)}.ctl.sc-sui-side-nav:hover{background:var(--sn-wash);color:var(--sn-ink)}.ctl.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.tip.sc-sui-side-nav{position:fixed;transform:translateY(-50%);z-index:var(--z-tooltip);white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.sc-sui-side-nav:dir(rtl){transform:translate(-100%, -50%)}.fly.sc-sui-side-nav{position:fixed;z-index:var(--z-dropdown);min-width:200px;max-width:280px;box-sizing:border-box;padding:4px 0 6px;background:var(--sn-ground);color:var(--sn-ink);border:1px solid var(--sn-hair);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);animation:sui-side-nav-in var(--duration-fast) var(--ease-out)}.fly.surface.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{border-color:var(--border)}.fly.closing.sc-sui-side-nav{animation:sui-side-nav-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.fly.sc-sui-side-nav .heading.sc-sui-side-nav{padding-top:9px}@keyframes sui-side-nav-in{from{opacity:0}}@keyframes sui-side-nav-out{to{opacity:0}}@media (forced-colors: active){.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{border:1px solid CanvasText}.rail.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rule.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:HighlightText}.item.sc-sui-side-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:HighlightText}.badge.sc-sui-side-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dot.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav .dot.sc-sui-side-nav{background:HighlightText}}";export{z as sui_side_nav}
+import{r as s,c as i,g as t,h as a,a as e}from"./p-ChCjmDsd.js";import{G as n,q as o,F as r,H as l}from"./p-CHznIlgx.js";import{i as d}from"./p-BsRW1Q8k.js";import{o as h,h as c,a as u}from"./p-BWkzTEZX.js";import{i as v,o as p,p as f,a as x,b as g,k as m,j as b,t as y}from"./p-DxQKrio7.js";import{f as k}from"./p-C-GcFQjn.js";import{d as w}from"./p-B3wtlP4_.js";import{l as C}from"./p-lWhwwQJ2.js";import{u as j}from"./p-U06fVoGD.js";import{i as z}from"./p-GAnFXayY.js";import"./p-8R5d4SBR.js";import"./p-CZ4DDtn8.js";const F=class{constructor(t){s(this,t),this.suiNavigate=i(this,"suiNavigate",7),this.suiActiveChange=i(this,"suiActiveChange",3),this.suiExpandedChange=i(this,"suiExpandedChange",3),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3)}get host(){return t(this)}sections=[];collapsed=!1;active;height;tone="canvas";variant="card";width;collapsedWidth;expanded=[];collapsedBadges="hide";collapseControl="footer";suiNavigate;suiActiveChange;suiExpandedChange;suiOpen;suiClose;hostLabel;stopAria;hasIcon=!1;hasBrand=!1;hasHeader=!1;hasHeaderCollapsed=!1;hasFooter=!1;hasFooterCollapsed=!1;tip=null;tipAnchor=null;fly=null;flyClosing=!1;flyAnchor=null;flyPanel;flyDisposers=[];flyEscape=v((()=>this.closeFly(!0)));demoteFly;flyExit=p((()=>this.flyExited()));pickingFly;dispose;stopReposition;stopKeys;fieldId=j("sui-side-nav");loaded=!1;connectedCallback(){w(this.host,(()=>this.focusTarget())),this.stopAria?.(),this.stopAria=d(this.host,(s=>{this.hostLabel=s})),this.loaded&&this.watch(!0)}async setFocus(){this.focusTarget()?.focus()}focusTarget(){const s=this.host.querySelector("nav.scroll");return s?.querySelector(".item.on:not([disabled])")??s?.querySelector(".item:not([disabled])")??null}componentWillLoad(){this.syncSlots(),this.openActiveGroup(!1)}componentDidLoad(){this.loaded=!0,this.watch()}watch(s=!1){this.dispose?.(),this.dispose=h(this.host,(()=>this.syncSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.syncSlots()}))}componentDidRender(){this.fly&&!this.flyClosing&&this.afterFlyOpen()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.hideTip(),this.stopAria?.(),this.teardownFly(),this.flyExit.cancel(),this.flyExited()}async toggle(s){this.setCollapsed("boolean"==typeof s?s:!this.collapsed)}onSections(){this.closeFly(!1),this.openActiveGroup(!1)}onActive(){void 0!==this.pickingFly&&this.active===this.pickingFly||this.openActiveGroup(!0)}syncSlots(){this.hasIcon=c(this.host,"icon"),this.hasBrand=c(this.host,"brand"),this.hasHeader=u(this.host,"header").length>0,this.hasHeaderCollapsed=c(this.host,"header-collapsed"),this.hasFooter=u(this.host,"footer").length>0,this.hasFooterCollapsed=c(this.host,"footer-collapsed")}setCollapsed(s){s!==this.collapsed&&(s&&this.suiClose.emit("trigger").defaultPrevented||(this.collapsed=s,this.hideTip(),this.closeFly(!1),s||this.suiOpen.emit()))}keyOf(s){return s.key||s.label}kids(s){return Array.isArray(s.children)?s.children:[]}isGroup(s){return this.kids(s).length>0}openKeys(){return Array.isArray(this.expanded)?this.expanded:[]}holdsActive(s){return null!=this.active&&this.kids(s).some((s=>this.keyOf(s)===this.active))}openActiveGroup(s){const i=(this.sections||[]).reduce(((s,i)=>s.concat(i.items||[])),[]).find((s=>this.isGroup(s)&&this.holdsActive(s)));if(!i)return;const t=this.keyOf(i),a=this.openKeys();a.includes(t)||(this.expanded=a.concat(t),s&&this.suiExpandedChange.emit(this.expanded))}toggleGroup(s,i){const t=this.keyOf(s),a=this.openKeys();this.collapsed?this.fly&&!this.flyClosing&&this.keyOf(this.fly)===t?this.closeFly(!0):this.openFly(s,i):(this.expanded=a.includes(t)?a.filter((s=>s!==t)):a.concat(t),this.suiExpandedChange.emit(this.expanded))}openFly(s,i){this.hideTip(),this.flyExit.cancel(),this.teardownFly(),this.flyAnchor=i,this.flyClosing=!1,this.fly=s,this.flyEscape.arm()}afterFlyOpen(){const s=this.flyPanel;s&&this.flyAnchor&&!this.flyDisposers.length&&this.host.isConnected&&(this.demoteFly||(this.demoteFly=f(s)),this.placeFly(),this.flyDisposers.push(x((()=>[this.host,s]),(()=>this.closeFly(!1))),g((()=>this.placeFly()))),this.flyEscape.arm(),k(s)?.focus({preventScroll:!0}))}placeFly(){const s=this.flyAnchor,i=this.flyPanel;s&&i&&(s.isConnected&&this.collapsed?m(i,b(s,i,z(s)?"left":"right",8,"start")):this.closeFly(!1))}teardownFly(){this.flyEscape.disarm(),this.flyDisposers.forEach((s=>s())),this.flyDisposers=[]}closeFly(s){this.fly&&!this.flyClosing&&(this.teardownFly(),s&&this.flyAnchor?.focus({preventScroll:!0}),this.flyExit.begin(this.flyPanel)?this.flyClosing=!0:this.flyExited())}flyExited(){this.demoteFly?.(),this.demoteFly=void 0,this.flyAnchor=null,this.flyClosing=!1,this.fly=null}pickFly(s){if(s.disabled)return;const i=!!this.flyPanel&&"undefined"!=typeof document&&this.flyPanel.contains(document.activeElement);this.pickingFly=this.keyOf(s);try{this.navigate(s)}finally{this.pickingFly=void 0}this.closeFly(i)}onFlyKey=s=>{y(s,this.flyPanel,(()=>this.closeFly(!0)))};navigate(s){if(s.disabled)return;const i=this.keyOf(s);i!==this.active&&(this.active=i,this.suiActiveChange.emit(i)),this.suiNavigate.emit(i),s.command?.()}showTip(s,i){this.collapsed&&!this.fly&&(this.tipAnchor=s.currentTarget,this.tip={label:i,...this.tipPoint(this.tipAnchor)},this.stopReposition||(this.stopReposition=g((()=>this.placeTip()))),this.stopKeys||(window.addEventListener("keydown",this.onTipKey),this.stopKeys=()=>window.removeEventListener("keydown",this.onTipKey)))}onTipKey=s=>{"Escape"===s.key&&this.tip&&this.hideTip()};tipPoint(s){const i=s.getBoundingClientRect();return{x:z(s)?i.left-10:i.right+10,y:i.top+i.height/2}}placeTip(){const s=this.tipAnchor;if(!this.tip||!s)return;if(!this.collapsed||!s.isConnected)return void this.hideTip();const i=this.tipPoint(s);i.x===this.tip.x&&i.y===this.tip.y||(this.tip={label:this.tip.label,...i})}hideTip=()=>{this.tip=null,this.tipAnchor=null,this.stopReposition?.(),this.stopReposition=void 0,this.stopKeys?.(),this.stopKeys=void 0};renderItem(s,i,t,e=!1){const r=this.collapsed&&!e,l=!i&&!e&&this.isGroup(s),d=l&&!r&&this.openKeys().includes(this.keyOf(s)),h=l&&r&&!!this.fly&&!this.flyClosing&&this.keyOf(this.fly)===this.keyOf(s),c=l?this.holdsActive(s)&&!d:this.active===this.keyOf(s),u=!!s.disabled,v=!!s.href&&!l&&!u,p=r&&null!=s.badge&&"dot"===this.collapsedBadges,f=null!=s.badge&&(p||!r);return a("li",null,a(v?"a":"button",{type:v?void 0:"button",role:v||l?void 0:"link",href:v?s.href:void 0,target:v?s.target:void 0,rel:v&&"_blank"===s.target?"noopener":void 0,disabled:v?void 0:u,class:{item:!0,on:c,sub:i},"aria-current":c&&!l?"page":null,"aria-label":r||f?f?`${s.label}, ${s.badge}`:s.label:null,"aria-expanded":l?d||h?"true":"false":null,"aria-controls":d?t:h?`${this.fieldId}-fly`:null,onClick:i=>e?this.pickFly(s):l?this.toggleGroup(s,i.currentTarget):this.navigate(s),onMouseEnter:i=>this.showTip(i,s.label),onMouseLeave:this.hideTip,onFocus:i=>this.showTip(i,s.label),onBlur:this.hideTip},s.icon?a("i",{class:`${s.icon} icon`,"aria-hidden":"true"}):null,r?null:a("span",{class:"label"},s.label),r||null==s.badge?null:a("span",{class:"badge","aria-hidden":"true"},s.badge),!r&&l?a(n,{glyph:o,class:d?"chev":"chev closed"}):null,p?a("span",{class:"dot","aria-hidden":"true"}):null),d?a("ul",{class:"sub-list",id:t},this.kids(s).map((s=>this.renderItem(s,!0)))):null)}render(){const s=this.collapsed,i="brand"===this.tone||"surface"===this.tone?this.tone:"canvas",t=s?this.hasHeaderCollapsed:this.hasHeader,o=s?this.hasFooterCollapsed:this.hasFooter,d="none"!==this.collapseControl,h=this.hasIcon||!s&&this.hasBrand,c=this.sections||[],u=c.findIndex((s=>!!s.bottom)),v=s?this.collapsedWidth:this.width,p=`${this.fieldId}-nav`,f=s?C(void 0,"side-nav.expandNavigation",void 0,"Expand navigation"):C(void 0,"side-nav.collapseNavigation",void 0,"Collapse navigation");return a(e,{key:"16b2629bb9eb89ddd61ba200d8da1aff615b7c4b",class:{flush:"flush"===this.variant},style:null!=this.height?{height:`${this.height}px`}:void 0},a("div",{key:"e871e5ad05ab29c50244703bf336140db92014c5",class:{rail:!0,collapsed:s,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i,flush:"flush"===this.variant},style:null!=v?{width:`${v}px`}:void 0},h?a("div",{class:"brand-row"},this.hasIcon?a("span",{class:"mark"},a("slot",{name:"icon"})):null,!s&&this.hasBrand?a("span",{class:"word"},a("slot",{name:"brand"})):null):null,t?a("div",{class:"head-slot"},a("slot",s?{name:"header-collapsed"}:{name:"header"})):null,a("nav",{key:"ccea0536de10f80dc7a76ef1108f86b284a942ac",class:{scroll:!0,"has-bottom":u>=0},id:p,"data-scroll":"brand"===i?"navy":null,"aria-label":this.hostLabel||C(void 0,"side-nav.primary",void 0,"Primary")},c.map(((i,t)=>a("div",{class:{section:!0,push:u===t}},t>0&&(i.divider||i.heading&&s)?a("div",{class:"rule"}):null,i.heading&&!s?a("div",{class:"heading"},i.heading):null,a("ul",{class:"list"},(i.items||[]).map(((s,i)=>this.renderItem(s,!1,`${this.fieldId}-g${t}-${i}`)))))))),o||d?a("div",{class:"foot"},o?a("div",{class:"foot-slot",key:"foot-slot"},a("slot",s?{name:"footer-collapsed"}:{name:"footer"})):null,d?a("button",{type:"button",class:"ctl",key:"collapse","aria-label":f,"aria-expanded":s?"false":"true","aria-controls":p,onClick:()=>this.setCollapsed(!s),onMouseEnter:s=>this.showTip(s,f),onMouseLeave:this.hideTip,onFocus:s=>this.showTip(s,f),onBlur:this.hideTip},a(n,{glyph:s?r:l})):null):null),s&&this.tip?a("span",{class:"tip",role:"presentation",style:{left:`${this.tip.x}px`,top:`${this.tip.y}px`}},this.tip.label):null,this.fly?a("div",{class:{fly:!0,closing:this.flyClosing,brand:"brand"===i,surface:"surface"===i,canvas:"canvas"===i},id:`${this.fieldId}-fly`,ref:s=>this.flyPanel=s,onKeyDown:this.onFlyKey},a("div",{class:"heading"},this.fly.label),a("ul",{class:"list"},this.kids(this.fly).map((s=>this.renderItem(s,!1,void 0,!0))))):null)}static get watchers(){return{sections:[{onSections:0}],active:[{onActive:0}]}}};F.style=".sc-sui-side-nav-h{display:inline-block;vertical-align:top;font-family:var(--font-sans)}.flush.sc-sui-side-nav-h{display:block;align-self:stretch}.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{--sn-ground:var(--surface-navy);--sn-ink:var(--ink-inverse);--sn-quiet:var(--ink-inverse-muted);--sn-hair:var(--border-inverse);--sn-wash:color-mix(in srgb, var(--ink-inverse) 7%, transparent);--sn-fill:var(--surface-navy-current);--sn-off:color-mix(in srgb, var(--ink-inverse) 34%, transparent);--sn-mark:var(--accent-inverse)}.rail.sc-sui-side-nav{width:var(--sidebar-w);height:100%;box-sizing:border-box;flex-shrink:0;background:var(--sn-ground);color:var(--sn-ink);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);transition:width var(--duration-base) var(--ease-out)}.rail.brand.sc-sui-side-nav,.fly.brand.sc-sui-side-nav{--focus-ring:var(--ink-inverse);--focus-shadow:none}.rail.brand.sc-sui-side-nav{--logo-quiet:color-mix(in srgb, currentColor var(--logo-quiet-inverse, 82%), transparent);--logo-spark:var(--logo-spark-inverse)}.rail.surface.sc-sui-side-nav,.fly.surface.sc-sui-side-nav{--sn-ground:var(--surface);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--hairline);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.canvas.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{--sn-ground:var(--canvas);--sn-ink:var(--ink);--sn-quiet:var(--ink-muted);--sn-hair:var(--border);--sn-wash:var(--surface-hover);--sn-fill:var(--surface-current);--sn-off:var(--ink-placeholder);--sn-mark:var(--accent-mark)}.rail.surface.sc-sui-side-nav,.rail.canvas.sc-sui-side-nav{border:1px solid var(--border)}.rail.flush.sc-sui-side-nav{border-radius:0}.rail.surface.flush.sc-sui-side-nav,.rail.canvas.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rail.collapsed.sc-sui-side-nav{width:60px}.brand-row.sc-sui-side-nav{display:flex;align-items:center;gap:10px;padding-block:13px 11px;padding-inline:10.5px 12px;min-height:30px}.rail.collapsed.sc-sui-side-nav .brand-row.sc-sui-side-nav{padding:13px 0 11px;justify-content:center;gap:0}.mark.sc-sui-side-nav{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.mark.sc-sui-side-nav-s>*,.mark .sc-sui-side-nav-s>*{display:block;max-width:28px;max-height:28px}.word.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.head-slot.sc-sui-side-nav{padding:0 12px 10px}.rail.collapsed.sc-sui-side-nav .head-slot.sc-sui-side-nav{padding:0 8px 8px;display:flex;justify-content:center}.scroll.sc-sui-side-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:2px 0 10px}.scroll.has-bottom.sc-sui-side-nav{display:flex;flex-direction:column}.section.push.sc-sui-side-nav{margin-top:auto}.heading.sc-sui-side-nav{padding:13px 16px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--sn-quiet)}.rule.sc-sui-side-nav{height:1px;background:var(--sn-hair);margin:8px 12px}.list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.item.sc-sui-side-nav{position:relative;display:flex;align-items:center;gap:10px;width:calc(100% - 16px);box-sizing:border-box;padding-block:7.5px;padding-inline:8px 6px;justify-content:flex-start;margin:2px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sn-quiet);font-family:var(--font-sans);font-size:13.5px;font-weight:460;line-height:normal;text-align:start;cursor:pointer;user-select:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.item.sc-sui-side-nav,a.item.sc-sui-side-nav:hover,a.item.sc-sui-side-nav:visited{color:var(--sn-quiet);text-decoration:none}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:var(--sn-ink)}.item.sc-sui-side-nav:hover{--ink-faint:var(--ink-muted);background:var(--sn-wash)}.item.on.sc-sui-side-nav{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--sn-fill);color:var(--sn-ink);font-weight:650}.item.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.item.sub.sc-sui-side-nav{padding-inline-start:35px}.item[disabled].sc-sui-side-nav,.item[disabled].sc-sui-side-nav:hover{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--sn-off);background:transparent;cursor:not-allowed}.rail.collapsed.sc-sui-side-nav .item.sc-sui-side-nav{padding:9px 0;justify-content:center}.icon.sc-sui-side-nav{font-size:13px;width:17px;text-align:center;color:inherit}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:inherit}.label.sc-sui-side-nav{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.sc-sui-side-nav{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}.dot.sc-sui-side-nav{position:absolute;top:8px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:var(--sn-mark)}.chev.sc-sui-side-nav{font-size:9px;width:10px;text-align:center;color:inherit;transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-side-nav{transform:rotate(-90deg)}.chev.closed.sc-sui-side-nav:dir(rtl){transform:rotate(90deg)}.sub-list.sc-sui-side-nav{list-style:none;margin:0;padding:0}.foot.sc-sui-side-nav{border-top:1px solid var(--sn-hair);display:flex;align-items:center;gap:10px;padding-block:9px;padding-inline:16px 10px}.foot-slot.sc-sui-side-nav{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.rail.collapsed.sc-sui-side-nav .foot.sc-sui-side-nav{flex-direction:column;gap:8px;padding:9px 0}.rail.collapsed.sc-sui-side-nav .foot-slot.sc-sui-side-nav{flex:none;justify-content:center}.ctl.sc-sui-side-nav{width:var(--control-sm);height:var(--control-sm);flex-shrink:0;border:none;border-radius:var(--radius-md);padding:0;background:transparent;color:var(--sn-quiet);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav{font-size:11px}.ctl.sc-sui-side-nav .sui-glyph.sc-sui-side-nav:dir(rtl){transform:scaleX(-1)}.ctl.sc-sui-side-nav:hover{background:var(--sn-wash);color:var(--sn-ink)}.ctl.sc-sui-side-nav:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.tip.sc-sui-side-nav{position:fixed;transform:translateY(-50%);z-index:var(--z-tooltip);white-space:nowrap;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);font-size:11px;font-weight:620;padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-pop);pointer-events:none}.tip.sc-sui-side-nav:dir(rtl){transform:translate(-100%, -50%)}.fly.sc-sui-side-nav{position:fixed;z-index:var(--z-dropdown);min-width:200px;max-width:280px;box-sizing:border-box;padding:4px 0 6px;background:var(--sn-ground);color:var(--sn-ink);border:1px solid var(--sn-hair);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-family:var(--font-sans);animation:sui-side-nav-in var(--duration-fast) var(--ease-out)}.fly.surface.sc-sui-side-nav,.fly.canvas.sc-sui-side-nav{border-color:var(--border)}.fly.closing.sc-sui-side-nav{animation:sui-side-nav-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.fly.sc-sui-side-nav .heading.sc-sui-side-nav{padding-top:9px}@keyframes sui-side-nav-in{from{opacity:0}}@keyframes sui-side-nav-out{to{opacity:0}}@media (forced-colors: active){.rail.sc-sui-side-nav,.fly.sc-sui-side-nav{border:1px solid CanvasText}.rail.flush.sc-sui-side-nav{border-width:0;border-inline-end-width:1px}.rule.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav{forced-color-adjust:none;background:Highlight;color:HighlightText}a.item.on.sc-sui-side-nav,a.item.on.sc-sui-side-nav:hover,a.item.on.sc-sui-side-nav:visited{color:HighlightText}.item.sc-sui-side-nav:focus-visible{outline-color:CanvasText;box-shadow:none}.item.on.sc-sui-side-nav .icon.sc-sui-side-nav{color:HighlightText}.badge.sc-sui-side-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText}.dot.sc-sui-side-nav{background:CanvasText}.item.on.sc-sui-side-nav .dot.sc-sui-side-nav{background:HighlightText}}";export{F as sui_side_nav}

package/dist/shineui/p-495bc3b0.entry.js

@@ -0,0 +1 @@
+import{r as s,h as a,a as t}from"./p-ChCjmDsd.js";import{r as i}from"./p-DRMr6xXH.js";const r=class{constructor(a){s(this,a)}label="";severity;icon;size="md";resolve(){return i(this.severity,"neutral")}render(){const s=this.resolve();return a(t,{key:"bdcb45a18b9d3ccf05d4e119af1a2e2c8c6f2d0b"},a("span",{key:"dc80258e6964d833311235b2cdad6274c529a712",class:{"sui-tag":!0,[s]:!0,[this.size]:!0}},this.icon?a("i",{class:this.icon,"aria-hidden":"true"}):null,this.label))}};r.style=".sc-sui-tag-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-tag.sc-sui-tag{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-weight:650;white-space:nowrap}.sui-tag.md.sc-sui-tag{padding:3px 10px;font-size:11.5px}.sui-tag.sm.sc-sui-tag{padding:2px 8px;font-size:10.5px}.sui-tag.md.sc-sui-tag i.sc-sui-tag{font-size:10px}.sui-tag.sm.sc-sui-tag i.sc-sui-tag{font-size:9px}.sui-tag.positive.sc-sui-tag{background:var(--status-positive-bg);color:var(--status-positive-ink);border-color:var(--status-positive-edge)}.sui-tag.info.sc-sui-tag{background:var(--status-info-bg);color:var(--status-info-ink);border-color:var(--status-info-accent)}.sui-tag.attention.sc-sui-tag{background:var(--status-attention-bg);color:var(--status-attention-ink);border-color:var(--status-attention-accent)}.sui-tag.critical.sc-sui-tag{background:var(--danger-soft);color:var(--danger-soft-ink);border-color:var(--danger)}.sui-tag.neutral.sc-sui-tag{background:var(--status-neutral-bg);color:var(--status-neutral-ink);border-color:var(--status-neutral-border)}";export{r as sui_tag}

package/dist/shineui/{p-8c1af7a6.entry.js → p-4dbaef17.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,g as t,h as a}from"./p-ChCjmDsd.js";import{d as e,F as r}from"./p-hpOwNlzr.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as l,r as d}from"./p-B3wtlP4_.js";import{f as h}from"./p-CGWvlrv_.js";import{m as p}from"./p-BE4gZZNA.js";import{l as c,k as g}from"./p-_HRbdUU3.js";import{a as f,l as b}from"./p-lWhwwQJ2.js";import{i as m,a as v}from"./p-Cs2X0Kih.js";import"./p-DGU97JSr.js";const x=["sm","md","lg"],y=i=>"string"==typeof i?i:i?.label??"",w=i=>"string"==typeof i?i:g(i?.value),k=class{constructor(t){i(this,t),this.suiChange=s(this,"suiChange",7),this.suiInput=s(this,"suiInput",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;value=[];placeholder;size="md";disabled=!1;readOnly=!1;invalid=!1;max;required=!1;separator=",";name;suiChange;suiInput;suiFocus;suiBlur;text="";announce="";formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;fieldId=o("sui-input-tags");input;initial=[];get tags(){return c(this.value,this.host,"value")}get isDisabled(){return this.disabled||this.formDisabled}get sep(){return"string"==typeof this.separator&&this.separator.length>0?this.separator:","}get cap(){return"number"==typeof this.max&&Number.isFinite(this.max)&&this.max>0?Math.floor(this.max):void 0}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=m(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=v(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=[...this.tags],this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.tags,s=this.isDisabled,t=i.map(w);l(this.internals,s?null:p(this.name,t)??(t.length?t.join(this.sep):null)),d(this.internals,this.required&&!s&&!this.readOnly,0===i.length,this.label,this.input,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=[...this.initial],this.text="",this.syncForm()}formDisabledCallback(i){this.formDisabled=h(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}setValue(i){this.value=i,this.suiChange.emit(i)}commit(i){if(this.readOnly)return;const s=this.text.split(this.sep),t=i?"":s.pop()??"",a=this.tags.slice();let e=!1;for(const i of s){const s=i.trim();s&&(a.some((i=>w(i)===s))?this.announce=f(void 0,"input-tags.alreadyListed",void 0,"{value} is already in the list.",{value:s}):this.cap&&a.length>=this.cap?this.announce=f(void 0,"input-tags.limitReached",void 0,"Limit of {n} reached.",{n:String(this.cap)}):(a.push(s),this.announce=f(void 0,"input-tags.added",void 0,"{value} added.",{value:s}),e=!0))}e&&this.setValue(a),this.text!==t&&(this.text=t,this.suiInput.emit(t))}removeAt(i){if(this.isDisabled||this.readOnly)return;const s=this.tags.slice(),[t]=s.splice(i,1);this.announce=f(void 0,"input-tags.removed",void 0,"{value} removed.",{value:y(t)}),this.setValue(s),this.input?.focus()}onInput=i=>{const s=i.target.value;this.readOnly?i.target.value=this.text:(this.text=s,this.suiInput.emit(s),s.includes(this.sep)&&this.commit(!1))};onKeyDown=i=>{"Enter"===i.key?(i.preventDefault(),this.commit(!0)):"Backspace"===i.key&&!this.text&&this.tags.length&&this.removeAt(this.tags.length-1)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.commit(!0),this.suiBlur.emit()};onBoxClick=i=>{this.isDisabled||i.target.closest("sui-chip")||this.input?.focus()};render(){const i=this.tags,s=this.invalid||!!this.error,t=x.includes(this.size)?this.size:"md";return a(r,{key:"d47747f7afa14cfab2cf33ae2364b10979f5fc0f",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"af16da6c8c9178d5509bbf13a8d626b65df1659d",class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,box:!0,[t]:!0,invalid:s,disabled:this.isDisabled,readonly:this.readOnly},role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-disabled":this.isDisabled?"true":null,onClick:this.onBoxClick},i.length?a("span",{class:"sui-chips chips",role:"list"},i.map(((i,s)=>a("span",{role:"listitem",key:s},a("sui-chip",{size:"sm",label:y(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:i=>{i.stopPropagation(),this.removeAt(s)}}))))):null,a("span",{key:"4edc0c44231dc20f23ea8dfc26b6c1d0ed444748",class:"sr-status",role:"status","aria-live":"polite"},this.announce),a("input",{key:"6678c027370d348a2ef4f07cd48a3a0316a62052",ref:i=>this.input=i,class:"entry",id:this.fieldId,type:"text",value:this.text,disabled:this.isDisabled,readOnly:this.readOnly,placeholder:0===i.length?b(void 0,"input-tags.placeholder",this.placeholder,"Type and press Enter"):"",autocomplete:"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-required":this.required?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onKeyDown:this.onKeyDown})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};k.style='.sc-sui-input-tags-h{display:block;font-family:var(--font-sans);min-inline-size:min(180px, 100%)}.sr-status.sc-sui-input-tags{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-input-tags{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-tags{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-tags .sui-field-label.sc-sui-input-tags{color:var(--danger)}.sui-field-req.sc-sui-input-tags{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-tags{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-tags{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-input-tags .sui-glyph.sc-sui-input-tags{font-size:11px}.sui-frame.sc-sui-input-tags{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-input-tags:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-tags,.sui-frame.readonly.sc-sui-input-tags{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-input-tags{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-input-tags:focus-within,.sui-frame.invalid.focus.sc-sui-input-tags,.sui-frame.invalid.open.sc-sui-input-tags{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-input-tags{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-tags{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-tags{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-tags{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{color:GrayText;border-color:GrayText}}.sui-chip-box.sc-sui-input-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-input-tags{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-input-tags:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-input-tags{display:contents}.sui-chips.sc-sui-input-tags>[role="listitem"].sc-sui-input-tags{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-input-tags .entry.sc-sui-input-tags{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-input-tags .entry.sc-sui-input-tags{padding:2px 2px}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled::placeholder{color:var(--ink-placeholder)}';export{k as sui_input_tags}
+import{r as i,c as s,g as t,h as a}from"./p-ChCjmDsd.js";import{d as e,F as r}from"./p-DLfOvQY0.js";import{u as o}from"./p-U06fVoGD.js";import{i as n,d as u,s as l,r as d}from"./p-B3wtlP4_.js";import{f as h}from"./p-CGWvlrv_.js";import{m as p}from"./p-BE4gZZNA.js";import{l as c,k as g}from"./p-_HRbdUU3.js";import{a as f,l as b}from"./p-lWhwwQJ2.js";import{i as m,a as v}from"./p-BsRW1Q8k.js";import"./p-CHznIlgx.js";const x=["sm","md","lg"],y=i=>"string"==typeof i?i:i?.label??"",k=i=>"string"==typeof i?i:g(i?.value),w=class{constructor(t){i(this,t),this.suiChange=s(this,"suiChange",7),this.suiInput=s(this,"suiInput",7),this.suiFocus=s(this,"suiFocus",3),this.suiBlur=s(this,"suiBlur",3),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}get host(){return t(this)}internals;label;help;error;value=[];placeholder;size="md";disabled=!1;readOnly=!1;invalid=!1;max;required=!1;separator=",";name;suiChange;suiInput;suiFocus;suiBlur;text="";announce="";formDisabled=!1;hostLabel;hostLabelledby;stopAria;stopLabelledby;fieldId=o("sui-input-tags");input;initial=[];get tags(){return c(this.value,this.host,"value")}get isDisabled(){return this.disabled||this.formDisabled}get sep(){return"string"==typeof this.separator&&this.separator.length>0?this.separator:","}get cap(){return"number"==typeof this.max&&Number.isFinite(this.max)&&this.max>0?Math.floor(this.max):void 0}connectedCallback(){n(this.host,this.internals),u(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=m(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=v(this.host,(i=>{this.hostLabelledby=i}))}componentWillLoad(){this.initial=[...this.tags],this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.()}syncForm(){const i=this.tags,s=this.isDisabled,t=i.map(k);l(this.internals,s?null:p(this.name,t)??(t.length?t.join(this.sep):null)),d(this.internals,this.required&&!s&&!this.readOnly,0===i.length,this.label,this.input,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=[...this.initial],this.text="",this.syncForm()}formDisabledCallback(i){this.formDisabled=h(this.host,this.disabled,i),this.syncForm()}async setFocus(){this.input?.focus()}setValue(i){this.value=i,this.suiChange.emit(i)}commit(i){if(this.readOnly)return;const s=this.text.split(this.sep),t=i?"":s.pop()??"",a=this.tags.slice();let e=!1;for(const i of s){const s=i.trim();s&&(a.some((i=>k(i)===s))?this.announce=f(void 0,"input-tags.alreadyListed",void 0,"{value} is already in the list.",{value:s}):this.cap&&a.length>=this.cap?this.announce=f(void 0,"input-tags.limitReached",void 0,"Limit of {n} reached.",{n:String(this.cap)}):(a.push(s),this.announce=f(void 0,"input-tags.added",void 0,"{value} added.",{value:s}),e=!0))}e&&this.setValue(a),this.text!==t&&(this.text=t,this.suiInput.emit(t))}removeAt(i){if(this.isDisabled||this.readOnly)return;const s=this.tags.slice(),[t]=s.splice(i,1);this.announce=f(void 0,"input-tags.removed",void 0,"{value} removed.",{value:y(t)}),this.setValue(s),this.input?.focus()}onInput=i=>{const s=i.target.value;this.readOnly?i.target.value=this.text:(this.text=s,this.suiInput.emit(s),s.includes(this.sep)&&this.commit(!1))};onKeyDown=i=>{"Enter"===i.key?(i.preventDefault(),this.commit(!0)):"Backspace"===i.key&&!this.text&&this.tags.length&&this.removeAt(this.tags.length-1)};onFocus=()=>{this.suiFocus.emit()};onBlur=()=>{this.commit(!0),this.suiBlur.emit()};onBoxClick=i=>{this.isDisabled||i.target.closest("sui-chip")||this.input?.focus()};render(){const i=this.tags,s=this.invalid||!!this.error,t=x.includes(this.size)?this.size:"md";return a(r,{key:"d47747f7afa14cfab2cf33ae2364b10979f5fc0f",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"af16da6c8c9178d5509bbf13a8d626b65df1659d",class:{"sui-input":!0,"sui-frame":!0,"sui-chip-box":!0,box:!0,[t]:!0,invalid:s,disabled:this.isDisabled,readonly:this.readOnly},role:"group","aria-label":this.label||this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-disabled":this.isDisabled?"true":null,onClick:this.onBoxClick},i.length?a("span",{class:"sui-chips chips",role:"list"},i.map(((i,s)=>a("span",{role:"listitem",key:s},a("sui-chip",{size:"sm",label:y(i),removable:!this.readOnly,disabled:this.isDisabled,onSuiRemove:i=>{i.stopPropagation(),this.removeAt(s)}}))))):null,a("span",{key:"4edc0c44231dc20f23ea8dfc26b6c1d0ed444748",class:"sr-status",role:"status","aria-live":"polite"},this.announce),a("input",{key:"6678c027370d348a2ef4f07cd48a3a0316a62052",ref:i=>this.input=i,class:"entry",id:this.fieldId,type:"text",value:this.text,disabled:this.isDisabled,readOnly:this.readOnly,placeholder:0===i.length?b(void 0,"input-tags.placeholder",this.placeholder,"Type and press Enter"):"",autocomplete:"off","aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-required":this.required?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onKeyDown:this.onKeyDown})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}};w.style='.sc-sui-input-tags-h{display:block;font-family:var(--font-sans);min-inline-size:min(180px, 100%)}.sr-status.sc-sui-input-tags{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sui-field.sc-sui-input-tags{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-input-tags{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-input-tags .sui-field-label.sc-sui-input-tags{color:var(--danger)}.sui-field-req.sc-sui-input-tags{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-input-tags{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-input-tags{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-input-tags .sui-glyph.sc-sui-input-tags{font-size:11px}.sui-frame.sc-sui-input-tags{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-input-tags:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-input-tags,.sui-frame.readonly.sc-sui-input-tags{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-input-tags{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-input-tags:focus-within,.sui-frame.invalid.focus.sc-sui-input-tags,.sui-frame.invalid.open.sc-sui-input-tags{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-input-tags{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-input-tags{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-input-tags{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-input-tags{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-input-tags:focus-within,.sui-frame.focus.sc-sui-input-tags,.sui-frame.open.sc-sui-input-tags{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-input-tags:disabled,.sui-frame.disabled.sc-sui-input-tags{color:GrayText;border-color:GrayText}}.sui-chip-box.sc-sui-input-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;cursor:text}.sui-chip-box.disabled.sc-sui-input-tags{cursor:not-allowed}.sui-chip-box.readonly.sc-sui-input-tags:not(.disabled){cursor:default}.sui-input.sui-chip-box.sm.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-sm));padding:2px 6px;gap:4px;font-size:12.5px}.sui-input.sui-chip-box.md.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-md));padding:3px 8px;font-size:13px}.sui-input.sui-chip-box.lg.sc-sui-input-tags{height:auto;min-height:var(--sui-field-height, var(--control-lg));padding:5px 8px;font-size:13px}.sui-chips.sc-sui-input-tags{display:contents}.sui-chips.sc-sui-input-tags>[role="listitem"].sc-sui-input-tags{display:inline-flex;min-width:0;max-width:100%}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags{flex:1;width:0;min-width:90px;border:none;outline:none;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;padding:3px 2px;margin:0}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:focus-visible{outline:none}.sui-chip-box.sm.sc-sui-input-tags .entry.sc-sui-input-tags{font-size:12.5px;padding:1px 2px}.sui-chip-box.md.sc-sui-input-tags .entry.sc-sui-input-tags{padding:2px 2px}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags::placeholder{color:var(--ink-placeholder)}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-chip-box.sc-sui-input-tags .entry.sc-sui-input-tags:disabled::placeholder{color:var(--ink-placeholder)}';export{w as sui_input_tags}

package/dist/shineui/{p-71f8eaa0.entry.js → p-4e071084.entry.js}

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