@nvidia-elements/core 2.12.0 → 2.12.1

package/dist/bundles/index.js

@@ -1,5 +1,5 @@
 var e=Object.defineProperty,t=(e,t,n)=>()=>{if(n)throw n[0];try{return e&&(t=e(e=0)),t}catch(e){throw n=[e],e}},n=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};function r(e){let t=new Map([[1024**4,`TB`],[1024**3,`GB`],[1024**2,`MB`],[1024,`KB`],[1,`B`]]);for(let[n,r]of t.entries())if(e>=n)return`${(e/n).toFixed(2)} ${r}`;return`0`}var i=t((()=>{})),a=n({DOCS_LOG_URL:()=>re,getCrossShadowRootAnchorWarning:()=>ee,getDuplicatePackageGlobalVersionWarning:()=>ne,getDuplicatePackageVersionWarning:()=>te,getExcessiveInstanceLimitWarning:()=>o,getIdMatchNotFoundWarning:()=>l,getInvalidParentWarning:()=>c,getInvalidSlottedChildrenWarning:()=>s,getSSRMismatchWarning:()=>u});function o(e,t){return`Excessive rendering of ${e} ${t} were detected in DOM. Recycle/reuse elements when possible to improve application performance. ${re}#excessive-instance-limit`}function s(e,t){return`Invalid slotted elements detected in ${e}. Allowed: ${t.join(`, `)}. ${re}#invalid-slotted-children`}function c(e,t){return`Element ${e} can only be used as a direct child of ${t}. ${re}#invalid-parent`}function l(e){return`Provided id "${e}" not found in DOM. ${re}#id-match-not-found`}function u(e){return`${e} rendered on the client with mismatched SSR content. ${re}#ssr-mismatch`}function ee(e){return`(deprecated) ${e} provided an anchor outside of its render root. ${re}#cross-shadow-root-anchor`}function te(e,t){return`@nve: Element ${e} version ${t} already defined, please check for duplicate package versions. ${re}#duplicate-package-version`}function ne(){return`@nve: Multiple versions of Elements loaded, please check for duplicate package versions. ${re}#duplicate-package-version`}var re,ie=t((()=>{i(),re=`docs/api-design/logs/`}));function ae(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype}function oe(e,...t){if(!t.length)return e;let n=t.shift();if(ae(e)&&ae(n))for(let t in n)se(e,n,t);return oe(e,...t)}function se(e,t,n){let r=t[n];if(!ae(r)){e[n]=r;return}ae(e[n])?oe(e[n],r):e[n]=r}function ce(e){let[t,n,r]=e.split(`.`).map(e=>{let t=parseInt(e,10);return Number.isNaN(t)?-1:t});return{major:t??-1,minor:n??-1,patch:r??-1}}function le(e){return new Intl.NumberFormat().format(e)}var ue=t((()=>{}));function de(){return globalThis.process?.env?.NODE_ENV!==`production`&&(globalThis.location?.hostname===`localhost`||globalThis.location?.href?.includes(`elements-playground`))?`development`:`production`}function fe(){return{pageHost:globalThis.location?.hostname,moduleHost:new URL(import.meta.url).hostname}}var pe=t((()=>{}));function me(){return globalThis.CustomElementRegistry&&`initialize`in CustomElementRegistry.prototype?new CustomElementRegistry:globalThis.customElements}var he,d,ge=t((()=>{ie(),ue(),pe(),he=class{constructor(){globalThis.NVE_ELEMENTS??={debug:(e=console.log)=>e(`%cElements\n%c${JSON.stringify(globalThis.NVE_ELEMENTS.state,null,2)}`,`color: #69b027`,`color: inherit`),state:{bundle:!1,env:de(),...fe(),versions:[],scopedRegistry:{},elementRegistry:{},i18nRegistry:{},audit:{}}},globalThis.NVE_ELEMENTS.state.versions=Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions,`0.0.0`])),globalThis.NVE_ELEMENTS.state.scopedRegistry??={},globalThis.NVE_ELEMENTS.state.scopedRegistry[`0.0.0`]=me(),globalThis.NVE_ELEMENTS.state.versions.length>1&&globalThis.NVE_ELEMENTS.state.env!==`production`&&console.warn(ne(),`\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions,null,2)}`)}get state(){return globalThis.NVE_ELEMENTS.state}dispatch(e,t){globalThis.NVE_ELEMENTS.state=oe(globalThis.NVE_ELEMENTS.state,t),globalThis?.document?.dispatchEvent(new CustomEvent(e,{detail:globalThis.NVE_ELEMENTS.state}))}},d=new he}));function _e(e){let t=[`template`,...e.constructor.metadata?.children??[]].filter(e=>typeof e==`string`);return[Array.from(e.shadowRoot.querySelectorAll(`slot`)).filter(e=>e.name===``).flatMap(e=>e.assignedElements().filter(e=>!t.map(e=>e).includes(e.localName))),t]}function ve(e){let t=e.constructor.metadata?.parents??[];return t.length?[!!t.find(t=>e.parentElement?.localName===t),t]:[!0,[]]}var ye=n({LogService:()=>f}),be,f,xe=t((()=>{ge(),be=`@nve: `,f=class{static log(e,...t){d.state.env!==`production`&&console.log(`${be}${e}`,...t)}static warn(e,...t){d.state.env!==`production`&&(console.warn(`${be}${e}`,...t),this.#e(`warn`,e,...t))}static error(e,...t){d.state.env!==`production`&&(console.error(`${be}${e}`,...t),this.#e(`error`,e,...t))}static#e(e,t,...n){globalThis.document?.dispatchEvent(new CustomEvent(`NVE_ELEMENTS_LOG`,{detail:{type:e,value:t,args:n}}))}}}));ge();async function Se(e){let{LogService:t}=await Promise.resolve().then(()=>(xe(),ye));t.warn(e)}function p(e={}){return t=>t.addInitializer(t=>new Ce(t,e))}var Ce=class{get#e(){return d.state.audit[this.host.localName]??{count:0}}get#t(){return d.state.env===`production`}get#n(){return this.host.constructor.metadata}constructor(e,t){this.host=e,this.options=t,this.#t||(this.host.addController(this),this.#r())}async hostConnected(){await this.host.updateComplete,this.#t||(this.#i(),this.#s(),this.#c())}hostDisconnected(){this.#a()}#r(){d.state.audit[this.host.localName]||this.#o({[this.host.localName]:{count:0}})}async#i(){if(this.options.excessiveInstanceLimit!==void 0){if(this.#e.count>this.options.excessiveInstanceLimit&&!this.#e.excessiveInstanceLimitAudited){let{getExcessiveInstanceLimitWarning:e}=await Promise.resolve().then(()=>(ie(),a));Se(e(this.#e.count,this.host.localName)),this.#o({[this.host.localName]:{count:this.#e.count+1,excessiveInstanceLimitAudited:!0}})}else this.#o({[this.host.localName]:{count:this.#e.count+1}})}}#a(){this.options.excessiveInstanceLimit&&this.#o({[this.host.localName]:{count:this.#e.count-1,excessiveInstanceLimitAudited:!1}})}#o(e){d.dispatch(`NVE_ELEMENTS_AUDIT_UPDATE`,{audit:e})}async#s(){if(this.#n.children||this.#n.disallowedChildren){let[e,t]=_e(this.host);if(e.length){let{getInvalidSlottedChildrenWarning:e}=await Promise.resolve().then(()=>(ie(),a));Se(e(this.host.localName,t))}}}async#c(){if(this.#n.parents){let[e,t]=ve(this.host);if(!e){let{getInvalidParentWarning:e}=await Promise.resolve().then(()=>(ie(),a));Se(e(this.host.localName,t.join(`, `)))}}}},we=[`contextmenu`,`dragstart`,`lostpointercapture`,`pointercancel`,`pointerdown`,`pointermove`,`pointerup`,`selectstart`,`wheel`],Te=.002,Ee=10,De=16,Oe=class{#e;constructor(e){this.claim=e=>{let t=this.#e;return t?(this.#e=void 0,t(e),!0):!1},this.#e=e}close(){this.#e=void 0}},ke=class{#e;#t;#n=new Map;#r=!1;#i;#a;#o;#s;constructor(e,t){this.#e=e,this.#t=t,e.addController(this)}getWheelZoomFactor(e){let t=e.event.ctrlKey?Ee:1;return 2**(-e.deltaY*Te*t)}set target(e){e!==this.#a&&(this.#l(),this.#L(),this.#a=e,this.#c())}hostConnected(){this.#r=!0,this.#c()}hostDisconnected(){this.#l(),this.#L(),this.#r=!1}hostUpdated(){this.#j()}#c(){let e=this.#a;if(!this.#r||!e)return;let t=this.#t.claimPriority!==`descendant-first`;for(let n of we)e.addEventListener(n,this.#f,t);this.#u()&&e.addEventListener(`pointerdown`,this.#d,!0),this.#k(e)}#l(){let e=this.#a;if(!this.#r||!e)return;let t=this.#t.claimPriority!==`descendant-first`;for(let n of we)e.removeEventListener(n,this.#f,t);this.#u()&&e.removeEventListener(`pointerdown`,this.#d,!0),this.#A()}#u(){return this.#t.claimPriority===`descendant-first`&&this.#t.shouldReservePointerDown!==void 0}#d=e=>{let t=this.#a;!t||e.currentTarget!==t||e.defaultPrevented||this.#t.shouldIgnoreEvent?.(e)||this.#t.shouldReservePointerDown?.(e)&&e.preventDefault()};#f=e=>{let t=this.#a;if(!(!t||e.currentTarget!==t)){if(e.type===`contextmenu`&&e instanceof MouseEvent){this.#m(e);return}if(e.type===`selectstart`){this.#h(e);return}if(e instanceof WheelEvent){this.#_(e);return}if(e instanceof PointerEvent){this.#g(e);return}this.#p(e)}};#p(e){e.type!==`dragstart`||this.#t.shouldIgnoreEvent?.(e)||this.#t.suppressNativeDrag&&e.preventDefault()}#m(e){this.#t.shouldIgnoreEvent?.(e)||this.#t.shouldPreventContextMenu?.(e)&&e.preventDefault()}#h(e){this.#n.size>0&&e.preventDefault()}#g(e){let t=Ne(e);if(t!==void 0){this.#n.has(e.pointerId)&&this.#S(e,t);return}e.type===`pointerdown`?this.#t.shouldIgnoreEvent?.(e)||this.#v(e):e.type===`pointermove`&&this.#n.has(e.pointerId)&&this.#y(e)}#_(e){let t=this.#a;if(!t||this.#t.shouldIgnoreEvent?.(e))return;let n=e.deltaMode===WheelEvent.DOM_DELTA_PAGE?t.getBoundingClientRect():void 0,r=Fe(e.deltaX,e.deltaMode,n?.width),i=Fe(e.deltaY,e.deltaMode,n?.height),a=new Oe(()=>{e.preventDefault(),e.stopPropagation()});try{this.#I({claim:a.claim,clientX:e.clientX,clientY:e.clientY,deltaX:r,deltaY:i,event:e,kind:`wheel`})}finally{a.close()}}#v(e){let t=new Oe(t=>{this.#n.set(e.pointerId,{clientX:e.clientX,clientY:e.clientY,gestureKind:t?.kind,movementX:0,movementY:0,pinchCandidate:t?.pinchCandidate??!1,pointerType:e.pointerType,startClientX:e.clientX,startClientY:e.clientY});let n=this.#a;n&&this.#N(n),e.stopPropagation(),this.#O(e.pointerId)});try{this.#I({claim:t.claim,event:e,kind:`pointerdown`})}finally{t.close()}this.#T()}#y(e){let t=this.#b(e);t&&(e.stopPropagation(),(t.movementX!==0||t.movementY!==0)&&(this.#n.size>=2&&this.#C(e)||t.gestureKind!==void 0&&(e.preventDefault(),this.#x(e,t,t.gestureKind))))}#b(e){let t=this.#n.get(e.pointerId);if(t)return t.movementX=Ae(e.clientX,t.clientX),t.movementY=Ae(e.clientY,t.clientY),t.clientX=e.clientX,t.clientY=e.clientY,t}#x(e,t,n){this.#F({clientX:t.clientX,clientY:t.clientY,event:e,kind:n,movementX:t.movementX,movementY:t.movementY,startClientX:t.startClientX,startClientY:t.startClientY,totalDisplacementX:Ae(t.clientX,t.startClientX),totalDisplacementY:Ae(t.clientY,t.startClientY)})}#S(e,t){let n=this.#n.get(e.pointerId);if(!n)return;let r=Pe(t),i=r?n.clientX:e.clientX,a=r?n.clientY:e.clientY;e.stopPropagation(),this.#I({clientX:i,clientY:a,event:e,interrupted:r,kind:`pointerend`,movementX:Ae(i,n.clientX),movementY:Ae(a,n.clientY),startClientX:n.startClientX,startClientY:n.startClientY,totalDisplacementX:Ae(i,n.startClientX),totalDisplacementY:Ae(a,n.startClientY),reason:t}),this.#n.delete(e.pointerId),this.#n.size===0&&this.#P(),this.#D()<2&&(this.#i=void 0)}#C(e){this.#T(),this.#E();let t=this.#i,n=this.#n.get(e.pointerId);if(!t||!n?.pinchCandidate)return!1;let r=e.pointerId===t.firstPointerId||e.pointerId===t.secondPointerId;return t.status===`pending`?!0:t.status===`declined`?!r:!r||this.#w(e,t)}#w(e,t){let n=this.#n.get(t.firstPointerId),r=this.#n.get(t.secondPointerId);if(!n||!r)return!0;let i=Me(n,r);if(i<=0)return!0;let a=je(n.clientX,r.clientX),o=je(n.clientY,r.clientY);return e.preventDefault(),this.#F({centerClientX:a,centerClientY:o,context:t.context,event:e,firstPointerId:t.firstPointerId,firstPointerType:t.firstPointerType,firstStartClientX:t.firstStartClientX,firstStartClientY:t.firstStartClientY,kind:`pinch`,scale:i/t.distance,secondPointerId:t.secondPointerId,secondPointerType:t.secondPointerType,secondStartClientX:t.secondStartClientX,secondStartClientY:t.secondStartClientY,startCenterClientX:t.startCenterClientX,startCenterClientY:t.startCenterClientY}),!0}#T(){let e=this.#t.beginPinch;if(this.#i||this.#n.size<2||!e)return;let t,n;for(let e of this.#n.keys())if(this.#n.get(e)?.pinchCandidate){if(t===void 0)t=e;else{n=e;break}}t!==void 0&&n!==void 0&&(this.#i={firstPointerId:t,secondPointerId:n,status:`pending`},this.#E())}#E(){let e=this.#i,t=this.#t.beginPinch;if(e?.status!==`pending`||!t)return;let n=this.#n.get(e.firstPointerId),r=this.#n.get(e.secondPointerId);if(!n||!r)return;let i=Me(n,r);if(i<=0)return;let a={firstPointerId:e.firstPointerId,firstPointerType:n.pointerType,firstStartClientX:n.startClientX,firstStartClientY:n.startClientY,secondPointerId:e.secondPointerId,secondPointerType:r.pointerType,secondStartClientX:r.startClientX,secondStartClientY:r.startClientY,startCenterClientX:je(n.clientX,r.clientX),startCenterClientY:je(n.clientY,r.clientY)},o=t(a);if(!o){this.#i={firstPointerId:e.firstPointerId,secondPointerId:e.secondPointerId,status:`declined`};return}this.#i={context:o.context,distance:i,status:`active`,...a}}#D(){let e=0;for(let t of this.#n.values())t.pinchCandidate&&(e+=1);return e}#O(e){try{this.#a?.setPointerCapture?.(e)}catch{}}#k(e){let t=this.#M();t!==void 0&&(this.#o={applied:t,priority:e.style.getPropertyPriority(`touch-action`),target:e,value:e.style.getPropertyValue(`touch-action`)},e.style.setProperty(`touch-action`,t))}#A(){let e=this.#o;this.#o=void 0,!(!e||e.target.style.getPropertyValue(`touch-action`)!==e.applied)&&(e.value?e.target.style.setProperty(`touch-action`,e.value,e.priority):e.target.style.removeProperty(`touch-action`))}#j(){let e=this.#a;if(!this.#r||!e)return;let t=this.#M();t!==this.#o?.applied&&(this.#A(),t!==void 0&&this.#k(e))}#M(){let e=this.#t.touchAction;return typeof e==`function`?e():e}#N(e){if(this.#s)return;let t=`none`;this.#s={applied:t,appliedPriority:``,priority:e.style.getPropertyPriority(`user-select`),target:e,value:e.style.getPropertyValue(`user-select`)},e.style.setProperty(`user-select`,t,``)}#P(){let e=this.#s;this.#s=void 0,!(!e||e.target.style.getPropertyValue(`user-select`)!==e.applied||e.target.style.getPropertyPriority(`user-select`)!==e.appliedPriority)&&(e.value?e.target.style.setProperty(`user-select`,e.value,e.priority):e.target.style.removeProperty(`user-select`))}#F(e){this.#e.dispatchEvent(new CustomEvent(`nve-gesture`,{bubbles:!1,cancelable:!1,composed:!1,detail:e}))}#I(e){this.#e.dispatchEvent(new CustomEvent(`nve-gesture-input`,{bubbles:!1,cancelable:!1,composed:!1,detail:e}))}#L(){this.#n.clear(),this.#i=void 0,this.#P()}};function Ae(e,t){return e-t}function je(e,t){return(e+t)/2}function Me(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function Ne(e){if(e.type===`pointerup`)return`up`;if(e.type===`pointercancel`)return`cancel`;if(e.type===`lostpointercapture`)return`lost-capture`;if(e.type===`pointermove`&&e.buttons===0)return`buttons-released`}function Pe(e){return e===`cancel`||e===`lost-capture`}function Fe(e,t,n=1){return t===WheelEvent.DOM_DELTA_LINE?e*De:t===WheelEvent.DOM_DELTA_PAGE?e*n:e}ge();var Ie={close:`close`,copy:`copy`,copied:`copied`,expand:`expand`,select:`select`,selected:`selected`,sort:`sort`,show:`show`,hide:`hide`,loading:`loading`,previous:`previous`,next:`next`,start:`start`,end:`end`,currentPage:`current page`,noResults:`no results`,status:`status`,information:`information`,warning:`warning`,success:`success`,danger:`danger`,trend:`trend`,down:`down`,up:`up`,neutral:`neutral`,of:`of`,theme:`theme`,scale:`scale`,reducedMotion:`reduced motion`,colorScheme:`color scheme`,resize:`resize`,or:`or`,files:`files`,dragAndDrop:`drag & drop`,browseFiles:`browse files`,maxFileSize:`max file size`,create:`create`,currentTime:`current time`,enterFullscreen:`enter full screen`,exitFullscreen:`exit full screen`,muteMedia:`mute media`,pauseMedia:`pause media`,playMedia:`play media`,playbackRate:`playback rate`,playbackRateOption:`{rate}x`,seekBackward:`seek backward {value} seconds`,seekForward:`seek forward {value} seconds`,seekToEnd:`seek to end`,seekToStart:`seek to start`,unmuteMedia:`unmute media`,volume:`volume`},Le=new class{get i18n(){return{...d.state.i18nRegistry}}constructor(){Object.keys(d.state.i18nRegistry).length===0&&d.dispatch(`NVE_ELEMENTS_I18N_UPDATE`,{i18nRegistry:Ie})}update(e){d.dispatch(`NVE_ELEMENTS_I18N_UPDATE`,{i18nRegistry:e})}};function Re(){return e=>e.addInitializer(e=>new m(e))}var m=class{get i18n(){return{...Le.i18n,...this.host.i18n,__set:!1}}#e={};constructor(e){this.host=e,this.host.addController(this)}hostConnected(){globalThis.document.addEventListener(`NVE_ELEMENTS_I18N_UPDATE`,this.#t)}hostDisconnected(){globalThis.document.removeEventListener(`NVE_ELEMENTS_I18N_UPDATE`,this.#t)}hostUpdate(){this.host.i18n.__set===void 0&&(this.#e=this.host.i18n,this.#t())}#t=()=>{this.host.i18n={...Le.i18n,...this.#e,__set:!0}}},ze=class{#e;#t=new Set;#n=new Set;constructor(e){this.#e=e}subscribe(e){this.#n.has(e)||(this.#n.size===0&&this.#r(),this.#n.add(e))}unsubscribe(e){!this.#n.delete(e)||this.#n.size>0||(this.#i(),this.#t.clear())}isPressed(e){return this.#t.has(e)}#r(){let e=this.#e.defaultView;e?.addEventListener(`keydown`,this.#a,!0),e?.addEventListener(`keyup`,this.#o,!0),e?.addEventListener(`blur`,this.#c),this.#e.addEventListener(`visibilitychange`,this.#s)}#i(){let e=this.#e.defaultView;e?.removeEventListener(`keydown`,this.#a,!0),e?.removeEventListener(`keyup`,this.#o,!0),e?.removeEventListener(`blur`,this.#c),this.#e.removeEventListener(`visibilitychange`,this.#s)}#a=e=>{this.#t.has(e.code)||(this.#t.add(e.code),this.#l(e.code))};#o=e=>{this.#t.delete(e.code)&&this.#l(e.code)};#s=()=>{this.#e.visibilityState===`hidden`&&this.#c()};#c=()=>{if(this.#t.size===0)return;let e=[...this.#t];this.#t.clear();for(let t of this.#n)e.some(e=>t.watchedCodes.has(e))&&t.requestUpdate()};#l(e){for(let t of this.#n)t.watchedCodes.has(e)&&t.requestUpdate()}},Be=new WeakMap;function Ve(e){let t=Be.get(e);return t||(t=new ze(e),Be.set(e,t)),t}var He=class{#e;#t;#n=!1;#r=!1;#i;constructor(e,{watchedCodes:t}){this.#e=e,this.#t={watchedCodes:new Set(t),requestUpdate:()=>e.requestUpdate()},e.addController(this)}get enabled(){return this.#r}set enabled(e){e!==this.#r&&(this.#r=e,this.#a())}isPressed(e){return this.#i?.isPressed(e)??!1}hostConnected(){this.#n=!0,this.#a()}hostDisconnected(){this.#n=!1,this.#a()}#a(){let e=this.#n&&this.#r?Ve(this.#e.ownerDocument):void 0;e!==this.#i&&(this.#i?.unsubscribe(this.#t),this.#i=e,this.#i?.subscribe(this.#t))}};function Ue(e,t,n={}){let r=new MutationObserver(e=>{for(let r of e)r.type===`childList`&&t(r),n.attributes&&r.type===`attributes`&&t(r)});return r.observe(e,{childList:!0,...n}),r}function We(e,t){let n=!0;return(...r)=>{n&&(e(...r),n=!1,setTimeout(()=>n=!0,t))}}function Ge(e,t=0){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>{e(...r)},t)}}function Ke(e){return e.matches([`a[href]`,`area[href]`,`input`,`button`,`select`,`textarea`,`iframe`,`object`,`embed`,`*[tabindex]`,`*[contenteditable=true]`,`[role=button]`].join(`,`))&&e.matches(`:not([disabled], [inert])`)&&!e.closest(`[inert]`)&&!e.closest(`[popover]`)?.matches(`:not(:popover-open)`)}function qe(e){return e.matches([`a[href]`,`button:not([disabled])`,`input[type=checkbox]`,`input[type=radio]`,`object`,`embed`,`*[tabindex]`,`[role=button]:not([disabled])`].join(`,`))}function Je(e=globalThis.document){return e.activeElement&&e.activeElement.shadowRoot?Je(e.activeElement.shadowRoot)??e.activeElement:e.activeElement}function Ye(e){let t=e.getRootNode();return Xe(t)&&t.activeElement===e}function Xe(e){return`activeElement`in e}function Ze(e){e&&!Ke(e)?(e.setAttribute(`tabindex`,`-1`),e.focus(),e.addEventListener(`blur`,()=>e.removeAttribute(`tabindex`),{once:!0})):e?.focus()}function Qe(e){setTimeout(()=>Ze(e))}function $e(e,t){e.forEach(e=>e.tabIndex=-1),t.tabIndex=0}function et(e){e.forEach(e=>e.tabIndex=-1),e[0]&&(e[0].tabIndex=0)}function tt(e,t){let n=e=>e.code===`Space`||e.code===`ArrowUp`||e.code===`ArrowDown`;e.addEventListener(`pointerdown`,e=>{e.preventDefault()}),e.addEventListener(`click`,n=>{n.preventDefault(),e.disabled||t(n)}),e.addEventListener(`keyup`,r=>{n(r)&&!e.disabled&&t(r)}),e.addEventListener(`keydown`,t=>{n(t)&&!e.disabled&&t.preventDefault()})}ge(),xe();function nt(e){if(e instanceof Document&&e.documentElement)return Array.from(e.documentElement.children);if(e instanceof HTMLElement&&e.shadowRoot)return Array.from(e.shadowRoot.children);if(e instanceof HTMLSlotElement&&e.assignedElements){let t=e.assignedElements();return t.length?t:Array.from(e.children)}return Array.from(e.children)}function h(){return`_${self.crypto.getRandomValues(new Uint32Array(1))[0].toString(16)}`}function rt(e,t,n){n(e.getAttribute(t));let r=new MutationObserver(e=>{e.forEach(e=>{e.attributeName===t&&n(e.target.getAttribute(t))})});return r.observe(e,{attributes:!0,subtree:!0}),r}function it(e,t,n){let r=new MutationObserver(e=>{e.forEach(e=>{e.attributeName&&t.includes(e.attributeName)&&n(e)})});return r.observe(e,{attributes:!0,subtree:!0}),r}function g(e,t){let n=new CSSStyleSheet;n.replaceSync(t);let r=e.getRootNode();return r.adoptedStyleSheets&&(r.adoptedStyleSheets.map(e=>at(e)).find(e=>e===at(n))||(r.adoptedStyleSheets=[...Array.from(r.adoptedStyleSheets),n])),n}function at(e){return e.cssRules?Array.from(e.cssRules).map(e=>e.cssText||``).join(`
-`):``}function ot(e,t,n){let r=Object.getPrototypeOf(e),i=Object.getOwnPropertyDescriptor(r,t);if(!i)return;let a=Object.getOwnPropertyDescriptor(e,t);if(!(a&&a.configurable===!1))return Object.defineProperty(e,t,{configurable:!0,get:i.get,set:t=>{i.set.call(e,t),n(t)}}),()=>{if(a){Object.defineProperty(e,t,a);return}Reflect.deleteProperty(e,t)}}function st(e,t,n){e.hasAttribute(t)?n(e.getAttribute(t)):e[t]!==void 0&&n(e[t]);let r=ot(e,t,n),i=rt(e,t,e=>n(e)),a=i.disconnect.bind(i);return i.disconnect=()=>{r?.(),a()},i}function ct(e,t){let{left:n,right:r,top:i,bottom:a}=t.getBoundingClientRect();return e.clientX<n||e.clientX>r||e.clientY<i||e.clientY>a}function lt(e){let t=e.getRootNode(),n=e.ownerDocument.defaultView?.CustomElementRegistry??globalThis.CustomElementRegistry;return n&&`customElementRegistry`in t&&t.customElementRegistry instanceof n?t.customElementRegistry:e.ownerDocument.defaultView?.customElements||(typeof customElements>`u`?void 0:customElements)}var ut=globalThis.CustomElementRegistry&&`initialize`in CustomElementRegistry.prototype;function dt(e,t){Object.entries(e.elementDefinitions??{}).filter(([e,n])=>!t.get(n.metadata.tag)).forEach(([e,n])=>{dt(n,t)}),t.get(e.metadata.tag)||(t.define(e.metadata.tag,e),t===customElements&&d.dispatch(`NVE_ELEMENT_DEFINE`,{elementRegistry:{[e.metadata.tag]:e.metadata.version}}))}function _(e){let{version:t}=e.metadata;ut&&!customElements.get(e.metadata.tag)?(customElements.define(e.metadata.tag,e),d.dispatch(`NVE_ELEMENT_DEFINE`,{elementRegistry:{[e.metadata.tag]:e.metadata.version}})):dt(e,customElements),d.state.elementRegistry[e.metadata.tag]!==t&&globalThis?.location?.hostname===`localhost`&&Promise.resolve().then(()=>(ie(),a)).then(n=>console.warn(n.getDuplicatePackageVersionWarning(e.metadata.tag,t)))}function ft(e){return e.buttons===2&&!e.ctrlKey||e.buttons===1&&e.ctrlKey}function pt(e,t=10){return mt(e,t).filter(e=>Ke(e))}function mt(e,t=10){return Array.from(nt(e)).reduce((e,n)=>[...e,[n,[...Array.from(nt(n)).map(e=>[e,mt(e,t)])]]],[]).flat(t)}function ht(e){return gt.has(e.code)}var v=function(e){return e.End=`End`,e.Home=`Home`,e.PageUp=`PageUp`,e.PageDown=`PageDown`,e.ArrowUp=`ArrowUp`,e.ArrowDown=`ArrowDown`,e.ArrowLeft=`ArrowLeft`,e.ArrowRight=`ArrowRight`,e}({}),gt=new Set(Object.values(v));function _t(e){return e.some(t=>t.children.length!==e[0].children.length)}function vt(e){e?.wholeText?.trim()===``&&e.remove()}function yt(e){return e.scrollWidth>e.clientWidth}function bt(e,t=0){return e.scrollTop+e.offsetHeight+t>=e.scrollHeight}async function xt(){let e=globalThis.EyeDropper;if(!e)return f.warn(`EyeDropper API is unavailable`),``;try{return(await new e().open()).sRGBHex}catch(e){return f.warn(`EyeDropper selection failed: ${e.message}`),``}}function St(e){Ct(e)&&e.assignedNodes().forEach(e=>e.parentNode?.removeChild(e))}function Ct(e){let t=!e.assignedNodes().find(e=>e.nodeType!==Node.TEXT_NODE),n=!e.assignedNodes().find(e=>e.nodeType===Node.TEXT_NODE&&(e.textContent??``).trim()!==``);return t&&n}function wt(e,t){let n=e.assignedNodes(),r=e.name??`slot`;n.length?t._internals.states.add(`has-${r}`):t._internals.states.delete(`has-${r}`)}function Tt(e){return e?.label||e?.value||``}function Et(e,t){return e.localName===t.metadata.tag}function Dt(e){let t=globalThis.document.createElement(`div`),{width:n}=e.getBoundingClientRect();return t.setAttribute(`nve-ghost`,``),t.style.minWidth=`${n}px`,t.style.maxWidth=`${n}px`,t.style.height=`1px`,t.slot=e.slot,t}function Ot(e){return e.style.anchorName?.split(`,`)?.map(e=>e.trim())?.filter(e=>e!==`none`&&e!==``)??[]}function kt(e,t){let n=Ot(e);e.style.anchorName=n.filter(e=>e!==t).join(`,`)}function At(e,t){e.style.anchorName=Array.from(new Set([...Ot(e),t])).join(`,`)}function jt(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function Mt(e){return Array.from(new Set(Array.from(e).filter(e=>typeof e==`string`&&e.length>0)))}ge(),xe();function Nt(){return e=>e.addInitializer(e=>new Pt(e))}var Pt=class{#e=[];#t;get#n(){return{grid:this.host,...this.host.keynavGridConfig}}get#r(){let e=Array.from(this.#n.rows);return this.#n.columnRow&&e.unshift(this.#n.columnRow),e}get#i(){return[...Array.from(this.#n.columns??[]),...Array.from(this.#n.cells)]}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.isConnected&&(this.#t=this.#n.grid,et(this.#i),this.#t.addEventListener(`keyup`,this.#l),this.#t.addEventListener(`keydown`,this.#u),this.#t.addEventListener(`mouseup`,this.#d),this.#e.push(Ue(this.host,We(()=>et(this.#i),500))))}hostDisconnected(){this.#e.forEach(e=>e?.disconnect()),this.#e.length=0,this.#t?.removeEventListener(`keyup`,this.#l),this.#t?.removeEventListener(`keydown`,this.#u),this.#t?.removeEventListener(`mouseup`,this.#d),this.#t=void 0}#a(e){if(!ft(e)){let t=e.composedPath()[0],n=this.#i.find(e=>e===t)?t:null;n&&this.#s(e,n)}}#o(e){let t=Array.from(this.#r),n=Array.from(this.#i);if(d.state.env!==`production`&&_t(t)){f.warn(`Invalid grid structure, all rows must have the same number of cells`);return}if(ht(e)&&qe(Je())){let{x:r,y:i}=Lt(n,t,{code:e.code,ctrlKey:e.ctrlKey,dir:this.host.dir}),a=Array.from(mt(t[i])).filter(e=>!!n.find(t=>t===e))[r];this.#s(e,a),e.preventDefault()}}#s(e,t){$e(this.#i,t);let n=pt(t),r=n.filter(e=>qe(e));r.length===1&&n.length===1?Ze(r[0]):Ze(t);let i={code:e instanceof KeyboardEvent?e.code:null,shiftKey:e.shiftKey,activeItem:t};t.dispatchEvent(new CustomEvent(`nve-key-change`,{bubbles:!0,composed:!0,detail:i}))}#c(e){let t=Array.from(this.#i).find(e=>e.tabIndex===0);e.code===`Escape`&&t?.focus(),e.code===`Enter`&&t===e.composedPath()[0]&&pt(t)[0]?.focus()}#l=e=>this.#c(e);#u=e=>this.#o(e);#d=e=>this.#a(e)};function Ft(e,t){let n=t===`rtl`?v.ArrowRight:v.ArrowLeft,r=t===`rtl`?v.ArrowLeft:v.ArrowRight;return e===v.ArrowUp?{dx:0,dy:-1}:e===v.ArrowDown?{dx:0,dy:1}:e===n?{dx:-1,dy:0}:e===r?{dx:1,dy:0}:e===v.PageUp?{dx:0,dy:-4}:e===v.PageDown?{dx:0,dy:4}:null}function It(e,t,n){let{x:r,y:i}=t,{columnCount:a,rowCount:o,ctrlKey:s}=n;return e===v.End?{x:a,y:s?o:i}:e===v.Home?{x:0,y:s?0:i}:{x:r,y:i}}function Lt(e,t,n){let r=e.find(e=>e.tabIndex===0),i=t.find(e=>mt(e).find(e=>e===r)),a=Array.from(mt(i)).filter(t=>!!e.find(e=>e===t)),o=t.length-1,s=a.length-1,c=a.indexOf(r),l=t.indexOf(i),u=Ft(n.code,n.dir);return u?(c=Math.max(0,Math.min(s,c+u.dx)),l=Math.max(0,Math.min(o,l+u.dy))):{x:c,y:l}=It(n.code,{x:c,y:l},{columnCount:s,rowCount:o,ctrlKey:n.ctrlKey}),{x:c,y:l}}function Rt(){return e=>e.addInitializer(e=>new zt(e))}var zt=class{get#e(){return{layout:`horizontal`,manageFocus:!0,manageTabindex:!0,loop:!1,dir:this.host.getAttribute(`rtl`),...this.host.keynavListConfig,items:Array.from(this.host.keynavListConfig.items).filter(e=>!e.disabled)}}constructor(e){this.host=e,this.host.addController(this)}get#t(){return this.host.hasAttribute(`nve-keynav-disabled`)}async hostConnected(){await this.host.updateComplete,this.host.isConnected&&(this.#n(),this.host.addEventListener(`pointerup`,this.#c),this.host.addEventListener(`keydown`,this.#l))}hostDisconnected(){this.host.removeEventListener(`pointerup`,this.#c),this.host.removeEventListener(`keydown`,this.#l)}#n(){let{manageFocus:e,manageTabindex:t,items:n,initialItem:r}=this.#e;e&&t&&!this.#t&&(et(n),r&&n.includes(r)&&$e(n,r))}#r(e){let t=this.#o(e,this.#e.items);t&&this.#s(e,t)}#i(e){if(ht(e)&&!this.#t){let{loop:t,layout:n,dir:r,items:i}=this.#e,a=this.#a(e,i);if(a){let{next:o,previous:s}=Ut(a,Array.from(i),{loop:t,layout:n,dir:r,code:e.code});o!==s&&this.#s(e,i[o],i[s])}}}#a(e,t){let n=e.composedPath()[0];return n instanceof HTMLElement&&t.includes(n)?n:null}#o(e,t){let n=e.composedPath(),r=n.findIndex(e=>e instanceof HTMLElement&&t.includes(e)),i=n[r];return i instanceof HTMLElement?n.slice(0,r).some(e=>e instanceof Element&&Ke(e))?null:i:null}#s(e,t,n){let{manageFocus:r,manageTabindex:i,items:a}=this.#e;r&&(i&&$e(a,t),Ze(t),e.preventDefault());let o={activeItem:t,previousItem:n,code:e instanceof KeyboardEvent?e.code:null,metaKey:e.ctrlKey||e.metaKey,items:a};t.dispatchEvent(new CustomEvent(`nve-key-change`,{bubbles:!0,composed:!0,detail:o}))}#c=e=>this.#r(e);#l=e=>this.#i(e)};function Bt(e){let{code:t,layout:n,dir:r}=e,i=r===`rtl`?v.ArrowRight:v.ArrowLeft,a=r===`rtl`?v.ArrowLeft:v.ArrowRight;if(n!==`horizontal`){if(t===v.ArrowUp)return`backward`;if(t===v.ArrowDown)return`forward`}if(n!==`vertical`){if(t===i)return`backward`;if(t===a)return`forward`}return null}function Vt(e){return e===v.End?`end`:e===v.Home?`home`:e===v.PageUp?`pageup`:e===v.PageDown?`pagedown`:null}function Ht(e,t,n){let{limit:r,loop:i}=n,a=e+t;return a>=0&&a<=r?a:i?t<0?r:0:e}function Ut(e,t,n){let r=t.indexOf(e),i=r,a=t.length-1;switch(Bt(n)??Vt(n.code)){case`backward`:r=Ht(r,-1,{limit:a,loop:n.loop});break;case`forward`:r=Ht(r,1,{limit:a,loop:n.loop});break;case`end`:r=a;break;case`home`:r=0;break;case`pageup`:r=Math.max(0,r-4);break;case`pagedown`:r=Math.min(a,r+4)}return{next:r,previous:i}}var Wt=class{#e;#t;constructor(e,{isEnabled:t=()=>!0}={}){this.#e=e,this.#t=t,e.addController(this)}hostConnected(){this.#e.addEventListener(`keydown`,this.#n)}hostDisconnected(){this.#e.removeEventListener(`keydown`,this.#n)}#n=e=>{if(!this.#t()||e.composedPath()[0]!==this.#e)return;let t=Gt(e);t&&this.#e.dispatchEvent(new CustomEvent(`nve-key`,{bubbles:!1,cancelable:!1,composed:!1,detail:t}))}};function Gt(e){switch(e.key){case`ArrowDown`:return{ctrlKey:e.ctrlKey,event:e,horizontal:0,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:-1};case`ArrowLeft`:return{ctrlKey:e.ctrlKey,event:e,horizontal:-1,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:0};case`ArrowRight`:return{ctrlKey:e.ctrlKey,event:e,horizontal:1,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:0};case`ArrowUp`:return{ctrlKey:e.ctrlKey,event:e,horizontal:0,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:1};case`+`:case`-`:case`=`:return{event:e,key:e.key,kind:`zoom`};default:return}}function y(e){e._internals===void 0&&(e._internals=e.attachInternals())}function Kt(e,t){e&&t&&(t.id=t.id?t.id:h(),e.htmlFor=t.id)}function qt(e,t){e&&t&&(e.id=e.id?e.id:h(),t.setAttribute(`aria-labelledby`,e.id))}function Jt(e,t){if(e.length&&t){let n=e.map(e=>e.id=h()).join(` `);t.setAttribute(`aria-describedby`,n)}}function Yt(e,t){e&&(e.id=e.id?.length?e.id:h(),t.setAttribute(`list`,e.id))}function Xt(e){if(!e.find(e=>e?.name?.length)){let t=h();e.forEach(e=>e.name=t)}}function Zt(){return e=>e.addInitializer(e=>new Qt(e))}var Qt=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){this.host.expanded!==null&&this.host.expanded!==void 0&&(this.host._internals.ariaExpanded=`${this.host.expanded}`),this.host.expanded?this.host._internals.states.add(`expanded`):this.host._internals.states.delete(`expanded`),this.host.readOnly&&(this.host._internals.ariaExpanded=null,this.host._internals.states.delete(`expanded`))}};function $t(){return e=>e.addInitializer(e=>new en(e))}var en=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){this.host.highlighted?this.host._internals.states.add(`highlighted`):this.host._internals.states.delete(`highlighted`)}};function tn(){return e=>e.addInitializer(e=>new nn(e))}var nn=class{#e;#t;get#n(){return this.host.stateScrollConfig?.target||this.host}get#r(){return this.host.stateScrollConfig?.scrollOffset??0}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,y(this.host),this.#i()}hostUpdated(){this.#i()}hostDisconnected(){this.#l()}#i(){let e=this.#n;this.#e!==e&&(this.#l(),this.#e=e,this.#e.addEventListener(`scrollend`,this.#a),this.#c())}#a=()=>{this.#s(),this.host._internals.states.has(`scrolling`)&&(this.#t=setTimeout(()=>{this.#t=void 0,this.host._internals.states.delete(`scrolling`)},100)),this.#c(),this.#e&&bt(this.#e,this.#r)&&this.host.dispatchEvent(new CustomEvent(`scrollboxend`,{bubbles:!0,composed:!0}))};#o=()=>{this.#s();let e=this.host._internals.states;e.has(`scrolling`)||e.add(`scrolling`)};#s(){this.#t!==void 0&&(clearTimeout(this.#t),this.#t=void 0)}#c(){this.#e?.removeEventListener(`scroll`,this.#o),this.#e?.addEventListener(`scroll`,this.#o,{once:!0})}#l(){this.#s(),this.#e?.removeEventListener(`scroll`,this.#o),this.#e?.removeEventListener(`scrollend`,this.#a),this.#e=void 0;let e=this.host._internals?.states;e?.has(`scrolling`)&&e.delete(`scrolling`)}};function rn(){return e=>e.addInitializer(e=>new an(e))}var an=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){if(this.host.readOnly){this.host._internals.ariaSelected=null,this.host._internals.states.delete(`selected`);return}if(this.host._internals?.states.has(`anchor`)&&this.host.selected){this.host._internals.ariaSelected=null,this.host._internals.states.add(`selected`),this.host.querySelector(`a`)?.setAttribute(`aria-current`,`page`);return}this.host.selected!==null&&this.host.selected!==void 0&&(this.host._internals.ariaSelected=`${this.host.selected}`),this.host.selected?this.host._internals.states.add(`selected`):this.host._internals.states.delete(`selected`)}};function on(){return e=>e.addInitializer(e=>new sn(e))}var sn=class{get#e(){return this.#t?this.#t:this.#n}get#t(){return this.host.shadowRoot.querySelector(`slot, slot[name=anchor]`)?.assignedElements()?.find(e=>e?.tagName===`A`)}get#n(){return this.host.parentElement?.tagName===`A`?this.host.parentElement:null}get#r(){return this.host.shadowRoot.querySelector(`slot:not([name])`)}get#i(){return this.host.shadowRoot.querySelector(`slot[name=anchor]`)}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){y(this.host),await this.host.updateComplete,this.#a(),this.#e?(this.host.readOnly=!0,this.host._internals?.states.add(`anchor`)):this.host._internals?.states.delete(`anchor`),this.#n&&(this.#n.style.textDecoration=`none`,this.host.style.cursor=`pointer`),this.#e?.addEventListener(`click`,e=>{this.host.disabled&&(e.preventDefault(),e.stopImmediatePropagation())})}#a(){this.#e&&this.#i&&(this.#e.slot=`anchor`,this.#r?.assignedNodes().forEach(e=>vt(e)))}},cn=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,()=>{this.host.hidden=!0,this.#e()})}close(){this.host.closable&&this.#e()}#e(){this.host.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}},ln=class{#e=!1;#t=!1;constructor(e,t={}){this.host=e,this.#t=t.useHidden??!1,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,(e=>{this.#e=!0,e.command===`--toggle`&&this.toggle(),e.command===`--open`&&this.open(),e.command===`--close`&&this.close(),this.#e=!1}))}hostUpdated(){this.host.expandable?this.host._internals.states.add(`expandable`):this.host._internals.states.delete(`expandable`)}open(){(this.host.behaviorExpand||this.#e)&&(this.host.expanded=!0,this.#t&&(this.host.hidden=!1)),this.host.dispatchEvent(new CustomEvent(`open`,{bubbles:!0,composed:!0}))}close(){(this.host.behaviorExpand||this.#e)&&(this.host.expanded=!1,this.#t&&(this.host.hidden=!0)),this.host.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}toggle(){this.host.expanded||this.#t&&!this.host.hidden?this.close():this.open()}},un=class{#e=!1;constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,(e=>{this.#e=!0,e.command===`--toggle-select`&&this.toggle(),e.command===`--select`&&this.select(),e.command===`--deselect`&&(this.host.selected=!1),this.#e=!1}))}hostUpdated(){this.host.selectable===`single`?this.host._internals.states.add(`selectable-single`):this.host._internals.states.delete(`selectable-single`),this.host.selectable===`multi`?this.host._internals.states.add(`selectable-multi`):this.host._internals.states.delete(`selectable-multi`)}select(){(this.host.behaviorSelect||this.#e)&&(this.host.selected=!0),this.host.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:this.host}))}deselect(){(this.host.behaviorSelect||this.#e)&&(this.host.selected=!1),this.host.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:this.host}))}toggle(){this.host.selected?this.deselect():this.select()}};xe(),ie();function dn(e,t){return typeof t==`string`?mt(e.parentNode).filter(e=>e?.id!==``).find(e=>e.id===t)??globalThis.document.body:t}function fn(e){let t=e.anchor??e._activeTrigger;if(typeof t==`string`&&t?.length){let n=mt(e.parentNode).find(e=>e.id===t);return n||f.warn(l(t)),n??globalThis.document.body}return t&&t!==globalThis.document.body?t:globalThis.document.body}function pn(e){return!!mt(e).filter(e=>e.popover&&e.matches(`:popover-open`)).length}var mn=class{get#e(){let e=this.host.getRootNode(),t=Array.from(e.querySelectorAll(`[popovertarget="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`)),n=Array.from(e.querySelectorAll(`[commandfor="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`)),r=Array.from(e.querySelectorAll(`[interestfor="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`));return[...t,...n,...r]}constructor(e){this.host=e,this.host.addController(this);let t=this.host.showPopover;this.host.showPopover=e=>{if(this.host.isConnected){let n=e?.source??null;n||=this.host.anchor?fn(this.host):this.host.trigger?dn(this.host,this.host.trigger):globalThis.document.activeElement,t.call(this.host,{source:n})}}}async hostConnected(){y(this.host),this.host.popover=this.host.popoverType??null,await this.host.updateComplete,this.host.isConnected&&(this.host.setAttribute(`nve-popover`,``),this.#m(),this.#p(),this.#d(),this.host.inert=this.host.matches(`:not(:popover-open)`)&&!!this.#e.length,this.host.addEventListener(`beforetoggle`,this.#b),this.host.addEventListener(`toggle`,this.#x),this.host.addEventListener(`command`,this.#S),this.host.addEventListener(`interest`,this.#C),this.host.addEventListener(`loseinterest`,this.#w))}#t=null;#n=null;#r=[];#i=null;#a=null;async hostUpdated(){this.host.popover=this.host.popoverType??null,this.#m()}hostDisconnected(){this.#r.forEach(e=>e.disconnect()),this.#r.length=0,this.host.removeEventListener(`beforetoggle`,this.#b),this.host.removeEventListener(`toggle`,this.#x),this.host.removeEventListener(`command`,this.#S),this.host.removeEventListener(`interest`,this.#C),this.host.removeEventListener(`loseinterest`,this.#w),this.host.removeEventListener(`pointerdown`,this.#T),this.host.removeEventListener(`pointerup`,this.#E),this.#y(),this.#c(),this.#s()}#o(){this.#s(),this.host.closeTimeout&&(this.#n=setTimeout(()=>this.host.hidePopover(),this.host.closeTimeout))}#s(){this.#n&&=(clearTimeout(this.#n),null)}#c(){this.#t&&=(clearTimeout(this.#t),null)}#l(){let e=getComputedStyle(this.host).interestDelayStart;if(!e)return 0;let t=parseFloat(e);return e.endsWith(`ms`)?t:t*1e3}#u=!1;#d(){this.host.removeEventListener(`pointerdown`,this.#T),this.host.removeEventListener(`pointerup`,this.#E),this.host.addEventListener(`pointerdown`,this.#T),this.host.addEventListener(`pointerup`,this.#E)}get#f(){return this.host.trigger?dn(this.host,this.host.trigger):null}async#p(){await new Promise(e=>requestAnimationFrame(e)),this.#r.push(it(this.host,[`hidden`],()=>{this.host.isConnected&&!this.host.hidden&&!this.host.matches(`:popover-open`)&&this.host.showPopover(),this.host.isConnected&&this.host.hidden&&this.host.matches(`:popover-open`)&&this.host.hidePopover()})),this.host.isConnected&&!this.#e.length&&!this.host.hidden&&!this.host.matches(`:popover-open`)&&(this.host.popover=`manual`,this.host.showPopover())}#m(){let e=this.#f;if(this.#i&&this.#i!==e&&this.#v(this.#i),this.#a&&this.#a!==e&&this.#y(),!e){this.#i=null;return}this.host.popoverType===`hint`?this.#h(e):this.#g(e),this.#i=e}#h(e){this.#a!==e&&(e.addEventListener(`mouseenter`,this.#D),e.addEventListener(`mouseleave`,this.#O),e.addEventListener(`focusout`,this.#O),this.#a=e)}#g(e){this.#y(),this.host.id=this.host.id?this.host.id:h(),e.popoverTargetElement=this.host,e.setAttribute(`popovertarget`,this.host.id)}#_(e,t){e?this.host.getRootNode().activeElement!==this.host&&!this.host.shadowRoot.activeElement&&Ze(this.host):Ze(t)}#v(e){e.popoverTargetElement=null,e.removeAttribute(`popovertarget`),this.#a===e&&this.#y()}#y(){this.#a?.removeEventListener(`mouseenter`,this.#D),this.#a?.removeEventListener(`mouseleave`,this.#O),this.#a?.removeEventListener(`focusout`,this.#O),this.#a=null}#b=e=>{e.newState===`open`&&this.host._internals.states.add(`transition-start`)};#x=e=>{this.host.behaviorTrigger&&(this.host.hidden=e.newState===`closed`),e.newState===`open`&&this.host.closeTimeout&&this.#o(),e.newState===`closed`&&(this.#c(),this.#s()),this.host.inert=this.host.matches(`:not(:popover-open)`),this.host.modal&&this.#_(e.newState===`open`,e.target),this.host.dispatchEvent(new CustomEvent(e.newState===`open`&&e.oldState!==`open`?`open`:`close`,{bubbles:!0,composed:!0,detail:{trigger:e.source}}))};#S=e=>{e.command===`toggle-popover`&&this.host.togglePopover({source:e.source}),e.command===`hide-popover`&&(this.host.hidePopover(),this.#c()),e.command===`show-popover`&&this.host.showPopover({source:e.source})};#C=e=>{if(e.source?.localName.includes(`-`)){let t=this.host.openDelay??this.#l();t?this.#t=setTimeout(()=>{this.host.isConnected&&this.host.showPopover({source:e.source})},t):this.host.showPopover({source:e.source})}};#w=e=>{e.source?.localName.includes(`-`)&&this.host.hidePopover(),this.#c()};#T=e=>{this.host.modal&&this.host.matches(`:popover-open`)&&(this.#u=ct(e,this.host))};#E=e=>{this.#u&&this.host.popoverDismissible&&this.host.modal&&this.host.matches(`:popover-open`)&&!pn(this.host)&&ct(e,this.host)&&this.host.hidePopover()};#D=e=>{this.host.showPopover({source:e.currentTarget})};#O=()=>{this.host.hidePopover()}},hn=globalThis,gn=hn.ShadowRoot&&(hn.ShadyCSS===void 0||hn.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,_n=Symbol(),vn=new WeakMap,yn=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==_n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(gn&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=vn.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&vn.set(t,e))}return e}toString(){return this.cssText}},bn=e=>new yn(typeof e==`string`?e:e+``,void 0,_n),xn=(e,t)=>{if(gn)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=hn.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},Sn=gn?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return bn(t)})(e):e,{is:Cn,defineProperty:wn,getOwnPropertyDescriptor:Tn,getOwnPropertyNames:En,getOwnPropertySymbols:Dn,getPrototypeOf:On}=Object,kn=globalThis,An=kn.trustedTypes,jn=An?An.emptyScript:``,Mn=kn.reactiveElementPolyfillSupport,Nn=(e,t)=>e,Pn={toAttribute(e,t){switch(t){case Boolean:e=e?jn:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},Fn=(e,t)=>!Cn(e,t),In={attribute:!0,type:String,converter:Pn,reflect:!1,useDefault:!1,hasChanged:Fn};Symbol.metadata??=Symbol(`metadata`),kn.litPropertyMetadata??=new WeakMap;var Ln=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=In){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&wn(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=Tn(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??In}static _$Ei(){if(this.hasOwnProperty(Nn(`elementProperties`)))return;let e=On(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Nn(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Nn(`properties`))){let e=this.properties,t=[...En(e),...Dn(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(Sn(e))}else e!==void 0&&t.push(Sn(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return xn(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?Pn:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?Pn:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??Fn)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};Ln.elementStyles=[],Ln.shadowRootOptions={mode:`open`},Ln[Nn(`elementProperties`)]=new Map,Ln[Nn(`finalized`)]=new Map,Mn?.({ReactiveElement:Ln}),(kn.reactiveElementVersions??=[]).push(`2.1.2`);var Rn=globalThis,zn=e=>e,Bn=Rn.trustedTypes,Vn=Bn?Bn.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,Hn=`$lit$`,Un=`lit$${Math.random().toFixed(9).slice(2)}$`,Wn=`?`+Un,Gn=`<${Wn}>`,Kn=document,qn=()=>Kn.createComment(``),Jn=e=>e===null||typeof e!=`object`&&typeof e!=`function`,Yn=Array.isArray,Xn=e=>Yn(e)||typeof e?.[Symbol.iterator]==`function`,Zn=`[ 	
+`):``}function ot(e,t,n){let r=Object.getOwnPropertyDescriptor(e,t);if(r?.configurable===!1)return;let i=r,a=Object.getPrototypeOf(e);for(;!i&&a;)i=Object.getOwnPropertyDescriptor(a,t),a=Object.getPrototypeOf(a);if(!i?.set)return;let o=i.set,s=!0,c={configurable:!0,enumerable:i.enumerable,get:i.get,set:t=>{o.call(e,t),s&&n(t)}};return Object.defineProperty(e,t,c),()=>{s=!1;let n=Object.getOwnPropertyDescriptor(e,t);if(n?.configurable===c.configurable&&n?.enumerable===c.enumerable&&n?.get===c.get&&n?.set===c.set){if(r){Object.defineProperty(e,t,r);return}Reflect.deleteProperty(e,t)}}}function st(e,t,n){e.hasAttribute(t)?n(e.getAttribute(t)):e[t]!==void 0&&n(e[t]);let r=ot(e,t,n),i=rt(e,t,e=>n(e)),a=i.disconnect.bind(i);return i.disconnect=()=>{r?.(),a()},i}function ct(e,t){let{left:n,right:r,top:i,bottom:a}=t.getBoundingClientRect();return e.clientX<n||e.clientX>r||e.clientY<i||e.clientY>a}function lt(e){let t=e.getRootNode(),n=e.ownerDocument.defaultView?.CustomElementRegistry??globalThis.CustomElementRegistry;return n&&`customElementRegistry`in t&&t.customElementRegistry instanceof n?t.customElementRegistry:e.ownerDocument.defaultView?.customElements||(typeof customElements>`u`?void 0:customElements)}var ut=globalThis.CustomElementRegistry&&`initialize`in CustomElementRegistry.prototype;function dt(e,t){Object.entries(e.elementDefinitions??{}).filter(([e,n])=>!t.get(n.metadata.tag)).forEach(([e,n])=>{dt(n,t)}),t.get(e.metadata.tag)||(t.define(e.metadata.tag,e),t===customElements&&d.dispatch(`NVE_ELEMENT_DEFINE`,{elementRegistry:{[e.metadata.tag]:e.metadata.version}}))}function _(e){let{version:t}=e.metadata;ut&&!customElements.get(e.metadata.tag)?(customElements.define(e.metadata.tag,e),d.dispatch(`NVE_ELEMENT_DEFINE`,{elementRegistry:{[e.metadata.tag]:e.metadata.version}})):dt(e,customElements),d.state.elementRegistry[e.metadata.tag]!==t&&globalThis?.location?.hostname===`localhost`&&Promise.resolve().then(()=>(ie(),a)).then(n=>console.warn(n.getDuplicatePackageVersionWarning(e.metadata.tag,t)))}function ft(e){return e.buttons===2&&!e.ctrlKey||e.buttons===1&&e.ctrlKey}function pt(e,t=10){return mt(e,t).filter(e=>Ke(e))}function mt(e,t=10){return Array.from(nt(e)).reduce((e,n)=>[...e,[n,[...Array.from(nt(n)).map(e=>[e,mt(e,t)])]]],[]).flat(t)}function ht(e){return gt.has(e.code)}var v=function(e){return e.End=`End`,e.Home=`Home`,e.PageUp=`PageUp`,e.PageDown=`PageDown`,e.ArrowUp=`ArrowUp`,e.ArrowDown=`ArrowDown`,e.ArrowLeft=`ArrowLeft`,e.ArrowRight=`ArrowRight`,e}({}),gt=new Set(Object.values(v));function _t(e){return e.some(t=>t.children.length!==e[0].children.length)}function vt(e){e?.wholeText?.trim()===``&&e.remove()}function yt(e){return e.scrollWidth>e.clientWidth}function bt(e,t=0){return e.scrollTop+e.offsetHeight+t>=e.scrollHeight}async function xt(){let e=globalThis.EyeDropper;if(!e)return f.warn(`EyeDropper API is unavailable`),``;try{return(await new e().open()).sRGBHex}catch(e){return f.warn(`EyeDropper selection failed: ${e.message}`),``}}function St(e){Ct(e)&&e.assignedNodes().forEach(e=>e.parentNode?.removeChild(e))}function Ct(e){let t=!e.assignedNodes().find(e=>e.nodeType!==Node.TEXT_NODE),n=!e.assignedNodes().find(e=>e.nodeType===Node.TEXT_NODE&&(e.textContent??``).trim()!==``);return t&&n}function wt(e,t){let n=e.assignedNodes(),r=e.name??`slot`;n.length?t._internals.states.add(`has-${r}`):t._internals.states.delete(`has-${r}`)}function Tt(e){return e?.label||e?.value||``}function Et(e,t){return e.localName===t.metadata.tag}function Dt(e){let t=globalThis.document.createElement(`div`),{width:n}=e.getBoundingClientRect();return t.setAttribute(`nve-ghost`,``),t.style.minWidth=`${n}px`,t.style.maxWidth=`${n}px`,t.style.height=`1px`,t.slot=e.slot,t}function Ot(e){return e.style.anchorName?.split(`,`)?.map(e=>e.trim())?.filter(e=>e!==`none`&&e!==``)??[]}function kt(e,t){let n=Ot(e);e.style.anchorName=n.filter(e=>e!==t).join(`,`)}function At(e,t){e.style.anchorName=Array.from(new Set([...Ot(e),t])).join(`,`)}function jt(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function Mt(e){return Array.from(new Set(Array.from(e).filter(e=>typeof e==`string`&&e.length>0)))}ge(),xe();function Nt(){return e=>e.addInitializer(e=>new Pt(e))}var Pt=class{#e=[];#t;get#n(){return{grid:this.host,...this.host.keynavGridConfig}}get#r(){let e=Array.from(this.#n.rows);return this.#n.columnRow&&e.unshift(this.#n.columnRow),e}get#i(){return[...Array.from(this.#n.columns??[]),...Array.from(this.#n.cells)]}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.isConnected&&(this.#t=this.#n.grid,et(this.#i),this.#t.addEventListener(`keyup`,this.#l),this.#t.addEventListener(`keydown`,this.#u),this.#t.addEventListener(`mouseup`,this.#d),this.#e.push(Ue(this.host,We(()=>et(this.#i),500))))}hostDisconnected(){this.#e.forEach(e=>e?.disconnect()),this.#e.length=0,this.#t?.removeEventListener(`keyup`,this.#l),this.#t?.removeEventListener(`keydown`,this.#u),this.#t?.removeEventListener(`mouseup`,this.#d),this.#t=void 0}#a(e){if(!ft(e)){let t=e.composedPath()[0],n=this.#i.find(e=>e===t)?t:null;n&&this.#s(e,n)}}#o(e){let t=Array.from(this.#r),n=Array.from(this.#i);if(d.state.env!==`production`&&_t(t)){f.warn(`Invalid grid structure, all rows must have the same number of cells`);return}if(ht(e)&&qe(Je())){let{x:r,y:i}=Lt(n,t,{code:e.code,ctrlKey:e.ctrlKey,dir:this.host.dir}),a=Array.from(mt(t[i])).filter(e=>!!n.find(t=>t===e))[r];this.#s(e,a),e.preventDefault()}}#s(e,t){$e(this.#i,t);let n=pt(t),r=n.filter(e=>qe(e));r.length===1&&n.length===1?Ze(r[0]):Ze(t);let i={code:e instanceof KeyboardEvent?e.code:null,shiftKey:e.shiftKey,activeItem:t};t.dispatchEvent(new CustomEvent(`nve-key-change`,{bubbles:!0,composed:!0,detail:i}))}#c(e){let t=Array.from(this.#i).find(e=>e.tabIndex===0);e.code===`Escape`&&t?.focus(),e.code===`Enter`&&t===e.composedPath()[0]&&pt(t)[0]?.focus()}#l=e=>this.#c(e);#u=e=>this.#o(e);#d=e=>this.#a(e)};function Ft(e,t){let n=t===`rtl`?v.ArrowRight:v.ArrowLeft,r=t===`rtl`?v.ArrowLeft:v.ArrowRight;return e===v.ArrowUp?{dx:0,dy:-1}:e===v.ArrowDown?{dx:0,dy:1}:e===n?{dx:-1,dy:0}:e===r?{dx:1,dy:0}:e===v.PageUp?{dx:0,dy:-4}:e===v.PageDown?{dx:0,dy:4}:null}function It(e,t,n){let{x:r,y:i}=t,{columnCount:a,rowCount:o,ctrlKey:s}=n;return e===v.End?{x:a,y:s?o:i}:e===v.Home?{x:0,y:s?0:i}:{x:r,y:i}}function Lt(e,t,n){let r=e.find(e=>e.tabIndex===0),i=t.find(e=>mt(e).find(e=>e===r)),a=Array.from(mt(i)).filter(t=>!!e.find(e=>e===t)),o=t.length-1,s=a.length-1,c=a.indexOf(r),l=t.indexOf(i),u=Ft(n.code,n.dir);return u?(c=Math.max(0,Math.min(s,c+u.dx)),l=Math.max(0,Math.min(o,l+u.dy))):{x:c,y:l}=It(n.code,{x:c,y:l},{columnCount:s,rowCount:o,ctrlKey:n.ctrlKey}),{x:c,y:l}}function Rt(){return e=>e.addInitializer(e=>new zt(e))}var zt=class{get#e(){return{layout:`horizontal`,manageFocus:!0,manageTabindex:!0,loop:!1,dir:this.host.getAttribute(`rtl`),...this.host.keynavListConfig,items:Array.from(this.host.keynavListConfig.items).filter(e=>!e.disabled)}}constructor(e){this.host=e,this.host.addController(this)}get#t(){return this.host.hasAttribute(`nve-keynav-disabled`)}async hostConnected(){await this.host.updateComplete,this.host.isConnected&&(this.#n(),this.host.addEventListener(`pointerup`,this.#c),this.host.addEventListener(`keydown`,this.#l))}hostDisconnected(){this.host.removeEventListener(`pointerup`,this.#c),this.host.removeEventListener(`keydown`,this.#l)}#n(){let{manageFocus:e,manageTabindex:t,items:n,initialItem:r}=this.#e;e&&t&&!this.#t&&(et(n),r&&n.includes(r)&&$e(n,r))}#r(e){let t=this.#o(e,this.#e.items);t&&this.#s(e,t)}#i(e){if(ht(e)&&!this.#t){let{loop:t,layout:n,dir:r,items:i}=this.#e,a=this.#a(e,i);if(a){let{next:o,previous:s}=Ut(a,Array.from(i),{loop:t,layout:n,dir:r,code:e.code});o!==s&&this.#s(e,i[o],i[s])}}}#a(e,t){let n=e.composedPath()[0];return n instanceof HTMLElement&&t.includes(n)?n:null}#o(e,t){let n=e.composedPath(),r=n.findIndex(e=>e instanceof HTMLElement&&t.includes(e)),i=n[r];return i instanceof HTMLElement?n.slice(0,r).some(e=>e instanceof Element&&Ke(e))?null:i:null}#s(e,t,n){let{manageFocus:r,manageTabindex:i,items:a}=this.#e;r&&(i&&$e(a,t),Ze(t),e.preventDefault());let o={activeItem:t,previousItem:n,code:e instanceof KeyboardEvent?e.code:null,metaKey:e.ctrlKey||e.metaKey,items:a};t.dispatchEvent(new CustomEvent(`nve-key-change`,{bubbles:!0,composed:!0,detail:o}))}#c=e=>this.#r(e);#l=e=>this.#i(e)};function Bt(e){let{code:t,layout:n,dir:r}=e,i=r===`rtl`?v.ArrowRight:v.ArrowLeft,a=r===`rtl`?v.ArrowLeft:v.ArrowRight;if(n!==`horizontal`){if(t===v.ArrowUp)return`backward`;if(t===v.ArrowDown)return`forward`}if(n!==`vertical`){if(t===i)return`backward`;if(t===a)return`forward`}return null}function Vt(e){return e===v.End?`end`:e===v.Home?`home`:e===v.PageUp?`pageup`:e===v.PageDown?`pagedown`:null}function Ht(e,t,n){let{limit:r,loop:i}=n,a=e+t;return a>=0&&a<=r?a:i?t<0?r:0:e}function Ut(e,t,n){let r=t.indexOf(e),i=r,a=t.length-1;switch(Bt(n)??Vt(n.code)){case`backward`:r=Ht(r,-1,{limit:a,loop:n.loop});break;case`forward`:r=Ht(r,1,{limit:a,loop:n.loop});break;case`end`:r=a;break;case`home`:r=0;break;case`pageup`:r=Math.max(0,r-4);break;case`pagedown`:r=Math.min(a,r+4)}return{next:r,previous:i}}var Wt=class{#e;#t;constructor(e,{isEnabled:t=()=>!0}={}){this.#e=e,this.#t=t,e.addController(this)}hostConnected(){this.#e.addEventListener(`keydown`,this.#n)}hostDisconnected(){this.#e.removeEventListener(`keydown`,this.#n)}#n=e=>{if(!this.#t()||e.composedPath()[0]!==this.#e)return;let t=Gt(e);t&&this.#e.dispatchEvent(new CustomEvent(`nve-key`,{bubbles:!1,cancelable:!1,composed:!1,detail:t}))}};function Gt(e){switch(e.key){case`ArrowDown`:return{ctrlKey:e.ctrlKey,event:e,horizontal:0,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:-1};case`ArrowLeft`:return{ctrlKey:e.ctrlKey,event:e,horizontal:-1,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:0};case`ArrowRight`:return{ctrlKey:e.ctrlKey,event:e,horizontal:1,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:0};case`ArrowUp`:return{ctrlKey:e.ctrlKey,event:e,horizontal:0,key:e.key,kind:`direction`,shiftKey:e.shiftKey,vertical:1};case`+`:case`-`:case`=`:return{event:e,key:e.key,kind:`zoom`};default:return}}function y(e){e._internals===void 0&&(e._internals=e.attachInternals())}function Kt(e,t){e&&t&&(t.id=t.id?t.id:h(),e.htmlFor=t.id)}function qt(e,t){e&&t&&(e.id=e.id?e.id:h(),t.setAttribute(`aria-labelledby`,e.id))}function Jt(e,t){if(e.length&&t){let n=e.map(e=>e.id=h()).join(` `);t.setAttribute(`aria-describedby`,n)}}function Yt(e,t){e&&(e.id=e.id?.length?e.id:h(),t.setAttribute(`list`,e.id))}function Xt(e){if(!e.find(e=>e?.name?.length)){let t=h();e.forEach(e=>e.name=t)}}function Zt(){return e=>e.addInitializer(e=>new Qt(e))}var Qt=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){this.host.expanded!==null&&this.host.expanded!==void 0&&(this.host._internals.ariaExpanded=`${this.host.expanded}`),this.host.expanded?this.host._internals.states.add(`expanded`):this.host._internals.states.delete(`expanded`),this.host.readOnly&&(this.host._internals.ariaExpanded=null,this.host._internals.states.delete(`expanded`))}};function $t(){return e=>e.addInitializer(e=>new en(e))}var en=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){this.host.highlighted?this.host._internals.states.add(`highlighted`):this.host._internals.states.delete(`highlighted`)}};function tn(){return e=>e.addInitializer(e=>new nn(e))}var nn=class{#e;#t;get#n(){return this.host.stateScrollConfig?.target||this.host}get#r(){return this.host.stateScrollConfig?.scrollOffset??0}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,y(this.host),this.#i()}hostUpdated(){this.#i()}hostDisconnected(){this.#l()}#i(){let e=this.#n;this.#e!==e&&(this.#l(),this.#e=e,this.#e.addEventListener(`scrollend`,this.#a),this.#c())}#a=()=>{this.#s(),this.host._internals.states.has(`scrolling`)&&(this.#t=setTimeout(()=>{this.#t=void 0,this.host._internals.states.delete(`scrolling`)},100)),this.#c(),this.#e&&bt(this.#e,this.#r)&&this.host.dispatchEvent(new CustomEvent(`scrollboxend`,{bubbles:!0,composed:!0}))};#o=()=>{this.#s();let e=this.host._internals.states;e.has(`scrolling`)||e.add(`scrolling`)};#s(){this.#t!==void 0&&(clearTimeout(this.#t),this.#t=void 0)}#c(){this.#e?.removeEventListener(`scroll`,this.#o),this.#e?.addEventListener(`scroll`,this.#o,{once:!0})}#l(){this.#s(),this.#e?.removeEventListener(`scroll`,this.#o),this.#e?.removeEventListener(`scrollend`,this.#a),this.#e=void 0;let e=this.host._internals?.states;e?.has(`scrolling`)&&e.delete(`scrolling`)}};function rn(){return e=>e.addInitializer(e=>new an(e))}var an=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host)}hostUpdated(){if(this.host.readOnly){this.host._internals.ariaSelected=null,this.host._internals.states.delete(`selected`);return}if(this.host._internals?.states.has(`anchor`)&&this.host.selected){this.host._internals.ariaSelected=null,this.host._internals.states.add(`selected`),this.host.querySelector(`a`)?.setAttribute(`aria-current`,`page`);return}this.host.selected!==null&&this.host.selected!==void 0&&(this.host._internals.ariaSelected=`${this.host.selected}`),this.host.selected?this.host._internals.states.add(`selected`):this.host._internals.states.delete(`selected`)}};function on(){return e=>e.addInitializer(e=>new sn(e))}var sn=class{get#e(){return this.#t?this.#t:this.#n}get#t(){return this.host.shadowRoot.querySelector(`slot, slot[name=anchor]`)?.assignedElements()?.find(e=>e?.tagName===`A`)}get#n(){return this.host.parentElement?.tagName===`A`?this.host.parentElement:null}get#r(){return this.host.shadowRoot.querySelector(`slot:not([name])`)}get#i(){return this.host.shadowRoot.querySelector(`slot[name=anchor]`)}constructor(e){this.host=e,this.host.addController(this)}async hostConnected(){y(this.host),await this.host.updateComplete,this.#a(),this.#e?(this.host.readOnly=!0,this.host._internals?.states.add(`anchor`)):this.host._internals?.states.delete(`anchor`),this.#n&&(this.#n.style.textDecoration=`none`,this.host.style.cursor=`pointer`),this.#e?.addEventListener(`click`,e=>{this.host.disabled&&(e.preventDefault(),e.stopImmediatePropagation())})}#a(){this.#e&&this.#i&&(this.#e.slot=`anchor`,this.#r?.assignedNodes().forEach(e=>vt(e)))}},cn=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,()=>{this.host.hidden=!0,this.#e()})}close(){this.host.closable&&this.#e()}#e(){this.host.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}},ln=class{#e=!1;#t=!1;constructor(e,t={}){this.host=e,this.#t=t.useHidden??!1,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,(e=>{this.#e=!0,e.command===`--toggle`&&this.toggle(),e.command===`--open`&&this.open(),e.command===`--close`&&this.close(),this.#e=!1}))}hostUpdated(){this.host.expandable?this.host._internals.states.add(`expandable`):this.host._internals.states.delete(`expandable`)}open(){(this.host.behaviorExpand||this.#e)&&(this.host.expanded=!0,this.#t&&(this.host.hidden=!1)),this.host.dispatchEvent(new CustomEvent(`open`,{bubbles:!0,composed:!0}))}close(){(this.host.behaviorExpand||this.#e)&&(this.host.expanded=!1,this.#t&&(this.host.hidden=!0)),this.host.dispatchEvent(new CustomEvent(`close`,{bubbles:!0,composed:!0}))}toggle(){this.host.expanded||this.#t&&!this.host.hidden?this.close():this.open()}},un=class{#e=!1;constructor(e){this.host=e,this.host.addController(this)}hostConnected(){y(this.host),this.host.addEventListener(`command`,(e=>{this.#e=!0,e.command===`--toggle-select`&&this.toggle(),e.command===`--select`&&this.select(),e.command===`--deselect`&&(this.host.selected=!1),this.#e=!1}))}hostUpdated(){this.host.selectable===`single`?this.host._internals.states.add(`selectable-single`):this.host._internals.states.delete(`selectable-single`),this.host.selectable===`multi`?this.host._internals.states.add(`selectable-multi`):this.host._internals.states.delete(`selectable-multi`)}select(){(this.host.behaviorSelect||this.#e)&&(this.host.selected=!0),this.host.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:this.host}))}deselect(){(this.host.behaviorSelect||this.#e)&&(this.host.selected=!1),this.host.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:this.host}))}toggle(){this.host.selected?this.deselect():this.select()}};xe(),ie();function dn(e,t){return typeof t==`string`?mt(e.parentNode).filter(e=>e?.id!==``).find(e=>e.id===t)??globalThis.document.body:t}function fn(e){let t=e.anchor??e._activeTrigger;if(typeof t==`string`&&t?.length){let n=mt(e.parentNode).find(e=>e.id===t);return n||f.warn(l(t)),n??globalThis.document.body}return t&&t!==globalThis.document.body?t:globalThis.document.body}function pn(e){return!!mt(e).filter(e=>e.popover&&e.matches(`:popover-open`)).length}var mn=class{get#e(){let e=this.host.getRootNode(),t=Array.from(e.querySelectorAll(`[popovertarget="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`)),n=Array.from(e.querySelectorAll(`[commandfor="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`)),r=Array.from(e.querySelectorAll(`[interestfor="${CSS.escape?CSS.escape(this.host.id):this.host.id}"]`));return[...t,...n,...r]}constructor(e){this.host=e,this.host.addController(this);let t=this.host.showPopover;this.host.showPopover=e=>{if(this.host.isConnected){let n=e?.source??null;n||=this.host.anchor?fn(this.host):this.host.trigger?dn(this.host,this.host.trigger):globalThis.document.activeElement,t.call(this.host,{source:n})}}}async hostConnected(){y(this.host),this.host.popover=this.host.popoverType??null,await this.host.updateComplete,this.host.isConnected&&(this.host.setAttribute(`nve-popover`,``),this.#m(),this.#p(),this.#d(),this.host.inert=this.host.matches(`:not(:popover-open)`)&&!!this.#e.length,this.host.addEventListener(`beforetoggle`,this.#b),this.host.addEventListener(`toggle`,this.#x),this.host.addEventListener(`command`,this.#S),this.host.addEventListener(`interest`,this.#C),this.host.addEventListener(`loseinterest`,this.#w))}#t=null;#n=null;#r=[];#i=null;#a=null;async hostUpdated(){this.host.popover=this.host.popoverType??null,this.#m()}hostDisconnected(){this.#r.forEach(e=>e.disconnect()),this.#r.length=0,this.host.removeEventListener(`beforetoggle`,this.#b),this.host.removeEventListener(`toggle`,this.#x),this.host.removeEventListener(`command`,this.#S),this.host.removeEventListener(`interest`,this.#C),this.host.removeEventListener(`loseinterest`,this.#w),this.host.removeEventListener(`pointerdown`,this.#T),this.host.removeEventListener(`pointerup`,this.#E),this.#y(),this.#c(),this.#s()}#o(){this.#s(),this.host.closeTimeout&&(this.#n=setTimeout(()=>this.host.hidePopover(),this.host.closeTimeout))}#s(){this.#n&&=(clearTimeout(this.#n),null)}#c(){this.#t&&=(clearTimeout(this.#t),null)}#l(){let e=getComputedStyle(this.host).interestDelayStart;if(!e)return 0;let t=parseFloat(e);return e.endsWith(`ms`)?t:t*1e3}#u=!1;#d(){this.host.removeEventListener(`pointerdown`,this.#T),this.host.removeEventListener(`pointerup`,this.#E),this.host.addEventListener(`pointerdown`,this.#T),this.host.addEventListener(`pointerup`,this.#E)}get#f(){return this.host.trigger?dn(this.host,this.host.trigger):null}async#p(){await new Promise(e=>requestAnimationFrame(e)),this.#r.push(it(this.host,[`hidden`],()=>{this.host.isConnected&&!this.host.hidden&&!this.host.matches(`:popover-open`)&&this.host.showPopover(),this.host.isConnected&&this.host.hidden&&this.host.matches(`:popover-open`)&&this.host.hidePopover()})),this.host.isConnected&&!this.#e.length&&!this.host.hidden&&!this.host.matches(`:popover-open`)&&(this.host.popover=`manual`,this.host.showPopover())}#m(){let e=this.#f;if(this.#i&&this.#i!==e&&this.#v(this.#i),this.#a&&this.#a!==e&&this.#y(),!e){this.#i=null;return}this.host.popoverType===`hint`?this.#h(e):this.#g(e),this.#i=e}#h(e){this.#a!==e&&(e.addEventListener(`mouseenter`,this.#D),e.addEventListener(`mouseleave`,this.#O),e.addEventListener(`focusout`,this.#O),this.#a=e)}#g(e){this.#y(),this.host.id=this.host.id?this.host.id:h(),e.popoverTargetElement=this.host,e.setAttribute(`popovertarget`,this.host.id)}#_(e,t){e?this.host.getRootNode().activeElement!==this.host&&!this.host.shadowRoot.activeElement&&Ze(this.host):Ze(t)}#v(e){e.popoverTargetElement=null,e.removeAttribute(`popovertarget`),this.#a===e&&this.#y()}#y(){this.#a?.removeEventListener(`mouseenter`,this.#D),this.#a?.removeEventListener(`mouseleave`,this.#O),this.#a?.removeEventListener(`focusout`,this.#O),this.#a=null}#b=e=>{e.newState===`open`&&this.host._internals.states.add(`transition-start`)};#x=e=>{this.host.behaviorTrigger&&(this.host.hidden=e.newState===`closed`),e.newState===`open`&&this.host.closeTimeout&&this.#o(),e.newState===`closed`&&(this.#c(),this.#s()),this.host.inert=this.host.matches(`:not(:popover-open)`),this.host.modal&&this.#_(e.newState===`open`,e.target),this.host.dispatchEvent(new CustomEvent(e.newState===`open`&&e.oldState!==`open`?`open`:`close`,{bubbles:!0,composed:!0,detail:{trigger:e.source}}))};#S=e=>{e.command===`toggle-popover`&&this.host.togglePopover({source:e.source}),e.command===`hide-popover`&&(this.host.hidePopover(),this.#c()),e.command===`show-popover`&&this.host.showPopover({source:e.source})};#C=e=>{if(e.source?.localName.includes(`-`)){let t=this.host.openDelay??this.#l();t?this.#t=setTimeout(()=>{this.host.isConnected&&this.host.showPopover({source:e.source})},t):this.host.showPopover({source:e.source})}};#w=e=>{e.source?.localName.includes(`-`)&&this.host.hidePopover(),this.#c()};#T=e=>{this.host.modal&&this.host.matches(`:popover-open`)&&(this.#u=ct(e,this.host))};#E=e=>{this.#u&&this.host.popoverDismissible&&this.host.modal&&this.host.matches(`:popover-open`)&&!pn(this.host)&&ct(e,this.host)&&this.host.hidePopover()};#D=e=>{this.host.showPopover({source:e.currentTarget})};#O=()=>{this.host.hidePopover()}},hn=globalThis,gn=hn.ShadowRoot&&(hn.ShadyCSS===void 0||hn.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,_n=Symbol(),vn=new WeakMap,yn=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==_n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(gn&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=vn.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&vn.set(t,e))}return e}toString(){return this.cssText}},bn=e=>new yn(typeof e==`string`?e:e+``,void 0,_n),xn=(e,t)=>{if(gn)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=hn.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},Sn=gn?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return bn(t)})(e):e,{is:Cn,defineProperty:wn,getOwnPropertyDescriptor:Tn,getOwnPropertyNames:En,getOwnPropertySymbols:Dn,getPrototypeOf:On}=Object,kn=globalThis,An=kn.trustedTypes,jn=An?An.emptyScript:``,Mn=kn.reactiveElementPolyfillSupport,Nn=(e,t)=>e,Pn={toAttribute(e,t){switch(t){case Boolean:e=e?jn:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},Fn=(e,t)=>!Cn(e,t),In={attribute:!0,type:String,converter:Pn,reflect:!1,useDefault:!1,hasChanged:Fn};Symbol.metadata??=Symbol(`metadata`),kn.litPropertyMetadata??=new WeakMap;var Ln=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=In){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&wn(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=Tn(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??In}static _$Ei(){if(this.hasOwnProperty(Nn(`elementProperties`)))return;let e=On(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Nn(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Nn(`properties`))){let e=this.properties,t=[...En(e),...Dn(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(Sn(e))}else e!==void 0&&t.push(Sn(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return xn(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?Pn:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?Pn:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??Fn)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};Ln.elementStyles=[],Ln.shadowRootOptions={mode:`open`},Ln[Nn(`elementProperties`)]=new Map,Ln[Nn(`finalized`)]=new Map,Mn?.({ReactiveElement:Ln}),(kn.reactiveElementVersions??=[]).push(`2.1.2`);var Rn=globalThis,zn=e=>e,Bn=Rn.trustedTypes,Vn=Bn?Bn.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,Hn=`$lit$`,Un=`lit$${Math.random().toFixed(9).slice(2)}$`,Wn=`?`+Un,Gn=`<${Wn}>`,Kn=document,qn=()=>Kn.createComment(``),Jn=e=>e===null||typeof e!=`object`&&typeof e!=`function`,Yn=Array.isArray,Xn=e=>Yn(e)||typeof e?.[Symbol.iterator]==`function`,Zn=`[ 	
 \f\r]`,Qn=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$n=/-->/g,er=/>/g,tr=RegExp(`>|${Zn}(?:([^\\s"'>=/]+)(${Zn}*=${Zn}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),nr=/'/g,rr=/"/g,ir=/^(?:script|style|textarea|title)$/i,ar=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),b=ar(1),x=ar(2),or=Symbol.for(`lit-noChange`),S=Symbol.for(`lit-nothing`),sr=new WeakMap,cr=Kn.createTreeWalker(Kn,129);function lr(e,t){if(!Yn(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return Vn===void 0?t:Vn.createHTML(t)}var ur=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=Qn;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===Qn?c[1]===`!--`?o=$n:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=tr):(ir.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=tr):o=er:o===tr?c[0]===`>`?(o=i??Qn,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?tr:c[3]===`"`?rr:nr):o===rr||o===nr?o=tr:o===$n||o===er?o=Qn:(o=tr,i=void 0);let ee=o===tr&&e[t+1].startsWith(`/>`)?` `:``;a+=o===Qn?n+Gn:l>=0?(r.push(s),n.slice(0,l)+Hn+n.slice(l)+Un+ee):n+Un+(l===-2?t:ee)}return[lr(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},dr=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=ur(t,n);if(this.el=e.createElement(l,r),cr.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=cr.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(Hn)){let t=u[o++],n=i.getAttribute(e).split(Un),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?gr:r[1]===`?`?_r:r[1]===`@`?vr:hr}),i.removeAttribute(e)}else e.startsWith(Un)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(ir.test(i.tagName)){let e=i.textContent.split(Un),t=e.length-1;if(t>0){i.textContent=Bn?Bn.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],qn()),cr.nextNode(),c.push({type:2,index:++a});i.append(e[t],qn())}}}else if(i.nodeType===8){if(i.data===Wn)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(Un,e+1))!==-1;)c.push({type:7,index:a}),e+=Un.length-1}}a++}}static createElement(e,t){let n=Kn.createElement(`template`);return n.innerHTML=e,n}};function fr(e,t,n=e,r){if(t===or)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=Jn(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=fr(e,i._$AS(e,t.values),i,r)),t}var pr=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??Kn).importNode(t,!0);cr.currentNode=r;let i=cr.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new mr(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new yr(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=cr.nextNode(),a++)}return cr.currentNode=Kn,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},mr=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fr(this,e,t),Jn(e)?e===S||e==null||e===``?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==or&&this._(e):e._$litType$===void 0?e.nodeType===void 0?Xn(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==S&&Jn(this._$AH)?this._$AA.nextSibling.data=e:this.T(Kn.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=dr.createElement(lr(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new pr(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=sr.get(e.strings);return t===void 0&&sr.set(e.strings,t=new dr(e)),t}k(t){Yn(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(qn()),this.O(qn()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=zn(e).nextSibling;zn(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},hr=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=S,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=S}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=fr(this,e,t,0),a=!Jn(e)||e!==this._$AH&&e!==or,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=fr(this,r[n+o],t,o),s===or&&(s=this._$AH[o]),a||=!Jn(s)||s!==this._$AH[o],s===S?e=S:e!==S&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},gr=class extends hr{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}},_r=class extends hr{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}},vr=class extends hr{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=fr(this,e,t,0)??S)===or)return;let n=this._$AH,r=e===S&&n!==S||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==S&&(n===S||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},yr=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fr(this,e)}},br=Rn.litHtmlPolyfillSupport;br?.(dr,mr),(Rn.litHtmlVersions??=[]).push(`3.3.3`);var xr=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new mr(t.insertBefore(qn(),e),e,void 0,n??{})}return i._$AI(e),i},Sr=globalThis,C=class extends Ln{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=xr(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return or}};C._$litElement$=!0,C.finalized=!0,Sr.litElementHydrateSupport?.({LitElement:C});var Cr=Sr.litElementPolyfillSupport;Cr?.({LitElement:C}),(Sr.litElementVersions??=[]).push(`4.2.2`),xe(),ie(),pe();function w(e={log:!0}){return t=>t.addInitializer(t=>new wr(t,e))}var wr=class{constructor(e,t){if(this.host=e,this.options=t,this.didSSR=!!this.host.shadowRoot,this.#e=!0,this.host.addController(this),this.didSSR){let t=this.options,n=e.update;Object.defineProperty(e,"update",{value:function(){try{n.call(e)}catch{let n=e.renderRoot;n.innerHTML=n.innerHTML.split(`<!--lit-part `)[0],xr(e.render(),n,e.renderOptions),de()!==`production`&&t.log&&f.warn(u(e.localName))}return n}})}}#e;hostUpdated(){this.didSSR&&this.#e&&(this.#e=!1,this.host.shadowRoot?.querySelectorAll(`slot`).forEach(e=>{e.dispatchEvent(new Event(`slotchange`,{bubbles:!0,composed:!1,cancelable:!1}))}),this.host._internals?.role&&this.host.setAttribute(`role`,this.host._internals.role))}},Tr={attribute:!0,type:String,converter:Pn,reflect:!1,hasChanged:Fn},Er=(e=Tr,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function T(e){return(t,n)=>typeof n==`object`?Er(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function E(e={type:String,reflect:!0}){return T({type:String,reflect:!0,...e})}ge();var Dr=new WeakSet;function Or(e,t){return{importNode:(n,r=!1)=>e.importNode(n,{customElementRegistry:t,selfOnly:!r})}}function kr(e,t){if(Dr.has(e))return;let n=e.prototype,r=n.createRenderRoot;r&&(Dr.add(e),Object.defineProperty(n,"createRenderRoot",{configurable:!0,value(){let e=r.call(this);return e instanceof ShadowRoot&&(this.renderOptions??={},this.renderOptions.creationScope=Or(e.ownerDocument,t)),e}}))}function D(){return e=>{let t=e;d.state.scopedRegistry??={};let n=d.state.scopedRegistry[t.metadata.version]??customElements;ut&&(Object.defineProperty(t,"shadowRootOptions",{configurable:!0,value:{...t.shadowRootOptions??{mode:`open`},customElementRegistry:n}}),kr(t,n)),dt(t,n)}}var Ar=`:host{all:initial;display:block;visibility:inherit;box-sizing:border-box;font-size:inherit;pointer-events:inherit;contain:layout;font-family:var(--nve-ref-font-family);outline:var(--nve-debug-element-outline, initial);color-scheme:var(--nve-sys-color-scheme)}*,*:before,*:after{box-sizing:inherit}[hidden],:host([hidden]:not([nve-popover])){display:none!important}slot{display:contents}:host(:focus-within) [focus-within],:host(:focus) [focusable],:host([tabindex="0"]:focus) [focusable]{outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}:host([nofocus]) [focus-within]{outline:0!important}:host(:focus-within:not(:focus-visible,[readonly])) [focus-within]:not([focusable=active]),:host(:focus:not(:focus-visible)) [focusable]:not([focusable=active]),:host([tabindex="0"]:focus:not(:focus-visible)) [focusable]:not([focusable=active]){outline:none!important;outline-offset:0!important}@supports selector(:state(focus)){:host(:state(focus)) [focusable],:host([tabindex="0"]:state(focus)){outline:Highlight solid 2px!important;outline:5px auto -webkit-focus-ring-color!important}}`,jr=`[interaction-state]{background-image:var( --background-image, linear-gradient( color-mix( in oklab, var(--nve-sys-interaction-state-base) 100%, var(--nve-sys-interaction-state-mix) var(--nve-sys-interaction-state-ratio) ) 0 0 ) )!important}:host(:hover) [interaction-state],:host(:state(hover)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-hover)}:host(:active) [interaction-state],:host(:state(active)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-active)}:host([selected]) [interaction-state],:host(:state(selected)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host([current]) [interaction-state],:host(:state(current)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}:host([disabled]) [interaction-state],:host(:state(disabled)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-disabled)}:host(:not(:state(anchor))[readonly]) [interaction-state],:host(:not(:state(anchor)):state(readonly)) [interaction-state]{--nve-sys-interaction-state-ratio: 0}`,Mr=`:host{--state-color-base: var(--nve-sys-status-color);--state-color-background: color-mix( in oklab, var(--state-color-base) var(--nve-sys-contrast-mute-ratio), var(--nve-sys-contrast-mute-color) );--state-color: color-mix(in oklab, var(--state-color-base), var(--nve-sys-text-emphasis-color) 16%)}:host([prominence="emphasis"]){--background: var(--state-color);--color: var(--nve-sys-contrast-mute-color)}:host([color="red-cardinal"]){--state-color-base: var(--nve-ref-color-red-cardinal-1100)}:host([color="gray-slate"]){--state-color-base: var(--nve-ref-color-gray-slate-1100)}:host([color="gray-denim"]){--state-color-base: var(--nve-ref-color-gray-denim-1100)}:host([color="blue-indigo"]){--state-color-base: var(--nve-ref-color-blue-indigo-1100)}:host([color="blue-cobalt"]){--state-color-base: var(--nve-ref-color-blue-cobalt-1100)}:host([color="blue-sky"]){--state-color-base: var(--nve-ref-color-blue-sky-1100)}:host([color="teal-cyan"]){--state-color-base: var(--nve-ref-color-teal-cyan-1100)}:host([color="green-mint"]){--state-color-base: var(--nve-ref-color-green-mint-1100)}:host([color="teal-seafoam"]){--state-color-base: var(--nve-ref-color-teal-seafoam-1100)}:host([color="green-grass"]){--state-color-base: var(--nve-ref-color-green-grass-1100)}:host([color="yellow-amber"]){--state-color-base: var(--nve-ref-color-yellow-amber-1100)}:host([color="orange-pumpkin"]){--state-color-base: var(--nve-ref-color-orange-pumpkin-1100)}:host([color="red-tomato"]){--state-color-base: var(--nve-ref-color-red-tomato-1100)}:host([color="pink-magenta"]){--state-color-base: var(--nve-ref-color-pink-magenta-1100)}:host([color="purple-plum"]){--state-color-base: var(--nve-ref-color-purple-plum-1100)}:host([color="purple-violet"]){--state-color-base: var(--nve-ref-color-purple-violet-1100)}:host([color="purple-lavender"]){--state-color-base: var(--nve-ref-color-purple-lavender-1100)}:host([color="pink-rose"]){--state-color-base: var(--nve-ref-color-pink-rose-1100)}:host([color="green-jade"]){--state-color-base: var(--nve-ref-color-green-jade-1100)}:host([color="lime-pear"]){--state-color-base: var(--nve-ref-color-lime-pear-1100)}:host([color="yellow-nova"]){--state-color-base: var(--nve-ref-color-yellow-nova-1100)}:host([color="brand-green"]){--state-color-base: var(--nve-ref-color-brand-green-1100)}`,Nr=`:host{--status-color: var(--nve-sys-status-color)}:host([status="scheduled"]){--status-color: var(--nve-sys-status-scheduled-color)}:host([status="queued"]){--status-color: var(--nve-sys-status-queued-color)}:host([status="pending"]){--status-color: var(--nve-sys-status-pending-color)}:host([status="starting"]){--status-color: var(--nve-sys-status-starting-color)}:host([status="running"]){--status-color: var(--nve-sys-status-running-color)}:host([status="restarting"]){--status-color: var(--nve-sys-status-restarting-color)}:host([status="stopping"]){--status-color: var(--nve-sys-status-stopping-color)}:host([status="finished"]){--status-color: var(--nve-sys-status-finished-color)}:host([status="failed"]){--status-color: var(--nve-sys-status-failed-color)}:host([status="unknown"]){--status-color: var(--nve-sys-status-unknown-color)}:host([status="ignored"]){--status-color: var(--nve-sys-status-ignored-color)}`,Pr=`:host{--status-color: var(--nve-sys-support-emphasis-color)}:host([status="muted"]){--status-color: var(--nve-sys-text-muted-color)}:host([status="accent"]){--status-color: var(--nve-sys-support-accent-emphasis-color)}:host([status="success"]){--status-color: var(--nve-sys-support-success-emphasis-color)}:host([status="warning"]){--status-color: var(--nve-sys-support-warning-emphasis-color)}:host([status="danger"]){--status-color: var(--nve-sys-support-danger-emphasis-color)}`,Fr=Mr,Ir=Nr,Lr=Pr;function O(e){return[bn(Ar),bn(jr),...e.map(e=>bn(e))]}function Rr(){return globalThis.CSS?.supports?.(`position-area`,`top`)}function zr(){return globalThis.CSS?.supports?.(`inset-area`,`top`)}var Br=`:host{--animation-duration: var(--nve-ref-animation-duration-200);margin:calc(var(--nve-sys-layer-popover-offset) + calc(var(--nve-sys-layer-popover-arrow-offset) * 2));border:0;padding:0;background:none;position:fixed;overflow:visible;contain:initial;width:max-content;z-index:99;inset:revert;interest-delay-start:.5s}:host([popover]){opacity:0;pointer-events:none}:host(:state(transition-start)){transition-duration:var(--animation-duration);transition-timing-function:ease-in-out;transition-property:opacity,display,overlay,translate,transform;transition-behavior:allow-discrete}@supports not (container-type: anchored){:host{--animation-duration: 0}}:host(:popover-open){opacity:1;pointer-events:initial;@starting-style{opacity:0}}:host(:not([nve-popover])),:host([defer-hydration]){opacity:0!important;pointer-events:none!important}[internal-host]{width:var(--width);min-width:var(--min-width);font-family:inherit;display:flex;flex-direction:column;overflow:visible;white-space:nowrap;z-index:9999;border:0;margin:0;user-select:text}@supports (position-area: bottom){[internal-host]{position:relative}.arrow{position-area:bottom;translate:0% 50%}:host([position="top"]) .arrow{position-area:bottom;translate:0% 50%}:host([position="top"][alignment="end"]) .arrow{position-area:bottom right;translate:-50% 50%}:host([position="top"][alignment="start"]) .arrow{position-area:bottom left;translate:50% 50%}:host([position="bottom"]) .arrow{position-area:top;translate:0% -50%}:host([position="bottom"][alignment="end"]) .arrow{position-area:top right;translate:-50% -50%}:host([position="bottom"][alignment="start"]) .arrow{position-area:top left;translate:50% -50%}:host([position="left"]) .arrow{position-area:right;translate:50% 0%}:host([position="left"][alignment="end"]) .arrow{position-area:bottom right;translate:50% -50%}:host([position="left"][alignment="start"]) .arrow{position-area:top right;translate:50% 50%}:host([position="right"]) .arrow{position-area:left;translate:-50% 0%}:host([position="right"][alignment="end"]) .arrow{position-area:bottom left;translate:-50% -50%}:host([position="right"][alignment="start"]) .arrow{position-area:top left;translate:-50% 50%}:host([position="center"]){position-area:center}:host{inset:auto!important;place-self:normal!important;position-anchor:auto!important}:host([position="top"]){position-area:top center}:host([position="top"][alignment="start"]){position-area:top left}:host([position="top"][alignment="end"]){position-area:top right}:host([position="top"][alignment="start"]){position-area:top span-right}:host([position="top"][alignment="end"]){position-area:top span-left}:host([position="bottom"]){position-area:bottom center}:host([position="bottom"][alignment="start"]){position-area:bottom span-right}:host([position="bottom"][alignment="end"]){position-area:bottom span-left}:host([position="left"]){position-area:left center}:host([position="left"][alignment="end"]){position-area:left span-top}:host([position="left"][alignment="start"]){position-area:left span-bottom}:host([position="right"]){position-area:right center}:host([position="right"][alignment="end"]){position-area:right span-top}:host([position="right"][alignment="start"]){position-area:right span-bottom}:host([position="top"]){position-try-fallbacks:top,bottom,left,right}:host([position="bottom"]){position-try-fallbacks:bottom,top,left,right}:host([position="left"]){position-try-fallbacks:left,right,top,bottom}:host([position="right"]){position-try-fallbacks:right,left,top,bottom}}:host([position="center"][alignment="center"]){position-area:unset!important;margin:auto!important;inset:0!important}@supports (not selector(::search-text)) and (position-area: bottom){.arrow{translate:0% -50%}:host([position="top"]) .arrow{translate:0% -50%}:host([position="top"][alignment="end"]) .arrow{translate:-150% -50%}:host([position="top"][alignment="start"]) .arrow{translate:150% -50%}:host([position="bottom"]) .arrow{translate:0% 50%}:host([position="bottom"][alignment="end"]) .arrow{translate:-150% 50%}:host([position="bottom"][alignment="start"]) .arrow{translate:150% 50%}:host([position="left"]) .arrow{translate:-50% 0%}:host([position="left"][alignment="end"]) .arrow{translate:-50% -150%}:host([position="left"][alignment="start"]) .arrow{translate:-50% 150%}:host([position="right"]) .arrow{translate:50% 0%}:host([position="right"][alignment="end"]) .arrow{translate:50% -150%}:host([position="right"][alignment="start"]) .arrow{translate:50% 150%}}:host([popover][modal]):before{content:" ";display:block;inset:0;z-index:99;position:fixed}`,Vr=`
 [internal-host] { anchor-name: --internal-host }
 .arrow { position-anchor: --internal-host }

package/dist/button/button.examples.json

@@ -153,7 +153,7 @@
     {
       "id": "button-form-submit",
       "name": "FormSubmit",
-      "template": "<form id=\"test-form\">\n  <nve-button name=\"test-button\" value=\"test-value\">submit</nve-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector(\"#test-form\");\n  const button = document.querySelector('[name=\"test-button\"]');\n  button.addEventListener(\"click\", (e) => console.log(e));\n  form.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n    console.log(Object.fromEntries(new FormData(form, e.submitter)));\n  });\n</script>\n",
+      "template": "<form id=\"test-form\">\n  <nve-button name=\"test-button\" value=\"test-value\">submit</nve-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector(\"#test-form\");\n  const button = document.querySelector('[name=\"test-button\"]');\n\n  button.addEventListener(\"click\", (e) => console.log(e));\n  form.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n    console.log(Object.fromEntries(new FormData(form, e.submitter)));\n  });\n</script>\n",
       "summary": "Form submission button with proper form integration and data handling for user input processing.",
       "description": "",
       "composition": false,
@@ -182,7 +182,7 @@
     {
       "id": "button-background-override",
       "name": "BackgroundOverride",
-      "template": "<style>\n  nve-button.custom {\n    --color: var(--nve-sys-text-black-color);\n    --background-image: linear-gradient(340deg, rgb(255 234 177) 0%, var(--nve-ref-color-yellow-amber-900) 60%);\n    &:hover {\n      --background-image: linear-gradient(340deg, rgb(255 234 177) 0%, color-mix(in oklab, var(--nve-ref-color-yellow-amber-900) 100%, #000 4%) 60%);\n    }\n  }\n</style>\n<nve-button class=\"custom\">Create Account</nve-button>\n<nve-button>Create Account</nve-button>\n",
+      "template": "<style>\n  nve-button.custom {\n    --color: var(--nve-sys-text-black-color);\n    --background-image: linear-gradient(340deg, rgb(255 234 177) 0%, var(--nve-ref-color-yellow-amber-900) 60%);\n\n    &:hover {\n      --background-image: linear-gradient(340deg, rgb(255 234 177) 0%, color-mix(in oklab, var(--nve-ref-color-yellow-amber-900) 100%, #000 4%) 60%);\n    }\n  }\n</style>\n\n<nve-button class=\"custom\">Create Account</nve-button>\n<nve-button>Create Account</nve-button>\n",
       "summary": "Override button appearance with custom CSS properties for brand-specific designs while maintaining functionality.",
       "description": "",
       "composition": false,
@@ -222,7 +222,7 @@
     {
       "id": "button-contrast-colored-backgrounds",
       "name": "ContrastColoredBackgrounds",
-      "template": "<div nve-layout=\"column gap:lg\" style=\"width: 280px\">\n  <nve-toolbar status=\"accent\">\n    <div nve-text=\"label medium sm\">10 Selected</div>\n    <nve-button slot=\"suffix\">Edit</nve-button>\n  </nve-toolbar>\n  <nve-alert-group status=\"danger\">\n    <nve-alert> Error Detected <nve-button slot=\"actions\" container=\"flat\">Review</nve-button> </nve-alert>\n  </nve-alert-group>\n  <nve-card style=\"width: 280px\">\n    <nve-card-content\n      style=\"\n        width: 100%;\n        height: 100%;\n        aspect-ratio: 16/9;\n        object-fit: cover;\n        background: repeating-conic-gradient(var(--nve-sys-layer-overlay-background) 0% 25%, transparent 0% 50%) 50% / 40px 40px;\n        background-position: center;\n        border-style: hidden;\n      \"\n    >\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"row gap:xs\">\n        <nve-button container=\"flat\" style=\"margin-left: auto\">Cancel</nve-button>\n        <nve-button>action</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg\" style=\"width: 280px\">\n  <nve-toolbar status=\"accent\">\n    <div nve-text=\"label medium sm\">10 Selected</div>\n    <nve-button slot=\"suffix\">Edit</nve-button>\n  </nve-toolbar>\n\n  <nve-alert-group status=\"danger\">\n    <nve-alert> Error Detected <nve-button slot=\"actions\" container=\"flat\">Review</nve-button> </nve-alert>\n  </nve-alert-group>\n\n  <nve-card style=\"width: 280px\">\n    <nve-card-content\n      style=\"\n        width: 100%;\n        height: 100%;\n        aspect-ratio: 16/9;\n        object-fit: cover;\n        background: repeating-conic-gradient(var(--nve-sys-layer-overlay-background) 0% 25%, transparent 0% 50%) 50% / 40px 40px;\n        background-position: center;\n        border-style: hidden;\n      \"\n    >\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"row gap:xs\">\n        <nve-button container=\"flat\" style=\"margin-left: auto\">Cancel</nve-button>\n        <nve-button>action</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</div>\n",
       "summary": "Use standard interaction styling to keep buttons readable on contrasting backgrounds in light and dark themes. This pattern verifies the static button colors that deliver the intended contrast for each theme.",
       "description": "",
       "composition": true,

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.12.0"
+			version: "2.12.1"
 		};
 	}
 	render() {

package/dist/button-group/button-group2.js

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.12.0",
+			version: "2.12.1",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card.examples.json

@@ -41,7 +41,7 @@
     {
       "id": "card-description-list",
       "name": "DescriptionList",
-      "template": "<nve-card style=\"width: 650px\">\n  <nve-card-header>\n    <h2 nve-text=\"heading sm bold\">Nautical Terms</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <dl nve-layout=\"grid gap:lg\">\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Knot</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Knot is a unit of speed equaling 1 nautical mile per hour.</dd>\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Port</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Port is the nautical term that refers to the left side of a ship, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Starboard</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Starboard is the nautical term that refers to the right side of a vessel, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n    </dl>\n  </nve-card-content>\n</nve-card>\n",
+      "template": "<nve-card style=\"width: 650px\">\n  <nve-card-header>\n    <h2 nve-text=\"heading sm bold\">Nautical Terms</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <dl nve-layout=\"grid gap:lg\">\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Knot</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Knot is a unit of speed equaling 1 nautical mile per hour.</dd>\n\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Port</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Port is the nautical term that refers to the left side of a ship, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n\n      <dt nve-layout=\"span:4\" nve-text=\"body muted medium\">Starboard</dt>\n      <dd nve-layout=\"span:8\" nve-text=\"body\">Starboard is the nautical term that refers to the right side of a vessel, as perceived by a person facing towards the bow (the front of the vessel).</dd>\n    </dl>\n  </nve-card-content>\n</nve-card>\n",
       "summary": "Card containing a description list layout, perfect for displaying key-value pairs, definitions, or structured data in a readable format.",
       "description": "",
       "composition": false,
@@ -81,7 +81,7 @@
     {
       "id": "card-audit",
       "name": "Audit",
-      "template": "<!-- invalid padding usage -->\n<nve-card nve-layout=\"pad:md\"></nve-card>\n<!-- invalid parent element -->\n<nve-card-header> card header </nve-card-header>\n<nve-card-content> card content </nve-card-content>\n<nve-card-footer> card footer </nve-card-footer>\n",
+      "template": "<!-- invalid padding usage -->\n<nve-card nve-layout=\"pad:md\"></nve-card>\n\n<!-- invalid parent element -->\n<nve-card-header> card header </nve-card-header>\n<nve-card-content> card content </nve-card-content>\n<nve-card-footer> card footer </nve-card-footer>\n",
       "summary": "Examples of invalid card usage patterns for testing and documentation purposes, showing what not to do when implementing cards.",
       "description": "",
       "composition": false,

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.12.0"
+			version: "2.12.1"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.12.0",
+			version: "2.12.1",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.12.0",
+			version: "2.12.1",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.12.0",
+			version: "2.12.1",
 			parents: ["nve-card"]
 		};
 	}

package/dist/chat-message/chat-message.examples.json

@@ -25,7 +25,7 @@
     {
       "id": "chat-message-flat",
       "name": "Flat",
-      "template": "<section nve-layout=\"column gap:lg full\">\n  <nve-chat-message container=\"flat\">\n    <nve-avatar slot=\"prefix\" color=\"green-grass\">AI</nve-avatar>\n    Your deployment completed successfully. All services are running as expected.\n  </nve-chat-message>\n  <nve-chat-message container=\"flat\" style=\"width: 300px\">\n    <nve-avatar slot=\"prefix\" color=\"green-grass\">AI</nve-avatar>\n    The build pipeline finished processing all stages. Tests passed with 98% coverage, and the deployment to staging was successful. Review the detailed logs in the CI dashboard for more information.\n  </nve-chat-message>\n</section>\n",
+      "template": "<section nve-layout=\"column gap:lg full\">\n  <nve-chat-message container=\"flat\">\n    <nve-avatar slot=\"prefix\" color=\"green-grass\">AI</nve-avatar>\n    Your deployment completed successfully. All services are running as expected.\n  </nve-chat-message>\n\n  <nve-chat-message container=\"flat\" style=\"width: 300px\">\n    <nve-avatar slot=\"prefix\" color=\"green-grass\">AI</nve-avatar>\n    The build pipeline finished processing all stages. Tests passed with 98% coverage, and the deployment to staging was successful. Review the detailed logs in the CI dashboard for more information.\n  </nve-chat-message>\n</section>\n",
       "summary": "Flat container style with avatar integration. Perfect for modern chat interfaces where messages have a cleaner, flatter appearance.",
       "description": "",
       "composition": false,

package/dist/chat-message/chat-message2.js

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.12.0"
+			version: "2.12.1"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.12.0",
+			version: "2.12.1",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox.examples.json

@@ -14,7 +14,7 @@
     {
       "id": "checkbox-states",
       "name": "States",
-      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox>\n    <label>label</label>\n    <input type=\"checkbox\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox>\n  <nve-checkbox>\n    <label>disabled</label>\n    <input type=\"checkbox\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox>\n  <nve-checkbox>\n    <label>success</label>\n    <input type=\"checkbox\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-checkbox>\n  <nve-checkbox>\n    <label>error</label>\n    <input type=\"checkbox\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-checkbox>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox>\n    <label>label</label>\n    <input type=\"checkbox\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox>\n\n  <nve-checkbox>\n    <label>disabled</label>\n    <input type=\"checkbox\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox>\n\n  <nve-checkbox>\n    <label>success</label>\n    <input type=\"checkbox\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-checkbox>\n\n  <nve-checkbox>\n    <label>error</label>\n    <input type=\"checkbox\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-checkbox>\n</div>\n",
       "summary": "Checkbox states including default, disabled, success, and error with control messages for validation feedback.",
       "description": "",
       "composition": false,
@@ -23,7 +23,7 @@
     {
       "id": "checkbox-vertical-group",
       "name": "VerticalGroup",
-      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group>\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group>\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group>\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group>\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group>\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group>\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group>\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group>\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
       "summary": "Checkbox group with vertical layout for related options stacked in a column with validation states.",
       "description": "",
       "composition": false,
@@ -32,7 +32,7 @@
     {
       "id": "checkbox-vertical-inline-group",
       "name": "VerticalInlineGroup",
-      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"vertical-inline\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
       "summary": "Checkbox group with vertical inline layout for compact vertical stacking with inline label positioning.",
       "description": "",
       "composition": false,
@@ -43,7 +43,7 @@
     {
       "id": "checkbox-horizontal-group",
       "name": "HorizontalGroup",
-      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
       "summary": "Checkbox group with horizontal layout for related options arranged in a row, ideal for limited choices.",
       "description": "",
       "composition": false,
@@ -54,7 +54,7 @@
     {
       "id": "checkbox-horizontal-inline-group",
       "name": "HorizontalInlineGroup",
-      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg align:stretch\">\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>label</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message>message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>disabled</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" disabled />\n    </nve-checkbox>\n    <nve-control-message>disabled message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>success</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"success\">success message</nve-control-message>\n  </nve-checkbox-group>\n\n  <nve-checkbox-group layout=\"horizontal-inline\">\n    <label>error</label>\n    <nve-checkbox>\n      <label>checkbox 1</label>\n      <input type=\"checkbox\" checked />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 2</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n\n    <nve-checkbox>\n      <label>checkbox 3</label>\n      <input type=\"checkbox\" />\n    </nve-checkbox>\n    <nve-control-message status=\"error\">error message</nve-control-message>\n  </nve-checkbox-group>\n</div>\n",
       "summary": "Checkbox group with horizontal inline layout for space-efficient horizontal arrangement with inline labels.",
       "description": "",
       "composition": false,

package/dist/checkbox/checkbox2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.12.0",
+			version: "2.12.1",
 			children: [
 				"label",
 				"input",

package/dist/color/color.examples.json

@@ -23,7 +23,7 @@
     {
       "id": "color-vertical",
       "name": "Vertical",
-      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-color>\n    <label>label</label>\n    <input type=\"color\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n  <nve-color>\n    <label>disabled</label>\n    <input type=\"color\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n  <nve-color>\n    <label>success</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-color>\n  <nve-color>\n    <label>error</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-color>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-color>\n    <label>label</label>\n    <input type=\"color\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n\n  <nve-color>\n    <label>disabled</label>\n    <input type=\"color\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n\n  <nve-color>\n    <label>success</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-color>\n\n  <nve-color>\n    <label>error</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-color>\n</div>\n",
       "summary": "Color pickers with vertical layout including validation states for disabled, success, and error.",
       "description": "",
       "composition": false,
@@ -34,7 +34,7 @@
     {
       "id": "color-horizontal",
       "name": "Horizontal",
-      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-color layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"color\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n  <nve-color layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"color\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n  <nve-color layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-color>\n  <nve-color layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-color>\n</div>\n",
+      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-color layout=\"horizontal\">\n    <label>label</label>\n    <input type=\"color\" />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n\n  <nve-color layout=\"horizontal\">\n    <label>disabled</label>\n    <input type=\"color\" disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-color>\n\n  <nve-color layout=\"horizontal\">\n    <label>success</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-color>\n\n  <nve-color layout=\"horizontal\">\n    <label>error</label>\n    <input type=\"color\" />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-color>\n</div>\n",
       "summary": "Color pickers with horizontal layout showing validation states for inline forms and compact layouts.",
       "description": "",
       "composition": false,

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.12.0"
+			version: "2.12.1"
 		};
 	}
 	static {