@ecopages/radiant-ui 0.2.4 → 0.3.0

package/dist/components/ui/select/index.js

@@ -1,2 +1,2 @@
-import{RadiantElement as ft,bindTo as gt,customElement as $i,event as Wi,onEvent as F,onUpdated as Ui,prop as le,query as Hi}from"@ecopages/radiant";var _i=/^[A-Za-z][A-Za-z0-9_-]*$/;function Le(t){return _i.test(t)}function Oi(t){let e=t.trim();if(Le(e))return e;let i=`rui-${e}`;return e&&Le(i)?i:"rui"}function ue(t){let e=typeof crypto.randomUUID=="function"?crypto.randomUUID().replace(/-/g,""):Array.from(crypto.getRandomValues(new Uint8Array(16)),i=>i.toString(16).padStart(2,"0")).join("");return`${Oi(t)}-${e}`}function Ae(t){let e=t.previousElementSibling;return e?.tagName.toLowerCase()==="label"?e:t.parentElement?.querySelector("[data-rui-field-label]")??null}function Ti(t,e,i){t.id||(t.id=i.labelId),t.htmlFor||(t.htmlFor=i.controlId),e.setAttribute("aria-labelledby",t.id),e.removeAttribute("aria-label")}function be(t,e,i){if(!e||e.hasAttribute("data-rui-field-managed"))return;let r=Ae(t);if(r){Ti(r,e,i);return}if(i.label){e.setAttribute("aria-label",i.label),e.removeAttribute("aria-labelledby");return}e.removeAttribute("aria-label"),e.removeAttribute("aria-labelledby")}var Ii="data-listbox-option-indicator";function me(t){let e=t.getAttribute("data-label");return e||De(t).trim()}function z(t){return t.getAttribute("data-value")||me(t)}function De(t){if(Ei(t))return"";if(t.nodeType===Node.TEXT_NODE)return t.textContent??"";let e="";for(let i of t.childNodes)e+=De(i);return e}function Ei(t){return t instanceof HTMLElement&&t.hasAttribute(Ii)}var ve=class{config;constructor(e){this.config=e}getListboxHost(){return this.config.getRoot()?.querySelector("rui-listbox")??null}getListbox(){let e=this.getListboxHost();return e?e.querySelector('[role="listbox"]')??e:this.config.getPopup?.()??null}getOptions(){let e=this.getListbox();return e?Array.from(e.querySelectorAll('[role="option"]')):[]}getSelectedValues(){return this.config.getValue()}setSelectedValues(e){this.config.setValue(e)}toggleValue(e){if(this.config.getSelectionMode()==="multiple"){let i=new Set(this.getSelectedValues());i.has(e)?i.delete(e):i.add(e),this.setSelectedValues([...i]);return}this.setSelectedValues([e])}removeValue(e){let i=new Set(this.getSelectedValues());return i.delete(e)?(this.setSelectedValues([...i]),!0):!1}clearValues(){return this.getSelectedValues().length===0?!1:(this.setSelectedValues([]),!0)}findOption(e){return e instanceof Element?e.closest('[role="option"]')??null:null}isSelectableOption(e){return e!=null&&e.getAttribute("aria-disabled")!=="true"&&!e.hidden}syncListboxHost(){let e=this.getListboxHost();e&&(e.embedded=!0,e.selectionMode=this.config.getSelectionMode(),e.value=this.config.getValue())}syncOptionSelection(){let e=new Set(this.getSelectedValues());for(let i of this.getOptions())i.setAttribute("aria-selected",String(e.has(z(i))))}syncMultiselectable(e){if(e){if(this.config.getSelectionMode()==="multiple"){e.setAttribute("aria-multiselectable","true");return}e.removeAttribute("aria-multiselectable")}}getTagGroup(){let e=this.config.tagGroupSelector;if(!e)return null;let i=this.config.getRoot()?.querySelector(e)??null;return!i||typeof i.setItems!="function"?null:i}syncTagGroup(){let e=this.getTagGroup();if(!e)return;let i=this.getSelectedValues().flatMap(r=>{let n=this.getOptions().find(a=>z(a)===r);return n?[{value:r,label:me(n)}]:[]});e.embedded=!0,e.setItems(i),e.value=this.config.getValue()}labelForValue(e){let i=this.getOptions().find(r=>z(r)===e);return i?me(i):e}};var Vi={top:"bottom",bottom:"top",left:"right",right:"left"},Ci=8,_e=new WeakMap;function Ri(t){_e.has(t)&&(t.style.width="",t.style.minWidth="",t.style.maxWidth="",t.style.boxSizing="",_e.delete(t))}function Li(t){let e=t.indexOf("-");if(e===-1)return{side:t,align:"center"};let i=t.slice(0,e),r=t.slice(e+1);return{side:i,align:r==="start"||r==="end"?r:"center"}}function je(t){return t==="top"||t==="bottom"?"y":"x"}function ke(t,e,i,r,n){let{width:a,height:u}=e,o=0,f=0;switch(i){case"top":f=t.top-u-n;break;case"bottom":f=t.bottom+n;break;case"left":o=t.left-a-n;break;case"right":o=t.right+n;break}return je(i)==="y"?r==="start"?o=t.left:r==="end"?o=t.right-a:o=t.left+(t.width-a)/2:r==="start"?f=t.top:r==="end"?f=t.bottom-u:f=t.top+(t.height-u)/2,{x:o,y:f}}function Di(t,e,i,r){let{padding:n,width:a,height:u}=r;return i==="top"?Math.max(0,n-t.y):i==="bottom"?Math.max(0,t.y+e.height-(u-n)):i==="left"?Math.max(0,n-t.x):Math.max(0,t.x+e.width-(a-n))}function Me(t,e,i,r){let{padding:n,width:a,height:u}=r;return i==="top"?t.top-n-e.height:i==="bottom"?u-n-e.height-t.bottom:i==="left"?t.left-n-e.width:a-n-e.width-t.right}function ki(t,e){return e==="center"?t:`${t}-${e}`}function Mi(t,e,i,r){let{padding:n,width:a,height:u}=r;if(je(i)==="y"){let f=Math.max(n,a-n-e.width);return{x:Math.min(Math.max(t.x,n),f),y:Math.max(n,t.y)}}let o=Math.max(n,u-n-e.height);return{x:Math.max(n,t.x),y:Math.min(Math.max(t.y,n),o)}}function ji(t,e,i,r,n={width:typeof window>"u"?0:window.innerWidth,height:typeof window>"u"?0:window.innerHeight,padding:Ci}){let{side:a,align:u}=Li(i),o=ke(t,e,a,u,r),f=Di(o,e,a,n),_=a,I=o;if(f>0){let C=Vi[a],S=ke(t,e,C,u,r),H=Me(t,e,a,n);Me(t,e,C,n)>H&&(_=C,I=S)}return{coords:Mi(I,e,_,n),placement:ki(_,u)}}function Pi(t,e,i,r,n={}){let a=n.matchAnchorWidth===!0,u=t.offsetWidth,o=a?{width:u,height:e.offsetHeight}:{width:e.offsetWidth,height:e.offsetHeight};a?(e.style.width=`${u}px`,e.style.minWidth=`${u}px`,e.style.maxWidth=`${u}px`,e.style.boxSizing="border-box",_e.set(e,!0)):Ri(e);let{coords:f,placement:_}=ji(t.getBoundingClientRect(),o,i,r);return Object.assign(e.style,{position:"fixed",left:`${f.x}px`,top:`${f.y}px`,right:"auto",bottom:"auto",visibility:"visible"}),e.setAttribute("data-placement",_),_}function Pe({anchor:t,floating:e,getPlacement:i,gap:r,matchAnchorWidth:n}){let a=()=>{e.hidden||Pi(t,e,i(),r,{matchAnchorWidth:n})};a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,!0);let u=new ResizeObserver(a);return u.observe(t),u.observe(e),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,!0),u.disconnect()}}function Fe(t,e=document.body){let i=t.parentNode;if(!i)return{unmount:()=>{}};let r=document.createComment("rui-portal");return i.insertBefore(r,t),e.appendChild(t),{unmount:()=>{let n=r.parentNode;n&&(n.insertBefore(t,r),r.remove())}}}function Oe(t,e,i){return i?!!(t?.contains(i)||e?.contains(i)):!1}function Be(t,e,i){return i instanceof Node?!Oe(t,e,i):!0}function Ke(t,e,i){return!Oe(t,e,i)}var ye=class{config;cleanupFloating=null;portalHandle=null;floatingElement=null;constructor(e){this.config=e}updateConfig(e){this.config={...this.config,...e}}sync(){let e=this.resolveFloating();if(!e)return;if(!this.config.getOpen()){this.teardown(),e.toggleAttribute("hidden",!0);return}let r=this.config.getAnchor();if(!r)return;e.toggleAttribute("hidden",!1),this.config.portal!==!1?this.portalHandle||(this.portalHandle=Fe(e,this.config.portalContainer??document.body)):this.portalHandle&&(this.portalHandle.unmount(),this.portalHandle=null),this.teardownFloating(),this.cleanupFloating=Pe({anchor:r,floating:e,getPlacement:this.config.getPlacement,gap:this.config.gap??8,matchAnchorWidth:this.config.matchAnchorWidth})}contains(e){return Oe(this.config.getAnchor(),this.resolveFloating(),e)}getFloatingElement(){return this.resolveFloating()}teardown(){this.teardownFloating(),this.portalHandle&&(this.portalHandle.unmount(),this.portalHandle=null)}destroy(){this.teardown(),this.floatingElement=null}resolveFloating(){let e=this.config.getFloating();return e&&(this.floatingElement=e),e??this.floatingElement}teardownFloating(){this.cleanupFloating?.(),this.cleanupFloating=null}};function qe(t){return t.filter(e=>!e.hidden&&e.getAttribute("aria-disabled")!=="true")}function Ge(t,e,i){return i===0?-1:e===1?t>=i-1?0:t+1:t<=0?i-1:t-1}function Te(t,e){e?.removeAttribute("aria-activedescendant");for(let i of t)i.removeAttribute("data-active")}function $e(t,e,i,r,n){Te(t,r);let a=e[i];return!a||!r?null:(a.id||(a.id=`${n}-${i}`),a.setAttribute("data-active","true"),r.setAttribute("aria-activedescendant",a.id),a.scrollIntoView({block:"nearest"}),a)}var xe=class{config;popoverController;activeIndex=-1;visualFocus=!1;constructor(e){this.config=e,this.popoverController=new ye({getAnchor:e.getAnchor,getFloating:e.getFloating,getOpen:e.getOpen,getPlacement:()=>"bottom-start",gap:4,portal:!1,matchAnchorWidth:!0})}get activeOptionIndex(){return this.activeIndex}get hasVisualFocus(){return this.visualFocus}ensureOptionIds(){this.config.getOptions().forEach((e,i)=>{e.id||(e.id=`${this.config.getOptionIdPrefix()}-${i}`)})}getVisibleOptions(){return qe(this.config.getOptions())}clearActiveOption(){this.activeIndex=-1,this.visualFocus=!1,Te(this.config.getOptions(),this.config.getActiveDescendantHost())}setActiveOption(e){let i=this.getVisibleOptions();if(e<0||e>=i.length){this.clearActiveOption();return}this.activeIndex=e,this.visualFocus=!0,$e(this.config.getOptions(),i,e,this.config.getActiveDescendantHost(),this.config.getOptionIdPrefix())}moveActive(e,i){let r=this.getVisibleOptions();if(r.length){if(!this.config.getOpen()){i(e===1?"first":"last");return}if(this.visualFocus){this.setActiveOption(Ge(this.activeIndex,e,r.length));return}this.setActiveOption(e===1?0:r.length-1)}}handleKeydown(e,i){if(e.ctrlKey||e.shiftKey||e.metaKey)return;this.keydownHandlers[e.key]?.call(this,e,i)}keydownHandlers={ArrowDown:this.handleArrowKey,ArrowUp:this.handleArrowKey,Escape:this.handleEscapeKey,Enter:this.handleActivationKey," ":this.handleActivationKey,Tab:this.handleTabKey};handleArrowKey(e,i){e.preventDefault(),e.stopPropagation();let r=e.key==="ArrowDown"?1:-1;if(e.altKey){this.handleModifiedArrow(r,i);return}this.moveActive(r,n=>i.onOpen(n))}handleModifiedArrow(e,i){e===1&&!i.isOpen&&i.onOpen(),e===-1&&i.isOpen&&i.onClose("arrow")}handleEscapeKey(e,i){e.preventDefault(),i.isOpen?i.onClose("escape"):i.onEscapeWhenClosed?.()}handleActivationKey(e,i){if(!(e.key===" "&&!i.canUseSpace)){if(!i.isOpen&&i.enterWhenClosed==="open"){e.preventDefault(),i.onOpen();return}if(i.isOpen){if(this.hasActiveOption()){e.preventDefault(),i.onSelectActive();return}e.key==="Enter"&&i.enterWithoutActive==="close"&&(e.preventDefault(),i.onClose("enter"))}}}handleTabKey(e,i){i.isOpen&&(this.hasActiveOption()&&i.closesOnTab?i.onSelectActive():i.onClose("tab"))}hasActiveOption(){return this.visualFocus&&!!this.getVisibleOptions()[this.activeIndex]}syncPopoverPosition(){this.popoverController.sync()}shouldDismissFocus(e){return Be(this.config.getAnchor(),this.popoverController.getFloatingElement(),e)}shouldDismissPointer(e){return Ke(this.config.getAnchor(),this.popoverController.getFloatingElement(),e)}destroy(){this.popoverController.destroy()}};function We(t){return t?He(t.split(",")):[]}function Fi(t){return t.join(",")}var Ue={fromAttribute:t=>We(t),toAttribute:t=>t.length>0?Fi(t):null,fromProperty:t=>Array.isArray(t)?He(t.map(String)):typeof t=="string"?We(t):[]},ce={type:Array,reflect:!0,transform:Ue};function pe(t){return Ue.fromProperty?.(t)??[]}function He(t){return[...new Set(t.map(e=>e.trim()).filter(Boolean))]}var ze,Xe,Ze,Ye,Je,Qe,Ne,et,tt,it,rt,nt,ot,st,lt,at,ut,ct,dt,ht;function Bi(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,m,g){return function(l,c){m&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,m,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(m+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,m,g,l,c,v,O,b,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var q=[].concat(m[0]),ee=m[3],G=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!G){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:pt(function(){return ee(this)},l,"get"),set:function(h){m[4](this,h)}}:d[A]=ee,x||pt(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+b][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+b][l]=c<3?1:c}}for(var p=s,j=q.length-1;j>=0;j-=g?2:1){var re=w(q[j],"A decorator","be",!0),ne=g?q[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(G)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=b,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,b,1),D(v,b,0)),x||G||(y?R?O.splice(-1,0,M("get",b),M("set",b)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,m){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==m){var O=l[2],b=!!l[3],y=16&c;J(s?t:t.prototype,l,y,b?"#"+O:Ki(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,b,m,s&&b?function(x){return Gi(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function Ki(t){var e=qi(t,"string");return typeof e=="symbol"?e:e+""}function qi(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function pt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function Gi(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var mt,bt=class extends ft{static{({e:[Ze,Ye,Je,Qe,Ne,et,tt,it,rt,nt,ot,st,lt,at,ut,ct,dt,ht,ze],c:[mt,Xe]}=Bi(this,[$i("rui-select")],[[[le({...ce,defaultValue:[]}),gt({selector:"[data-select-clear]",bool:"hidden",map:e=>e.length===0})],0,"value"],[le({type:String,defaultValue:""}),0,"label"],[le({type:String,defaultValue:""}),0,"placeholder"],[[le({type:Boolean,reflect:!0,defaultValue:!1}),gt([{selector:"[data-select-trigger]",attr:"aria-disabled",map:e=>e?"true":void 0},{selector:"[data-select-trigger]",prop:"tabIndex",map:e=>e?-1:0},{selector:"[data-select-toggle]",prop:"disabled"},{selector:"[data-select-clear]",prop:"disabled"}])],0,"disabled"],[le({type:String,attribute:"selection-mode",defaultValue:"single"}),0,"selectionMode"],[le({type:Boolean,attribute:"should-close-on-select"}),0,"shouldCloseOnSelect"],[le({type:String,attribute:"trigger-kind",reflect:!0,defaultValue:"manual"}),0,"triggerKind"],[Wi({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[Hi({ref:"root"}),0,"rootTarget"],[Ui(["value","label","placeholder","disabled","triggerKind","selectionMode","shouldCloseOnSelect"]),2,"onPropsUpdated"],[F({selector:"[data-select-trigger], [data-select-toggle]",type:"pointerdown"}),2,"onTriggerPointerDown"],[F({selector:"[data-select-trigger], [data-select-toggle]",type:"click"}),2,"onTriggerClick"],[F({selector:"[data-select-trigger]",type:"keydown",options:{capture:!0}}),2,"onTriggerKeydown"],[F({selector:"[data-select-listbox] [data-autocomplete-input]",type:"keydown",options:{capture:!0}}),2,"onSearchKeydown"],[F({selector:"[data-select-listbox] [data-autocomplete-input]",type:"input"}),2,"onSearchInput"],[F({selector:"[data-select-value] rui-tag-group",type:"rui-remove"}),2,"onTagRemove"],[F({selector:"[data-select-clear]",type:"click"}),2,"onClearClick"],[F({selector:"[data-select-value] [data-tag]",type:"click"}),2,"onTagClick"],[F({selector:'[data-select-listbox] [role="option"]',type:"pointerover"}),2,"onOptionPointerOver"],[F({selector:'[data-select-listbox] [role="option"]',type:"mousedown"}),2,"onOptionMouseDown"],[F({selector:'[data-select-listbox] [role="option"]',type:"click"}),2,"onOptionClick"],[F({ref:"root",type:"focusin"}),2,"onRootFocusIn"],[F({ref:"root",type:"focusout"}),2,"onFocusOut"],[F({document:!0,type:"pointerdown"}),2,"onDocumentPointerDown"]],0,void 0,ft))}constructor(...e){super(...e),ht(this)}value=(ze(this),Ze(this));label=(Ye(this),Je(this));placeholder=(Qe(this),Ne(this));disabled=(et(this),tt(this));selectionMode=(it(this),rt(this));shouldCloseOnSelect=(nt(this),ot(this));triggerKind=(st(this),lt(this));changeEvent=(at(this),ut(this));open=(ct(this),!1);uid=ue("rui-select");collection=new ve({getRoot:()=>this,getSelectionMode:()=>this.selectionMode,getValue:()=>this.value,setValue:e=>{this.value=e},getPopup:()=>this.getListboxPopup(),tagGroupSelector:"[data-select-value] rui-tag-group"});listboxBehavior=new xe({getAnchor:()=>this.rootTarget,getFloating:()=>this.getListboxPopup(),getOpen:()=>this.open,getOptions:()=>this.collection.getOptions(),getActiveDescendantHost:()=>this.getActiveDescendantHost(),getOptionIdPrefix:()=>`${this.uid}-option`});rootTarget=dt(this);get listboxId(){return`${this.uid}-list`}get triggerId(){return`${this.uid}-trigger`}isMultiple(){return this.selectionMode==="multiple"}closesOnSelect(){return this.shouldCloseOnSelect!=null?this.shouldCloseOnSelect:!this.isMultiple()}getSearchInput(){return this.querySelector("[data-select-listbox] [data-autocomplete-input]")}hasSearchInput(){return this.getSearchInput()!=null}getActiveDescendantHost(){return this.open&&this.hasSearchInput()?this.getSearchInput():this.getTrigger()}resetSearchFilter(){let e=this.getSearchInput();!e||e.value===""||(e.value="",e.dispatchEvent(new Event("input",{bubbles:!0})))}syncSearchInput(){let e=this.getSearchInput(),i=this.getTrigger(),r=this.collection.getListbox();if(!(!e||!r||!i)){if(this.open){e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-expanded","true"),e.setAttribute("aria-controls",this.listboxId),i.removeAttribute("aria-activedescendant");return}e.removeAttribute("role"),e.removeAttribute("aria-autocomplete"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant")}}focusPopupInput(){queueMicrotask(()=>{this.getSearchInput()?.focus()})}hasTagGroup(){return this.collection.getTagGroup()!=null}syncTagGroup(){let e=this.getValueElement();this.collection.syncTagGroup(),!(!e||!this.hasTagGroup())&&this.syncTagGroupPlaceholder(e,this.collection.getSelectedValues().length)}syncTagGroupPlaceholder(e,i){let r=e.querySelector("[data-select-placeholder]");if(!this.placeholder){r?.remove();return}r||(r=document.createElement("span"),r.setAttribute("data-select-placeholder","true"),e.insertBefore(r,e.firstChild)),r.textContent=this.placeholder,r.hidden=i>0,e.toggleAttribute("data-placeholder",i===0)}removeSelectedValue(e){this.collection.removeValue(e)&&(this.syncValueDisplay(),this.collection.syncOptionSelection(),this.syncTagGroup(),this.changeEvent.emit({value:this.value}))}clearSelection(){this.collection.clearValues()&&(this.syncValueDisplay(),this.collection.syncOptionSelection(),this.syncTagGroup(),this.changeEvent.emit({value:[]}),this.getTrigger()?.focus())}getTrigger(){return this.querySelector("[data-select-trigger]")}isTriggerFocusTarget(e){let i=this.getTrigger();return!i||!(e instanceof Node)||!i.contains(e)?!1:!(e instanceof Element&&e.closest("[data-tag-remove]"))}getToggle(){return this.querySelector("[data-select-toggle]")}getValueElement(){return this.querySelector("[data-select-value]")}getListboxPopup(){return this.querySelector("[data-select-listbox]")}ensureOptionIds(){this.listboxBehavior.ensureOptionIds()}getAccessibleName(){return Ae(this)?.textContent?.trim()||this.label||"Options"}syncLabel(){let e=this.getTrigger();be(this,e,{controlId:this.triggerId,label:this.label,labelId:`${this.uid}-label`})}syncTrigger(){let e=this.getTrigger(),i=this.collection.getListbox(),r=this.getListboxPopup();!e||!i||(e.id||(e.id=this.triggerId),i.id||(i.id=this.listboxId),e.setAttribute("role","combobox"),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-autocomplete","none"),e.setAttribute("aria-expanded",String(this.open)),e.setAttribute("aria-controls",this.listboxId),i.setAttribute("aria-label",this.getAccessibleName()),this.collection.syncMultiselectable(i),r&&(r.removeAttribute("role"),r.removeAttribute("aria-label"),r.removeAttribute("aria-multiselectable")),this.syncToggle(),this.syncSearchInput())}syncToggle(){let e=this.getToggle();e&&e.setAttribute("aria-expanded",String(this.open))}syncValueDisplay(){if(this.hasTagGroup()){this.syncTagGroup();return}let e=this.getValueElement();if(!e||e.childElementCount>0)return;let i=this.collection.getSelectedValues();if(i.length===0){e.textContent="",e.toggleAttribute("data-placeholder",!0),this.placeholder&&(e.textContent=this.placeholder);return}if(e.toggleAttribute("data-placeholder",!1),this.isMultiple()){e.textContent=i.map(r=>this.collection.labelForValue(r)).join(", ");return}e.textContent=this.collection.labelForValue(i[0])}setOpen(e,i={}){let r=i.activate??"none";this.open=e;let n=this.getTrigger(),a=this.getListboxPopup();if(!(!n||!a)){if(n.setAttribute("aria-expanded",String(e)),a.toggleAttribute("hidden",!e),!e){this.listboxBehavior.clearActiveOption(),this.resetSearchFilter(),this.syncSearchInput(),this.listboxBehavior.syncPopoverPosition();return}if(this.ensureOptionIds(),this.syncSearchInput(),this.listboxBehavior.syncPopoverPosition(),this.hasSearchInput()&&this.focusPopupInput(),r==="first"){let u=this.listboxBehavior.getVisibleOptions();this.listboxBehavior.setActiveOption(u.length?0:-1);return}if(r==="last"){let u=this.listboxBehavior.getVisibleOptions();this.listboxBehavior.setActiveOption(u.length?u.length-1:-1);return}this.listboxBehavior.clearActiveOption()}}selectOption(e){this.collection.isSelectableOption(e)&&(this.collection.toggleValue(z(e)),this.syncValueDisplay(),this.collection.syncOptionSelection(),this.changeEvent.emit({value:this.value}),this.closesOnSelect()&&(this.resetSearchFilter(),this.setOpen(!1),this.getTrigger()?.focus()))}handleListboxKeydown(e){this.listboxBehavior.handleKeydown(e,{isOpen:this.open,canUseSpace:!this.hasSearchInput(),closesOnTab:this.closesOnSelect(),enterWhenClosed:"open",enterWithoutActive:"ignore",onOpen:(i="none")=>this.setOpen(!0,{activate:i}),onClose:i=>{this.setOpen(!1),(i==="arrow"||i==="escape")&&this.getTrigger()?.focus()},onSelectActive:()=>{let i=this.listboxBehavior.getVisibleOptions()[this.listboxBehavior.activeOptionIndex];i&&this.selectOption(i)}})}handleTriggerKeydown(e){this.handleListboxKeydown(e)}initialize(){this.ensureOptionIds(),this.syncLabel(),this.syncTrigger(),this.collection.syncListboxHost(),this.syncValueDisplay(),this.collection.syncOptionSelection(),this.setOpen(!1)}onConnected(){this.initialize()}disconnectedCallback(){this.listboxBehavior.destroy(),super.disconnectedCallback()}onPropsUpdated(){this.syncLabel(),this.syncTrigger(),this.collection.syncListboxHost(),this.syncValueDisplay(),this.collection.syncOptionSelection()}onTriggerPointerDown(e){this.triggerKind==="focus"&&e.preventDefault()}onTriggerClick(e){e.preventDefault();let i=this.getTrigger();if(!(!i||this.disabled)){if(this.open?this.setOpen(!1):this.setOpen(!0),this.open&&this.hasSearchInput()){this.focusPopupInput();return}i.focus()}}onTriggerKeydown(e){this.handleTriggerKeydown(e)}onSearchKeydown(e){this.handleListboxKeydown(e)}onSearchInput(){this.open&&this.listboxBehavior.clearActiveOption()}onTagRemove(e){let i=e.detail;i?.value&&this.removeSelectedValue(i.value)}onClearClick(e){e.preventDefault(),e.stopPropagation(),this.clearSelection()}onTagClick(e){e.target.closest("[data-tag-remove]")||e.stopPropagation()}onOptionPointerOver(e){if(!this.open)return;let i=this.collection.findOption(e.target);if(!this.collection.isSelectableOption(i))return;let n=this.listboxBehavior.getVisibleOptions().indexOf(i);n>=0&&this.listboxBehavior.setActiveOption(n)}onOptionMouseDown(e){e.preventDefault()}onOptionClick(e){let i=this.collection.findOption(e.target);i&&this.selectOption(i)}onRootFocusIn(e){this.triggerKind!=="focus"||this.disabled||this.open||!this.isTriggerFocusTarget(e.target)||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||this.setOpen(!0)}onFocusOut(e){this.listboxBehavior.shouldDismissFocus(e.relatedTarget)&&this.setOpen(!1)}onDocumentPointerDown(e){this.open&&this.listboxBehavior.shouldDismissPointer(e.target)&&this.setOpen(!1)}static{Xe()}};import{Fragment as br,jsx as V,jsxs as vi}from"@ecopages/jsx/jsx-runtime";function de(t,e){return e===void 0||t?.label!==void 0?t:{...t,label:e}}function T(...t){return t.filter(Boolean).join(" ")}import{jsx as vt}from"@ecopages/jsx/jsx-runtime";function Ie({class:t,size:e="sm",...i}){return vt("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:vt("path",{d:"m5 12 4 4L19 6"})})}import{jsx as yt}from"@ecopages/jsx/jsx-runtime";function Ee({class:t,size:e="sm",...i}){return yt("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:yt("path",{d:"m6 9 6 6 6-6"})})}import{jsx as xt,jsxs as zi}from"@ecopages/jsx/jsx-runtime";var St="http://www.w3.org/2000/svg";function fe({class:t,size:e="sm",...i}){return zi("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:[xt("path",{d:"m18 6-12 12"}),xt("path",{d:"m6 6 12 12"})]})}function wt(){let t=document.createElementNS(St,"svg");t.setAttribute("class","rui-icon"),t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),t.setAttribute("aria-hidden","true");for(let e of["m18 6-12 12","m6 6 12 12"]){let i=document.createElementNS(St,"path");i.setAttribute("d",e),t.append(i)}return t}import{RadiantElement as Kt,bindTo as tr,customElement as ir,event as rr,onEvent as qt,onUpdated as nr,prop as he}from"@ecopages/radiant";function Xi(t,e){t.forEach((i,r)=>{let n=r===e?0:-1;i.tabIndex!==n&&(i.tabIndex=n)})}function Zi(t,e){if(!t.length)return null;let i=Math.max(0,Math.min(t.length-1,e));return Xi(t,i),t[i]?.focus(),t[i]??null}function Yi(t,e){return t==="Home"?"first":t==="End"?"last":e==="horizontal"?t==="ArrowRight"?"next":t==="ArrowLeft"?"prev":null:t==="ArrowDown"?"next":t==="ArrowUp"?"prev":null}function Se(t){let{items:e,current:i,key:r,orientation:n="horizontal",wrap:a=!0}=t;if(!e.length||!i)return{handled:!1};let u=e.indexOf(i);if(u<0)return{handled:!1};let o=Yi(r,n);if(!o)return{handled:!1};let f=u;o==="first"?f=0:o==="last"?f=e.length-1:o==="next"?f=a?(u+1)%e.length:Math.min(e.length-1,u+1):f=a?(u-1+e.length)%e.length:Math.max(0,u-1);let _=Zi(e,f);return _?{handled:!0,index:f,item:_}:{handled:!1}}var At,_t,Ot,Tt,It,Et,Vt,Ct,Rt,Lt,Dt,kt,Mt,jt,Pt,Ft;function Ji(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,m,g){return function(l,c){m&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,m,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(m+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,m,g,l,c,v,O,b,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var q=[].concat(m[0]),ee=m[3],G=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!G){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:Bt(function(){return ee(this)},l,"get"),set:function(h){m[4](this,h)}}:d[A]=ee,x||Bt(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+b][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+b][l]=c<3?1:c}}for(var p=s,j=q.length-1;j>=0;j-=g?2:1){var re=w(q[j],"A decorator","be",!0),ne=g?q[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(G)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=b,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,b,1),D(v,b,0)),x||G||(y?R?O.splice(-1,0,M("get",b),M("set",b)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,m){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==m){var O=l[2],b=!!l[3],y=16&c;J(s?t:t.prototype,l,y,b?"#"+O:Qi(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,b,m,s&&b?function(x){return er(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function Qi(t){var e=Ni(t,"string");return typeof e=="symbol"?e:e+""}function Ni(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function Bt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function er(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var $t,Gt=class extends Kt{static{({e:[Ot,Tt,It,Et,Vt,Ct,Rt,Lt,Dt,kt,Mt,jt,Pt,Ft,At],c:[$t,_t]}=Ji(this,[ir("rui-listbox")],[[he({...ce,defaultValue:[]}),0,"value"],[he({type:String,defaultValue:""}),0,"label"],[he({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[[he({type:String,attribute:"selection-mode",defaultValue:"single"}),tr({selector:'[role="listbox"]',attr:"aria-multiselectable",map:e=>e==="multiple"?"true":void 0})],0,"selectionMode"],[he({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[he({type:Boolean,reflect:!0}),0,"bordered"],[rr({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[nr(["value","label","disabled","embedded","selectionMode"]),2,"onPropsUpdated"],[qt({selector:'[role="option"]',type:"click"}),2,"onOptionClick"],[qt({selector:'[role="option"]',type:"keydown"}),2,"onOptionKeydown"]],0,void 0,Kt))}value=(At(this),Ot(this));label=(Tt(this),It(this));disabled=(Et(this),Vt(this));selectionMode=(Ct(this),Rt(this));embedded=(Lt(this),Dt(this));bordered=(kt(this),Mt(this));changeEvent=(jt(this),Pt(this));uid=(Ft(this),ue("rui-listbox"));onConnected(){this.syncLabel(),this.sync()}onPropsUpdated(){this.syncLabel(),this.sync()}getOptions(){return Array.from(this.querySelectorAll('[role="option"]'))}syncLabel(){if(this.embedded)return;let e=this.querySelector('[role="listbox"]');e&&(e.id||(e.id=`${this.uid}-list`),be(this,e,{controlId:e.id,label:this.label,labelId:`${this.uid}-label`}))}getSelectedValues(){return this.value}setSelectedValues(e){this.value=e}tabIndexFor(e,i){return this.embedded?-1:e===i?0:-1}sync(){let e=this.getOptions(),i=new Set(this.getSelectedValues()),r=e.find(n=>i.has(z(n)))??e[0];for(let n of e){let a=i.has(z(n));n.setAttribute("aria-selected",String(a)),n.tabIndex=this.tabIndexFor(n,r)}}select(e){if(this.disabled||e.getAttribute("aria-disabled")==="true")return;let i=z(e);if(this.selectionMode==="multiple"){let r=new Set(this.getSelectedValues());r.has(i)?r.delete(i):r.add(i),this.setSelectedValues([...r])}else this.setSelectedValues([i]);this.sync(),this.changeEvent.emit({value:this.value}),e.focus()}onOptionClick(e){if(this.embedded)return;let i=e.target.closest('[role="option"]');i&&this.contains(i)&&this.select(i)}onOptionKeydown(e){if(this.embedded)return;let i=this.getOptions(),r=e.target.closest('[role="option"]');if(!r)return;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.select(r);return}let n=Se({items:i,current:r,key:e.key,orientation:"vertical"});if(n.handled){if(e.preventDefault(),this.selectionMode==="multiple"){n.item.focus();return}this.select(n.item)}}static{_t()}};import{jsx as ae,jsxs as or}from"@ecopages/jsx/jsx-runtime";function Ve({value:t,label:e,children:i,class:r,disabled:n,...a}){return ae("div",{...a,class:T("rui-listbox__option",r),role:"option","data-value":t,"data-label":e,"aria-disabled":n?"true":void 0,tabindex:-1,children:i})}function Wt({children:t,class:e,...i}){return ae("span",{...i,"data-listbox-option-indicator":!0,"aria-hidden":"true",class:T("rui-listbox__option-indicator",e),children:t??ae(Ie,{})})}function sr(t,e){return e??!t}function lr({bordered:t,children:e,disabled:i,embedded:r,label:n,selectionMode:a="single"}){return ae("div",{class:T("rui-listbox",t&&"rui-listbox--bordered"),role:"listbox","data-rui-control":r?void 0:!0,"data-rui-control-type":r?void 0:"text","aria-label":n||void 0,"aria-disabled":i?"true":void 0,"aria-multiselectable":a==="multiple"?"true":void 0,children:e})}function we({options:t,children:e,value:i,embedded:r,bordered:n,label:a,disabled:u,selectionMode:o="single",...f}){let _=sr(r,n),I=pe(i),C=new Set(I);return ae("rui-listbox",{...f,value:I,embedded:r,bordered:n,label:a,disabled:u,selectionMode:o,children:ae(lr,{bordered:_,disabled:u,embedded:r,label:a,selectionMode:o,children:t!=null?t.map(S=>or(Ve,{value:S.value,label:typeof S.label=="string"?S.label:void 0,disabled:S.disabled,"aria-selected":C.has(S.value)?"true":void 0,children:[S.label,o==="multiple"?ae(Wt,{}):null]})):e})})}import{RadiantElement as ci,customElement as hr,event as di,onEvent as Ce,onUpdated as pr,prop as ge,state as fr}from"@ecopages/radiant";var Ut,Ht,zt,Xt,Zt,Yt,Jt,Qt,Nt,ei,ti,ii,ri,ni,oi,si,li,ai;function ar(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,m,g){return function(l,c){m&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,m,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(m+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,m,g,l,c,v,O,b,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var q=[].concat(m[0]),ee=m[3],G=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!G){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:ui(function(){return ee(this)},l,"get"),set:function(h){m[4](this,h)}}:d[A]=ee,x||ui(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+b][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+b][l]=c<3?1:c}}for(var p=s,j=q.length-1;j>=0;j-=g?2:1){var re=w(q[j],"A decorator","be",!0),ne=g?q[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(G)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=b,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,b,1),D(v,b,0)),x||G||(y?R?O.splice(-1,0,M("get",b),M("set",b)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,m){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==m){var O=l[2],b=!!l[3],y=16&c;J(s?t:t.prototype,l,y,b?"#"+O:ur(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,b,m,s&&b?function(x){return dr(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function ur(t){var e=cr(t,"string");return typeof e=="symbol"?e:e+""}function cr(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ui(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function dr(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var pi,hi=class extends ci{static{({e:[zt,Xt,Zt,Yt,Jt,Qt,Nt,ei,ti,ii,ri,ni,oi,si,li,ai,Ut],c:[pi,Ht]}=ar(this,[hr("rui-tag-group")],[[ge({...ce,defaultValue:[]}),0,"value"],[ge({type:String,defaultValue:""}),0,"label"],[ge({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[ge({type:String,attribute:"selection-mode",defaultValue:"multiple"}),0,"selectionMode"],[ge({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[di({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[di({name:"rui-remove",bubbles:!0,composed:!0}),0,"removeEvent"],[fr,0,"derivedItems"],[pr(["value","label","disabled","selectionMode","embedded","derivedItems"]),2,"onPropsUpdated"],[Ce({selector:"[data-tag]",type:"click"}),2,"onTagClick"],[Ce({selector:"[data-tag-remove]",type:"click"}),2,"onRemoveClick"],[Ce({selector:"[data-tag]",type:"keydown"}),2,"onTagKeydown"]],0,void 0,ci))}constructor(...e){super(...e),ai(this)}value=(Ut(this),zt(this));label=(Xt(this),Zt(this));disabled=(Yt(this),Jt(this));selectionMode=(Qt(this),Nt(this));embedded=(ei(this),ti(this));changeEvent=(ii(this),ri(this));removeEvent=(ni(this),oi(this));uid=(si(this),ue("rui-tag-group"));derivedItems=li(this,null);isMultiple(){return this.selectionMode==="multiple"}getSelectedValues(){return this.value}setSelectedValues(e){this.value=e}getList(){let e=this.querySelector("[data-rui-managed-list]");return e||(this.derivedItems!=null?null:this.querySelector("[data-tag-list]"))}getTags(){let e=this.getList();return e?Array.from(e.querySelectorAll("[data-tag]")):[]}getVisibleTags(){return this.getTags().filter(e=>!e.hidden&&e.getAttribute("aria-disabled")!=="true")}getTagValue(e){return e.getAttribute("data-value")||e.textContent?.trim()||""}getTagLabel(e){return e.getAttribute("data-label")||e.textContent?.trim()||""}ensureTagIds(){this.getTags().forEach((e,i)=>{e.id||(e.id=`${this.uid}-tag-${i}`)})}syncList(){let e=this.getList();e&&(e.id||(e.id=`${this.uid}-list`),e.setAttribute("role","list"),e.setAttribute("aria-label",this.label||"Tags"),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"))}syncTags(){let e=new Set(this.getSelectedValues());this.getTags().forEach((r,n)=>{r.setAttribute("role","listitem");let a=this.getTagValue(r),u=e.has(a);r.setAttribute("aria-selected",String(u)),r.tabIndex=n===0?0:-1;let o=r.querySelector("[data-tag-remove]");o&&(o.type="button",o.tabIndex=-1,o.setAttribute("aria-label",`Remove ${this.getTagLabel(r)}`))})}selectTag(e){if(this.disabled||this.embedded||e.getAttribute("aria-disabled")==="true")return;let i=this.getTagValue(e);if(this.isMultiple()){let r=new Set(this.getSelectedValues());r.has(i)?r.delete(i):r.add(i),this.setSelectedValues([...r])}else this.value=[i];this.syncTags(),this.changeEvent.emit({value:this.value})}removeTag(e){let i=this.getTagValue(e),r=new Set(this.getSelectedValues());r.delete(i),this.setSelectedValues([...r]),this.syncTags(),this.removeEvent.emit({value:i}),this.changeEvent.emit({value:this.value})}initialize(){this.syncManagedList(),this.ensureTagIds(),this.syncList(),this.syncTags()}onConnected(){this.initialize()}onPropsUpdated(){this.syncManagedList(),this.syncList(),this.syncTags()}resync(){this.ensureTagIds(),this.syncList(),this.syncTags()}setItems(e){this.derivedItems=e,this.value=e.map(i=>i.value)}createManagedTag(e){let i=document.createElement("span");i.setAttribute("data-tag",""),i.setAttribute("data-value",e.value),i.setAttribute("data-label",e.label),i.className="rui-tag",i.textContent=e.label,i.setAttribute("aria-label",e.label);let r=document.createElement("button");return r.type="button",r.setAttribute("data-tag-remove",""),r.className="rui-tag__remove",r.setAttribute("aria-label",`Remove ${e.label}`),r.append(wt()),i.append(r),i}syncManagedList(){let e=this.querySelector('[data-ref="root"]');if(!e||this.derivedItems==null)return;e.querySelector("[data-tag-list]:not([data-rui-managed-list])")?.toggleAttribute("hidden",!0);let r=e.querySelector("[data-rui-managed-list]");if(this.derivedItems.length===0){r?.remove();return}r||(r=document.createElement("div"),r.setAttribute("data-tag-list",""),r.setAttribute("data-rui-managed-list",""),r.className="rui-tag-group__list",e.appendChild(r)),r.replaceChildren(...this.derivedItems.map(n=>this.createManagedTag(n))),this.ensureTagIds(),this.syncList(),this.syncTags()}onTagClick(e){let i=e.target;if(i.closest("[data-tag-remove]"))return;let r=i.closest("[data-tag]");r&&this.contains(r)&&this.selectTag(r)}onRemoveClick(e){e.stopPropagation();let r=e.target.closest("[data-tag]");r&&this.contains(r)&&this.removeTag(r)}onTagKeydown(e){let i=this.getVisibleTags(),r=e.target.closest("[data-tag]");if(!r)return;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.embedded||this.selectTag(r);return}if(e.key==="Backspace"||e.key==="Delete"){r.querySelector("[data-tag-remove]")&&(e.preventDefault(),this.removeTag(r));return}Se({items:i,current:r,key:e.key,orientation:"horizontal"}).handled&&e.preventDefault()}static{Ht()}};import{jsx as U,jsxs as gr}from"@ecopages/jsx/jsx-runtime";function gi({children:t,class:e,...i}){return U("div",{...i,"data-tag-list":!0,class:T("rui-tag-group__list",e),children:t})}function bi({value:t,label:e,children:i,class:r,disabled:n,aria:a,...u}){return gr("span",{...u,"data-tag":!0,"data-value":t,"data-label":e,class:T("rui-tag",r),aria:de(a,e),"aria-disabled":n?"true":void 0,children:[i,U(mi,{})]})}function mi({children:t,class:e,aria:i,...r}){return U("button",{...r,aria:de(i,"Remove"),type:"button","data-tag-remove":!0,class:T("rui-tag__remove",e),children:t??U(fe,{})})}function fi({children:t}){return U("div",{class:"rui-tag-group","data-ref":"root",children:t})}function Re({tags:t,children:e,value:i,...r}){return t!=null?U("rui-tag-group",{...r,value:i,children:U(fi,{children:U(gi,{children:t.map(n=>U(bi,{value:n.value,label:typeof n.label=="string"?n.label:void 0,disabled:n.disabled,children:n.label}))})})}):U("rui-tag-group",{...r,value:i,children:U(fi,{children:e})})}function yi({children:t,class:e,...i}){return V("div",{...i,class:T("rui-select__control",e),children:t})}function xi({children:t,class:e,disabled:i,...r}){return V("div",{...r,"data-select-trigger":!0,"data-rui-focus-managed":!0,"data-rui-control":!0,"data-rui-control-type":"text",class:T("rui-select__trigger",e),tabIndex:i?-1:0,"aria-disabled":i?"true":void 0,children:t})}function Si({children:t,class:e,aria:i,disabled:r,...n}){return V("button",{...n,aria:de(i,"Show options"),type:"button","data-select-toggle":!0,class:T("rui-control-toggle",e),disabled:r,tabIndex:-1,children:t??V(Ee,{})})}function mr({children:t,class:e,aria:i,disabled:r,...n}){return V("button",{...n,aria:de(i,"Clear selection"),type:"button","data-select-clear":!0,class:T("rui-control-clear",e),disabled:r,children:t??V(fe,{})})}function wi({children:t,class:e,...i}){return V("span",{...i,"data-select-value":!0,class:T("rui-select__value",e),children:t})}function Ai({children:t,class:e,...i}){return V("div",{...i,"data-select-listbox":!0,class:T("rui-select__listbox rui-popover rui-popover--listbox rui-floating",e),children:t})}function vr({placeholder:t,class:e,disabled:i,...r}){return V("input",{...r,type:"search","data-autocomplete-input":!0,class:T("rui-select__search",e),placeholder:t,disabled:i,autocomplete:"off"})}function yr(t,e,i){let r=pe(e)[0]??"",n=typeof i=="string"?i:"";if(!r)return n;let a=t?.find(u=>u.value===r);return a&&typeof a.label=="string"?a.label:r}function xr({children:t}){return V("div",{class:"rui-select","data-ref":"root",children:t})}function Sr({options:t,children:e,value:i,...r}){let n=pe(i),a=r.selectionMode==="multiple",u=t!=null?yr(t,i,r.placeholder):"",o=t?.filter(f=>n.includes(f.value)).map(f=>({value:f.value,label:f.label}));return V("rui-select",{...r,value:n,children:V(xr,{children:t==null?e:vi(br,{children:[vi(yi,{children:[V(xi,{disabled:r.disabled,children:V(wi,{children:a?V(Re,{tags:o??[],label:"Selected options"}):u})}),V(Si,{})]}),V(Ai,{children:V(we,{embedded:!0,options:t,selectionMode:r.selectionMode,value:n})})]})})})}export{we as RuiListbox,Ve as RuiListboxOption,Sr as RuiSelect,mr as RuiSelectClear,yi as RuiSelectControl,mt as RuiSelectElement,Ai as RuiSelectListbox,vr as RuiSelectSearch,Si as RuiSelectToggle,xi as RuiSelectTrigger,wi as RuiSelectValue};
+import{RadiantElement as bt,bindTo as vt,customElement as $i,event as Wi,onEvent as F,onUpdated as Ui,prop as le,query as Hi}from"@ecopages/radiant";var _i=/^[A-Za-z][A-Za-z0-9_-]*$/;function Me(t){return _i.test(t)}function Oi(t){let e=t.trim();if(Me(e))return e;let i=`rui-${e}`;return e&&Me(i)?i:"rui"}function ue(t){let e=typeof crypto.randomUUID=="function"?crypto.randomUUID().replace(/-/g,""):Array.from(crypto.getRandomValues(new Uint8Array(16)),i=>i.toString(16).padStart(2,"0")).join("");return`${Oi(t)}-${e}`}function Te(t){let e=t.previousElementSibling;return e?.tagName.toLowerCase()==="label"?e:t.parentElement?.querySelector("[data-rui-field-label]")??null}function Ti(t,e,i){t.id||(t.id=i.labelId),t.htmlFor||(t.htmlFor=i.controlId),e.setAttribute("aria-labelledby",t.id),e.removeAttribute("aria-label")}function be(t,e,i){if(!e||e.hasAttribute("data-rui-field-managed"))return;let r=Te(t);if(r){Ti(r,e,i);return}if(i.label){e.setAttribute("aria-label",i.label),e.removeAttribute("aria-labelledby");return}e.removeAttribute("aria-label"),e.removeAttribute("aria-labelledby")}var Ii="data-listbox-option-indicator";function ve(t){let e=t.getAttribute("data-label");return e||je(t).trim()}function z(t){return t.getAttribute("data-value")||ve(t)}function je(t){if(Ei(t))return"";if(t.nodeType===Node.TEXT_NODE)return t.textContent??"";let e="";for(let i of t.childNodes)e+=je(i);return e}function Ei(t){return t instanceof HTMLElement&&t.hasAttribute(Ii)}var ye=class{config;constructor(e){this.config=e}getListboxHost(){return this.config.getRoot()?.querySelector("rui-listbox")??null}getListbox(){let e=this.getListboxHost();return e?e.querySelector('[role="listbox"]')??e:this.config.getPopup?.()??null}getOptions(){let e=this.getListbox();return e?Array.from(e.querySelectorAll('[role="option"]')):[]}getSelectedValues(){return this.config.getValue()}setSelectedValues(e){this.config.setValue(e)}toggleValue(e){if(this.config.getSelectionMode()==="multiple"){let i=new Set(this.getSelectedValues());i.has(e)?i.delete(e):i.add(e),this.setSelectedValues([...i]);return}this.setSelectedValues([e])}removeValue(e){let i=new Set(this.getSelectedValues());return i.delete(e)?(this.setSelectedValues([...i]),!0):!1}clearValues(){return this.getSelectedValues().length===0?!1:(this.setSelectedValues([]),!0)}findOption(e){return e instanceof Element?e.closest('[role="option"]')??null:null}isSelectableOption(e){return e!=null&&e.getAttribute("aria-disabled")!=="true"&&!e.hidden}syncListboxHost(){let e=this.getListboxHost();e&&(e.embedded=!0,e.selectionMode=this.config.getSelectionMode(),e.value=this.config.getValue())}syncOptionSelection(){let e=new Set(this.getSelectedValues());for(let i of this.getOptions())i.setAttribute("aria-selected",String(e.has(z(i))))}syncMultiselectable(e){if(e){if(this.config.getSelectionMode()==="multiple"){e.setAttribute("aria-multiselectable","true");return}e.removeAttribute("aria-multiselectable")}}getTagGroup(){let e=this.config.tagGroupSelector;if(!e)return null;let i=this.config.getRoot()?.querySelector(e)??null;return!i||typeof i.setItems!="function"?null:i}syncTagGroup(){let e=this.getTagGroup();if(!e)return;let i=this.getSelectedValues().flatMap(r=>{let n=this.getOptions().find(a=>z(a)===r);return n?[{value:r,label:ve(n)}]:[]});e.embedded=!0,e.setItems(i),e.value=this.config.getValue()}labelForValue(e){let i=this.getOptions().find(r=>z(r)===e);return i?ve(i):e}};var Vi={top:"bottom",bottom:"top",left:"right",right:"left"},Ci=8,Ie=new WeakMap;function Ri(t){Ie.has(t)&&(t.style.width="",t.style.minWidth="",t.style.maxWidth="",t.style.boxSizing="",Ie.delete(t))}function Li(t){let e=t.indexOf("-");if(e===-1)return{side:t,align:"center"};let i=t.slice(0,e),r=t.slice(e+1);return{side:i,align:r==="start"||r==="end"?r:"center"}}function Be(t){return t==="top"||t==="bottom"?"y":"x"}function Pe(t,e,i,r,n){let{width:a,height:u}=e,o=0,f=0;switch(i){case"top":f=t.top-u-n;break;case"bottom":f=t.bottom+n;break;case"left":o=t.left-a-n;break;case"right":o=t.right+n;break}return Be(i)==="y"?r==="start"?o=t.left:r==="end"?o=t.right-a:o=t.left+(t.width-a)/2:r==="start"?f=t.top:r==="end"?f=t.bottom-u:f=t.top+(t.height-u)/2,{x:o,y:f}}function Di(t,e,i,r){let{padding:n,width:a,height:u}=r;return i==="top"?Math.max(0,n-t.y):i==="bottom"?Math.max(0,t.y+e.height-(u-n)):i==="left"?Math.max(0,n-t.x):Math.max(0,t.x+e.width-(a-n))}function Fe(t,e,i,r){let{padding:n,width:a,height:u}=r;return i==="top"?t.top-n-e.height:i==="bottom"?u-n-e.height-t.bottom:i==="left"?t.left-n-e.width:a-n-e.width-t.right}function ki(t,e){return e==="center"?t:`${t}-${e}`}function Mi(t,e,i,r){let{padding:n,width:a,height:u}=r;if(Be(i)==="y"){let f=Math.max(n,a-n-e.width);return{x:Math.min(Math.max(t.x,n),f),y:Math.max(n,t.y)}}let o=Math.max(n,u-n-e.height);return{x:Math.max(n,t.x),y:Math.min(Math.max(t.y,n),o)}}function ji(t,e,i,r,n={width:typeof window>"u"?0:window.innerWidth,height:typeof window>"u"?0:window.innerHeight,padding:Ci}){let{side:a,align:u}=Li(i),o=Pe(t,e,a,u,r),f=Di(o,e,a,n),_=a,I=o;if(f>0){let C=Vi[a],S=Pe(t,e,C,u,r),H=Fe(t,e,a,n);Fe(t,e,C,n)>H&&(_=C,I=S)}return{coords:Mi(I,e,_,n),placement:ki(_,u)}}function Pi(t,e,i,r,n={}){let a=n.matchAnchorWidth===!0,u=t.offsetWidth,o=a?{width:u,height:e.offsetHeight}:{width:e.offsetWidth,height:e.offsetHeight};a?(e.style.width=`${u}px`,e.style.minWidth=`${u}px`,e.style.maxWidth=`${u}px`,e.style.boxSizing="border-box",Ie.set(e,!0)):Ri(e);let{coords:f,placement:_}=ji(t.getBoundingClientRect(),o,i,r);return Object.assign(e.style,{position:"fixed",left:`${f.x}px`,top:`${f.y}px`,right:"auto",bottom:"auto",visibility:"visible"}),e.setAttribute("data-placement",_),_}function Ke({anchor:t,floating:e,getPlacement:i,gap:r,matchAnchorWidth:n}){let a=()=>{e.hidden||Pi(t,e,i(),r,{matchAnchorWidth:n})};a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,!0);let u=new ResizeObserver(a);return u.observe(t),u.observe(e),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,!0),u.disconnect()}}function Ge(t,e=document.body){let i=t.parentNode;if(!i)return{unmount:()=>{}};let r=document.createComment("rui-portal");return i.insertBefore(r,t),e.appendChild(t),{unmount:()=>{let n=r.parentNode;n&&(n.insertBefore(t,r),r.remove())}}}function Ee(t,e,i){return i?!!(t?.contains(i)||e?.contains(i)):!1}function qe(t,e,i){return i instanceof Node?!Ee(t,e,i):!0}function $e(t,e,i){return!Ee(t,e,i)}var xe=class{config;cleanupFloating=null;portalHandle=null;floatingElement=null;constructor(e){this.config=e}updateConfig(e){this.config={...this.config,...e}}sync(){let e=this.resolveFloating();if(!e)return;if(!this.config.getOpen()){this.teardown(),e.toggleAttribute("hidden",!0);return}let r=this.config.getAnchor();if(!r)return;e.toggleAttribute("hidden",!1),this.config.portal!==!1?this.portalHandle||(this.portalHandle=Ge(e,this.config.portalContainer??document.body)):this.portalHandle&&(this.portalHandle.unmount(),this.portalHandle=null),this.teardownFloating(),this.cleanupFloating=Ke({anchor:r,floating:e,getPlacement:this.config.getPlacement,gap:this.config.gap??8,matchAnchorWidth:this.config.matchAnchorWidth})}contains(e){return Ee(this.config.getAnchor(),this.resolveFloating(),e)}getFloatingElement(){return this.resolveFloating()}teardown(){this.teardownFloating(),this.portalHandle&&(this.portalHandle.unmount(),this.portalHandle=null)}destroy(){this.teardown(),this.floatingElement=null}resolveFloating(){let e=this.config.getFloating();return e&&(this.floatingElement=e),e??this.floatingElement}teardownFloating(){this.cleanupFloating?.(),this.cleanupFloating=null}};function We(t){return t.filter(e=>!e.hidden&&e.getAttribute("aria-disabled")!=="true")}function Ue(t,e,i){return i===0?-1:e===1?t>=i-1?0:t+1:t<=0?i-1:t-1}function Ve(t,e){e?.removeAttribute("aria-activedescendant");for(let i of t)i.removeAttribute("data-active")}function He(t,e,i,r,n){Ve(t,r);let a=e[i];return!a||!r?null:(a.id||(a.id=`${n}-${i}`),a.setAttribute("data-active","true"),r.setAttribute("aria-activedescendant",a.id),a.scrollIntoView({block:"nearest"}),a)}var Se=class{config;popoverController;activeIndex=-1;visualFocus=!1;constructor(e){this.config=e,this.popoverController=new xe({getAnchor:e.getAnchor,getFloating:e.getFloating,getOpen:e.getOpen,getPlacement:()=>"bottom-start",gap:4,portal:!1,matchAnchorWidth:!0})}get activeOptionIndex(){return this.activeIndex}get hasVisualFocus(){return this.visualFocus}ensureOptionIds(){this.config.getOptions().forEach((e,i)=>{e.id||(e.id=`${this.config.getOptionIdPrefix()}-${i}`)})}getVisibleOptions(){return We(this.config.getOptions())}clearActiveOption(){this.activeIndex=-1,this.visualFocus=!1,Ve(this.config.getOptions(),this.config.getActiveDescendantHost())}setActiveOption(e){let i=this.getVisibleOptions();if(e<0||e>=i.length){this.clearActiveOption();return}this.activeIndex=e,this.visualFocus=!0,He(this.config.getOptions(),i,e,this.config.getActiveDescendantHost(),this.config.getOptionIdPrefix())}moveActive(e,i){let r=this.getVisibleOptions();if(r.length){if(!this.config.getOpen()){i(e===1?"first":"last");return}if(this.visualFocus){this.setActiveOption(Ue(this.activeIndex,e,r.length));return}this.setActiveOption(e===1?0:r.length-1)}}handleKeydown(e,i){if(e.ctrlKey||e.shiftKey||e.metaKey)return;this.keydownHandlers[e.key]?.call(this,e,i)}keydownHandlers={ArrowDown:this.handleArrowKey,ArrowUp:this.handleArrowKey,Escape:this.handleEscapeKey,Enter:this.handleActivationKey," ":this.handleActivationKey,Tab:this.handleTabKey};handleArrowKey(e,i){e.preventDefault(),e.stopPropagation();let r=e.key==="ArrowDown"?1:-1;if(e.altKey){this.handleModifiedArrow(r,i);return}this.moveActive(r,n=>i.onOpen(n))}handleModifiedArrow(e,i){e===1&&!i.isOpen&&i.onOpen(),e===-1&&i.isOpen&&i.onClose("arrow")}handleEscapeKey(e,i){e.preventDefault(),i.isOpen?i.onClose("escape"):i.onEscapeWhenClosed?.()}handleActivationKey(e,i){if(!(e.key===" "&&!i.canUseSpace)){if(!i.isOpen&&i.enterWhenClosed==="open"){e.preventDefault(),i.onOpen();return}if(i.isOpen){if(this.hasActiveOption()){e.preventDefault(),i.onSelectActive();return}e.key==="Enter"&&i.enterWithoutActive==="close"&&(e.preventDefault(),i.onClose("enter"))}}}handleTabKey(e,i){i.isOpen&&(this.hasActiveOption()&&i.closesOnTab?i.onSelectActive():i.onClose("tab"))}hasActiveOption(){return this.visualFocus&&!!this.getVisibleOptions()[this.activeIndex]}syncPopoverPosition(){this.popoverController.sync()}shouldDismissFocus(e){return qe(this.config.getAnchor(),this.popoverController.getFloatingElement(),e)}shouldDismissPointer(e){return $e(this.config.getAnchor(),this.popoverController.getFloatingElement(),e)}destroy(){this.popoverController.destroy()}};function ze(t){return t?Ze(t.split(",")):[]}function Fi(t){return t.join(",")}var Xe={fromAttribute:t=>ze(t),toAttribute:t=>t.length>0?Fi(t):null,fromProperty:t=>Array.isArray(t)?Ze(t.map(String)):typeof t=="string"?ze(t):[]},ce={type:Array,reflect:!0,transform:Xe};function pe(t){return Xe.fromProperty?.(t)??[]}function Ze(t){return[...new Set(t.map(e=>e.trim()).filter(Boolean))]}var Ye,Je,Qe,Ne,et,tt,it,rt,nt,ot,st,lt,at,ut,ct,dt,ht,pt,ft,gt;function Bi(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,b,g){return function(l,c){b&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,b,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(b+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,b,g,l,c,v,O,m,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var G=[].concat(b[0]),ee=b[3],q=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!q){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:mt(function(){return ee(this)},l,"get"),set:function(h){b[4](this,h)}}:d[A]=ee,x||mt(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+m][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+m][l]=c<3?1:c}}for(var p=s,j=G.length-1;j>=0;j-=g?2:1){var re=w(G[j],"A decorator","be",!0),ne=g?G[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(q)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=m,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,m,1),D(v,m,0)),x||q||(y?R?O.splice(-1,0,M("get",m),M("set",m)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,b){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==b){var O=l[2],m=!!l[3],y=16&c;J(s?t:t.prototype,l,y,m?"#"+O:Ki(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,m,b,s&&m?function(x){return qi(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function Ki(t){var e=Gi(t,"string");return typeof e=="symbol"?e:e+""}function Gi(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function mt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function qi(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var we,yt=class extends bt{static{({e:[Qe,Ne,et,tt,it,rt,nt,ot,st,lt,at,ut,ct,dt,ht,pt,ft,gt,Ye],c:[we,Je]}=Bi(this,[$i("rui-select")],[[[le({...ce,defaultValue:[]}),vt({selector:"[data-select-clear]",bool:"hidden",map:e=>e.length===0})],0,"value"],[le({type:String,defaultValue:""}),0,"label"],[le({type:String,defaultValue:""}),0,"placeholder"],[[le({type:Boolean,reflect:!0,defaultValue:!1}),vt([{selector:"[data-select-trigger]",attr:"aria-disabled",map:e=>e?"true":void 0},{selector:"[data-select-trigger]",prop:"tabIndex",map:e=>e?-1:0},{selector:"[data-select-toggle]",prop:"disabled"},{selector:"[data-select-clear]",prop:"disabled"}])],0,"disabled"],[le({type:String,attribute:"selection-mode",defaultValue:"single"}),0,"selectionMode"],[le({type:Boolean,attribute:"should-close-on-select"}),0,"shouldCloseOnSelect"],[le({type:String,attribute:"trigger-kind",reflect:!0,defaultValue:"manual"}),0,"triggerKind"],[Wi({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[Hi({ref:"root"}),0,"rootTarget"],[Ui(["value","label","placeholder","disabled","triggerKind","selectionMode","shouldCloseOnSelect"]),2,"onPropsUpdated"],[F({selector:"[data-select-trigger], [data-select-toggle]",type:"pointerdown"}),2,"onTriggerPointerDown"],[F({selector:"[data-select-trigger], [data-select-toggle]",type:"click"}),2,"onTriggerClick"],[F({selector:"[data-select-trigger]",type:"keydown",options:{capture:!0}}),2,"onTriggerKeydown"],[F({selector:"[data-select-listbox] [data-autocomplete-input]",type:"keydown",options:{capture:!0}}),2,"onSearchKeydown"],[F({selector:"[data-select-listbox] [data-autocomplete-input]",type:"input"}),2,"onSearchInput"],[F({selector:"[data-select-value] rui-tag-group",type:"rui-remove"}),2,"onTagRemove"],[F({selector:"[data-select-clear]",type:"click"}),2,"onClearClick"],[F({selector:"[data-select-value] [data-tag]",type:"click"}),2,"onTagClick"],[F({selector:'[data-select-listbox] [role="option"]',type:"pointerover"}),2,"onOptionPointerOver"],[F({selector:'[data-select-listbox] [role="option"]',type:"mousedown"}),2,"onOptionMouseDown"],[F({selector:'[data-select-listbox] [role="option"]',type:"click"}),2,"onOptionClick"],[F({ref:"root",type:"focusin"}),2,"onRootFocusIn"],[F({ref:"root",type:"focusout"}),2,"onFocusOut"],[F({document:!0,type:"pointerdown"}),2,"onDocumentPointerDown"]],0,void 0,bt))}constructor(...e){super(...e),gt(this)}value=(Ye(this),Qe(this));label=(Ne(this),et(this));placeholder=(tt(this),it(this));disabled=(rt(this),nt(this));selectionMode=(ot(this),st(this));shouldCloseOnSelect=(lt(this),at(this));triggerKind=(ut(this),ct(this));changeEvent=(dt(this),ht(this));open=(pt(this),!1);uid=ue("rui-select");collection=new ye({getRoot:()=>this,getSelectionMode:()=>this.selectionMode,getValue:()=>this.value,setValue:e=>{this.value=e},getPopup:()=>this.getListboxPopup(),tagGroupSelector:"[data-select-value] rui-tag-group"});listboxBehavior=new Se({getAnchor:()=>this.rootTarget,getFloating:()=>this.getListboxPopup(),getOpen:()=>this.open,getOptions:()=>this.collection.getOptions(),getActiveDescendantHost:()=>this.getActiveDescendantHost(),getOptionIdPrefix:()=>`${this.uid}-option`});rootTarget=ft(this);get listboxId(){return`${this.uid}-list`}get triggerId(){return`${this.uid}-trigger`}isMultiple(){return this.selectionMode==="multiple"}closesOnSelect(){return this.shouldCloseOnSelect!=null?this.shouldCloseOnSelect:!this.isMultiple()}getSearchInput(){return this.querySelector("[data-select-listbox] [data-autocomplete-input]")}hasSearchInput(){return this.getSearchInput()!=null}getActiveDescendantHost(){return this.open&&this.hasSearchInput()?this.getSearchInput():this.getTrigger()}resetSearchFilter(){let e=this.getSearchInput();!e||e.value===""||(e.value="",e.dispatchEvent(new Event("input",{bubbles:!0})))}syncSearchInput(){let e=this.getSearchInput(),i=this.getTrigger(),r=this.collection.getListbox();if(!(!e||!r||!i)){if(this.open){e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-expanded","true"),e.setAttribute("aria-controls",this.listboxId),i.removeAttribute("aria-activedescendant");return}e.removeAttribute("role"),e.removeAttribute("aria-autocomplete"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant")}}focusPopupInput(){queueMicrotask(()=>{this.getSearchInput()?.focus()})}hasTagGroup(){return this.collection.getTagGroup()!=null}syncTagGroup(){let e=this.getValueElement();this.collection.syncTagGroup(),!(!e||!this.hasTagGroup())&&this.syncTagGroupPlaceholder(e,this.collection.getSelectedValues().length)}syncTagGroupPlaceholder(e,i){let r=e.querySelector("[data-select-placeholder]");if(!this.placeholder){r?.remove();return}r||(r=document.createElement("span"),r.setAttribute("data-select-placeholder","true"),e.insertBefore(r,e.firstChild)),r.textContent=this.placeholder,r.hidden=i>0,e.toggleAttribute("data-placeholder",i===0)}removeSelectedValue(e){this.collection.removeValue(e)&&(this.syncValueDisplay(),this.collection.syncOptionSelection(),this.syncTagGroup(),this.changeEvent.emit({value:this.value}))}clearSelection(){this.collection.clearValues()&&(this.syncValueDisplay(),this.collection.syncOptionSelection(),this.syncTagGroup(),this.changeEvent.emit({value:[]}),this.getTrigger()?.focus())}getTrigger(){return this.querySelector("[data-select-trigger]")}isTriggerFocusTarget(e){let i=this.getTrigger();return!i||!(e instanceof Node)||!i.contains(e)?!1:!(e instanceof Element&&e.closest("[data-tag-remove]"))}getToggle(){return this.querySelector("[data-select-toggle]")}getValueElement(){return this.querySelector("[data-select-value]")}getListboxPopup(){return this.querySelector("[data-select-listbox]")}ensureOptionIds(){this.listboxBehavior.ensureOptionIds()}getAccessibleName(){return Te(this)?.textContent?.trim()||this.label||"Options"}syncLabel(){let e=this.getTrigger();be(this,e,{controlId:this.triggerId,label:this.label,labelId:`${this.uid}-label`})}syncTrigger(){let e=this.getTrigger(),i=this.collection.getListbox(),r=this.getListboxPopup();!e||!i||(e.id||(e.id=this.triggerId),i.id||(i.id=this.listboxId),e.setAttribute("role","combobox"),e.setAttribute("aria-haspopup","listbox"),e.setAttribute("aria-autocomplete","none"),e.setAttribute("aria-expanded",String(this.open)),e.setAttribute("aria-controls",this.listboxId),i.setAttribute("aria-label",this.getAccessibleName()),this.collection.syncMultiselectable(i),r&&(r.removeAttribute("role"),r.removeAttribute("aria-label"),r.removeAttribute("aria-multiselectable")),this.syncToggle(),this.syncSearchInput())}syncToggle(){let e=this.getToggle();e&&e.setAttribute("aria-expanded",String(this.open))}syncValueDisplay(){if(this.hasTagGroup()){this.syncTagGroup();return}let e=this.getValueElement();if(!e||e.childElementCount>0)return;let i=this.collection.getSelectedValues();if(i.length===0){e.textContent="",e.toggleAttribute("data-placeholder",!0),this.placeholder&&(e.textContent=this.placeholder);return}if(e.toggleAttribute("data-placeholder",!1),this.isMultiple()){e.textContent=i.map(r=>this.collection.labelForValue(r)).join(", ");return}e.textContent=this.collection.labelForValue(i[0])}setOpen(e,i={}){let r=i.activate??"none";this.open=e;let n=this.getTrigger(),a=this.getListboxPopup();if(!(!n||!a)){if(n.setAttribute("aria-expanded",String(e)),a.toggleAttribute("hidden",!e),!e){this.listboxBehavior.clearActiveOption(),this.resetSearchFilter(),this.syncSearchInput(),this.listboxBehavior.syncPopoverPosition();return}if(this.ensureOptionIds(),this.syncSearchInput(),this.listboxBehavior.syncPopoverPosition(),this.hasSearchInput()&&this.focusPopupInput(),r==="first"){let u=this.listboxBehavior.getVisibleOptions();this.listboxBehavior.setActiveOption(u.length?0:-1);return}if(r==="last"){let u=this.listboxBehavior.getVisibleOptions();this.listboxBehavior.setActiveOption(u.length?u.length-1:-1);return}this.listboxBehavior.clearActiveOption()}}selectOption(e){this.collection.isSelectableOption(e)&&(this.collection.toggleValue(z(e)),this.syncValueDisplay(),this.collection.syncOptionSelection(),this.changeEvent.emit({value:this.value}),this.closesOnSelect()&&(this.resetSearchFilter(),this.setOpen(!1),this.getTrigger()?.focus()))}handleListboxKeydown(e){this.listboxBehavior.handleKeydown(e,{isOpen:this.open,canUseSpace:!this.hasSearchInput(),closesOnTab:this.closesOnSelect(),enterWhenClosed:"open",enterWithoutActive:"ignore",onOpen:(i="none")=>this.setOpen(!0,{activate:i}),onClose:i=>{this.setOpen(!1),(i==="arrow"||i==="escape")&&this.getTrigger()?.focus()},onSelectActive:()=>{let i=this.listboxBehavior.getVisibleOptions()[this.listboxBehavior.activeOptionIndex];i&&this.selectOption(i)}})}handleTriggerKeydown(e){this.handleListboxKeydown(e)}initialize(){this.ensureOptionIds(),this.syncLabel(),this.syncTrigger(),this.collection.syncListboxHost(),this.syncValueDisplay(),this.collection.syncOptionSelection(),this.setOpen(!1)}onConnected(){this.initialize()}disconnectedCallback(){this.listboxBehavior.destroy(),super.disconnectedCallback()}onPropsUpdated(){this.syncLabel(),this.syncTrigger(),this.collection.syncListboxHost(),this.syncValueDisplay(),this.collection.syncOptionSelection()}onTriggerPointerDown(e){this.triggerKind==="focus"&&e.preventDefault()}onTriggerClick(e){e.preventDefault();let i=this.getTrigger();if(!(!i||this.disabled)){if(this.open?this.setOpen(!1):this.setOpen(!0),this.open&&this.hasSearchInput()){this.focusPopupInput();return}i.focus()}}onTriggerKeydown(e){this.handleTriggerKeydown(e)}onSearchKeydown(e){this.handleListboxKeydown(e)}onSearchInput(){this.open&&this.listboxBehavior.clearActiveOption()}onTagRemove(e){let i=e.detail;i?.value&&this.removeSelectedValue(i.value)}onClearClick(e){e.preventDefault(),e.stopPropagation(),this.clearSelection()}onTagClick(e){e.target.closest("[data-tag-remove]")||e.stopPropagation()}onOptionPointerOver(e){if(!this.open)return;let i=this.collection.findOption(e.target);if(!this.collection.isSelectableOption(i))return;let n=this.listboxBehavior.getVisibleOptions().indexOf(i);n>=0&&this.listboxBehavior.setActiveOption(n)}onOptionMouseDown(e){e.preventDefault()}onOptionClick(e){let i=this.collection.findOption(e.target);i&&this.selectOption(i)}onRootFocusIn(e){this.triggerKind!=="focus"||this.disabled||this.open||!this.isTriggerFocusTarget(e.target)||e.relatedTarget instanceof Node&&this.contains(e.relatedTarget)||this.setOpen(!0)}onFocusOut(e){this.listboxBehavior.shouldDismissFocus(e.relatedTarget)&&this.setOpen(!1)}onDocumentPointerDown(e){this.open&&this.listboxBehavior.shouldDismissPointer(e.target)&&this.setOpen(!1)}static{Je()}};import{Fragment as mr,jsx as V,jsxs as vi}from"@ecopages/jsx/jsx-runtime";function de(t,e){return e===void 0||t?.label!==void 0?t:{...t,label:e}}function T(...t){return t.filter(Boolean).join(" ")}import{jsx as xt}from"@ecopages/jsx/jsx-runtime";function Ce({class:t,size:e="sm",...i}){return xt("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:xt("path",{d:"m5 12 4 4L19 6"})})}import{jsx as St}from"@ecopages/jsx/jsx-runtime";function Re({class:t,size:e="sm",...i}){return St("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:St("path",{d:"m6 9 6 6 6-6"})})}import{jsx as wt,jsxs as zi}from"@ecopages/jsx/jsx-runtime";var At="http://www.w3.org/2000/svg";function fe({class:t,size:e="sm",...i}){return zi("svg",{...i,class:T("rui-icon",e==="md"&&"rui-icon--md",t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:[wt("path",{d:"m18 6-12 12"}),wt("path",{d:"m6 6 12 12"})]})}function _t(){let t=document.createElementNS(At,"svg");t.setAttribute("class","rui-icon"),t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),t.setAttribute("aria-hidden","true");for(let e of["m18 6-12 12","m6 6 12 12"]){let i=document.createElementNS(At,"path");i.setAttribute("d",e),t.append(i)}return t}import{RadiantElement as qt,bindTo as tr,customElement as ir,event as rr,onEvent as $t,onUpdated as nr,prop as he}from"@ecopages/radiant";function Xi(t,e){t.forEach((i,r)=>{let n=r===e?0:-1;i.tabIndex!==n&&(i.tabIndex=n)})}function Zi(t,e){if(!t.length)return null;let i=Math.max(0,Math.min(t.length-1,e));return Xi(t,i),t[i]?.focus(),t[i]??null}function Yi(t,e){return t==="Home"?"first":t==="End"?"last":e==="horizontal"?t==="ArrowRight"?"next":t==="ArrowLeft"?"prev":null:t==="ArrowDown"?"next":t==="ArrowUp"?"prev":null}function Ae(t){let{items:e,current:i,key:r,orientation:n="horizontal",wrap:a=!0}=t;if(!e.length||!i)return{handled:!1};let u=e.indexOf(i);if(u<0)return{handled:!1};let o=Yi(r,n);if(!o)return{handled:!1};let f=u;o==="first"?f=0:o==="last"?f=e.length-1:o==="next"?f=a?(u+1)%e.length:Math.min(e.length-1,u+1):f=a?(u-1+e.length)%e.length:Math.max(0,u-1);let _=Zi(e,f);return _?{handled:!0,index:f,item:_}:{handled:!1}}var Ot,Tt,It,Et,Vt,Ct,Rt,Lt,Dt,kt,Mt,jt,Pt,Ft,Bt,Kt;function Ji(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,b,g){return function(l,c){b&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,b,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(b+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,b,g,l,c,v,O,m,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var G=[].concat(b[0]),ee=b[3],q=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!q){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:Gt(function(){return ee(this)},l,"get"),set:function(h){b[4](this,h)}}:d[A]=ee,x||Gt(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+m][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+m][l]=c<3?1:c}}for(var p=s,j=G.length-1;j>=0;j-=g?2:1){var re=w(G[j],"A decorator","be",!0),ne=g?G[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(q)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=m,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,m,1),D(v,m,0)),x||q||(y?R?O.splice(-1,0,M("get",m),M("set",m)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,b){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==b){var O=l[2],m=!!l[3],y=16&c;J(s?t:t.prototype,l,y,m?"#"+O:Qi(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,m,b,s&&m?function(x){return er(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function Qi(t){var e=Ni(t,"string");return typeof e=="symbol"?e:e+""}function Ni(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function Gt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function er(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var _e,Wt=class extends qt{static{({e:[It,Et,Vt,Ct,Rt,Lt,Dt,kt,Mt,jt,Pt,Ft,Bt,Kt,Ot],c:[_e,Tt]}=Ji(this,[ir("rui-listbox")],[[he({...ce,defaultValue:[]}),0,"value"],[he({type:String,defaultValue:""}),0,"label"],[he({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[[he({type:String,attribute:"selection-mode",defaultValue:"single"}),tr({selector:'[role="listbox"]',attr:"aria-multiselectable",map:e=>e==="multiple"?"true":void 0})],0,"selectionMode"],[he({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[he({type:Boolean,reflect:!0}),0,"bordered"],[rr({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[nr(["value","label","disabled","embedded","selectionMode"]),2,"onPropsUpdated"],[$t({selector:'[role="option"]',type:"click"}),2,"onOptionClick"],[$t({selector:'[role="option"]',type:"keydown"}),2,"onOptionKeydown"]],0,void 0,qt))}value=(Ot(this),It(this));label=(Et(this),Vt(this));disabled=(Ct(this),Rt(this));selectionMode=(Lt(this),Dt(this));embedded=(kt(this),Mt(this));bordered=(jt(this),Pt(this));changeEvent=(Ft(this),Bt(this));uid=(Kt(this),ue("rui-listbox"));onConnected(){this.syncLabel(),this.sync()}onPropsUpdated(){this.syncLabel(),this.sync()}getOptions(){return Array.from(this.querySelectorAll('[role="option"]'))}syncLabel(){if(this.embedded)return;let e=this.querySelector('[role="listbox"]');e&&(e.id||(e.id=`${this.uid}-list`),be(this,e,{controlId:e.id,label:this.label,labelId:`${this.uid}-label`}))}getSelectedValues(){return this.value}setSelectedValues(e){this.value=e}tabIndexFor(e,i){return this.embedded?-1:e===i?0:-1}sync(){let e=this.getOptions(),i=new Set(this.getSelectedValues()),r=e.find(n=>i.has(z(n)))??e[0];for(let n of e){let a=i.has(z(n));n.setAttribute("aria-selected",String(a)),n.tabIndex=this.tabIndexFor(n,r)}}select(e){if(this.disabled||e.getAttribute("aria-disabled")==="true")return;let i=z(e);if(this.selectionMode==="multiple"){let r=new Set(this.getSelectedValues());r.has(i)?r.delete(i):r.add(i),this.setSelectedValues([...r])}else this.setSelectedValues([i]);this.sync(),this.changeEvent.emit({value:this.value}),e.focus()}onOptionClick(e){if(this.embedded)return;let i=e.target.closest('[role="option"]');i&&this.contains(i)&&this.select(i)}onOptionKeydown(e){if(this.embedded)return;let i=this.getOptions(),r=e.target.closest('[role="option"]');if(!r)return;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.select(r);return}let n=Ae({items:i,current:r,key:e.key,orientation:"vertical"});if(n.handled){if(e.preventDefault(),this.selectionMode==="multiple"){n.item.focus();return}this.select(n.item)}}static{Tt()}};import{jsx as ae,jsxs as or}from"@ecopages/jsx/jsx-runtime";function Le({value:t,label:e,children:i,class:r,disabled:n,...a}){return ae("div",{...a,class:T("rui-listbox__option",r),role:"option","data-value":t,"data-label":e,"aria-disabled":n?"true":void 0,tabindex:-1,children:i})}function Ut({children:t,class:e,...i}){return ae("span",{...i,"data-listbox-option-indicator":!0,"aria-hidden":"true",class:T("rui-listbox__option-indicator",e),children:t??ae(Ce,{})})}function sr(t,e){return e??!t}function lr({bordered:t,children:e,disabled:i,embedded:r,label:n,selectionMode:a="single"}){return ae("div",{class:T("rui-listbox",t&&"rui-listbox--bordered"),role:"listbox","data-rui-control":r?void 0:!0,"data-rui-control-type":r?void 0:"text","aria-label":n||void 0,"aria-disabled":i?"true":void 0,"aria-multiselectable":a==="multiple"?"true":void 0,children:e})}function Oe({options:t,children:e,value:i,embedded:r,bordered:n,label:a,disabled:u,selectionMode:o="single",...f}){let _=sr(r,n),I=pe(i),C=new Set(I);return ae(_e,{...f,value:I,embedded:r,bordered:n,label:a,disabled:u,selectionMode:o,children:ae(lr,{bordered:_,disabled:u,embedded:r,label:a,selectionMode:o,children:t!=null?t.map(S=>or(Le,{value:S.value,label:typeof S.label=="string"?S.label:void 0,disabled:S.disabled,"aria-selected":C.has(S.value)?"true":void 0,children:[S.label,o==="multiple"?ae(Ut,{}):null]})):e})})}import{RadiantElement as di,customElement as hr,event as hi,onEvent as De,onUpdated as pr,prop as ge,state as fr}from"@ecopages/radiant";var Ht,zt,Xt,Zt,Yt,Jt,Qt,Nt,ei,ti,ii,ri,ni,oi,si,li,ai,ui;function ar(t,e,i,r,n,a){var u,o,f,_,I,C,S,H=Symbol.metadata||Symbol.for("Symbol.metadata"),X=Object.defineProperty,B=Object.create,Z=[B(null),B(null)],Y=e.length;function D(s,b,g){return function(l,c){b&&(c=l,l=t);for(var v=0;v<s.length;v++)c=s[v].apply(l,g?[c]:[]);return g?c:l}}function w(s,b,g,l){if(typeof s!="function"&&(l||s!==void 0))throw new TypeError(b+" must "+(g||"be")+" a function"+(l?"":" or undefined"));return s}function J(s,b,g,l,c,v,O,m,y,x,N){function K(h){if(!N(h))throw new TypeError("Attempted to access private element on non-instance")}var G=[].concat(b[0]),ee=b[3],q=!O,R=c===1,te=c===3,ie=c===4,k=c===2;function M(h,E,oe){return function(P,se){return E&&(se=P,P=s),oe&&oe(P),d[h].call(P,se)}}if(!q){var d={},$=[],A=te?"get":ie||R?"set":"value";if(y?(x||R?d={get:ci(function(){return ee(this)},l,"get"),set:function(h){b[4](this,h)}}:d[A]=ee,x||ci(d[A],l,k?"":A)):x||(d=Object.getOwnPropertyDescriptor(s,l)),!x&&!y){if((o=Z[+m][l])&&(o^c)!==7)throw Error("Decorating two elements with the same name ("+d[A].name+") is not supported yet");Z[+m][l]=c<3?1:c}}for(var p=s,j=G.length-1;j>=0;j-=g?2:1){var re=w(G[j],"A decorator","be",!0),ne=g?G[j-1]:void 0,W={},L={kind:["field","accessor","method","getter","setter","class"][c],name:l,metadata:u,addInitializer:function(h,E){if(h.v)throw new TypeError("attempted to call addInitializer after decoration was finished");w(E,"An initializer","be",!0),v.push(E)}.bind(null,W)};if(q)o=re.call(ne,p,L),W.v=1,w(o,"class decorators","return")&&(p=o);else if(L.static=m,L.private=y,o=L.access={has:y?N.bind():function(h){return l in h}},ie||(o.get=y?k?function(h){return K(h),d.value}:M("get",0,K):function(h){return h[l]}),k||te||(o.set=y?M("set",0,K):function(h,E){h[l]=E}),p=re.call(ne,R?{get:d.get,set:d.set}:d[A],L),W.v=1,R){if(typeof p=="object"&&p)(o=w(p.get,"accessor.get"))&&(d.get=o),(o=w(p.set,"accessor.set"))&&(d.set=o),(o=w(p.init,"accessor.init"))&&$.unshift(o);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(p,(x?"field":"method")+" decorators","return")&&(x?$.unshift(p):d[A]=p)}return c<2&&O.push(D($,m,1),D(v,m,0)),x||q||(y?R?O.splice(-1,0,M("get",m),M("set",m)):O.push(k?d[A]:w.call.bind(d[A])):X(s,l,d)),p}function Q(s){return X(s,H,{configurable:!0,enumerable:!0,value:u})}return a!==void 0&&(u=a[H]),u=B(u??null),I=[],C=function(s){s&&I.push(D(s))},S=function(s,b){for(var g=0;g<i.length;g++){var l=i[g],c=l[1],v=7&c;if((8&c)==s&&!v==b){var O=l[2],m=!!l[3],y=16&c;J(s?t:t.prototype,l,y,m?"#"+O:ur(O),v,v<2?[]:s?_=_||[]:f=f||[],I,!!s,m,b,s&&m?function(x){return dr(x)===t}:n)}}},S(8,0),S(0,0),S(8,1),S(0,1),C(f),C(_),o=I,Y||Q(t),{e:o,get c(){var s=[];return Y&&[Q(t=J(t,[e],r,t.name,5,s)),D(s,1)]}}}function ur(t){var e=cr(t,"string");return typeof e=="symbol"?e:e+""}function cr(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var r=i.call(t,e||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ci(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function dr(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var me,pi=class extends di{static{({e:[Xt,Zt,Yt,Jt,Qt,Nt,ei,ti,ii,ri,ni,oi,si,li,ai,ui,Ht],c:[me,zt]}=ar(this,[hr("rui-tag-group")],[[ge({...ce,defaultValue:[]}),0,"value"],[ge({type:String,defaultValue:""}),0,"label"],[ge({type:Boolean,reflect:!0,defaultValue:!1}),0,"disabled"],[ge({type:String,attribute:"selection-mode",defaultValue:"multiple"}),0,"selectionMode"],[ge({type:Boolean,reflect:!0,defaultValue:!1}),0,"embedded"],[hi({name:"rui-change",bubbles:!0,composed:!0}),0,"changeEvent"],[hi({name:"rui-remove",bubbles:!0,composed:!0}),0,"removeEvent"],[fr,0,"derivedItems"],[pr(["value","label","disabled","selectionMode","embedded","derivedItems"]),2,"onPropsUpdated"],[De({selector:"[data-tag]",type:"click"}),2,"onTagClick"],[De({selector:"[data-tag-remove]",type:"click"}),2,"onRemoveClick"],[De({selector:"[data-tag]",type:"keydown"}),2,"onTagKeydown"]],0,void 0,di))}constructor(...e){super(...e),ui(this)}value=(Ht(this),Xt(this));label=(Zt(this),Yt(this));disabled=(Jt(this),Qt(this));selectionMode=(Nt(this),ei(this));embedded=(ti(this),ii(this));changeEvent=(ri(this),ni(this));removeEvent=(oi(this),si(this));uid=(li(this),ue("rui-tag-group"));derivedItems=ai(this,null);isMultiple(){return this.selectionMode==="multiple"}getSelectedValues(){return this.value}setSelectedValues(e){this.value=e}getList(){let e=this.querySelector("[data-rui-managed-list]");return e||(this.derivedItems!=null?null:this.querySelector("[data-tag-list]"))}getTags(){let e=this.getList();return e?Array.from(e.querySelectorAll("[data-tag]")):[]}getVisibleTags(){return this.getTags().filter(e=>!e.hidden&&e.getAttribute("aria-disabled")!=="true")}getTagValue(e){return e.getAttribute("data-value")||e.textContent?.trim()||""}getTagLabel(e){return e.getAttribute("data-label")||e.textContent?.trim()||""}ensureTagIds(){this.getTags().forEach((e,i)=>{e.id||(e.id=`${this.uid}-tag-${i}`)})}syncList(){let e=this.getList();e&&(e.id||(e.id=`${this.uid}-list`),e.setAttribute("role","list"),e.setAttribute("aria-label",this.label||"Tags"),this.disabled?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"))}syncTags(){let e=new Set(this.getSelectedValues());this.getTags().forEach((r,n)=>{r.setAttribute("role","listitem");let a=this.getTagValue(r),u=e.has(a);r.setAttribute("aria-selected",String(u)),r.tabIndex=n===0?0:-1;let o=r.querySelector("[data-tag-remove]");o&&(o.type="button",o.tabIndex=-1,o.setAttribute("aria-label",`Remove ${this.getTagLabel(r)}`))})}selectTag(e){if(this.disabled||this.embedded||e.getAttribute("aria-disabled")==="true")return;let i=this.getTagValue(e);if(this.isMultiple()){let r=new Set(this.getSelectedValues());r.has(i)?r.delete(i):r.add(i),this.setSelectedValues([...r])}else this.value=[i];this.syncTags(),this.changeEvent.emit({value:this.value})}removeTag(e){let i=this.getTagValue(e),r=new Set(this.getSelectedValues());r.delete(i),this.setSelectedValues([...r]),this.syncTags(),this.removeEvent.emit({value:i}),this.changeEvent.emit({value:this.value})}initialize(){this.syncManagedList(),this.ensureTagIds(),this.syncList(),this.syncTags()}onConnected(){this.initialize()}onPropsUpdated(){this.syncManagedList(),this.syncList(),this.syncTags()}resync(){this.ensureTagIds(),this.syncList(),this.syncTags()}setItems(e){this.derivedItems=e,this.value=e.map(i=>i.value)}createManagedTag(e){let i=document.createElement("span");i.setAttribute("data-tag",""),i.setAttribute("data-value",e.value),i.setAttribute("data-label",e.label),i.className="rui-tag",i.textContent=e.label,i.setAttribute("aria-label",e.label);let r=document.createElement("button");return r.type="button",r.setAttribute("data-tag-remove",""),r.className="rui-tag__remove",r.setAttribute("aria-label",`Remove ${e.label}`),r.append(_t()),i.append(r),i}syncManagedList(){let e=this.querySelector('[data-ref="root"]');if(!e||this.derivedItems==null)return;e.querySelector("[data-tag-list]:not([data-rui-managed-list])")?.toggleAttribute("hidden",!0);let r=e.querySelector("[data-rui-managed-list]");if(this.derivedItems.length===0){r?.remove();return}r||(r=document.createElement("div"),r.setAttribute("data-tag-list",""),r.setAttribute("data-rui-managed-list",""),r.className="rui-tag-group__list",e.appendChild(r)),r.replaceChildren(...this.derivedItems.map(n=>this.createManagedTag(n))),this.ensureTagIds(),this.syncList(),this.syncTags()}onTagClick(e){let i=e.target;if(i.closest("[data-tag-remove]"))return;let r=i.closest("[data-tag]");r&&this.contains(r)&&this.selectTag(r)}onRemoveClick(e){e.stopPropagation();let r=e.target.closest("[data-tag]");r&&this.contains(r)&&this.removeTag(r)}onTagKeydown(e){let i=this.getVisibleTags(),r=e.target.closest("[data-tag]");if(!r)return;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.embedded||this.selectTag(r);return}if(e.key==="Backspace"||e.key==="Delete"){r.querySelector("[data-tag-remove]")&&(e.preventDefault(),this.removeTag(r));return}Ae({items:i,current:r,key:e.key,orientation:"horizontal"}).handled&&e.preventDefault()}static{zt()}};import{jsx as U,jsxs as gr}from"@ecopages/jsx/jsx-runtime";function gi({children:t,class:e,...i}){return U("div",{...i,"data-tag-list":!0,class:T("rui-tag-group__list",e),children:t})}function mi({value:t,label:e,children:i,class:r,disabled:n,aria:a,...u}){return gr("span",{...u,"data-tag":!0,"data-value":t,"data-label":e,class:T("rui-tag",r),aria:de(a,e),"aria-disabled":n?"true":void 0,children:[i,U(bi,{})]})}function bi({children:t,class:e,aria:i,...r}){return U("button",{...r,aria:de(i,"Remove"),type:"button","data-tag-remove":!0,class:T("rui-tag__remove",e),children:t??U(fe,{})})}function fi({children:t}){return U("div",{class:"rui-tag-group","data-ref":"root",children:t})}function ke({tags:t,children:e,value:i,...r}){return t!=null?U(me,{...r,value:i,children:U(fi,{children:U(gi,{children:t.map(n=>U(mi,{value:n.value,label:typeof n.label=="string"?n.label:void 0,disabled:n.disabled,children:n.label}))})})}):U(me,{...r,value:i,children:U(fi,{children:e})})}function yi({children:t,class:e,...i}){return V("div",{...i,class:T("rui-select__control",e),children:t})}function xi({children:t,class:e,disabled:i,...r}){return V("div",{...r,"data-select-trigger":!0,"data-rui-focus-managed":!0,"data-rui-control":!0,"data-rui-control-type":"text",class:T("rui-select__trigger",e),tabIndex:i?-1:0,"aria-disabled":i?"true":void 0,children:t})}function Si({children:t,class:e,aria:i,disabled:r,...n}){return V("button",{...n,aria:de(i,"Show options"),type:"button","data-select-toggle":!0,class:T("rui-control-toggle",e),disabled:r,tabIndex:-1,children:t??V(Re,{})})}function br({children:t,class:e,aria:i,disabled:r,...n}){return V("button",{...n,aria:de(i,"Clear selection"),type:"button","data-select-clear":!0,class:T("rui-control-clear",e),disabled:r,children:t??V(fe,{})})}function wi({children:t,class:e,...i}){return V("span",{...i,"data-select-value":!0,class:T("rui-select__value",e),children:t})}function Ai({children:t,class:e,...i}){return V("div",{...i,"data-select-listbox":!0,class:T("rui-select__listbox rui-popover rui-popover--listbox rui-floating",e),children:t})}function vr({placeholder:t,class:e,disabled:i,...r}){return V("input",{...r,type:"search","data-autocomplete-input":!0,class:T("rui-select__search",e),placeholder:t,disabled:i,autocomplete:"off"})}function yr(t,e,i){let r=pe(e)[0]??"",n=typeof i=="string"?i:"";if(!r)return n;let a=t?.find(u=>u.value===r);return a&&typeof a.label=="string"?a.label:r}function xr({children:t}){return V("div",{class:"rui-select","data-ref":"root",children:t})}function Sr({options:t,children:e,value:i,...r}){let n=pe(i),a=r.selectionMode==="multiple",u=t!=null?yr(t,i,r.placeholder):"",o=t?.filter(f=>n.includes(f.value)).map(f=>({value:f.value,label:f.label}));return V(we,{...r,value:n,children:V(xr,{children:t==null?e:vi(mr,{children:[vi(yi,{children:[V(xi,{disabled:r.disabled,children:V(wi,{children:a?V(ke,{tags:o??[],label:"Selected options"}):u})}),V(Si,{})]}),V(Ai,{children:V(Oe,{embedded:!0,options:t,selectionMode:r.selectionMode,value:n})})]})})})}export{Oe as RuiListbox,Le as RuiListboxOption,Sr as RuiSelect,br as RuiSelectClear,yi as RuiSelectControl,we as RuiSelectElement,Ai as RuiSelectListbox,vr as RuiSelectSearch,Si as RuiSelectToggle,xi as RuiSelectTrigger,wi as RuiSelectValue};
 //# sourceMappingURL=index.js.map