@aquera/nile-elements 2.0.11 → 2.0.13

package/dist/index.js

@@ -5155,35 +5155,23 @@ ${o?R`
     display: contents;
   }
 
-  .select__tags nile-tag {
+  :host([showtooltip]) .select__tags nile-tag {
     flex: 0 1 auto;
     cursor: pointer;
     min-width: 0;
-  }
-
-  /* A chip is capped - and so truncated - only when a tooltip can reveal the
-     full value. Without one it keeps its natural width and the fit pass moves
-     the surplus into the +N button instead. */
-  :host([showtooltip]) .select__tags nile-tag {
     max-width: var(--nile-width-180px, var(--ng-height-180px));
   }
 
-  /* Only the fitted layout can move a chip into the +N button, so only there
-     can a chip refuse to shrink. */
-  :host(:not([showtooltip])) .select__tags--fitted nile-tag {
-    flex-shrink: 0;
-  }
-
-  .select__tags nile-tag::part(base) {
+  :host([showtooltip]) .select__tags nile-tag::part(base) {
     max-width: 100%;
   }
 
-  .select__tags nile-tag::part(prefix_content_wrapper) {
+  :host([showtooltip]) .select__tags nile-tag::part(prefix_content_wrapper) {
     flex: 1 1 auto;
     min-width: 0;
   }
 
-  .select__tags nile-tag::part(content) {
+  :host([showtooltip]) .select__tags nile-tag::part(content) {
     display: block;
     flex: 1 1 auto;
     min-width: 0;
@@ -5199,7 +5187,7 @@ ${o?R`
     text-overflow: ellipsis;
   }
 
-  .select__tags nile-tag::part(remove-button) {
+  :host([showtooltip]) .select__tags nile-tag::part(remove-button) {
     flex: 0 0 auto;
   }
 
@@ -5455,6 +5443,9 @@ ${o?R`
     bottom: 0;
     z-index: 1;
     background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+  }
+
+  .select__pre-footer-area--query {
     container-type: inline-size;
     container-name: nile-select-footer;
   }
@@ -5560,6 +5551,10 @@ ${o?R`
     }
   }
 
+  .select__invisible {
+    opacity: 0;
+  }
+
   .select__prefix--from-options {
     margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));
   }
@@ -6004,35 +5999,23 @@ ${o?R`
     display: contents;
   }
 
-  .select__tags nile-tag {
+  :host([showtooltip]) .select__tags nile-tag {
     flex: 0 1 auto;
     cursor: pointer;
     min-width: 0;
-  }
-
-  /* A chip is capped - and so truncated - only when a tooltip can reveal the
-     full value. Without one it keeps its natural width and the fit pass moves
-     the surplus into the +N button instead. */
-  :host([showtooltip]) .select__tags nile-tag {
     max-width: var(--nile-width-180px, var(--ng-height-180px));
   }
 
-  /* Only the fitted layout can move a chip into the +N button, so only there
-     can a chip refuse to shrink. */
-  :host(:not([showtooltip])) .select__tags--fitted nile-tag {
-    flex-shrink: 0;
-  }
-
-  .select__tags nile-tag::part(base) {
+  :host([showtooltip]) .select__tags nile-tag::part(base) {
     max-width: 100%;
   }
 
-  .select__tags nile-tag::part(prefix_content_wrapper) {
+  :host([showtooltip]) .select__tags nile-tag::part(prefix_content_wrapper) {
     flex: 1 1 auto;
     min-width: 0;
   }
 
-  .select__tags nile-tag::part(content) {
+  :host([showtooltip]) .select__tags nile-tag::part(content) {
     display: block;
     flex: 1 1 auto;
     min-width: 0;
@@ -6048,7 +6031,7 @@ ${o?R`
     text-overflow: ellipsis;
   }
 
-  .select__tags nile-tag::part(remove-button) {
+  :host([showtooltip]) .select__tags nile-tag::part(remove-button) {
     flex: 0 0 auto;
   }
 
@@ -6310,6 +6293,9 @@ ${o?R`
     gap: var(--nile-spacing-none, var(--ng-spacing-none));
     justify-content: space-between;
     box-sizing: unset;
+  }
+
+  .select__footer--query {
     container-type: inline-size;
     container-name: nile-select-footer;
   }
@@ -6378,6 +6364,10 @@ ${o?R`
     }
   }
 
+  .select__invisible {
+    opacity: 0;
+  }
+
   .select__prefix--from-options {
     margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));
   }
@@ -6500,7 +6490,7 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
         ${M?fe(p):p}
         ${fe(z)}
       </nile-option>
-    `}static shouldUseVirtualizer(e){return e.length>=5}}let Hs=class{static calculateAvailableSpace(e){const t=e.getBoundingClientRect(),i=window.innerHeight,n=i-t.bottom;return{spaceAbove:t.top,spaceBelow:n,viewportHeight:i}}static getOptimalPlacement(e){const{spaceAbove:t,spaceBelow:i}=this.calculateAvailableSpace(e);return i<200&&t>i?"top":"bottom"}static findBoundaryElements(e){const t=[];let i=e.parentElement;for(;i&&i!==document.body;){const e=window.getComputedStyle(i),n=e.overflow,o=e.overflowY,r=e.overflowX;"auto"!==n&&"scroll"!==n&&"auto"!==o&&"scroll"!==o&&"auto"!==r&&"scroll"!==r||t.push(i),(i.hasAttribute("data-floating-boundary")||i.classList.contains("floating-boundary")||i.classList.contains("scroll-container"))&&t.push(i),i=i.parentElement}return t.length>0?t:void 0}static calculateOptimalHeight(e,t,i){const n=t-(e.y+e.height),o=e.y;return o>n?Math.max(o-20,100):n>o?Math.max(n-20,100):Math.max(Math.min(o,n)-20,100)}static extractStylesAsCSS(e){return"string"==typeof e?e:Array.isArray(e)?e.map((e=>this.extractStylesAsCSS(e))).join("\n"):e&&"object"==typeof e&&e.cssText?e.cssText:""}static generateStyleId(){return`nile-select-styles-${Math.random().toString(36).substring(2,11)}`}static isPositioningOptimal(e,t){const{spaceAbove:i,spaceBelow:n}=this.calculateAvailableSpace(t),o=e.startsWith("top"),r=e.startsWith("bottom");return!(o&&n>i)&&!(r&&i>n)}static applyCollisionData(e,t,i){if(t.flip){const{overflows:n}=t.flip;if(e.setAttribute("data-placement",i),n&&n.length>0){const t=n.map((e=>e.placement)).join(",");e.setAttribute("data-overflow",t)}else e.removeAttribute("data-overflow")}if(t.shift){const{x:i,y:n}=t.shift;void 0===i||void 0===n||0===i&&0===n?e.removeAttribute("data-shift"):e.setAttribute("data-shift",`${i},${n}`)}if(t.size){const{availableWidth:i,availableHeight:n}=t.size;void 0!==i&&e.setAttribute("data-available-width",i.toString()),void 0!==n&&e.setAttribute("data-available-height",n.toString())}}static createFloatingUIMiddleware(e,t){return[]}},Js=class{static createBaseListbox(e){const t=document.createElement("div");return t.className="select__listbox "+(e.searchEnabled?"select__search-enabled ":""),t.setAttribute("tabindex","-1"),t}static addSearchSection(e,t){if(!t.searchEnabled)return;const i=document.createElement("div");i.className="select__search",i.innerHTML=`\n      <nile-input size="small" clearable value="${t.searchValue}" placeholder="${t.internalSearchPlaceHolder}">\n        <nile-icon name="var(--nile-icon-search, var(--ng-icon-search-lg))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" slot="suffix"></nile-icon>\n      </nile-input>\n    `,e.appendChild(i)}static addLoadingSection(e,t){if(!t.optionsLoading)return;const i=document.createElement("span");i.className="select__loader",i.innerHTML='\n      <nile-icon class="select__loader--icon" name="var(--nile-icon-button-loading-blue, var(--ng-icon-button-loading-blue))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>\n    ',e.appendChild(i)}static addOptionsSection(e,t){const i=document.createElement("div");i.className="select__options "+(t.searchEnabled?"select__options__search-enabled":""),this.addNoResultsMessage(i,t),this.addClonedOptions(i,t),e.appendChild(i)}static addNoResultsMessage(e,t){if(!t.showNoResults)return;const i=document.createElement("div");i.className="select__no-results",i.textContent=t.noResultsMessage,e.appendChild(i)}static addClonedOptions(e,t){Array.from(t.querySelectorAll("nile-option")).forEach((t=>{const i=this.cloneOption(t);e.appendChild(i)}))}static cloneOption(e){const t=e.cloneNode(!0);return Array.from(e.attributes).forEach((e=>{t.setAttribute(e.name,e.value)})),this.copyOptionProperties(e,t),t}static copyOptionProperties(e,t){["selected","disabled","current","hidden"].forEach((i=>{void 0!==e[i]&&(t[i]=e[i])}))}static addFooterSection(e,t){const i=t.querySelectorAll('[slot="pre-footer"]').length>0,n=t.multiple;if(!i&&!n)return;const o=document.createElement("div");if(o.setAttribute("part","footer-area"),o.className="select__footer-area",i&&this.addCustomFooter(o,t),n){const e=this.createFooter(t);o.appendChild(e)}e.appendChild(o)}static addCustomFooter(e,t){const i=Array.from(t.querySelectorAll('[slot="pre-footer"]'));if(0===i.length)return;const n=document.createElement("div");n.className="select__custom-footer",n.setAttribute("part","custom-footer"),i.forEach((e=>{n.appendChild(e.cloneNode(!0))})),n.addEventListener("click",(()=>t.hide())),e.appendChild(n)}static createFooter(e){const t=document.createElement("div");return t.setAttribute("part","footer"),t.className="select__footer",this.addShowSelectedToggle(t,e),this.addClearAllButton(t,e),t}static addShowSelectedToggle(e,t){const i=document.createElement("span");i.style.cursor="pointer";const n=document.createElement("nile-checkbox");n.disabled=0===t.selectedOptions.length,n.checked=t.showSelected,n.innerHTML="&nbsp; Show Selected",i.appendChild(n),e.appendChild(i)}static addClearAllButton(e,t){if(0===t.selectedOptions.length)return;const i=document.createElement("span");i.className="select__clear",i.textContent="Clear All",i.style.cursor="pointer",e.appendChild(i)}static updateClonedOptions(e,t){const i=e.querySelector(".select__options");if(!i)return;const n=Array.from(t.querySelectorAll("nile-option")),o=Array.from(i.querySelectorAll("nile-option"));n.forEach(((e,t)=>{const i=o[t];i&&this.updateClonedOption(e,i)}))}static updateClonedOption(e,t){t.selected=e.selected,t.disabled=e.disabled,t.current=e.current,t.hidden=e.hidden,this.updateClonedOptionAttributes(e,t)}static updateClonedOptionAttributes(e,t){[{prop:"selected",attr:"selected"},{prop:"disabled",attr:"disabled"},{prop:"current",attr:"current"},{prop:"hidden",attr:"hidden"}].forEach((({prop:i,attr:n})=>{e[i]?t.setAttribute(n,""):t.removeAttribute(n)}))}static createPortalListbox(e){const t=this.createBaseListbox(e);return this.addSearchSection(t,e),this.addLoadingSection(t,e),this.addOptionsSection(t,e),this.addFooterSection(t,e),t}},Xs=class{static setupPortalEventListeners(e,t){e&&(this.setupOptionClickListeners(e,t),this.setupScrollListeners(e,t),this.setupSearchListeners(e,t),this.setupFooterListeners(e,t),this.setupSlotListeners(e,t))}static setupOptionClickListeners(e,t){e&&e.addEventListener("mouseup",(e=>{const i=e.target.closest("nile-option");i&&this.handleOptionClick(i,t)}))}static handleOptionClick(e,t){const i=t.querySelector(`nile-option[value="${e.getAttribute("value")}"]`);if(i){const e=new MouseEvent("mouseup",{bubbles:!0,cancelable:!0,view:window});Object.defineProperty(e,"target",{value:i,writable:!1}),t.handleOptionClick&&t.handleOptionClick(e)}}static setupScrollListeners(e,t){e&&e.addEventListener("scroll",(e=>{t.handleScroll&&t.handleScroll(e)}))}static setupSearchListeners(e,t){if(!e)return;const i=e.querySelector("nile-input");i&&(i.addEventListener("nile-input",(e=>{t.handleSearchChange&&t.handleSearchChange(e)})),i.addEventListener("nile-focus",(e=>{t.handleSearchFocus&&t.handleSearchFocus()})),i.addEventListener("nile-blur",(e=>{t.handleSearchBlur&&t.handleSearchBlur()})))}static setupFooterListeners(e,t){if(!e)return;const i=e.querySelector(".select__footer");i&&(this.setupFooterClickHandlers(i),this.setupShowSelectedToggle(i,t),this.setupClearAllHandler(i,t)),this.setupCustomFooterListeners(e,t)}static setupCustomFooterListeners(e,t){const i=e.querySelector(".select__custom-footer");i&&i.addEventListener("click",(e=>{e.stopPropagation()}))}static setupFooterClickHandlers(e){e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault()}))}static setupShowSelectedToggle(e,t){const i=e.querySelector('span[style*="cursor: pointer"]');i&&i.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.toggleShowSelected&&t.toggleShowSelected(e)}))}static setupClearAllHandler(e,t){e.addEventListener("click",(e=>{e.target.classList.contains("select__clear")&&(e.stopPropagation(),e.preventDefault(),t.unSlectAll&&t.unSlectAll())}))}static setupSlotListeners(e,t){if(!e)return;const i=e.querySelector("slot");i&&i.addEventListener("slotchange",(()=>{t.updatePortalContent&&t.updatePortalContent()}))}},qs=class{constructor(e){this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.cleanupAutoUpdate=null,this.currentPlacement="bottom",this.currentMiddlewareData=null,this.component=e}createPortalAppendContainer(){const e=document.createElement("div");return e.style.position="absolute",e.style.zIndex="9999",e.style.pointerEvents="none",e.className="nile-virtual-select-portal-append",e}positionPortalAppend(){this.portalContainer&&this.component.popup&&(this.measurePopupHeight(),this.computeFloatingUIPosition())}measurePopupHeight(){!this.measuredPopupHeight&&this.portalContainer&&(this.portalContainer.style.position="absolute",this.portalContainer.style.visibility="hidden",this.portalContainer.style.top="0px",this.portalContainer.style.left="0px",this.portalContainer.offsetHeight,this.measuredPopupHeight=this.portalContainer.offsetHeight,this.portalContainer.style.visibility="")}async computeFloatingUIPosition(){if(!this.portalContainer)return;const e=this.component.combobox||this.component,t=this.portalContainer;try{const{x:i,y:n,placement:o,middlewareData:r}=await this.calculateFloatingUIPosition(e,t);this.applyFloatingUIPosition(t,e,i,n,o,r)}catch(e){console.warn("Floating UI positioning failed, falling back to simple positioning:",e),this.fallbackPositioning()}}async calculateFloatingUIPosition(e,t){const i=Hs.findBoundaryElements(e),n=Hs.getOptimalPlacement(e),o=this.createFloatingUIMiddleware(i);return await zn(e,t,{placement:n,strategy:"fixed",middleware:o,platform:this.createCustomPlatform()})}createFloatingUIMiddleware(e){return[pn(4),In({apply:this.handleSizeMiddleware.bind(this),padding:10,boundary:e}),yn({fallbackPlacements:["bottom","top","bottom-start","top-start","bottom-end","top-end"],fallbackStrategy:"bestFit",padding:10,boundary:e}),Dn({padding:10,crossAxis:!0,boundary:e})]}handleSizeMiddleware({availableWidth:e,availableHeight:t,elements:i,rects:n}){const o=Hs.calculateOptimalHeight(n.reference,window.innerHeight,this.currentPlacement);i.floating.style.maxWidth=`${e}px`,i.floating.style.maxHeight=`${o}px`,i.floating.style.setProperty("--auto-size-available-width",`${e}px`),i.floating.style.setProperty("--auto-size-available-height",`${o}px`)}createCustomPlatform(){return dn}applyFloatingUIPosition(e,t,i,n,o,r){Object.assign(e.style,{left:`${i}px`,top:`${n}px`,position:"fixed",pointerEvents:"auto"}),this.currentPlacement=o,this.currentMiddlewareData=r,Hs.applyCollisionData(e,r,o);const s=o.split("-")[0];e.className=`nile-virtual-select-portal-append select__listbox--${s}`;const a=t.getBoundingClientRect();e.style.width=`${a.width}px`}fallbackPositioning(){if(!this.portalContainer)return;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight;this.measuredPopupHeight;const i=t-e.bottom,n=e.top;let o,r,s;n>i?(s=Math.max(n-20,100),o=Math.max(e.top-s-4,10),r="top"):(s=Math.max(i-20,100),o=e.bottom+4,r="bottom"),this.portalContainer.style.left=`${e.left}px`,this.portalContainer.style.top=`${o}px`,this.portalContainer.style.width=`${e.width}px`,this.portalContainer.style.maxHeight=`${s}px`,this.portalContainer.style.pointerEvents="auto",this.portalContainer.className=`nile-virtual-select-portal-append select__listbox--${r}`,this.calculateAndSetAutoSizeProperties(e,o,r)}calculateAndSetAutoSizeProperties(e,t,i){if(!this.portalContainer)return;const n=window.innerHeight,o=window.innerWidth;let r;r="top"===i?e.top-10:n-e.bottom-10;const s=Math.min(e.width,o-e.left-10);this.portalContainer.style.setProperty("--auto-size-available-height",`${Math.max(r,100)}px`),this.portalContainer.style.setProperty("--auto-size-available-width",`${Math.max(s,200)}px`)}updatePortalAppendPosition(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}handleWindowResize(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}setupAutoUpdatePositioning(){this.portalContainer&&this.component&&(this.cleanupAutoUpdatePositioning(),this.cleanupAutoUpdate=Nn(this.component,this.portalContainer,(()=>{this.computeFloatingUIPosition()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!0}))}cleanupAutoUpdatePositioning(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}extractStylesAsCSS(e){return"string"==typeof e?e:Array.isArray(e)?e.map((e=>this.extractStylesAsCSS(e))).join("\n"):e&&"object"==typeof e&&e.cssText?e.cssText:""}injectStylesToDocument(){if(!this.portalContainer)return;const e=`nile-virtual-select-styles-${Math.random().toString(36).substring(2,11)}`;if(document.getElementById(e))return;const t=this.component.constructor.styles;if(!t)return;const i=document.createElement("style");i.id=e,i.textContent=this.extractStylesAsCSS(t),document.head.appendChild(i),this.portalContainer.__injectedStyleId=e}adoptStylesToPortalAppend(){this.portalContainer&&this.injectStylesToDocument()}setupPortalAppend(){this.component.portal&&this.component.updateComplete.then((()=>{const e=this.component.shadowRoot?.querySelector("#listbox");e&&(this.originalListboxParent=e.parentElement,this.portalContainer=this.createPortalAppendContainer(),this.portalContainer.appendChild(e),document.body.appendChild(this.portalContainer),this.adoptStylesToPortalAppend(),e.style.display="",this.positionPortalAppend(),this.setupAutoUpdatePositioning(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}))}cleanupPortalAppend(){if(this.cleanupAutoUpdatePositioning(),this.portalContainer&&this.portalContainer.parentNode){const e=this.portalContainer.querySelector("#listbox");e&&this.originalListboxParent&&(this.originalListboxParent.appendChild(e),e.style.display=this.component.portal?"none":"");const t=this.portalContainer.__injectedStyleId;if(t){const e=document.getElementById(t);e&&e.remove()}this.portalContainer.parentNode.removeChild(this.portalContainer)}window.removeEventListener("resize",this.handleWindowResize.bind(this)),this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.currentPlacement="bottom",this.currentMiddlewareData=null}async resetScrollPosition(){await this.component.updateComplete,requestAnimationFrame((()=>{let e=null;if(e=this.component.portal&&this.portalContainer?this.portalContainer.querySelector("#listbox"):this.component.shadowRoot?.querySelector("#listbox"),!e||!e.isConnected)return;e.scrollTop=0;const t=e.querySelector(".virtualized");if(t&&t.isConnected){this.component.data?.length<5?(t.style.overflowY="hidden",t.style.maxHeight="none",e.style.overflowY="hidden",e.style.maxHeight="fit-content"):(t.style.overflowY="auto",t.style.maxHeight="",e.style.overflowY="auto",e.style.maxHeight=""),t.scrollTop=0}const i=e.querySelector("lit-virtualizer");i&&i.isConnected&&(i.scrollTop=0)}))}get portalContainerElement(){return this.portalContainer}resetMeasuredHeight(){this.measuredPopupHeight=null}forceReposition(){this.portalContainer&&this.computeFloatingUIPosition()}getCurrentPlacement(){return this.currentPlacement}getCurrentMiddlewareData(){return this.currentMiddlewareData}isUsingFloatingUI(){return null!==this.cleanupAutoUpdate}handleViewportChange(){this.portalContainer&&(this.resetMeasuredHeight(),this.forceReposition())}isPositioningOptimal(){if(!this.portalContainer||!this.currentMiddlewareData)return!0;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight-e.bottom,i=e.top,n=this.currentPlacement.startsWith("top"),o=this.currentPlacement.startsWith("bottom");return!(n&&t>i)&&!(o&&i>t)}},Ks=class{constructor(e,{target:t,config:i,callback:n,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,null!==t&&this.t.add(t??e),this.l=i,this.o=o??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver((e=>{this.handleChanges(e),this.h.requestUpdate()})),e.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(const e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}target(e){return ea(this,e)}};const ea=Te(class extends Ss{constructor(){super(...arguments),this.observing=!1}render(e,t){}update(e,[t,i]){this.controller=t,this.part=e,this.observe=i,!1===i?(t.unobserve(e.element),this.observing=!1):!1===this.observing&&(t.observe(e.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){!1!==this.observe&&!1===this.observing&&(this.controller?.observe(this.part.element),this.observing=!0)}});let ta=class extends Fe{constructor(){super(...arguments),this.formControlController=new Ue(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new Ze(this,"help-text","label"),this.portalManager=new qs(this),this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.scrolling=!1,this.name="",this.data=[],this.originalOptionItems=[],this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.autoResize=!1,this.searchValue="",this.searchEnabled=!1,this.enableVisibilityEffect=!1,this.internalSearchPlaceHolder="Search...",this.disableLocalSearch=!1,this.optionsLoading=!1,this.loading=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.showSelected=!1,this.blockValueChange=!1,this.noWidthSync=!1,this.portal=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.hiddenChipCount=0,this.lastOverflowWidth=0,this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.enableTabClose=!1,this.descriptionSearchEnabled=!1,this.allowHtmlLabel=!0,this.enableDescription=!1,this.legacy=!1,this.tickOnSelect=!1,this.showListbox=!1,this.wasShowSelectedCheckedOnClose=!1,this.handleDocumentMouseDown=e=>{if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()},this.handleWindowError=e=>{(e.error?.message||e.message||"").includes("Cannot read properties of null (reading 'insertBefore')")&&e.preventDefault()},this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()},this.resizeController=new Ks(this,{callback:e=>{for(const t of e)t.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}})}get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",t)}get chipFittingEnabled(){return!!this.multiple&&!this.maxOptionsVisibleExplicit}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage??""}connectedCallback(){super.connectedCallback(),this.initializeComponent(),this.setupEventListeners(),this.updateComplete.then((()=>{this.value&&this.data.length>0&&this.selectionChanged()}))}disconnectedCallback(){this.removeOpenListeners(),this.visibilityManager?.cleanup(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.portalManager.cleanupPortalAppend(),this.destroyChipFit()}updated(e){e.has("value")&&this.selectionChanged(),(e.has("autoResize")||e.has("multiple")||e.has("maxOptionsVisible"))&&this.setupResizeObserver(),(e.has("chipMinWidth")||e.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}initializeComponent(){this.open=!1,this.emit("nile-init")}getDisplayText(e){return this.renderItemConfig?.getDisplayText?this.renderItemConfig.getDisplayText(e):e?.label||e?.name||e?.toString()||""}getItemValue(e){return this.renderItemConfig?.getValue?this.renderItemConfig.getValue(e):e?.value||e}getItemDescription(e){return this.renderItemConfig?.getDescription?this.renderItemConfig.getDescription(e):e?.description||e||""}getItemPrefix(e){return this.renderItemConfig?.getPrefix?this.renderItemConfig.getPrefix(e):e?.prefix||e||""}getItemSuffix(e){return this.renderItemConfig?.getSuffix?this.renderItemConfig.getSuffix(e):e?.suffix||e||""}getSearchText(e){return this.renderItemConfig?.getSearchText?this.renderItemConfig.getSearchText(e):this.getDisplayText(e)}setupEventListeners(){this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowError=this.handleWindowError.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),window.addEventListener("error",this.handleWindowError),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("error",this.handleWindowError),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}firstUpdated(e){this.visibilityManager=new fn({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(e,t)=>this.emit(`nile-${e}`,t)})}handleDocumentFocusIn(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}handleDocumentKeyDown(e){this.shouldIgnoreKeyPress(e)||(this.isEscapeKey(e)&&this.handleEscapeKey(e),this.isEnterOrSpaceKey(e)&&this.handleEnterOrSpaceKey(e))}shouldIgnoreKeyPress(e){const t=e.target,i=null!==t.closest(".select__clear"),n=null!==t.closest("nile-icon-button");return i||n}isEscapeKey(e){return"Escape"===e.key&&this.open}handleEscapeKey(e){e.preventDefault(),e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})}isEnterOrSpaceKey(e){return"Enter"===e.key||" "===e.key}handleEnterOrSpaceKey(e){e.preventDefault(),e.stopImmediatePropagation(),this.open?this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})):this.show()}handleFooterClick(e){e.stopPropagation(),e.preventDefault()}toggleShowSelected(e){if(e.stopPropagation(),e.preventDefault(),0!==this.selectedOptions?.length){if(this.showSelected=!this.showSelected,this.showSelected){this.searchValue="";const e=Array.isArray(this.value)?this.value:[this.value];this.data=this.originalOptionItems.filter((t=>{const i=this.getItemValue(t);return e.some((e=>String(e)===String(i)))}))}else this.data=[...this.originalOptionItems];this.portalManager.resetMeasuredHeight(),this.requestUpdate(),this.repaintOptionsContainer()}}unSelectAll(){this.showSelected=!1,this.value=this.multiple?[]:"",this.data=[...this.originalOptionItems],this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.resetScrollPosition()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(e){this.shouldIgnoreComboboxClick(e)||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}shouldIgnoreComboboxClick(e){const t=e.composedPath(),i=t.some((e=>e instanceof Element&&"nile-icon-button"===e.tagName.toLowerCase())),n=t.some((e=>e instanceof HTMLButtonElement&&e.classList.contains("select__tags-count")));return this.disabled||i||n}handleComboboxKeyDown(e){this.isEnterOrSpaceKey(e)&&(e.preventDefault(),this.open=!this.open)}handleClearClick(e){e.stopPropagation(),this.clearSelection()}clearSelection(){this.value,this.value=this.multiple?[]:"",this.selectionChanged(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-clear")}))}handleClearMouseDown(e){e.stopPropagation()}handleOptionClick(e){const t=e.target.closest("nile-option");if(this.shouldBlockValueChange(t))return;const i=this.value;this.oldValue=i,t&&!t.disabled&&this.handleOptionSelection(t)}shouldBlockValueChange(e){return!(!this.blockValueChange||!e)&&(this.emit("nile-block-change",{value:e?.value,name:this.name}),this.hide(),!0)}handleOptionSelection(e){const t=e.value;this.multiple?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==this.oldValue&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))}setSelectedOptions(e){this.value=e,this.selectionChanged()}toggleOptionSelection(e){const t=Array.isArray(this.value)?this.value:[];t.includes(e)?this.value=t.filter((t=>t!==e)):this.value=[...t,e],this.selectionChanged()}handleTagRemove(e,t){e.stopPropagation(),this.disabled||(this.removeTagFromSelection(t),this.emitTagRemovalEvent(t))}removeTagFromSelection(e){let t=this.value;Array.isArray(t)||(t=t?[t]:[]);const i=t.filter((t=>t!==e.value));this.value=i,this.selectionChanged()}emitTagRemovalEvent(e){this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:e.value})}))}selectionChanged(){const e=this.originalOptionItems.length>0?this.originalOptionItems:this.data;if(this.selectedOptions=xs.createVirtualOptionsFromValues(this.value,e,this.getDisplayText.bind(this),this.renderItemConfig?.getValue,this.allowHtmlLabel),this.multiple)this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected";else{const e=Array.isArray(this.value)?this.value[0]:this.value,t=this.selectedOptions[0]?.getTextLabel();this.displayLabel=t||(e??"")}this.updateValidity(),0===this.selectedOptions.length&&(this.showSelected=!1,this.originalOptionItems?.length>0&&!this.searchValue&&(this.data=[...this.originalOptionItems]),this.repaintOptionsContainer()),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(e){this.searchValue=e.detail.value,this.portal&&this.portalManager.updatePortalAppendPosition(),this.emit("nile-search",{query:this.searchValue,name:this.name}),this.disableLocalSearch||(this.filterVirtualOptions(this.searchValue),this.repaintOptionsContainer(),this.portalManager.resetMeasuredHeight())}repaintOptionsContainer(){this.resetScrollPosition(),this.updateComplete.then((()=>{const e=this.shadowRoot?.querySelector(".virtualized");e&&(this.data.length<5?e.classList.add("no-scroll"):e.classList.remove("no-scroll"))}))}handleScroll(e){if(this.showSelected)return;const t=e.target;this.emit("nile-scroll",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(t.scrollTop)>=Math.floor(t.scrollHeight-t.offsetHeight)&&!this.searchValue&&this.emit("nile-scroll-end",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name,isAtBottom:!0})}filterVirtualOptions(e){const t=As.filterVirtualOptions(e,this.originalOptionItems,this.data,this.getDisplayText.bind(this),this.getItemDescription.bind(this),this.descriptionSearchEnabled,this.renderItemConfig?.getSearchText);this.portal?(this.portalManager.updatePortalAppendPosition(),this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.resetScrollPosition()}))}))):this.resetScrollPosition(),this.data=t.filteredItems,this.showNoResults=t.showNoResults,this.showSelected=!1,this.requestUpdate()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.selectionChanged(),this.requestUpdate(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handleDataChange(){this.data.length>0&&this.open&&!this.showSelected&&!this.searchValue&&(this.originalOptionItems=[...this.data]),this.selectionChanged(),this.optionsLoading||this.loading||0!==this.data.length?this.data.length>0&&(this.showNoResults=!1):this.showNoResults=!0,this.requestUpdate(),this.portalManager.resetMeasuredHeight(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handleRenderItemConfigChange(){this.value&&this.data.length>0&&(this.selectionChanged(),this.requestUpdate())}handleOptionsLoadingChange(){this.optionsLoading||0!==this.data.length||(this.showNoResults=!0),this.requestUpdate(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){this.open&&!this.disabled?(this.visibilityManager?.setup(),this.showListbox=!0,await this.updateComplete,await this.handleOpen(),this.portal&&this.portalManager.setupPortalAppend()):(this.visibilityManager?.cleanup(),await this.handleClose(),this.showListbox=!1,this.portal&&this.portalManager.cleanupPortalAppend())}async handleOpen(){this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),this.showNoResults=!this.data?.length,await Yt(this),this.popup?.popup&&(this.popup.popup.style.visibility="hidden"),this.popup.active=!0,await new Promise((e=>requestAnimationFrame(e))),await new Promise((e=>requestAnimationFrame(e))),this.popup?.popup&&(this.popup.popup.style.visibility="");const{keyframes:e,options:t}=Wt(this,"select.show",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.wasShowSelectedCheckedOnClose&&(this.showSelected=!1,this.data=[...this.originalOptionItems],this.wasShowSelectedCheckedOnClose=!1),this.filterVirtualOptions(""),this.resetScrollPosition(),this.emit("nile-after-show",{value:this.value,name:this.name})}async handleClose(){this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),this.wasShowSelectedCheckedOnClose=this.showSelected,await Yt(this);const{keyframes:e,options:t}=Wt(this,"select.hide",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.popup.active=!1,this.popup?.popup&&(this.popup.popup.style.visibility=""),this.searchValue="",this.portalManager.resetMeasuredHeight(),this.emit("nile-after-hide",{value:this.value,name:this.name})}async show(){if(!this.open&&!this.disabled)return this.open=!0,Jt(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Jt(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.displayInput.focus(e)}blur(){this.displayInput.blur()}onInputChange(e){e.stopPropagation()}render(){const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const t=this.hasSlotController.test("label-suffix"),i=this.hasSlotController.test("custom-select"),n=!!this.label||!!e,o=this.clearable&&!this.disabled&&this.value.length>0,r=!!this.placeholder&&0===this.value.length,s=!!this.helpText,a=!!this.errorMessage;return R`
+    `}static shouldUseVirtualizer(e){return e.length>=5}}let Hs=class{static calculateAvailableSpace(e){const t=e.getBoundingClientRect(),i=window.innerHeight,n=i-t.bottom;return{spaceAbove:t.top,spaceBelow:n,viewportHeight:i}}static getOptimalPlacement(e){const{spaceAbove:t,spaceBelow:i}=this.calculateAvailableSpace(e);return i<200&&t>i?"top":"bottom"}static findBoundaryElements(e){const t=[];let i=e.parentElement;for(;i&&i!==document.body;){const e=window.getComputedStyle(i),n=e.overflow,o=e.overflowY,r=e.overflowX;"auto"!==n&&"scroll"!==n&&"auto"!==o&&"scroll"!==o&&"auto"!==r&&"scroll"!==r||t.push(i),(i.hasAttribute("data-floating-boundary")||i.classList.contains("floating-boundary")||i.classList.contains("scroll-container"))&&t.push(i),i=i.parentElement}return t.length>0?t:void 0}static calculateOptimalHeight(e,t,i){const n=t-(e.y+e.height),o=e.y;return o>n?Math.max(o-20,100):n>o?Math.max(n-20,100):Math.max(Math.min(o,n)-20,100)}static extractStylesAsCSS(e){return"string"==typeof e?e:Array.isArray(e)?e.map((e=>this.extractStylesAsCSS(e))).join("\n"):e&&"object"==typeof e&&e.cssText?e.cssText:""}static generateStyleId(){return`nile-select-styles-${Math.random().toString(36).substring(2,11)}`}static isPositioningOptimal(e,t){const{spaceAbove:i,spaceBelow:n}=this.calculateAvailableSpace(t),o=e.startsWith("top"),r=e.startsWith("bottom");return!(o&&n>i)&&!(r&&i>n)}static applyCollisionData(e,t,i){if(t.flip){const{overflows:n}=t.flip;if(e.setAttribute("data-placement",i),n&&n.length>0){const t=n.map((e=>e.placement)).join(",");e.setAttribute("data-overflow",t)}else e.removeAttribute("data-overflow")}if(t.shift){const{x:i,y:n}=t.shift;void 0===i||void 0===n||0===i&&0===n?e.removeAttribute("data-shift"):e.setAttribute("data-shift",`${i},${n}`)}if(t.size){const{availableWidth:i,availableHeight:n}=t.size;void 0!==i&&e.setAttribute("data-available-width",i.toString()),void 0!==n&&e.setAttribute("data-available-height",n.toString())}}static createFloatingUIMiddleware(e,t){return[]}},Js=class{static createBaseListbox(e){const t=document.createElement("div");return t.className="select__listbox "+(e.searchEnabled?"select__search-enabled ":""),t.setAttribute("tabindex","-1"),t}static addSearchSection(e,t){if(!t.searchEnabled)return;const i=document.createElement("div");i.className="select__search",i.innerHTML=`\n      <nile-input size="small" clearable value="${t.searchValue}" placeholder="${t.internalSearchPlaceHolder}">\n        <nile-icon name="var(--nile-icon-search, var(--ng-icon-search-lg))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" slot="suffix"></nile-icon>\n      </nile-input>\n    `,e.appendChild(i)}static addLoadingSection(e,t){if(!t.optionsLoading)return;const i=document.createElement("span");i.className="select__loader",i.innerHTML='\n      <nile-icon class="select__loader--icon" name="var(--nile-icon-button-loading-blue, var(--ng-icon-button-loading-blue))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>\n    ',e.appendChild(i)}static addOptionsSection(e,t){const i=document.createElement("div");i.className="select__options "+(t.searchEnabled?"select__options__search-enabled":""),this.addNoResultsMessage(i,t),this.addClonedOptions(i,t),e.appendChild(i)}static addNoResultsMessage(e,t){if(!t.showNoResults)return;const i=document.createElement("div");i.className="select__no-results",i.textContent=t.noResultsMessage,e.appendChild(i)}static addClonedOptions(e,t){Array.from(t.querySelectorAll("nile-option")).forEach((t=>{const i=this.cloneOption(t);e.appendChild(i)}))}static cloneOption(e){const t=e.cloneNode(!0);return Array.from(e.attributes).forEach((e=>{t.setAttribute(e.name,e.value)})),this.copyOptionProperties(e,t),t}static copyOptionProperties(e,t){["selected","disabled","current","hidden"].forEach((i=>{void 0!==e[i]&&(t[i]=e[i])}))}static addFooterSection(e,t){const i=t.querySelectorAll('[slot="pre-footer"]').length>0,n=t.multiple;if(!i&&!n)return;const o=document.createElement("div");if(o.setAttribute("part","footer-area"),o.className="select__footer-area",i&&this.addCustomFooter(o,t),n){const e=this.createFooter(t);o.appendChild(e)}e.appendChild(o)}static addCustomFooter(e,t){const i=Array.from(t.querySelectorAll('[slot="pre-footer"]'));if(0===i.length)return;const n=document.createElement("div");n.className="select__custom-footer",n.setAttribute("part","custom-footer"),i.forEach((e=>{n.appendChild(e.cloneNode(!0))})),n.addEventListener("click",(()=>t.hide())),e.appendChild(n)}static createFooter(e){const t=document.createElement("div");return t.setAttribute("part","footer"),t.className="select__footer",this.addShowSelectedToggle(t,e),this.addClearAllButton(t,e),t}static addShowSelectedToggle(e,t){const i=document.createElement("span");i.style.cursor="pointer";const n=document.createElement("nile-checkbox");n.disabled=0===t.selectedOptions.length,n.checked=t.showSelected,n.innerHTML="&nbsp; Show Selected",i.appendChild(n),e.appendChild(i)}static addClearAllButton(e,t){if(0===t.selectedOptions.length)return;const i=document.createElement("span");i.className="select__clear",i.textContent="Clear All",i.style.cursor="pointer",e.appendChild(i)}static updateClonedOptions(e,t){const i=e.querySelector(".select__options");if(!i)return;const n=Array.from(t.querySelectorAll("nile-option")),o=Array.from(i.querySelectorAll("nile-option"));n.forEach(((e,t)=>{const i=o[t];i&&this.updateClonedOption(e,i)}))}static updateClonedOption(e,t){t.selected=e.selected,t.disabled=e.disabled,t.current=e.current,t.hidden=e.hidden,this.updateClonedOptionAttributes(e,t)}static updateClonedOptionAttributes(e,t){[{prop:"selected",attr:"selected"},{prop:"disabled",attr:"disabled"},{prop:"current",attr:"current"},{prop:"hidden",attr:"hidden"}].forEach((({prop:i,attr:n})=>{e[i]?t.setAttribute(n,""):t.removeAttribute(n)}))}static createPortalListbox(e){const t=this.createBaseListbox(e);return this.addSearchSection(t,e),this.addLoadingSection(t,e),this.addOptionsSection(t,e),this.addFooterSection(t,e),t}},Xs=class{static setupPortalEventListeners(e,t){e&&(this.setupOptionClickListeners(e,t),this.setupScrollListeners(e,t),this.setupSearchListeners(e,t),this.setupFooterListeners(e,t),this.setupSlotListeners(e,t))}static setupOptionClickListeners(e,t){e&&e.addEventListener("mouseup",(e=>{const i=e.target.closest("nile-option");i&&this.handleOptionClick(i,t)}))}static handleOptionClick(e,t){const i=t.querySelector(`nile-option[value="${e.getAttribute("value")}"]`);if(i){const e=new MouseEvent("mouseup",{bubbles:!0,cancelable:!0,view:window});Object.defineProperty(e,"target",{value:i,writable:!1}),t.handleOptionClick&&t.handleOptionClick(e)}}static setupScrollListeners(e,t){e&&e.addEventListener("scroll",(e=>{t.handleScroll&&t.handleScroll(e)}))}static setupSearchListeners(e,t){if(!e)return;const i=e.querySelector("nile-input");i&&(i.addEventListener("nile-input",(e=>{t.handleSearchChange&&t.handleSearchChange(e)})),i.addEventListener("nile-focus",(e=>{t.handleSearchFocus&&t.handleSearchFocus()})),i.addEventListener("nile-blur",(e=>{t.handleSearchBlur&&t.handleSearchBlur()})))}static setupFooterListeners(e,t){if(!e)return;const i=e.querySelector(".select__footer");i&&(this.setupFooterClickHandlers(i),this.setupShowSelectedToggle(i,t),this.setupClearAllHandler(i,t)),this.setupCustomFooterListeners(e,t)}static setupCustomFooterListeners(e,t){const i=e.querySelector(".select__custom-footer");i&&i.addEventListener("click",(e=>{e.stopPropagation()}))}static setupFooterClickHandlers(e){e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault()}))}static setupShowSelectedToggle(e,t){const i=e.querySelector('span[style*="cursor: pointer"]');i&&i.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.toggleShowSelected&&t.toggleShowSelected(e)}))}static setupClearAllHandler(e,t){e.addEventListener("click",(e=>{e.target.classList.contains("select__clear")&&(e.stopPropagation(),e.preventDefault(),t.unSlectAll&&t.unSlectAll())}))}static setupSlotListeners(e,t){if(!e)return;const i=e.querySelector("slot");i&&i.addEventListener("slotchange",(()=>{t.updatePortalContent&&t.updatePortalContent()}))}},qs=class{constructor(e){this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.cleanupAutoUpdate=null,this.currentPlacement="bottom",this.currentMiddlewareData=null,this.component=e}createPortalAppendContainer(){const e=document.createElement("div");return e.style.position="absolute",e.style.zIndex="9999",e.style.pointerEvents="none",e.className="nile-virtual-select-portal-append",e}positionPortalAppend(){this.portalContainer&&this.component.popup&&(this.measurePopupHeight(),this.computeFloatingUIPosition())}measurePopupHeight(){!this.measuredPopupHeight&&this.portalContainer&&(this.portalContainer.style.position="absolute",this.portalContainer.style.visibility="hidden",this.portalContainer.style.top="0px",this.portalContainer.style.left="0px",this.portalContainer.offsetHeight,this.measuredPopupHeight=this.portalContainer.offsetHeight,this.portalContainer.style.visibility="")}async computeFloatingUIPosition(){if(!this.portalContainer)return;const e=this.component.combobox||this.component,t=this.portalContainer;try{const{x:i,y:n,placement:o,middlewareData:r}=await this.calculateFloatingUIPosition(e,t);this.applyFloatingUIPosition(t,e,i,n,o,r)}catch(e){console.warn("Floating UI positioning failed, falling back to simple positioning:",e),this.fallbackPositioning()}}async calculateFloatingUIPosition(e,t){const i=Hs.findBoundaryElements(e),n=Hs.getOptimalPlacement(e),o=this.createFloatingUIMiddleware(i);return await zn(e,t,{placement:n,strategy:"fixed",middleware:o,platform:this.createCustomPlatform()})}createFloatingUIMiddleware(e){return[pn(4),In({apply:this.handleSizeMiddleware.bind(this),padding:10,boundary:e}),yn({fallbackPlacements:["bottom","top","bottom-start","top-start","bottom-end","top-end"],fallbackStrategy:"bestFit",padding:10,boundary:e}),Dn({padding:10,crossAxis:!0,boundary:e})]}handleSizeMiddleware({availableWidth:e,availableHeight:t,elements:i,rects:n}){const o=Hs.calculateOptimalHeight(n.reference,window.innerHeight,this.currentPlacement);i.floating.style.maxWidth=`${e}px`,i.floating.style.maxHeight=`${o}px`,i.floating.style.setProperty("--auto-size-available-width",`${e}px`),i.floating.style.setProperty("--auto-size-available-height",`${o}px`)}createCustomPlatform(){return dn}applyFloatingUIPosition(e,t,i,n,o,r){Object.assign(e.style,{left:`${i}px`,top:`${n}px`,position:"fixed",pointerEvents:"auto"}),this.currentPlacement=o,this.currentMiddlewareData=r,Hs.applyCollisionData(e,r,o);const s=o.split("-")[0];e.className=`nile-virtual-select-portal-append select__listbox--${s}`;const a=t.getBoundingClientRect();e.style.width=`${a.width}px`}fallbackPositioning(){if(!this.portalContainer)return;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight;this.measuredPopupHeight;const i=t-e.bottom,n=e.top;let o,r,s;n>i?(s=Math.max(n-20,100),o=Math.max(e.top-s-4,10),r="top"):(s=Math.max(i-20,100),o=e.bottom+4,r="bottom"),this.portalContainer.style.left=`${e.left}px`,this.portalContainer.style.top=`${o}px`,this.portalContainer.style.width=`${e.width}px`,this.portalContainer.style.maxHeight=`${s}px`,this.portalContainer.style.pointerEvents="auto",this.portalContainer.className=`nile-virtual-select-portal-append select__listbox--${r}`,this.calculateAndSetAutoSizeProperties(e,o,r)}calculateAndSetAutoSizeProperties(e,t,i){if(!this.portalContainer)return;const n=window.innerHeight,o=window.innerWidth;let r;r="top"===i?e.top-10:n-e.bottom-10;const s=Math.min(e.width,o-e.left-10);this.portalContainer.style.setProperty("--auto-size-available-height",`${Math.max(r,100)}px`),this.portalContainer.style.setProperty("--auto-size-available-width",`${Math.max(s,200)}px`)}updatePortalAppendPosition(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}handleWindowResize(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}setupAutoUpdatePositioning(){this.portalContainer&&this.component&&(this.cleanupAutoUpdatePositioning(),this.cleanupAutoUpdate=Nn(this.component,this.portalContainer,(()=>{this.computeFloatingUIPosition()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!0}))}cleanupAutoUpdatePositioning(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}extractStylesAsCSS(e){return"string"==typeof e?e:Array.isArray(e)?e.map((e=>this.extractStylesAsCSS(e))).join("\n"):e&&"object"==typeof e&&e.cssText?e.cssText:""}injectStylesToDocument(){if(!this.portalContainer)return;const e=`nile-virtual-select-styles-${Math.random().toString(36).substring(2,11)}`;if(document.getElementById(e))return;const t=this.component.constructor.styles;if(!t)return;const i=document.createElement("style");i.id=e,i.textContent=this.extractStylesAsCSS(t),document.head.appendChild(i),this.portalContainer.__injectedStyleId=e}adoptStylesToPortalAppend(){this.portalContainer&&this.injectStylesToDocument()}setupPortalAppend(){this.component.portal&&this.component.updateComplete.then((()=>{const e=this.component.shadowRoot?.querySelector("#listbox");e&&(this.originalListboxParent=e.parentElement,this.portalContainer=this.createPortalAppendContainer(),this.portalContainer.appendChild(e),document.body.appendChild(this.portalContainer),this.adoptStylesToPortalAppend(),e.style.display="",this.positionPortalAppend(),this.setupAutoUpdatePositioning(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}))}cleanupPortalAppend(){if(this.cleanupAutoUpdatePositioning(),this.portalContainer&&this.portalContainer.parentNode){const e=this.portalContainer.querySelector("#listbox");e&&this.originalListboxParent&&(this.originalListboxParent.appendChild(e),e.style.display=this.component.portal?"none":"");const t=this.portalContainer.__injectedStyleId;if(t){const e=document.getElementById(t);e&&e.remove()}this.portalContainer.parentNode.removeChild(this.portalContainer)}window.removeEventListener("resize",this.handleWindowResize.bind(this)),this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.currentPlacement="bottom",this.currentMiddlewareData=null}async resetScrollPosition(){await this.component.updateComplete,requestAnimationFrame((()=>{let e=null;if(e=this.component.portal&&this.portalContainer?this.portalContainer.querySelector("#listbox"):this.component.shadowRoot?.querySelector("#listbox"),!e||!e.isConnected)return;e.scrollTop=0;const t=e.querySelector(".virtualized");if(t&&t.isConnected){this.component.data?.length<5?(t.style.overflowY="hidden",t.style.maxHeight="none",e.style.overflowY="hidden",e.style.maxHeight="fit-content"):(t.style.overflowY="auto",t.style.maxHeight="",e.style.overflowY="auto",e.style.maxHeight=""),t.scrollTop=0}const i=e.querySelector("lit-virtualizer");i&&i.isConnected&&(i.scrollTop=0)}))}get portalContainerElement(){return this.portalContainer}resetMeasuredHeight(){this.measuredPopupHeight=null}forceReposition(){this.portalContainer&&this.computeFloatingUIPosition()}getCurrentPlacement(){return this.currentPlacement}getCurrentMiddlewareData(){return this.currentMiddlewareData}isUsingFloatingUI(){return null!==this.cleanupAutoUpdate}handleViewportChange(){this.portalContainer&&(this.resetMeasuredHeight(),this.forceReposition())}isPositioningOptimal(){if(!this.portalContainer||!this.currentMiddlewareData)return!0;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight-e.bottom,i=e.top,n=this.currentPlacement.startsWith("top"),o=this.currentPlacement.startsWith("bottom");return!(n&&t>i)&&!(o&&i>t)}},Ks=class{constructor(e,{target:t,config:i,callback:n,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,null!==t&&this.t.add(t??e),this.l=i,this.o=o??this.o,this.callback=n,window.ResizeObserver?(this.u=new ResizeObserver((e=>{this.handleChanges(e),this.h.requestUpdate()})),e.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(const e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}target(e){return ea(this,e)}};const ea=Te(class extends Ss{constructor(){super(...arguments),this.observing=!1}render(e,t){}update(e,[t,i]){this.controller=t,this.part=e,this.observe=i,!1===i?(t.unobserve(e.element),this.observing=!1):!1===this.observing&&(t.observe(e.element),this.observing=!0)}disconnected(){this.controller?.unobserve(this.part.element),this.observing=!1}reconnected(){!1!==this.observe&&!1===this.observing&&(this.controller?.observe(this.part.element),this.observing=!0)}});let ta=class extends Fe{constructor(){super(...arguments),this.formControlController=new Ue(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new Ze(this,"help-text","label"),this.portalManager=new qs(this),this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.scrolling=!1,this.name="",this.data=[],this.originalOptionItems=[],this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.autoResize=!1,this.searchValue="",this.searchEnabled=!1,this.enableVisibilityEffect=!1,this.internalSearchPlaceHolder="Search...",this.disableLocalSearch=!1,this.optionsLoading=!1,this.loading=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.showSelected=!1,this.blockValueChange=!1,this.noWidthSync=!1,this.portal=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.hiddenChipCount=0,this.oldMaxOptionsVisible=1,this.lastOverflowWidth=0,this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.enableTabClose=!1,this.descriptionSearchEnabled=!1,this.allowHtmlLabel=!0,this.enableDescription=!1,this.legacy=!1,this.tickOnSelect=!1,this.showListbox=!1,this.wasShowSelectedCheckedOnClose=!1,this.handleDocumentMouseDown=e=>{if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()},this.handleWindowError=e=>{(e.error?.message||e.message||"").includes("Cannot read properties of null (reading 'insertBefore')")&&e.preventDefault()},this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()},this.resizeController=new Ks(this,{callback:e=>{for(const t of e)t.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}})}get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",t)}get chipFittingEnabled(){return!!this.multiple&&this.showTooltip&&!this.maxOptionsVisibleExplicit}get legacyTagFitEnabled(){return!!this.multiple&&!this.showTooltip}setFittedMaxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.requestUpdate("maxOptionsVisible",t)}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage??""}connectedCallback(){super.connectedCallback(),this.initializeComponent(),this.setupEventListeners(),this.updateComplete.then((()=>{this.value&&this.data.length>0&&this.selectionChanged()}))}disconnectedCallback(){this.removeOpenListeners(),this.visibilityManager?.cleanup(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.portalManager.cleanupPortalAppend(),this.destroyChipFit()}updated(e){e.has("value")&&this.selectionChanged(),(e.has("autoResize")||e.has("multiple")||e.has("maxOptionsVisible")||e.has("showTooltip"))&&this.setupResizeObserver(),e.has("showTooltip")&&void 0!==e.get("showTooltip")&&this.legacyTagFitEnabled&&this.calculateTotalWidthOfTags(),(e.has("chipMinWidth")||e.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}initializeComponent(){this.open=!1,this.emit("nile-init")}getDisplayText(e){return this.renderItemConfig?.getDisplayText?this.renderItemConfig.getDisplayText(e):e?.label||e?.name||e?.toString()||""}getItemValue(e){return this.renderItemConfig?.getValue?this.renderItemConfig.getValue(e):e?.value||e}getItemDescription(e){return this.renderItemConfig?.getDescription?this.renderItemConfig.getDescription(e):e?.description||e||""}getItemPrefix(e){return this.renderItemConfig?.getPrefix?this.renderItemConfig.getPrefix(e):e?.prefix||e||""}getItemSuffix(e){return this.renderItemConfig?.getSuffix?this.renderItemConfig.getSuffix(e):e?.suffix||e||""}getSearchText(e){return this.renderItemConfig?.getSearchText?this.renderItemConfig.getSearchText(e):this.getDisplayText(e)}setupEventListeners(){this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowError=this.handleWindowError.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),window.addEventListener("error",this.handleWindowError),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("error",this.handleWindowError),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}firstUpdated(e){this.visibilityManager=new fn({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(e,t)=>this.emit(`nile-${e}`,t)})}handleDocumentFocusIn(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}handleDocumentKeyDown(e){this.shouldIgnoreKeyPress(e)||(this.isEscapeKey(e)&&this.handleEscapeKey(e),this.isEnterOrSpaceKey(e)&&this.handleEnterOrSpaceKey(e))}shouldIgnoreKeyPress(e){const t=e.target,i=null!==t.closest(".select__clear"),n=null!==t.closest("nile-icon-button");return i||n}isEscapeKey(e){return"Escape"===e.key&&this.open}handleEscapeKey(e){e.preventDefault(),e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})}isEnterOrSpaceKey(e){return"Enter"===e.key||" "===e.key}handleEnterOrSpaceKey(e){e.preventDefault(),e.stopImmediatePropagation(),this.open?this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})):this.show()}handleFooterClick(e){e.stopPropagation(),e.preventDefault()}toggleShowSelected(e){if(e.stopPropagation(),e.preventDefault(),0!==this.selectedOptions?.length){if(this.showSelected=!this.showSelected,this.showSelected){this.searchValue="";const e=Array.isArray(this.value)?this.value:[this.value];this.data=this.originalOptionItems.filter((t=>{const i=this.getItemValue(t);return e.some((e=>String(e)===String(i)))}))}else this.data=[...this.originalOptionItems];this.portalManager.resetMeasuredHeight(),this.requestUpdate(),this.repaintOptionsContainer()}}unSelectAll(){this.showSelected=!1,this.value=this.multiple?[]:"",this.data=[...this.originalOptionItems],this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.resetScrollPosition()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(e){this.shouldIgnoreComboboxClick(e)||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}shouldIgnoreComboboxClick(e){const t=e.composedPath(),i=t.some((e=>e instanceof Element&&"nile-icon-button"===e.tagName.toLowerCase())),n=t.some((e=>e instanceof HTMLButtonElement&&e.classList.contains("select__tags-count")));return this.disabled||i||n}handleComboboxKeyDown(e){this.isEnterOrSpaceKey(e)&&(e.preventDefault(),this.open=!this.open)}handleClearClick(e){e.stopPropagation(),this.clearSelection()}clearSelection(){this.value,this.value=this.multiple?[]:"",this.selectionChanged(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-clear")}))}handleClearMouseDown(e){e.stopPropagation()}handleOptionClick(e){const t=e.target.closest("nile-option");if(this.shouldBlockValueChange(t))return;const i=this.value;this.oldValue=i,t&&!t.disabled&&this.handleOptionSelection(t)}shouldBlockValueChange(e){return!(!this.blockValueChange||!e)&&(this.emit("nile-block-change",{value:e?.value,name:this.name}),this.hide(),!0)}handleOptionSelection(e){const t=e.value;this.multiple?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==this.oldValue&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))}setSelectedOptions(e){this.value=e,this.selectionChanged()}toggleOptionSelection(e){const t=Array.isArray(this.value)?this.value:[];t.includes(e)?this.value=t.filter((t=>t!==e)):this.value=[...t,e],this.selectionChanged()}handleTagRemove(e,t){e.stopPropagation(),this.disabled||(this.removeTagFromSelection(t),this.emitTagRemovalEvent(t))}removeTagFromSelection(e){let t=this.value;Array.isArray(t)||(t=t?[t]:[]);const i=t.filter((t=>t!==e.value));this.value=i,this.selectionChanged()}emitTagRemovalEvent(e){this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:e.value})}))}selectionChanged(){const e=this.originalOptionItems.length>0?this.originalOptionItems:this.data;if(this.selectedOptions=xs.createVirtualOptionsFromValues(this.value,e,this.getDisplayText.bind(this),this.renderItemConfig?.getValue,this.allowHtmlLabel),this.multiple)this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected";else{const e=Array.isArray(this.value)?this.value[0]:this.value,t=this.selectedOptions[0]?.getTextLabel();this.displayLabel=t||(e??"")}this.updateValidity(),0===this.selectedOptions.length&&(this.showSelected=!1,this.originalOptionItems?.length>0&&!this.searchValue&&(this.data=[...this.originalOptionItems]),this.repaintOptionsContainer()),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(e){this.searchValue=e.detail.value,this.portal&&this.portalManager.updatePortalAppendPosition(),this.emit("nile-search",{query:this.searchValue,name:this.name}),this.disableLocalSearch||(this.filterVirtualOptions(this.searchValue),this.repaintOptionsContainer(),this.portalManager.resetMeasuredHeight())}repaintOptionsContainer(){this.resetScrollPosition(),this.updateComplete.then((()=>{const e=this.shadowRoot?.querySelector(".virtualized");e&&(this.data.length<5?e.classList.add("no-scroll"):e.classList.remove("no-scroll"))}))}handleScroll(e){if(this.showSelected)return;const t=e.target;this.emit("nile-scroll",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(t.scrollTop)>=Math.floor(t.scrollHeight-t.offsetHeight)&&!this.searchValue&&this.emit("nile-scroll-end",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name,isAtBottom:!0})}filterVirtualOptions(e){const t=As.filterVirtualOptions(e,this.originalOptionItems,this.data,this.getDisplayText.bind(this),this.getItemDescription.bind(this),this.descriptionSearchEnabled,this.renderItemConfig?.getSearchText);this.portal?(this.portalManager.updatePortalAppendPosition(),this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.resetScrollPosition()}))}))):this.resetScrollPosition(),this.data=t.filteredItems,this.showNoResults=t.showNoResults,this.showSelected=!1,this.requestUpdate()}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.selectionChanged(),this.requestUpdate(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handleDataChange(){this.data.length>0&&this.open&&!this.showSelected&&!this.searchValue&&(this.originalOptionItems=[...this.data]),this.selectionChanged(),this.optionsLoading||this.loading||0!==this.data.length?this.data.length>0&&(this.showNoResults=!1):this.showNoResults=!0,this.requestUpdate(),this.portalManager.resetMeasuredHeight(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handleRenderItemConfigChange(){this.value&&this.data.length>0&&(this.selectionChanged(),this.requestUpdate())}handleOptionsLoadingChange(){this.optionsLoading||0!==this.data.length||(this.showNoResults=!0),this.requestUpdate(),this.portal&&this.portalManager.portalContainerElement&&this.portalManager.updatePortalAppendPosition()}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){this.open&&!this.disabled?(this.visibilityManager?.setup(),this.showListbox=!0,await this.updateComplete,await this.handleOpen(),this.portal&&this.portalManager.setupPortalAppend()):(this.visibilityManager?.cleanup(),await this.handleClose(),this.showListbox=!1,this.portal&&this.portalManager.cleanupPortalAppend())}async handleOpen(){this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),this.showNoResults=!this.data?.length,await Yt(this),this.popup?.popup&&(this.popup.popup.style.visibility="hidden"),this.popup.active=!0,await new Promise((e=>requestAnimationFrame(e))),await new Promise((e=>requestAnimationFrame(e))),this.popup?.popup&&(this.popup.popup.style.visibility="");const{keyframes:e,options:t}=Wt(this,"select.show",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.wasShowSelectedCheckedOnClose&&(this.showSelected=!1,this.data=[...this.originalOptionItems],this.wasShowSelectedCheckedOnClose=!1),this.filterVirtualOptions(""),this.resetScrollPosition(),this.emit("nile-after-show",{value:this.value,name:this.name})}async handleClose(){this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),this.wasShowSelectedCheckedOnClose=this.showSelected,await Yt(this);const{keyframes:e,options:t}=Wt(this,"select.hide",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.popup.active=!1,this.popup?.popup&&(this.popup.popup.style.visibility=""),this.searchValue="",this.portalManager.resetMeasuredHeight(),this.emit("nile-after-hide",{value:this.value,name:this.name})}async show(){if(!this.open&&!this.disabled)return this.open=!0,Jt(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Jt(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.displayInput.focus(e)}blur(){this.displayInput.blur()}onInputChange(e){e.stopPropagation()}render(){const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const t=this.hasSlotController.test("label-suffix"),i=this.hasSlotController.test("custom-select"),n=!!this.label||!!e,o=this.clearable&&!this.disabled&&this.value.length>0,r=!!this.placeholder&&0===this.value.length,s=!!this.helpText,a=!!this.errorMessage;return R`
       <div
         part="form-control"
         class=${Ae({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":n,"form-control--has-help-text":s})}
@@ -6636,36 +6626,36 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
       </div>
     `}renderTags(){return this.chipFittingEnabled?this.renderFittedTags():this.multiple?R`
           <div part="tags" class="select__tags">
-            ${this.selectedOptions.map(((e,t)=>t<this.maxOptionsVisible||this.maxOptionsVisible<=0?R`
-                  <nile-lite-tooltip
+            ${this.selectedOptions.map(((e,t)=>t<this.maxOptionsVisible||this.maxOptionsVisible<=0?this.showTooltip?R`<nile-lite-tooltip
                     class="select__tag-tip"
                     .content=${e.getTextLabel()}
                     ?disabled=${this.chipTooltipDisabled(t)}
-                  >
-                  <nile-tag
-                    part="tag"
-                    exportparts="
-                        base:tag__base,
-                        content:tag__content,
-                        remove-button:tag__remove-button,
-                        remove-button__base:tag__remove-button__base
-                      "
-                    style="max-width:${this.chipMaxWidth}px"
-                    ?pill=${this.pill}
-                    size=${this.size}
-                    removable
-                    @nile-remove=${t=>this.handleTagRemove(t,e)}
-                  >
-                    ${e.getTextLabel()}
-                  </nile-tag>
-                  </nile-lite-tooltip>
-                `:t===this.maxOptionsVisible?R`
+                      >${this.renderLegacyTag(e,t)}</nile-lite-tooltip
+                    >`:this.renderLegacyTag(e,t):t===this.maxOptionsVisible?R`
                   <span class="select__tags-count"
                     >+${this.selectedOptions.length-t} More
                   </span>
                 `:null))}
           </div>
-        `:R``}renderValueInput(){return R`
+        `:R``}renderLegacyTag(e,t){const i={select__invisible:t+1>this.oldMaxOptionsVisible&&this.maxOptionsVisible===1/0};return R`
+      <nile-tag
+        class=${Ae(i)}
+        part="tag"
+        exportparts="
+            base:tag__base,
+            content:tag__content,
+            remove-button:tag__remove-button,
+            remove-button__base:tag__remove-button__base
+          "
+        style=${Pe(this.showTooltip?`max-width:${this.chipMaxWidth}px`:void 0)}
+        ?pill=${this.pill}
+        size=${this.size}
+        removable
+        @nile-remove=${t=>this.handleTagRemove(t,e)}
+      >
+        ${e.getTextLabel()}
+      </nile-tag>
+    `}renderValueInput(){return R`
       <input
         class="select__value-input"
         type="text"
@@ -6751,7 +6741,7 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
       `:R``}renderFooter(){return this.multiple?R`
           <div
             part="footer"
-            class="select__footer ${this.loading?"loading":""}"
+            class=${Ae({select__footer:!0,loading:!!this.loading,"select__footer--query":!this.noWidthSync||this.portal})}
             @click="${this.handleFooterClick}"
           >
             <span
@@ -6791,7 +6781,7 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
               >${this.errorMessage}</nile-form-error-message
             >
           `:""}
-    `}getVirtualizedContent(){return Gs.getVirtualizedContent(this.data,this.searchEnabled,this.getDisplayText.bind(this),this.value,this.multiple,this.renderItemConfig?.getDisplayText,this.renderItemConfig?.getValue,this.renderItemConfig?.getDescription,this.renderItemConfig?.getPrefix,this.renderItemConfig?.getSuffix,this.showNoResults,this.noResultsMessage,this.optionsLoading||this.loading,this.handleScroll.bind(this),this.allowHtmlLabel,this.enableDescription,this.tickOnSelect,this.legacy)}nileInput(e){this.emit("nile-input",e)}nileChange(e){this.emit("nile-change",e)}updateValidity(){this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}setupResizeObserver(){const e=this.autoResize&&this.chipFittingEnabled?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(e!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),e)return this.resizeController.observe(e),void(this.observedTagsContainer=e);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}calculateTotalWidthOfTags(){this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}allocateChipWidths(e,t){const i=this.chipMinWidth,n=this.chipMaxWidth;if(e.reduce(((e,t)=>e+t),0)<=t)return e.slice();if(!this.showTooltip)return null;const o=e.map((e=>Math.min(e,n)));if(o.reduce(((e,t)=>e+t),0)<=t)return o;const r=new Array(e.length).fill(0);let s=o.map(((e,t)=>t)),a=t;for(;0!==s.length;){const e=a/s.length,t=s.filter((t=>o[t]<=e));if(0===t.length)break;for(const e of t)r[e]=o[e],a-=o[e];s=s.filter((t=>o[t]>e))}if(s.length>0){const e=a/s.length;if(e<i)return null;const t=Math.floor(e);for(const e of s)r[e]=t}return r}computeChipFit(e,t,i,n){const o=e.length;if(0===o)return{visibleCount:0,widths:[],hiddenCount:0};for(let r=o;r>=1;r--){const s=o-r,a=t-(s>0?i+n:0)-n*(r-1);if(a<=0)continue;const l=this.allocateChipWidths(e.slice(0,r),a);if(l)return{visibleCount:r,widths:l,hiddenCount:s}}const r=t-i-n;return{visibleCount:1,widths:[Math.max(0,Math.min(e[0],this.showTooltip?Math.max(this.chipMinWidth,r):r))],hiddenCount:o-1}}layoutChips(){const e=this.shadowRoot;if(!e)return;const t=e.querySelector(".select__tags");if(!t)return;const i=Array.from(t.querySelectorAll("nile-tag"));if(0===i.length)return void(this.hiddenChipCount=0);const n=t.querySelector(".select__tags-count");for(const e of i)e.style.display="",e.style.width="auto",e.style.maxWidth="none",e.style.minWidth="0",e.style.flex="0 0 auto";const o=i.map((e=>Math.ceil(e.getBoundingClientRect().width))),r=n?Math.ceil(n.getBoundingClientRect().width):this.lastOverflowWidth;n&&(this.lastOverflowWidth=r);const s=getComputedStyle(t),a=parseFloat(s.columnGap||s.gap||"0")||0,l=this.computeChipFit(o,t.clientWidth,r,a);i.forEach(((e,t)=>{if(t<l.visibleCount){const i=Math.min(o[t],Math.max(l.widths[t],this.chipMinWidth));e.style.display="",e.style.width=`${i}px`,e.style.maxWidth=`${i}px`,e.style.flex="0 0 auto"}else e.style.display="none"})),this.lastChipLayout.hidden===l.hiddenCount&&this.lastChipLayout.visible===l.visibleCount||(this.lastChipLayout={hidden:l.hiddenCount,visible:l.visibleCount},this.hiddenChipCount=l.hiddenCount),this.refreshClippedChips()}isChipClipped(e){if(!e)return!1;const t=e.shadowRoot;if(t){const e=t.querySelector('[part="content"]');if(e&&e.scrollWidth>e.clientWidth+1)return!0;const i=t.querySelector('[part="prefix_content_wrapper"]');if(i&&i.scrollWidth>i.clientWidth+1)return!0}return e.scrollWidth>e.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const e=this.shadowRoot;if(!e)return;const t=Array.from(e.querySelectorAll(".select__tags nile-tag")).map((e=>this.isChipClipped(e))),i=t.length===this.clippedChips.length&&t.every(((e,t)=>e===this.clippedChips[t]));i||(this.clippedChips=t)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(e){return!this.showTooltip||!this.clippedChips[e]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1}}getChipLabel(e){return(e.getTextLabel?.()??"").trim()}handleChipKeyDown(e,t){if(e.key!==gt.BACKSPACE&&e.key!==gt.DELETE)return;if(this.disabled)return;e.preventDefault(),e.stopPropagation();const i=this.selectedOptions.indexOf(t);this.handleTagRemove(new CustomEvent("nile-remove"),t),this.restoreFocusAfterChipRemoval(i)}async restoreFocusAfterChipRemoval(e){if(e<0)return;await this.updateComplete,await new Promise((e=>requestAnimationFrame((()=>e()))));const t=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((e=>"none"!==e.style.display)),i=t[e]??t[t.length-1];i?i.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.open=!this.open)}handleOverflowKeyDown(e){e.key!==gt.ENTER&&e.key!==gt.SPACE||this.handleOverflowActivate(e)}async resetScrollPosition(){await this.portalManager.resetScrollPosition()}};ta.styles=Ts,e([pe(".select")],ta.prototype,"popup",void 0),e([pe(".select__combobox")],ta.prototype,"combobox",void 0),e([pe(".select__display-input")],ta.prototype,"displayInput",void 0),e([pe(".select__value-input")],ta.prototype,"valueInput",void 0),e([pe(".virtualized")],ta.prototype,"virtualizedContainer",void 0),e([he()],ta.prototype,"hasFocus",void 0),e([he()],ta.prototype,"displayLabel",void 0),e([he()],ta.prototype,"selectedOptions",void 0),e([he()],ta.prototype,"oldValue",void 0),e([de()],ta.prototype,"name",void 0),e([de({type:Array})],ta.prototype,"data",void 0),e([he()],ta.prototype,"originalOptionItems",void 0),e([de({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>e.join(" ")}})],ta.prototype,"value",void 0),e([et()],ta.prototype,"defaultValue",void 0),e([de()],ta.prototype,"size",void 0),e([de()],ta.prototype,"placeholder",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],ta.prototype,"autoResize",void 0),e([he()],ta.prototype,"searchValue",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"searchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableVisibilityEffect",void 0),e([de({attribute:"internal-search-placeholder"})],ta.prototype,"internalSearchPlaceHolder",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"disableLocalSearch",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"optionsLoading",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"loading",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"multiple",void 0),e([de({attribute:"help-text",reflect:!0})],ta.prototype,"helpText",void 0),e([de({attribute:"error-message",reflect:!0})],ta.prototype,"errorMessage",void 0),e([de({type:Boolean})],ta.prototype,"warning",void 0),e([de({type:Boolean})],ta.prototype,"error",void 0),e([de({type:Boolean})],ta.prototype,"success",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"disabled",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"clearable",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"open",void 0),e([de({type:Boolean})],ta.prototype,"hoist",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"filled",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"pill",void 0),e([de()],ta.prototype,"label",void 0),e([de({reflect:!0})],ta.prototype,"placement",void 0),e([de({reflect:!0})],ta.prototype,"form",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"required",void 0),e([de({type:Boolean})],ta.prototype,"showNoResults",void 0),e([de({type:String})],ta.prototype,"noResultsMessage",void 0),e([de({type:Boolean})],ta.prototype,"showSelected",void 0),e([de({attribute:!1})],ta.prototype,"renderItemConfig",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"blockValueChange",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"noWidthSync",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"portal",void 0),e([de({attribute:"max-options-visible",type:Number})],ta.prototype,"maxOptionsVisible",null),e([de({type:Number,reflect:!0,attribute:!0})],ta.prototype,"chipMinWidth",void 0),e([de({type:Number,reflect:!0,attribute:!0})],ta.prototype,"chipMaxWidth",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],ta.prototype,"showTooltip",void 0),e([he()],ta.prototype,"hiddenChipCount",void 0),e([he()],ta.prototype,"clippedChips",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableTabClose",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"descriptionSearchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0,converter:{fromAttribute:e=>"true"===e,toAttribute:e=>String(e)}})],ta.prototype,"allowHtmlLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableDescription",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"legacy",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"tickOnSelect",void 0),e([he()],ta.prototype,"showListbox",void 0),e([he()],ta.prototype,"wasShowSelectedCheckedOnClose",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],ta.prototype,"handleDisabledChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],ta.prototype,"handleValueChange",null),e([Ve("data",{waitUntilFirstUpdate:!0})],ta.prototype,"handleDataChange",null),e([Ve("renderItemConfig",{waitUntilFirstUpdate:!0})],ta.prototype,"handleRenderItemConfigChange",null),e([Ve("optionsLoading",{waitUntilFirstUpdate:!0})],ta.prototype,"handleOptionsLoadingChange",null),e([Ve("portal",{waitUntilFirstUpdate:!0})],ta.prototype,"handlePortalAppendChange",null),e([Ve("open",{waitUntilFirstUpdate:!0})],ta.prototype,"handleOpenChange",null),ta=e([ce("nile-virtual-select")],ta),Rt("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Rt("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});class ia{constructor(e){this.component=e}renderVirtualizedContent(){const e=this.component;return R`
+    `}getVirtualizedContent(){return Gs.getVirtualizedContent(this.data,this.searchEnabled,this.getDisplayText.bind(this),this.value,this.multiple,this.renderItemConfig?.getDisplayText,this.renderItemConfig?.getValue,this.renderItemConfig?.getDescription,this.renderItemConfig?.getPrefix,this.renderItemConfig?.getSuffix,this.showNoResults,this.noResultsMessage,this.optionsLoading||this.loading,this.handleScroll.bind(this),this.allowHtmlLabel,this.enableDescription,this.tickOnSelect,this.legacy)}nileInput(e){this.emit("nile-input",e)}nileChange(e){this.emit("nile-change",e)}updateValidity(){this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}setupResizeObserver(){const e=this.autoResize&&(this.chipFittingEnabled||this.legacyTagFitEnabled)?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(e!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),e)return this.resizeController.observe(e),void(this.observedTagsContainer=e);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}calculateTotalWidthOfTags(){this.legacyTagFitEnabled?this.fitTagsLegacy():this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const e=this.shadowRoot.querySelector(".select__tags");if(e){return e.offsetWidth-70}}return null}fitTagsLegacy(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.setFittedMaxOptionsVisible(1/0),setTimeout((()=>{const e=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((t=>{t instanceof HTMLElement&&e.push(t.offsetWidth)}))}if(this.value.length!==e.length)return;const t=this.calculateWidthOfSelectTagsDiv();if(!t)return;let i=0,n=0;for(let o=0;o<e.length;o++)if(i+=e[o],i>t){n=o;break}this.setFittedMaxOptionsVisible(n)}),1)}allocateChipWidths(e,t){const i=this.chipMinWidth,n=this.chipMaxWidth;if(e.reduce(((e,t)=>e+t),0)<=t)return e.slice();if(!this.showTooltip)return null;const o=e.map((e=>Math.min(e,n)));if(o.reduce(((e,t)=>e+t),0)<=t)return o;const r=new Array(e.length).fill(0);let s=o.map(((e,t)=>t)),a=t;for(;0!==s.length;){const e=a/s.length,t=s.filter((t=>o[t]<=e));if(0===t.length)break;for(const e of t)r[e]=o[e],a-=o[e];s=s.filter((t=>o[t]>e))}if(s.length>0){const e=a/s.length;if(e<i)return null;const t=Math.floor(e);for(const e of s)r[e]=t}return r}computeChipFit(e,t,i,n){const o=e.length;if(0===o)return{visibleCount:0,widths:[],hiddenCount:0};for(let r=o;r>=1;r--){const s=o-r,a=t-(s>0?i+n:0)-n*(r-1);if(a<=0)continue;const l=this.allocateChipWidths(e.slice(0,r),a);if(l)return{visibleCount:r,widths:l,hiddenCount:s}}const r=t-i-n;return{visibleCount:1,widths:[Math.max(0,Math.min(e[0],this.showTooltip?Math.max(this.chipMinWidth,r):r))],hiddenCount:o-1}}layoutChips(){const e=this.shadowRoot;if(!e)return;const t=e.querySelector(".select__tags");if(!t)return;const i=Array.from(t.querySelectorAll("nile-tag"));if(0===i.length)return void(this.hiddenChipCount=0);const n=t.querySelector(".select__tags-count");for(const e of i)e.style.display="",e.style.width="auto",e.style.maxWidth="none",e.style.minWidth="0",e.style.flex="0 0 auto";const o=i.map((e=>Math.ceil(e.getBoundingClientRect().width))),r=n?Math.ceil(n.getBoundingClientRect().width):this.lastOverflowWidth;n&&(this.lastOverflowWidth=r);const s=getComputedStyle(t),a=parseFloat(s.columnGap||s.gap||"0")||0,l=this.computeChipFit(o,t.clientWidth,r,a);i.forEach(((e,t)=>{if(t<l.visibleCount){const i=Math.min(o[t],Math.max(l.widths[t],this.chipMinWidth));e.style.display="",e.style.width=`${i}px`,e.style.maxWidth=`${i}px`,e.style.flex="0 0 auto"}else e.style.display="none"})),this.lastChipLayout.hidden===l.hiddenCount&&this.lastChipLayout.visible===l.visibleCount||(this.lastChipLayout={hidden:l.hiddenCount,visible:l.visibleCount},this.hiddenChipCount=l.hiddenCount),this.refreshClippedChips()}labelOverflows(e){let t=1/0,i=-1/0;const n=document.createRange();for(const o of e.assignedNodes({flatten:!0})){let e;if(o.nodeType===Node.TEXT_NODE){if(!o.textContent?.trim())continue;n.selectNodeContents(o),e=n.getBoundingClientRect()}else{if(!(o instanceof Element))continue;e=o.getBoundingClientRect()}0!==e.width&&(t=Math.min(t,e.left),i=Math.max(i,e.right))}if(i<t)return!1;const o=e.getBoundingClientRect(),r=getComputedStyle(e),s=o.left+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingLeft),a=1/64;return i>o.right-parseFloat(r.borderRightWidth)-parseFloat(r.paddingRight)+a||t<s-a}isChipClipped(e){if(!e)return!1;const t=e.shadowRoot;if(t){const e=t.querySelector('[part="content"]');if(e&&this.labelOverflows(e))return!0;const i=t.querySelector('[part="prefix_content_wrapper"]');if(i&&i.scrollWidth>i.clientWidth+1)return!0}return e.scrollWidth>e.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const e=this.shadowRoot;if(!e)return;const t=Array.from(e.querySelectorAll(".select__tags nile-tag")).map((e=>this.isChipClipped(e))),i=t.length===this.clippedChips.length&&t.every(((e,t)=>e===this.clippedChips[t]));i||(this.clippedChips=t)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(e){return!this.showTooltip||!this.clippedChips[e]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1}}getChipLabel(e){return(e.getTextLabel?.()??"").trim()}handleChipKeyDown(e,t){if(e.key!==gt.BACKSPACE&&e.key!==gt.DELETE)return;if(this.disabled)return;e.preventDefault(),e.stopPropagation();const i=this.selectedOptions.indexOf(t);this.handleTagRemove(new CustomEvent("nile-remove"),t),this.restoreFocusAfterChipRemoval(i)}async restoreFocusAfterChipRemoval(e){if(e<0)return;await this.updateComplete,await new Promise((e=>requestAnimationFrame((()=>e()))));const t=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((e=>"none"!==e.style.display)),i=t[e]??t[t.length-1];i?i.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.open=!this.open)}handleOverflowKeyDown(e){e.key!==gt.ENTER&&e.key!==gt.SPACE||this.handleOverflowActivate(e)}async resetScrollPosition(){await this.portalManager.resetScrollPosition()}};ta.styles=Ts,e([pe(".select")],ta.prototype,"popup",void 0),e([pe(".select__combobox")],ta.prototype,"combobox",void 0),e([pe(".select__display-input")],ta.prototype,"displayInput",void 0),e([pe(".select__value-input")],ta.prototype,"valueInput",void 0),e([pe(".virtualized")],ta.prototype,"virtualizedContainer",void 0),e([he()],ta.prototype,"hasFocus",void 0),e([he()],ta.prototype,"displayLabel",void 0),e([he()],ta.prototype,"selectedOptions",void 0),e([he()],ta.prototype,"oldValue",void 0),e([de()],ta.prototype,"name",void 0),e([de({type:Array})],ta.prototype,"data",void 0),e([he()],ta.prototype,"originalOptionItems",void 0),e([de({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>e.join(" ")}})],ta.prototype,"value",void 0),e([et()],ta.prototype,"defaultValue",void 0),e([de()],ta.prototype,"size",void 0),e([de()],ta.prototype,"placeholder",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],ta.prototype,"autoResize",void 0),e([he()],ta.prototype,"searchValue",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"searchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableVisibilityEffect",void 0),e([de({attribute:"internal-search-placeholder"})],ta.prototype,"internalSearchPlaceHolder",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"disableLocalSearch",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"optionsLoading",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"loading",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"multiple",void 0),e([de({attribute:"help-text",reflect:!0})],ta.prototype,"helpText",void 0),e([de({attribute:"error-message",reflect:!0})],ta.prototype,"errorMessage",void 0),e([de({type:Boolean})],ta.prototype,"warning",void 0),e([de({type:Boolean})],ta.prototype,"error",void 0),e([de({type:Boolean})],ta.prototype,"success",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"disabled",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"clearable",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"open",void 0),e([de({type:Boolean})],ta.prototype,"hoist",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"filled",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"pill",void 0),e([de()],ta.prototype,"label",void 0),e([de({reflect:!0})],ta.prototype,"placement",void 0),e([de({reflect:!0})],ta.prototype,"form",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"required",void 0),e([de({type:Boolean})],ta.prototype,"showNoResults",void 0),e([de({type:String})],ta.prototype,"noResultsMessage",void 0),e([de({type:Boolean})],ta.prototype,"showSelected",void 0),e([de({attribute:!1})],ta.prototype,"renderItemConfig",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"blockValueChange",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"noWidthSync",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"portal",void 0),e([de({attribute:"max-options-visible",type:Number})],ta.prototype,"maxOptionsVisible",null),e([de({type:Number,attribute:!0})],ta.prototype,"chipMinWidth",void 0),e([de({type:Number,attribute:!0})],ta.prototype,"chipMaxWidth",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],ta.prototype,"showTooltip",void 0),e([he()],ta.prototype,"hiddenChipCount",void 0),e([he()],ta.prototype,"oldMaxOptionsVisible",void 0),e([he()],ta.prototype,"clippedChips",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableTabClose",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"descriptionSearchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0,converter:{fromAttribute:e=>"true"===e,toAttribute:e=>String(e)}})],ta.prototype,"allowHtmlLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"enableDescription",void 0),e([de({type:Boolean,reflect:!0})],ta.prototype,"legacy",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],ta.prototype,"tickOnSelect",void 0),e([he()],ta.prototype,"showListbox",void 0),e([he()],ta.prototype,"wasShowSelectedCheckedOnClose",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],ta.prototype,"handleDisabledChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],ta.prototype,"handleValueChange",null),e([Ve("data",{waitUntilFirstUpdate:!0})],ta.prototype,"handleDataChange",null),e([Ve("renderItemConfig",{waitUntilFirstUpdate:!0})],ta.prototype,"handleRenderItemConfigChange",null),e([Ve("optionsLoading",{waitUntilFirstUpdate:!0})],ta.prototype,"handleOptionsLoadingChange",null),e([Ve("portal",{waitUntilFirstUpdate:!0})],ta.prototype,"handlePortalAppendChange",null),e([Ve("open",{waitUntilFirstUpdate:!0})],ta.prototype,"handleOpenChange",null),ta=e([ce("nile-virtual-select")],ta),Rt("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Rt("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});class ia{constructor(e){this.component=e}renderVirtualizedContent(){const e=this.component;return R`
       <div class="virtual-select">
         <nile-virtual-select
           .name=${e.name}
@@ -6837,6 +6827,8 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
           .enableDescription=${e.enableDescription}
           .tickOnSelect=${e.tickOnSelect}
           .legacy=${e.legacy}
+          @nile-input=${t=>e.syncValueFromVirtualSelect(t)}
+          @nile-change=${t=>e.syncValueFromVirtualSelect(t)}
           exportparts="
             select-options,
             select-no-results,
@@ -6870,9 +6862,9 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
           <slot name="prefix" slot="prefix"></slot>
         </nile-virtual-select>
       </div>
-    `}}class na{constructor(e){this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.clonedListbox=null,this.cleanupAutoUpdate=null,this.currentPlacement="bottom",this.currentMiddlewareData=null,this.component=e}createPortalAppendContainer(){const e=document.createElement("div");return e.style.position="absolute",e.style.zIndex="9999",e.style.pointerEvents="none",e.className="nile-select-portal-append",e}positionPortalAppend(){this.portalContainer&&this.component.popup&&(this.measurePopupHeight(),this.computeFloatingUIPosition())}measurePopupHeight(){!this.measuredPopupHeight&&this.portalContainer&&(this.portalContainer.style.position="absolute",this.portalContainer.style.visibility="hidden",this.portalContainer.style.top="0px",this.portalContainer.style.left="0px",this.portalContainer.offsetHeight,this.measuredPopupHeight=this.portalContainer.offsetHeight,this.portalContainer.style.visibility="")}async computeFloatingUIPosition(){if(!this.portalContainer)return;const e=this.component.combobox||this.component,t=this.portalContainer;try{const{x:i,y:n,placement:o,middlewareData:r}=await this.calculateFloatingUIPosition(e,t);this.applyFloatingUIPosition(t,e,i,n,o,r)}catch(e){console.warn("Floating UI positioning failed, falling back to simple positioning:",e),this.fallbackPositioning()}}async calculateFloatingUIPosition(e,t){const i=Hs.findBoundaryElements(e),n=Hs.getOptimalPlacement(e),o=this.createFloatingUIMiddleware(i);return await zn(e,t,{placement:n,strategy:"fixed",middleware:o,platform:this.createCustomPlatform()})}createFloatingUIMiddleware(e){return[pn(4),In({apply:this.handleSizeMiddleware.bind(this),padding:10,boundary:e}),yn({fallbackPlacements:["bottom","top","bottom-start","top-start","bottom-end","top-end"],fallbackStrategy:"bestFit",padding:10,boundary:e}),Dn({padding:10,crossAxis:!0,boundary:e})]}handleSizeMiddleware({availableWidth:e,availableHeight:t,elements:i,rects:n}){const o=Hs.calculateOptimalHeight(n.reference,window.innerHeight,this.currentPlacement);i.floating.style.maxWidth=`${e}px`,i.floating.style.maxHeight=`${o}px`,i.floating.style.setProperty("--auto-size-available-width",`${e}px`),i.floating.style.setProperty("--auto-size-available-height",`${o}px`)}createCustomPlatform(){return dn}applyFloatingUIPosition(e,t,i,n,o,r){Object.assign(e.style,{left:`${i}px`,top:`${n}px`,position:"fixed",pointerEvents:"auto"}),this.currentPlacement=o,this.currentMiddlewareData=r,Hs.applyCollisionData(e,r,o);const s=o.split("-")[0];e.className=`nile-select-portal-append select__listbox--${s}`;const a=t.getBoundingClientRect();e.style.width=`${a.width}px`}fallbackPositioning(){if(!this.portalContainer)return;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight;this.measuredPopupHeight;const i=t-e.bottom,n=e.top;let o,r,s;n>i?(s=Math.max(n-20,100),o=Math.max(e.top-s-4,10),r="top"):(s=Math.max(i-20,100),o=e.bottom+4,r="bottom"),this.portalContainer.style.left=`${e.left}px`,this.portalContainer.style.top=`${o}px`,this.portalContainer.style.width=`${e.width}px`,this.portalContainer.style.maxHeight=`${s}px`,this.portalContainer.style.pointerEvents="auto",this.portalContainer.className=`nile-select-portal-append select__listbox--${r}`,this.calculateAndSetAutoSizeProperties(e,o,r)}calculateAndSetAutoSizeProperties(e,t,i){if(!this.portalContainer)return;const n=window.innerHeight,o=window.innerWidth;let r;r="top"===i?e.top-10:n-e.bottom-10;const s=Math.min(e.width,o-e.left-10);this.portalContainer.style.setProperty("--auto-size-available-height",`${Math.max(r,100)}px`),this.portalContainer.style.setProperty("--auto-size-available-width",`${Math.max(s,200)}px`)}updatePortalAppendPosition(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}handleWindowResize(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}setupAutoUpdatePositioning(){this.portalContainer&&this.component&&(this.cleanupAutoUpdatePositioning(),this.cleanupAutoUpdate=Nn(this.component,this.portalContainer,(()=>{this.computeFloatingUIPosition()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!0}))}cleanupAutoUpdatePositioning(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}injectStylesToDocument(){if(!this.portalContainer)return;const e=Hs.generateStyleId();if(document.getElementById(e))return;const t=this.component.constructor.styles;if(!t)return;const i=document.createElement("style");i.id=e,i.textContent=Hs.extractStylesAsCSS(t),document.head.appendChild(i),this.portalContainer.__injectedStyleId=e}adoptStylesToPortalAppend(){this.portalContainer&&this.injectStylesToDocument()}setupPortalAppend(){this.component.portal&&this.component.updateComplete.then((()=>{setTimeout((()=>{const e=this.component.shadowRoot?.querySelector("#listbox");e&&(this.originalListboxParent=e.parentElement,this.clonedListbox=this.createPortalListbox(),this.portalContainer=this.createPortalAppendContainer(),this.portalContainer.appendChild(this.clonedListbox),document.body.appendChild(this.portalContainer),this.adoptStylesToPortalAppend(),this.clonedListbox.style.display="",this.positionPortalAppend(),this.setupPortalEventListeners(),this.updatePortalContent(),setTimeout((()=>{this.updateFooterState()}),50),this.setupAutoUpdatePositioning(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}),10)}))}createPortalListbox(){return Js.createPortalListbox(this.component)}setupPortalEventListeners(){Xs.setupPortalEventListeners(this.clonedListbox,this.component)}updatePortalContent(){this.clonedListbox&&(Js.updateClonedOptions(this.clonedListbox,this.component),this.updateFooterState())}updateFooterState(){const e=this.clonedListbox?.querySelector(".select__footer");if(!e||!this.component.multiple)return;const t=e.querySelector("nile-checkbox");t&&(t.disabled=0===this.component.selectedOptions.length,t.checked=this.component.showSelected);const i=e.querySelector(".select__clear");if(0===this.component.selectedOptions.length)i&&i.remove();else if(!i){const t=document.createElement("span");t.className="select__clear",t.textContent="Clear All",t.style.cursor="pointer",e.appendChild(t)}}cleanupPortalAppend(){if(this.cleanupAutoUpdatePositioning(),this.portalContainer&&this.portalContainer.parentNode){const e=this.portalContainer.__injectedStyleId;if(e){const t=document.getElementById(e);t&&t.remove()}this.portalContainer.parentNode.removeChild(this.portalContainer)}window.removeEventListener("resize",this.handleWindowResize.bind(this)),this.portalContainer=null,this.originalListboxParent=null,this.clonedListbox=null,this.measuredPopupHeight=null,this.currentPlacement="bottom",this.currentMiddlewareData=null}get portalContainerElement(){return this.portalContainer}resetMeasuredHeight(){this.measuredPopupHeight=null}updatePortalOptions(){this.portalContainer&&this.clonedListbox&&(this.updatePortalContent(),this.forceReposition())}forceReposition(){this.portalContainer&&this.computeFloatingUIPosition()}getCurrentPlacement(){return this.currentPlacement}getCurrentMiddlewareData(){return this.currentMiddlewareData}isUsingFloatingUI(){return null!==this.cleanupAutoUpdate}updatePositioningConfig(e){this.forceReposition()}handleViewportChange(){this.portalContainer&&(this.resetMeasuredHeight(),this.forceReposition())}isPositioningOptimal(){if(!this.portalContainer||!this.currentMiddlewareData)return!0;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight-e.bottom,i=e.top,n=this.currentPlacement.startsWith("top"),o=this.currentPlacement.startsWith("bottom");return!(n&&t>i)&&!(o&&i>t)}}let oa=class extends Fe{get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",t)}get chipFittingEnabled(){return!!this.multiple&&!this.maxOptionsVisibleExplicit}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}constructor(){super(),this.portalManager=new na(this),this.hasSlotController=new Ze(this,"help-text","label","pre-footer"),this.typeToSelectString="",this.scrolling=!1,this.options=[],this.resizeController=new Ks(this,{callback:e=>{for(const t of e)t.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}}),this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.hiddenChipCount=0,this.lastOverflowWidth=0,this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.legacy=!1,this.tickOnSelect=!1,this.internalSearchPlaceHolder="Search...",this.enableVisibilityEffect=!1,this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.portal=!1,this.multiple=!1,this.helpText="",this.help_text="",this.autoResize=!1,this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.enableTabClose=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.data=[],this.enableVirtualScroll=!1,this.enableGroupHeader=!1,this.autoFocusSearch=!1,this.loading=!1,this.stickyHeader=!1,this.descriptionSearchEnabled=!1,this.enableDescription=!1,this.allowHtmlLabel=!0,this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()}}connectedCallback(){super.connectedCallback(),this.enableVirtualScroll||(this.formControlController=new Ue(this,{assumeInteractionOn:["nile-blur","nile-input"]})),this.virtualScrollHelper=new ia(this),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.visibilityManager?.cleanup(),this.portalManager.cleanupPortalAppend(),this.destroyChipFit(),this.emit("nile-destroy")}setupResizeObserver(){const e=this.autoResize&&this.chipFittingEnabled?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(e!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),e)return this.resizeController.observe(e),void(this.observedTagsContainer=e);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}syncVirtualSelectMaxOptionsVisible(){if(!this.enableVirtualScroll||!this.maxOptionsVisibleExplicit)return;const e=this.shadowRoot?.querySelector("nile-virtual-select");e&&e.maxOptionsVisible!==this._maxOptionsVisible&&(e.maxOptionsVisible=this._maxOptionsVisible)}updated(e){e.has("searchEnabled")&&this.updateGroupStickyOffsets(),e.has("multiple")&&this.setCheckBoxInOption(this.multiple),e.has("legacy")&&this.setLegacyInOptions(this.legacy),e.has("tickOnSelect")&&this.setTickOnSelectInOptions(this.tickOnSelect),(e.has("autoResize")||e.has("multiple")||e.has("maxOptionsVisible"))&&this.setupResizeObserver(),this.syncVirtualSelectMaxOptionsVisible(),e.has("enableDescription")&&this.setEnableDescriptionInOptions(),(e.has("chipMinWidth")||e.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}firstUpdated(e){this.enableGroupHeader&&(this.disableLocalSearch||this.handleGroupSearchChange(),this.applyStickyToGroups()),this.setupResizeObserver(),e.has("multiple")&&this.setCheckBoxInOption(this.multiple),this.setLegacyInOptions(this.legacy),this.setTickOnSelectInOptions(this.tickOnSelect),e.has("enableDescription")&&this.setEnableDescriptionInOptions(),this.visibilityManager=new fn({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(e,t)=>this.emit(`nile-${e}`,t)})}setCheckBoxInOption(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.showCheckbox=e}))}setLegacyInOptions(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.legacy=e}))}setTickOnSelectInOptions(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.tickOnSelect=e}))}setEnableDescriptionInOptions(){this.options=this.getAllOptions(),this.options.forEach((e=>{(e?.updateComplete??Promise.resolve()).then((()=>{e.isDescriptionEnabled=this.enableDescription})).catch((()=>{}))}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}updateGroupStickyOffsets(){this.querySelectorAll("nile-option-group").forEach((e=>{this.searchEnabled?e.setAttribute("search-enabled",""):e.removeAttribute("search-enabled")}))}handleFooterClick(e){e.stopPropagation(),e.preventDefault()}handlePreFooterClick(){this.hide()}toggleShowSelected(e){if(e.stopPropagation(),e.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((e=>{e.selected=!1,e.hidden=!1})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.portal&&this.open&&this.portalManager.updatePortalOptions()}handleDocumentKeyDown(e){const t=e.target,i=null!==t.closest(".select__clear"),n=null!==t.closest("nile-icon-button");if(!i&&!n){if("Escape"===e.key&&this.open&&(e.preventDefault(),e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===e.key||" "===e.key&&""===this.typeToSelectString)return e.preventDefault(),e.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===e.key.length||"Backspace"===e.key){const t=this.getAllOptions();if(e.metaKey||e.ctrlKey||e.altKey)return;if(!this.open){if("Backspace"===e.key)return;this.show()}e.stopPropagation(),e.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===e.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=e.key.toLowerCase();for(const e of t){if(e.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(e);break}}}}}handleDocumentMouseDown(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(e){const t=e.composedPath(),i=t.some((e=>e instanceof Element&&"nile-icon-button"===e.tagName.toLowerCase())),n=t.some((e=>e instanceof HTMLButtonElement&&e.classList.contains("select__tags-count")));this.disabled||i||n||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(e){e.stopPropagation(),this.handleDocumentKeyDown(e)}handleClearClick(e){e.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.showSelected=!1,this.value="",this.displayInput.focus({preventScroll:!0}),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{const e={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",e),this.nileInput(e),this.nileChange(e)})))}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}handleOptionClick(e){const t=e.target.closest("nile-option");if(this.blockValueChange&&t)return this.emit("nile-block-change",{value:t?.value,name:this.name}),void this.hide();const i=this.value;if(this.oldValue=i,t&&!t.disabled&&(this.multiple?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==i&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.requestUpdate()}this.portal&&this.open&&this.portalManager.updatePortalOptions()}applyStickyToGroups(){this.querySelectorAll("nile-option-group").forEach((e=>{this.stickyHeader?e.setAttribute("sticky",""):e.removeAttribute("sticky")}))}handleDefaultSlotChange(){const e=this.getAllOptions(),t=Array.isArray(this.value)?this.value:[this.value],i=[];this.updateGroupStickyOffsets(),this.applyStickyToGroups(),customElements.get("nile-option")?(e.forEach((e=>i.push(e.value))),this.setSelectedOptions(e.filter((e=>t.map(String).includes(e.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange())),this.portal&&this.open&&this.portalManager.updatePortalOptions(),this.setEnableDescriptionInOptions()}handleTagRemove(e,t){if(e.stopPropagation(),!this.disabled){this.toggleOptionSelection(t,!1);this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:t.value})}))}}getAllOptions(){const e=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&e.sort(((e,t)=>{let i=this.oldValue.indexOf(e.value),n=this.oldValue.indexOf(t.value);return-1===i&&(i=1/0),-1===n&&(n=1/0),i<n?-1:i>n?1:0})),e}getOptionPrefixNodes(e){const t=e.shadowRoot?.querySelector('slot[name="prefix"]');return t?t.assignedElements().map((e=>e.cloneNode(!0))):[]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(e){this.getAllOptions().forEach((e=>{e.current=!1,e.tabIndex=-1})),e&&(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus())}setSelectedOptions(e){const t=this.getAllOptions(),i=Array.isArray(e)?e:[e];t.forEach((e=>e.selected=!1)),i.length&&i.forEach((e=>e.selected=!0)),this.selectionChanged(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}toggleOptionSelection(e,t){e.selected=!0===t||!1===t?t:!e.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((e=>e.selected)),this.multiple){if(this.getAllOptions().length>0&&(this.value=this.selectedOptions.map((e=>e.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"),0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController?.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(e){if(this.searchValue=e.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.enableGroupHeader&&!this.disableLocalSearch&&this.handleGroupSearchChange(),!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}handleScroll(e){const t=e.target;this.emit("nile-scroll",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(t.scrollTop)>=Math.floor(t.scrollHeight-t.offsetHeight)&&this.emit("nile-scroll-end",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name,isAtBottom:!0})}filterOptions(e){const t=this.getAllOptions(),i=e.toLowerCase();let n=[];return t.forEach((e=>{const t=e.getTextLabel().toLowerCase(),o=(e.value||"").toLowerCase(),r=(e.description||"").toLowerCase(),s=t.includes(i)||o.includes(i)||this.descriptionSearchEnabled&&r.includes(i);e.hidden=!s,s&&n.push(e)})),this.portal&&this.open&&this.portalManager.updatePortalOptions(),n}handleInvalid(e){this.formControlController?.setValidity(!1),this.formControlController?.emitInvalidEvent(e)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const e=this.getAllOptions(),t=Array.isArray(this.value)?this.value:[this.value];this.enableVirtualScroll||this.setSelectedOptions(e.filter((e=>t.includes(e.value))))}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.enableGroupHeader&&this.getAllGroupAttributes().forEach((e=>{e.element.classList.remove("nile-group-hidden")})),this.addOpenListeners(),this.visibilityManager?.setup(),this.showNoResults=!this.getAllOptions()?.length,await Yt(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:e,options:t}=Wt(this,"select.show",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.currentOption&&Gt(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.portal&&this.portalManager.setupPortalAppend(),this.emit("nile-after-show",{value:this.value,name:this.name}),this.autoFocusSearch&&this.handleInputAfterInit()}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),this.visibilityManager?.cleanup(),await Yt(this);const{keyframes:e,options:t}=Wt(this,"select.hide",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.listbox.hidden=!0,this.popup.active=!1,this.portal&&this.portalManager.cleanupPortalAppend(),this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}getAllGroupAttributes(){return Array.from(this.querySelectorAll("nile-option-group[name]")).map((e=>({name:e?.getAttribute("name")||"",data:e?.getAttribute("data"),element:e})))}getUniqueGroupNames(e){return Array.from(new Set(e.map((e=>e?.groupName))))}handleGroupSearchChange(){const e=new Set(this.getUniqueGroupNames(this.filterOptions(this.searchValue)));this.getAllGroupAttributes().forEach((({name:t,element:i})=>{i?.classList.toggle("nile-group-hidden",!e.has(t))}))}handleGroupShowSelected(){const e=new Set;this.showSelected&&this.getAllOptions().forEach((t=>{t.hidden||e.add(t.groupName)})),this.getAllGroupAttributes().forEach((({name:t,element:i})=>{i?.classList.toggle("nile-group-hidden",this.showSelected&&!e.has(t))}))}async show(){if(!this.open&&!this.disabled)return this.open=!0,Jt(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Jt(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController?.getForm()||null}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController?.updateValidity()}focus(e){this.displayInput.focus(e)}blur(){this.displayInput.blur()}onInputChange(e){e.stopPropagation()}calculateTotalWidthOfTags(){this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}allocateChipWidths(e,t){const i=this.chipMinWidth,n=this.chipMaxWidth;if(e.reduce(((e,t)=>e+t),0)<=t)return e.slice();if(!this.showTooltip)return null;const o=e.map((e=>Math.min(e,n)));if(o.reduce(((e,t)=>e+t),0)<=t)return o;const r=new Array(e.length).fill(0);let s=o.map(((e,t)=>t)),a=t;for(;0!==s.length;){const e=a/s.length,t=s.filter((t=>o[t]<=e));if(0===t.length)break;for(const e of t)r[e]=o[e],a-=o[e];s=s.filter((t=>o[t]>e))}if(s.length>0){const e=a/s.length;if(e<i)return null;const t=Math.floor(e);for(const e of s)r[e]=t}return r}computeChipFit(e,t,i,n){const o=e.length;if(0===o)return{visibleCount:0,widths:[],hiddenCount:0};for(let r=o;r>=1;r--){const s=o-r,a=t-(s>0?i+n:0)-n*(r-1);if(a<=0)continue;const l=this.allocateChipWidths(e.slice(0,r),a);if(l)return{visibleCount:r,widths:l,hiddenCount:s}}const r=t-i-n;return{visibleCount:1,widths:[Math.max(0,Math.min(e[0],this.showTooltip?Math.max(this.chipMinWidth,r):r))],hiddenCount:o-1}}layoutChips(){const e=this.shadowRoot;if(!e)return;const t=e.querySelector(".select__tags");if(!t)return;const i=Array.from(t.querySelectorAll("nile-tag"));if(0===i.length)return void(this.hiddenChipCount=0);const n=t.querySelector(".select__tags-count");for(const e of i)e.style.display="",e.style.width="auto",e.style.maxWidth="none",e.style.minWidth="0",e.style.flex="0 0 auto";const o=i.map((e=>Math.ceil(e.getBoundingClientRect().width))),r=n?Math.ceil(n.getBoundingClientRect().width):this.lastOverflowWidth;n&&(this.lastOverflowWidth=r);const s=getComputedStyle(t),a=parseFloat(s.columnGap||s.gap||"0")||0,l=this.computeChipFit(o,t.clientWidth,r,a);i.forEach(((e,t)=>{if(t<l.visibleCount){const i=Math.min(o[t],Math.max(l.widths[t],this.chipMinWidth));e.style.display="",e.style.width=`${i}px`,e.style.maxWidth=`${i}px`,e.style.flex="0 0 auto"}else e.style.display="none"})),this.lastChipLayout.hidden===l.hiddenCount&&this.lastChipLayout.visible===l.visibleCount||(this.lastChipLayout={hidden:l.hiddenCount,visible:l.visibleCount},this.hiddenChipCount=l.hiddenCount),this.refreshClippedChips()}isChipClipped(e){if(!e)return!1;const t=e.shadowRoot;if(t){const e=t.querySelector('[part="content"]');if(e&&e.scrollWidth>e.clientWidth+1)return!0;const i=t.querySelector('[part="prefix_content_wrapper"]');if(i&&i.scrollWidth>i.clientWidth+1)return!0}return e.scrollWidth>e.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const e=this.shadowRoot;if(!e)return;const t=Array.from(e.querySelectorAll(".select__tags nile-tag")).map((e=>this.isChipClipped(e))),i=t.length===this.clippedChips.length&&t.every(((e,t)=>e===this.clippedChips[t]));i||(this.clippedChips=t)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(e){return!this.showTooltip||!this.clippedChips[e]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1}}getChipLabel(e){return(e.getTextLabel?.()??"").trim()}handleChipKeyDown(e,t){if(e.key!==gt.BACKSPACE&&e.key!==gt.DELETE)return;if(this.disabled)return;e.preventDefault(),e.stopPropagation();const i=this.selectedOptions.indexOf(t);this.handleTagRemove(new CustomEvent("nile-remove"),t),this.restoreFocusAfterChipRemoval(i)}async restoreFocusAfterChipRemoval(e){if(e<0)return;await this.updateComplete,await new Promise((e=>requestAnimationFrame((()=>e()))));const t=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((e=>"none"!==e.style.display)),i=t[e]??t[t.length-1];i?i.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.open?this.hide():this.show())}handleOverflowKeyDown(e){e.key!==gt.ENTER&&e.key!==gt.SPACE||this.handleOverflowActivate(e)}renderFittedTags(){return R`
+    `}}class na{constructor(e){this.portalContainer=null,this.originalListboxParent=null,this.measuredPopupHeight=null,this.clonedListbox=null,this.cleanupAutoUpdate=null,this.currentPlacement="bottom",this.currentMiddlewareData=null,this.component=e}createPortalAppendContainer(){const e=document.createElement("div");return e.style.position="absolute",e.style.zIndex="9999",e.style.pointerEvents="none",e.className="nile-select-portal-append",e}positionPortalAppend(){this.portalContainer&&this.component.popup&&(this.measurePopupHeight(),this.computeFloatingUIPosition())}measurePopupHeight(){!this.measuredPopupHeight&&this.portalContainer&&(this.portalContainer.style.position="absolute",this.portalContainer.style.visibility="hidden",this.portalContainer.style.top="0px",this.portalContainer.style.left="0px",this.portalContainer.offsetHeight,this.measuredPopupHeight=this.portalContainer.offsetHeight,this.portalContainer.style.visibility="")}async computeFloatingUIPosition(){if(!this.portalContainer)return;const e=this.component.combobox||this.component,t=this.portalContainer;try{const{x:i,y:n,placement:o,middlewareData:r}=await this.calculateFloatingUIPosition(e,t);this.applyFloatingUIPosition(t,e,i,n,o,r)}catch(e){console.warn("Floating UI positioning failed, falling back to simple positioning:",e),this.fallbackPositioning()}}async calculateFloatingUIPosition(e,t){const i=Hs.findBoundaryElements(e),n=Hs.getOptimalPlacement(e),o=this.createFloatingUIMiddleware(i);return await zn(e,t,{placement:n,strategy:"fixed",middleware:o,platform:this.createCustomPlatform()})}createFloatingUIMiddleware(e){return[pn(4),In({apply:this.handleSizeMiddleware.bind(this),padding:10,boundary:e}),yn({fallbackPlacements:["bottom","top","bottom-start","top-start","bottom-end","top-end"],fallbackStrategy:"bestFit",padding:10,boundary:e}),Dn({padding:10,crossAxis:!0,boundary:e})]}handleSizeMiddleware({availableWidth:e,availableHeight:t,elements:i,rects:n}){const o=Hs.calculateOptimalHeight(n.reference,window.innerHeight,this.currentPlacement);i.floating.style.maxWidth=`${e}px`,i.floating.style.maxHeight=`${o}px`,i.floating.style.setProperty("--auto-size-available-width",`${e}px`),i.floating.style.setProperty("--auto-size-available-height",`${o}px`)}createCustomPlatform(){return dn}applyFloatingUIPosition(e,t,i,n,o,r){Object.assign(e.style,{left:`${i}px`,top:`${n}px`,position:"fixed",pointerEvents:"auto"}),this.currentPlacement=o,this.currentMiddlewareData=r,Hs.applyCollisionData(e,r,o);const s=o.split("-")[0];e.className=`nile-select-portal-append select__listbox--${s}`;const a=t.getBoundingClientRect();e.style.width=`${a.width}px`}fallbackPositioning(){if(!this.portalContainer)return;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight;this.measuredPopupHeight;const i=t-e.bottom,n=e.top;let o,r,s;n>i?(s=Math.max(n-20,100),o=Math.max(e.top-s-4,10),r="top"):(s=Math.max(i-20,100),o=e.bottom+4,r="bottom"),this.portalContainer.style.left=`${e.left}px`,this.portalContainer.style.top=`${o}px`,this.portalContainer.style.width=`${e.width}px`,this.portalContainer.style.maxHeight=`${s}px`,this.portalContainer.style.pointerEvents="auto",this.portalContainer.className=`nile-select-portal-append select__listbox--${r}`,this.calculateAndSetAutoSizeProperties(e,o,r)}calculateAndSetAutoSizeProperties(e,t,i){if(!this.portalContainer)return;const n=window.innerHeight,o=window.innerWidth;let r;r="top"===i?e.top-10:n-e.bottom-10;const s=Math.min(e.width,o-e.left-10);this.portalContainer.style.setProperty("--auto-size-available-height",`${Math.max(r,100)}px`),this.portalContainer.style.setProperty("--auto-size-available-width",`${Math.max(s,200)}px`)}updatePortalAppendPosition(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}handleWindowResize(){this.component.portal&&this.portalContainer&&this.positionPortalAppend()}setupAutoUpdatePositioning(){this.portalContainer&&this.component&&(this.cleanupAutoUpdatePositioning(),this.cleanupAutoUpdate=Nn(this.component,this.portalContainer,(()=>{this.computeFloatingUIPosition()}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!0}))}cleanupAutoUpdatePositioning(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}injectStylesToDocument(){if(!this.portalContainer)return;const e=Hs.generateStyleId();if(document.getElementById(e))return;const t=this.component.constructor.styles;if(!t)return;const i=document.createElement("style");i.id=e,i.textContent=Hs.extractStylesAsCSS(t),document.head.appendChild(i),this.portalContainer.__injectedStyleId=e}adoptStylesToPortalAppend(){this.portalContainer&&this.injectStylesToDocument()}setupPortalAppend(){this.component.portal&&this.component.updateComplete.then((()=>{setTimeout((()=>{const e=this.component.shadowRoot?.querySelector("#listbox");e&&(this.originalListboxParent=e.parentElement,this.clonedListbox=this.createPortalListbox(),this.portalContainer=this.createPortalAppendContainer(),this.portalContainer.appendChild(this.clonedListbox),document.body.appendChild(this.portalContainer),this.adoptStylesToPortalAppend(),this.clonedListbox.style.display="",this.positionPortalAppend(),this.setupPortalEventListeners(),this.updatePortalContent(),setTimeout((()=>{this.updateFooterState()}),50),this.setupAutoUpdatePositioning(),window.addEventListener("resize",this.handleWindowResize.bind(this)))}),10)}))}createPortalListbox(){return Js.createPortalListbox(this.component)}setupPortalEventListeners(){Xs.setupPortalEventListeners(this.clonedListbox,this.component)}updatePortalContent(){this.clonedListbox&&(Js.updateClonedOptions(this.clonedListbox,this.component),this.updateFooterState())}updateFooterState(){const e=this.clonedListbox?.querySelector(".select__footer");if(!e||!this.component.multiple)return;const t=e.querySelector("nile-checkbox");t&&(t.disabled=0===this.component.selectedOptions.length,t.checked=this.component.showSelected);const i=e.querySelector(".select__clear");if(0===this.component.selectedOptions.length)i&&i.remove();else if(!i){const t=document.createElement("span");t.className="select__clear",t.textContent="Clear All",t.style.cursor="pointer",e.appendChild(t)}}cleanupPortalAppend(){if(this.cleanupAutoUpdatePositioning(),this.portalContainer&&this.portalContainer.parentNode){const e=this.portalContainer.__injectedStyleId;if(e){const t=document.getElementById(e);t&&t.remove()}this.portalContainer.parentNode.removeChild(this.portalContainer)}window.removeEventListener("resize",this.handleWindowResize.bind(this)),this.portalContainer=null,this.originalListboxParent=null,this.clonedListbox=null,this.measuredPopupHeight=null,this.currentPlacement="bottom",this.currentMiddlewareData=null}get portalContainerElement(){return this.portalContainer}resetMeasuredHeight(){this.measuredPopupHeight=null}updatePortalOptions(){this.portalContainer&&this.clonedListbox&&(this.updatePortalContent(),this.forceReposition())}forceReposition(){this.portalContainer&&this.computeFloatingUIPosition()}getCurrentPlacement(){return this.currentPlacement}getCurrentMiddlewareData(){return this.currentMiddlewareData}isUsingFloatingUI(){return null!==this.cleanupAutoUpdate}updatePositioningConfig(e){this.forceReposition()}handleViewportChange(){this.portalContainer&&(this.resetMeasuredHeight(),this.forceReposition())}isPositioningOptimal(){if(!this.portalContainer||!this.currentMiddlewareData)return!0;const e=(this.component.combobox||this.component).getBoundingClientRect(),t=window.innerHeight-e.bottom,i=e.top,n=this.currentPlacement.startsWith("top"),o=this.currentPlacement.startsWith("bottom");return!(n&&t>i)&&!(o&&i>t)}}let oa=class extends Fe{get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",t)}get chipFittingEnabled(){return!!this.multiple&&this.showTooltip&&!this.maxOptionsVisibleExplicit}get legacyTagFitEnabled(){return!!this.multiple&&!this.showTooltip}setFittedMaxOptionsVisible(e){const t=this._maxOptionsVisible;this._maxOptionsVisible=e,this.requestUpdate("maxOptionsVisible",t)}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}constructor(){super(),this.portalManager=new na(this),this.hasSlotController=new Ze(this,"help-text","label","pre-footer"),this.typeToSelectString="",this.scrolling=!1,this.options=[],this.resizeController=new Ks(this,{target:null,callback:e=>{for(const t of e)t.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}}),this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.hiddenChipCount=0,this.oldMaxOptionsVisible=1,this.lastOverflowWidth=0,this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.legacy=!1,this.tickOnSelect=!1,this.internalSearchPlaceHolder="Search...",this.enableVisibilityEffect=!1,this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.portal=!1,this.multiple=!1,this.helpText="",this.help_text="",this.autoResize=!1,this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.enableTabClose=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.data=[],this.enableVirtualScroll=!1,this.enableGroupHeader=!1,this.autoFocusSearch=!1,this.loading=!1,this.stickyHeader=!1,this.descriptionSearchEnabled=!1,this.enableDescription=!1,this.allowHtmlLabel=!0,this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()},this.prefixCopies=new WeakMap}connectedCallback(){super.connectedCallback(),this.enableVirtualScroll||(this.formControlController=new Ue(this,{assumeInteractionOn:["nile-blur","nile-input"]})),this.virtualScrollHelper=new ia(this),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this),this.open=!1,this.hasUpdated&&this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.visibilityManager?.cleanup(),this.portalManager.cleanupPortalAppend(),this.destroyChipFit(),this.emit("nile-destroy")}setupResizeObserver(){const e=this.autoResize&&(this.chipFittingEnabled||this.legacyTagFitEnabled)?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(e!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),e)return this.resizeController.observe(e),void(this.observedTagsContainer=e);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}syncVirtualSelectMaxOptionsVisible(){if(!this.enableVirtualScroll||!this.maxOptionsVisibleExplicit)return;const e=this.shadowRoot?.querySelector("nile-virtual-select");e&&e.maxOptionsVisible!==this._maxOptionsVisible&&(e.maxOptionsVisible=this._maxOptionsVisible)}syncValueFromVirtualSelect(e){e.composedPath()[0]===e.currentTarget&&e.detail&&"value"in e.detail&&(this.value=e.detail.value??(this.multiple?[]:""))}updated(e){e.has("searchEnabled")&&this.updateGroupStickyOffsets(),e.has("multiple")&&this.setCheckBoxInOption(this.multiple),e.has("legacy")&&this.setLegacyInOptions(this.legacy),e.has("tickOnSelect")&&this.setTickOnSelectInOptions(this.tickOnSelect),(e.has("autoResize")||e.has("multiple")||e.has("maxOptionsVisible")||e.has("showTooltip"))&&this.setupResizeObserver(),e.has("showTooltip")&&void 0!==e.get("showTooltip")&&this.legacyTagFitEnabled&&this.calculateTotalWidthOfTags(),this.syncVirtualSelectMaxOptionsVisible(),e.has("enableDescription")&&this.setEnableDescriptionInOptions(),(e.has("chipMinWidth")||e.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}firstUpdated(e){this.enableGroupHeader&&(this.disableLocalSearch||this.handleGroupSearchChange(),this.applyStickyToGroups()),this.setupResizeObserver(),e.has("multiple")&&this.setCheckBoxInOption(this.multiple),this.setLegacyInOptions(this.legacy),this.setTickOnSelectInOptions(this.tickOnSelect),e.has("enableDescription")&&this.setEnableDescriptionInOptions(),this.visibilityManager=new fn({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(e,t)=>this.emit(`nile-${e}`,t)})}setCheckBoxInOption(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.showCheckbox=e}))}setLegacyInOptions(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.legacy=e}))}setTickOnSelectInOptions(e){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((t=>{t.tickOnSelect=e}))}setEnableDescriptionInOptions(){this.options=this.getAllOptions(),this.options.forEach((e=>{(e?.updateComplete??Promise.resolve()).then((()=>{e.isDescriptionEnabled=this.enableDescription})).catch((()=>{}))}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}updateGroupStickyOffsets(){this.querySelectorAll("nile-option-group").forEach((e=>{this.searchEnabled?e.setAttribute("search-enabled",""):e.removeAttribute("search-enabled")}))}handleFooterClick(e){e.stopPropagation(),e.preventDefault()}handlePreFooterClick(){this.hide()}toggleShowSelected(e){if(e.stopPropagation(),e.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((e=>{e.selected=!1,e.hidden=!1})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.portal&&this.open&&this.portalManager.updatePortalOptions()}handleDocumentKeyDown(e){const t=e.target,i=null!==t.closest(".select__clear"),n=null!==t.closest("nile-icon-button");if(!i&&!n){if("Escape"===e.key&&this.open&&(e.preventDefault(),e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===e.key||" "===e.key&&""===this.typeToSelectString)return e.preventDefault(),e.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===e.key.length||"Backspace"===e.key){const t=this.getAllOptions();if(e.metaKey||e.ctrlKey||e.altKey)return;if(!this.open){if("Backspace"===e.key)return;this.show()}e.stopPropagation(),e.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===e.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=e.key.toLowerCase();for(const e of t){if(e.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(e);break}}}}}handleDocumentMouseDown(e){if(!this.open)return;const t=e.composedPath(),i=t.includes(this),n=this.popup&&t.includes(this.popup),o=this.portal&&this.portalManager.portalContainerElement&&t.includes(this.portalManager.portalContainerElement);i||n||o||this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(e){const t=e.composedPath(),i=t.some((e=>e instanceof Element&&"nile-icon-button"===e.tagName.toLowerCase())),n=t.some((e=>e instanceof HTMLButtonElement&&e.classList.contains("select__tags-count")));this.disabled||i||n||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(e){e.stopPropagation(),this.handleDocumentKeyDown(e)}handleClearClick(e){e.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.showSelected=!1,this.value="",this.displayInput.focus({preventScroll:!0}),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{const e={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",e),this.nileInput(e),this.nileChange(e)})))}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}handleOptionClick(e){const t=e.target.closest("nile-option");if(this.blockValueChange&&t)return this.emit("nile-block-change",{value:t?.value,name:this.name}),void this.hide();const i=this.value;if(this.oldValue=i,t&&!t.disabled&&(this.multiple?this.toggleOptionSelection(t):this.setSelectedOptions(t),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==i&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.requestUpdate()}this.portal&&this.open&&this.portalManager.updatePortalOptions()}applyStickyToGroups(){this.querySelectorAll("nile-option-group").forEach((e=>{this.stickyHeader?e.setAttribute("sticky",""):e.removeAttribute("sticky")}))}handleDefaultSlotChange(){const e=this.getAllOptions(),t=Array.isArray(this.value)?this.value:[this.value],i=[];this.updateGroupStickyOffsets(),this.applyStickyToGroups(),customElements.get("nile-option")?(e.forEach((e=>i.push(e.value))),this.setSelectedOptions(e.filter((e=>t.map(String).includes(e.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange())),this.portal&&this.open&&this.portalManager.updatePortalOptions(),this.setEnableDescriptionInOptions()}handleTagRemove(e,t){if(e.stopPropagation(),!this.disabled){this.toggleOptionSelection(t,!1);this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:t.value})}))}}getAllOptions(){const e=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&e.sort(((e,t)=>{let i=this.oldValue.indexOf(e.value),n=this.oldValue.indexOf(t.value);return-1===i&&(i=1/0),-1===n&&(n=1/0),i<n?-1:i>n?1:0})),e}getOptionPrefixNodes(e,t){const i=e.shadowRoot?.querySelector('slot[name="prefix"]');if(!i)return[];const n=i.assignedElements(),o=n.map((e=>e.outerHTML)).join("");let r=this.prefixCopies.get(e);r||(r=new Map,this.prefixCopies.set(e,r));const s=r.get(t);if(s&&s.markup===o)return s.nodes;const a=n.map((e=>e.cloneNode(!0)));return r.set(t,{markup:o,nodes:a}),a}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(e){this.getAllOptions().forEach((e=>{e.current=!1,e.tabIndex=-1})),e&&(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus())}setSelectedOptions(e){const t=this.getAllOptions(),i=Array.isArray(e)?e:[e];t.forEach((e=>e.selected=!1)),i.length&&i.forEach((e=>e.selected=!0)),this.selectionChanged(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}toggleOptionSelection(e,t){e.selected=!0===t||!1===t?t:!e.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((e=>e.selected)),this.multiple){if(this.getAllOptions().length>0&&(this.value=this.selectedOptions.map((e=>e.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"),0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((e=>{e.selected||(e.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController?.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(e){if(this.searchValue=e.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.enableGroupHeader&&!this.disableLocalSearch&&this.handleGroupSearchChange(),!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}handleScroll(e){const t=e.target;this.emit("nile-scroll",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(t.scrollTop)>=Math.floor(t.scrollHeight-t.offsetHeight)&&this.emit("nile-scroll-end",{scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,name:this.name,isAtBottom:!0})}filterOptions(e){const t=this.getAllOptions(),i=e.toLowerCase();let n=[];return t.forEach((e=>{const t=e.getTextLabel().toLowerCase(),o=(e.value||"").toLowerCase(),r=(e.description||"").toLowerCase(),s=t.includes(i)||o.includes(i)||this.descriptionSearchEnabled&&r.includes(i);e.hidden=!s,s&&n.push(e)})),this.portal&&this.open&&this.portalManager.updatePortalOptions(),n}handleInvalid(e){this.formControlController?.setValidity(!1),this.formControlController?.emitInvalidEvent(e)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const e=this.getAllOptions(),t=Array.isArray(this.value)?this.value:[this.value];this.enableVirtualScroll||this.setSelectedOptions(e.filter((e=>t.includes(e.value))))}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.enableGroupHeader&&this.getAllGroupAttributes().forEach((e=>{e.element.classList.remove("nile-group-hidden")})),this.addOpenListeners(),this.visibilityManager?.setup(),this.showNoResults=!this.getAllOptions()?.length,await Yt(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:e,options:t}=Wt(this,"select.show",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.currentOption&&Gt(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.portal&&this.portalManager.setupPortalAppend(),this.emit("nile-after-show",{value:this.value,name:this.name}),this.autoFocusSearch&&this.handleInputAfterInit()}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),this.visibilityManager?.cleanup(),await Yt(this);const{keyframes:e,options:t}=Wt(this,"select.hide",{dir:"ltr"});await Ct(this.popup.popup,e,t),this.listbox.hidden=!0,this.popup.active=!1,this.portal&&this.portalManager.cleanupPortalAppend(),this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}getAllGroupAttributes(){return Array.from(this.querySelectorAll("nile-option-group[name]")).map((e=>({name:e?.getAttribute("name")||"",data:e?.getAttribute("data"),element:e})))}getUniqueGroupNames(e){return Array.from(new Set(e.map((e=>e?.groupName))))}handleGroupSearchChange(){const e=new Set(this.getUniqueGroupNames(this.filterOptions(this.searchValue)));this.getAllGroupAttributes().forEach((({name:t,element:i})=>{i?.classList.toggle("nile-group-hidden",!e.has(t))}))}handleGroupShowSelected(){const e=new Set;this.showSelected&&this.getAllOptions().forEach((t=>{t.hidden||e.add(t.groupName)})),this.getAllGroupAttributes().forEach((({name:t,element:i})=>{i?.classList.toggle("nile-group-hidden",this.showSelected&&!e.has(t))}))}async show(){if(!this.open&&!this.disabled)return this.open=!0,Jt(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,Jt(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController?.getForm()||null}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController?.updateValidity()}focus(e){this.displayInput.focus(e)}blur(){this.displayInput.blur()}onInputChange(e){e.stopPropagation()}calculateTotalWidthOfTags(){this.legacyTagFitEnabled?this.fitTagsLegacy():this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const e=this.shadowRoot.querySelector("div.select__tags");if(e instanceof HTMLElement){return e.offsetWidth-70}}}fitTagsLegacy(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.setFittedMaxOptionsVisible(1/0),setTimeout((()=>{const e=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((t=>{t instanceof HTMLElement&&e.push(t.offsetWidth)}))}if(this.value.length!==e.length)return;const t=this.calculateWidthOfSelectTagsDiv();if(!t)return;let i=0,n=0;for(let o=0;o<e.length;o++)if(i+=e[o],i>t){n=o;break}this.setFittedMaxOptionsVisible(n)}),1)}allocateChipWidths(e,t){const i=this.chipMinWidth,n=this.chipMaxWidth;if(e.reduce(((e,t)=>e+t),0)<=t)return e.slice();if(!this.showTooltip)return null;const o=e.map((e=>Math.min(e,n)));if(o.reduce(((e,t)=>e+t),0)<=t)return o;const r=new Array(e.length).fill(0);let s=o.map(((e,t)=>t)),a=t;for(;0!==s.length;){const e=a/s.length,t=s.filter((t=>o[t]<=e));if(0===t.length)break;for(const e of t)r[e]=o[e],a-=o[e];s=s.filter((t=>o[t]>e))}if(s.length>0){const e=a/s.length;if(e<i)return null;const t=Math.floor(e);for(const e of s)r[e]=t}return r}computeChipFit(e,t,i,n){const o=e.length;if(0===o)return{visibleCount:0,widths:[],hiddenCount:0};for(let r=o;r>=1;r--){const s=o-r,a=t-(s>0?i+n:0)-n*(r-1);if(a<=0)continue;const l=this.allocateChipWidths(e.slice(0,r),a);if(l)return{visibleCount:r,widths:l,hiddenCount:s}}const r=t-i-n;return{visibleCount:1,widths:[Math.max(0,Math.min(e[0],this.showTooltip?Math.max(this.chipMinWidth,r):r))],hiddenCount:o-1}}layoutChips(){const e=this.shadowRoot;if(!e)return;const t=e.querySelector(".select__tags");if(!t)return;const i=Array.from(t.querySelectorAll("nile-tag"));if(0===i.length)return void(this.hiddenChipCount=0);if(0===t.clientWidth)return void this.refitWhenMeasurable(t);this.stopMeasurableWatch();const n=t.querySelector(".select__tags-count");for(const e of i)e.style.display="",e.style.width="auto",e.style.maxWidth="none",e.style.minWidth="0",e.style.flex="0 0 auto";const o=i.map((e=>Math.ceil(e.getBoundingClientRect().width))),r=n?Math.ceil(n.getBoundingClientRect().width):this.lastOverflowWidth;n&&(this.lastOverflowWidth=r);const s=getComputedStyle(t),a=parseFloat(s.columnGap||s.gap||"0")||0,l=this.computeChipFit(o,t.clientWidth,r,a);i.forEach(((e,t)=>{if(t<l.visibleCount){const i=Math.min(o[t],Math.max(l.widths[t],this.chipMinWidth));e.style.display="",e.style.width=`${i}px`,e.style.maxWidth=`${i}px`,e.style.flex="0 0 auto"}else e.style.display="none"})),this.lastChipLayout.hidden===l.hiddenCount&&this.lastChipLayout.visible===l.visibleCount||(this.lastChipLayout={hidden:l.hiddenCount,visible:l.visibleCount},this.hiddenChipCount=l.hiddenCount),this.refreshClippedChips()}labelOverflows(e){let t=1/0,i=-1/0;const n=document.createRange();for(const o of e.assignedNodes({flatten:!0})){let e;if(o.nodeType===Node.TEXT_NODE){if(!o.textContent?.trim())continue;n.selectNodeContents(o),e=n.getBoundingClientRect()}else{if(!(o instanceof Element))continue;e=o.getBoundingClientRect()}0!==e.width&&(t=Math.min(t,e.left),i=Math.max(i,e.right))}if(i<t)return!1;const o=e.getBoundingClientRect(),r=getComputedStyle(e),s=o.left+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingLeft),a=1/64;return i>o.right-parseFloat(r.borderRightWidth)-parseFloat(r.paddingRight)+a||t<s-a}isChipClipped(e){if(!e)return!1;const t=e.shadowRoot;if(t){const e=t.querySelector('[part="content"]');if(e&&this.labelOverflows(e))return!0;const i=t.querySelector('[part="prefix_content_wrapper"]');if(i&&i.scrollWidth>i.clientWidth+1)return!0}return e.scrollWidth>e.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const e=this.shadowRoot;if(!e)return;const t=Array.from(e.querySelectorAll(".select__tags nile-tag")).map((e=>this.isChipClipped(e))),i=t.length===this.clippedChips.length&&t.every(((e,t)=>e===this.clippedChips[t]));i||(this.clippedChips=t)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(e){return!this.showTooltip||!this.clippedChips[e]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.stopMeasurableWatch()}refitWhenMeasurable(e){if(!this.isConnected)return;if(this.measurableWatch?.target===e)return;this.stopMeasurableWatch();const t=new ResizeObserver((e=>{e.some((e=>e.contentRect.width>0))&&(this.stopMeasurableWatch(),this.calculateTotalWidthOfTags())}));t.observe(e),this.measurableWatch={observer:t,target:e}}stopMeasurableWatch(){this.measurableWatch?.observer.disconnect(),this.measurableWatch=void 0}getChipLabel(e){return(e.getTextLabel?.()??"").trim()}handleChipKeyDown(e,t){if(e.key!==gt.BACKSPACE&&e.key!==gt.DELETE)return;if(this.disabled)return;e.preventDefault(),e.stopPropagation();const i=this.selectedOptions.indexOf(t);this.handleTagRemove(new CustomEvent("nile-remove"),t),this.restoreFocusAfterChipRemoval(i)}async restoreFocusAfterChipRemoval(e){if(e<0)return;await this.updateComplete,await new Promise((e=>requestAnimationFrame((()=>e()))));const t=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((e=>"none"!==e.style.display)),i=t[e]??t[t.length-1];i?i.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(e){e.preventDefault(),e.stopPropagation(),this.disabled||(this.open?this.hide():this.show())}handleOverflowKeyDown(e){e.key!==gt.ENTER&&e.key!==gt.SPACE||this.handleOverflowActivate(e)}renderFittedTags(){return R`
       <div part="tags" class="select__tags select__tags--fitted">
-        ${this.selectedOptions.map(((e,t)=>{const i=this.getChipLabel(e),n=this.getOptionPrefixNodes(e);return R`
+        ${this.selectedOptions.map(((e,t)=>{const i=this.getChipLabel(e),n=this.getOptionPrefixNodes(e,"chip");return R`
             <nile-lite-tooltip
               class="select__tag-tip"
               .content=${i}
@@ -6916,7 +6908,41 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
               >+${this.hiddenChipCount}</button
             >`:""}
       </div>
-    `}handleInputAfterInit(){this.shadowRoot?.querySelector("nile-input")?.inputFocus()}render(){if(this.enableVirtualScroll)return this.virtualScrollHelper.renderVirtualizedContent();const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const t=this.hasSlotController.test("label-suffix"),i=this.hasSlotController.test("custom-select"),n=!!this.label||!!e,o=this.clearable&&!this.disabled&&this.value.length>0,r=this.placeholder&&0===this.value.length,s=!(!this.helpText&&!this.help_text),a=!!this.errorMessage,l=this.selectedOptions[0]?this.getOptionPrefixNodes(this.selectedOptions[0]):[];return R`
+    `}renderLegacyTags(){return R`
+      <div part="tags" class="select__tags">
+        ${this.selectedOptions.map(((e,t)=>t<this.maxOptionsVisible||this.maxOptionsVisible<=0?this.showTooltip?R`<nile-lite-tooltip
+                  class="select__tag-tip"
+                  .content=${e.getTextLabel()}
+                  ?disabled=${this.chipTooltipDisabled(t)}
+                  >${this.renderLegacyTag(e,t)}</nile-lite-tooltip
+                >`:this.renderLegacyTag(e,t):t===this.maxOptionsVisible?R`
+              <span class="select__tags-count"
+                >+${this.selectedOptions.length-t} More
+              </span>
+            `:null))}
+      </div>
+    `}renderLegacyTag(e,t){const i=this.getOptionPrefixNodes(e,"chip"),n={select__invisible:t+1>this.oldMaxOptionsVisible&&this.maxOptionsVisible===1/0};return R`
+      <nile-tag
+        class=${Ae(n)}
+        part="tag"
+        exportparts="
+            base:tag__base,
+            content:tag__content,
+            remove-button:tag__remove-button,
+            remove-button__base:tag__remove-button__base,
+            prefix:tag__prefix,
+            prefix_content_wrapper:tag__prefix_content_wrapper
+          "
+        style=${Pe(this.showTooltip?`max-width:${this.chipMaxWidth}px`:void 0)}
+        ?pill=${this.pill}
+        size=${this.size}
+        removable
+        @nile-remove=${t=>this.handleTagRemove(t,e)}
+      >
+        ${i.length?R`<span class="tag__prefix" slot="prefix">${i}</span>`:""}
+        ${e.getTextLabel()}
+      </nile-tag>
+    `}handleInputAfterInit(){this.shadowRoot?.querySelector("nile-input")?.inputFocus()}render(){if(this.enableVirtualScroll)return this.virtualScrollHelper.renderVirtualizedContent();const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const t=this.hasSlotController.test("label-suffix"),i=this.hasSlotController.test("custom-select"),n=!!this.label||!!e,o=this.clearable&&!this.disabled&&this.value.length>0,r=this.placeholder&&0===this.value.length,s=!(!this.helpText&&!this.help_text),a=!!this.errorMessage,l=this.selectedOptions[0]?this.getOptionPrefixNodes(this.selectedOptions[0],"trigger"):[];return R`
       <div
         part="form-control"
         class=${Ae({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":n,"form-control--has-help-text":s})}
@@ -6990,43 +7016,7 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
                 @blur=${this.handleBlur}
               />
 
-              ${this.multiple?this.chipFittingEnabled?this.renderFittedTags():R`
-                    <div part="tags" class="select__tags">
-                      ${this.selectedOptions.map(((e,t)=>{if(t<this.maxOptionsVisible||this.maxOptionsVisible<=0){const i=this.getOptionPrefixNodes(e);return R`
-                            <nile-lite-tooltip
-                              class="select__tag-tip"
-                              .content=${e.getTextLabel()}
-                              ?disabled=${this.chipTooltipDisabled(t)}
-                            >
-                            <nile-tag
-                              part="tag"
-                              exportparts="
-                                  base:tag__base,
-                                  content:tag__content,
-                                  remove-button:tag__remove-button,
-                                  remove-button__base:tag__remove-button__base,
-                                  prefix:tag__prefix,
-                                  prefix_content_wrapper:tag__prefix_content_wrapper
-                                "
-                              style="max-width:${this.chipMaxWidth}px"
-                              ?pill=${this.pill}
-                              size=${this.size}
-                              removable
-                              @nile-remove=${t=>this.handleTagRemove(t,e)}
-                            >
-                              ${i.length?R`<span class="tag__prefix" slot="prefix"
-                                    >${i}</span
-                                  >`:""}
-                              ${e.getTextLabel()}
-                            </nile-tag>
-                            </nile-lite-tooltip>
-                          `}return t===this.maxOptionsVisible?R`
-                            <span class="select__tags-count"
-                              >+${this.selectedOptions.length-t} More
-                            </span>
-                          `:null}))}
-                    </div>
-                  `:""}
+              ${this.multiple?this.chipFittingEnabled?this.renderFittedTags():this.renderLegacyTags():""}
 
               <input
                 class="select__value-input"
@@ -7120,7 +7110,10 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
                 <slot></slot>
               </div>
 
-              ${this.hasSlotController.test("pre-footer")||this.multiple?R`<div part="footer-area" class="select__pre-footer-area">
+              ${this.hasSlotController.test("pre-footer")||this.multiple?R`<div
+                    part="footer-area"
+                    class=${Ae({"select__pre-footer-area":!0,"select__pre-footer-area--query":!this.noWidthSync||this.portal})}
+                  >
                     ${this.hasSlotController.test("pre-footer")?R`
                       <div part="pre-footer" @click=${this.handlePreFooterClick}>  
                         <slot
@@ -7175,7 +7168,7 @@ class Ys{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
               >
             `:""}
       </div>
-    `}nileInput(e){this.emit("nile-input",e)}nileChange(e){this.emit("nile-change",e)}};oa.styles=js,e([he()],oa.prototype,"clippedChips",void 0),e([pe(".select")],oa.prototype,"popup",void 0),e([pe(".select__combobox")],oa.prototype,"combobox",void 0),e([pe(".select__display-input")],oa.prototype,"displayInput",void 0),e([pe(".select__value-input")],oa.prototype,"valueInput",void 0),e([pe(".select__listbox")],oa.prototype,"listbox",void 0),e([he()],oa.prototype,"hasFocus",void 0),e([he()],oa.prototype,"displayLabel",void 0),e([he()],oa.prototype,"currentOption",void 0),e([he()],oa.prototype,"selectedOptions",void 0),e([he()],oa.prototype,"oldValue",void 0),e([he()],oa.prototype,"hiddenChipCount",void 0),e([de()],oa.prototype,"name",void 0),e([de({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>e.join(" ")}})],oa.prototype,"value",void 0),e([et()],oa.prototype,"defaultValue",void 0),e([de()],oa.prototype,"size",void 0),e([de()],oa.prototype,"placeholder",void 0),e([he()],oa.prototype,"searchValue",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"searchEnabled",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"legacy",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"tickOnSelect",void 0),e([de({attribute:"internal-search-placeholder"})],oa.prototype,"internalSearchPlaceHolder",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableVisibilityEffect",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"blockValueChange",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"disableLocalSearch",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"optionsLoading",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"noWidthSync",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"portal",void 0),e([de({reflect:!0,converter:{fromAttribute:e=>""===e||"true"===e||"false"!==e&&e,toAttribute:e=>"boolean"==typeof e?String(e):e}})],oa.prototype,"multiple",void 0),e([de({attribute:!0,reflect:!0})],oa.prototype,"helpText",void 0),e([de({attribute:"help-text",reflect:!0})],oa.prototype,"help_text",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],oa.prototype,"autoResize",void 0),e([de({attribute:"error-message",reflect:!0})],oa.prototype,"errorMessage",void 0),e([de({type:Boolean})],oa.prototype,"warning",void 0),e([de({type:Boolean})],oa.prototype,"error",void 0),e([de({type:Boolean})],oa.prototype,"success",void 0),e([de({attribute:"max-options-visible",type:Number})],oa.prototype,"maxOptionsVisible",null),e([de({type:Number,reflect:!0,attribute:!0})],oa.prototype,"chipMinWidth",void 0),e([de({type:Number,reflect:!0,attribute:!0})],oa.prototype,"chipMaxWidth",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],oa.prototype,"showTooltip",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"disabled",void 0),e([de({type:Boolean})],oa.prototype,"clearable",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"open",void 0),e([de({type:Boolean})],oa.prototype,"hoist",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"filled",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"pill",void 0),e([de()],oa.prototype,"label",void 0),e([de({reflect:!0})],oa.prototype,"placement",void 0),e([de({reflect:!0})],oa.prototype,"form",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"required",void 0),e([de({type:Boolean})],oa.prototype,"showSelected",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableTabClose",void 0),e([de({type:Boolean})],oa.prototype,"showNoResults",void 0),e([de({type:String})],oa.prototype,"noResultsMessage",void 0),e([de({attribute:!1})],oa.prototype,"renderItemConfig",void 0),e([de({type:Array})],oa.prototype,"data",void 0),e([de({type:Boolean})],oa.prototype,"enableVirtualScroll",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableGroupHeader",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"autoFocusSearch",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"loading",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"stickyHeader",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"descriptionSearchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableDescription",void 0),e([de({type:Boolean,reflect:!0,attribute:!0,converter:{fromAttribute:e=>"true"===e||""===e,toAttribute:e=>String(e)}})],oa.prototype,"allowHtmlLabel",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],oa.prototype,"handleDisabledChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],oa.prototype,"handleValueChange",null),e([Ve("portal",{waitUntilFirstUpdate:!0})],oa.prototype,"handlePortalAppendChange",null),e([Ve("open",{waitUntilFirstUpdate:!0})],oa.prototype,"handleOpenChange",null),oa=e([ce("nile-select")],oa),Rt("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Rt("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const ra=s`
+    `}nileInput(e){this.emit("nile-input",e)}nileChange(e){this.emit("nile-change",e)}};oa.styles=js,e([he()],oa.prototype,"clippedChips",void 0),e([pe(".select")],oa.prototype,"popup",void 0),e([pe(".select__combobox")],oa.prototype,"combobox",void 0),e([pe(".select__display-input")],oa.prototype,"displayInput",void 0),e([pe(".select__value-input")],oa.prototype,"valueInput",void 0),e([pe(".select__listbox")],oa.prototype,"listbox",void 0),e([he()],oa.prototype,"hasFocus",void 0),e([he()],oa.prototype,"displayLabel",void 0),e([he()],oa.prototype,"currentOption",void 0),e([he()],oa.prototype,"selectedOptions",void 0),e([he()],oa.prototype,"oldValue",void 0),e([he()],oa.prototype,"hiddenChipCount",void 0),e([he()],oa.prototype,"oldMaxOptionsVisible",void 0),e([de()],oa.prototype,"name",void 0),e([de({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>e.join(" ")}})],oa.prototype,"value",void 0),e([et()],oa.prototype,"defaultValue",void 0),e([de()],oa.prototype,"size",void 0),e([de()],oa.prototype,"placeholder",void 0),e([he()],oa.prototype,"searchValue",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"searchEnabled",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"legacy",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"tickOnSelect",void 0),e([de({attribute:"internal-search-placeholder"})],oa.prototype,"internalSearchPlaceHolder",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableVisibilityEffect",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"blockValueChange",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"disableLocalSearch",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"optionsLoading",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"noWidthSync",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"portal",void 0),e([de({reflect:!0,converter:{fromAttribute:e=>""===e||"true"===e||"false"!==e&&e,toAttribute:e=>"boolean"==typeof e?String(e):e}})],oa.prototype,"multiple",void 0),e([de({attribute:!0,reflect:!0})],oa.prototype,"helpText",void 0),e([de({attribute:"help-text",reflect:!0})],oa.prototype,"help_text",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],oa.prototype,"autoResize",void 0),e([de({attribute:"error-message",reflect:!0})],oa.prototype,"errorMessage",void 0),e([de({type:Boolean})],oa.prototype,"warning",void 0),e([de({type:Boolean})],oa.prototype,"error",void 0),e([de({type:Boolean})],oa.prototype,"success",void 0),e([de({attribute:"max-options-visible",type:Number})],oa.prototype,"maxOptionsVisible",null),e([de({type:Number,attribute:!0})],oa.prototype,"chipMinWidth",void 0),e([de({type:Number,attribute:!0})],oa.prototype,"chipMaxWidth",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],oa.prototype,"showTooltip",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"disabled",void 0),e([de({type:Boolean})],oa.prototype,"clearable",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"open",void 0),e([de({type:Boolean})],oa.prototype,"hoist",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"filled",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"pill",void 0),e([de()],oa.prototype,"label",void 0),e([de({reflect:!0})],oa.prototype,"placement",void 0),e([de({reflect:!0})],oa.prototype,"form",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"required",void 0),e([de({type:Boolean})],oa.prototype,"showSelected",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableTabClose",void 0),e([de({type:Boolean})],oa.prototype,"showNoResults",void 0),e([de({type:String})],oa.prototype,"noResultsMessage",void 0),e([de({attribute:!1})],oa.prototype,"renderItemConfig",void 0),e([de({type:Array})],oa.prototype,"data",void 0),e([de({type:Boolean})],oa.prototype,"enableVirtualScroll",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableGroupHeader",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"autoFocusSearch",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"loading",void 0),e([de({type:Boolean,reflect:!0})],oa.prototype,"stickyHeader",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"descriptionSearchEnabled",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],oa.prototype,"enableDescription",void 0),e([de({type:Boolean,reflect:!0,attribute:!0,converter:{fromAttribute:e=>"true"===e||""===e,toAttribute:e=>String(e)}})],oa.prototype,"allowHtmlLabel",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],oa.prototype,"handleDisabledChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],oa.prototype,"handleValueChange",null),e([Ve("portal",{waitUntilFirstUpdate:!0})],oa.prototype,"handlePortalAppendChange",null),e([Ve("open",{waitUntilFirstUpdate:!0})],oa.prototype,"handleOpenChange",null),oa=e([ce("nile-select")],oa),Rt("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Rt("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const ra=s`
   :host {
     display: block;
     user-select: none;
@@ -19639,7 +19632,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
           ${this._renderTrigger()}
           ${e}
         </nile-popover>
-      `:e}};e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"type",void 0),e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"value",void 0),e([de({type:String,reflect:!0})],NS.prototype,"swatchTooltip",void 0),e([de({type:Number,reflect:!0})],NS.prototype,"recentColorsCount",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"noFill",void 0),e([de({type:String,reflect:!0})],NS.prototype,"mode",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showCanvas",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showHue",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showInputs",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showActions",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],NS.prototype,"open",void 0),e([de({attribute:"palette",converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.map((e=>"string"==typeof e?{color:e,name:e}:e&&"string"==typeof e.color?{color:e.color,name:e.name||e.color}:null)).filter(Boolean):[]}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],NS.prototype,"palette",void 0),e([he()],NS.prototype,"_view",void 0),e([he()],NS.prototype,"_recentColors",void 0),e([he()],NS.prototype,"_hue",void 0),e([he()],NS.prototype,"_sat",void 0),e([he()],NS.prototype,"_val",void 0),e([he()],NS.prototype,"_colorMode",void 0),e([he()],NS.prototype,"_hexInput",void 0),e([he()],NS.prototype,"_r",void 0),e([he()],NS.prototype,"_g",void 0),e([he()],NS.prototype,"_b",void 0),NS=e([ce("nile-color-picker")],NS);function pS(){return function(){if("undefined"==typeof window||"function"!=typeof getComputedStyle)return null;try{return getComputedStyle(document.documentElement).getPropertyValue("--nile-version").trim().replace(/^["']|["']$/g,"")||null}catch{return null}}()??"1.3.4"}if("undefined"!=typeof window){window.nileElementsVersion='"2.0.11"';let e=null;Object.defineProperty(window,"nileVersion",{configurable:!0,get:()=>e??pS(),set:t=>{e=t}}),window.process=window.process||{env:{NODE_ENV:"production"}}}const DS=s`
+      `:e}};e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"type",void 0),e([de({type:String,attribute:!0,reflect:!0})],NS.prototype,"value",void 0),e([de({type:String,reflect:!0})],NS.prototype,"swatchTooltip",void 0),e([de({type:Number,reflect:!0})],NS.prototype,"recentColorsCount",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"noFill",void 0),e([de({type:String,reflect:!0})],NS.prototype,"mode",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showCanvas",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showHue",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showInputs",void 0),e([de({type:Boolean,reflect:!0})],NS.prototype,"showActions",void 0),e([de({type:Boolean,reflect:!0,attribute:!0})],NS.prototype,"open",void 0),e([de({attribute:"palette",converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.map((e=>"string"==typeof e?{color:e,name:e}:e&&"string"==typeof e.color?{color:e.color,name:e.name||e.color}:null)).filter(Boolean):[]}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],NS.prototype,"palette",void 0),e([he()],NS.prototype,"_view",void 0),e([he()],NS.prototype,"_recentColors",void 0),e([he()],NS.prototype,"_hue",void 0),e([he()],NS.prototype,"_sat",void 0),e([he()],NS.prototype,"_val",void 0),e([he()],NS.prototype,"_colorMode",void 0),e([he()],NS.prototype,"_hexInput",void 0),e([he()],NS.prototype,"_r",void 0),e([he()],NS.prototype,"_g",void 0),e([he()],NS.prototype,"_b",void 0),NS=e([ce("nile-color-picker")],NS);function pS(){return function(){if("undefined"==typeof window||"function"!=typeof getComputedStyle)return null;try{return getComputedStyle(document.documentElement).getPropertyValue("--nile-version").trim().replace(/^["']|["']$/g,"")||null}catch{return null}}()??"1.3.4"}if("undefined"!=typeof window){window.nileElementsVersion='"2.0.13"';let e=null;Object.defineProperty(window,"nileVersion",{configurable:!0,get:()=>e??pS(),set:t=>{e=t}}),window.process=window.process||{env:{NODE_ENV:"production"}}}const DS=s`
   .utility-control::part(base) {
     width: var(--nile-app-shell-utility-size, 32px);
     height: var(--nile-app-shell-utility-size, 32px);
@@ -19872,21 +19865,21 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     flex: 1 1 auto;
   }
 
-  /* The title block: the header's own heading, the Leading axis and the badge; renders before the top-bar slot. */
+  /* The title block: the back arrow, then the stack (app icon, heading and badge, with the description under them); renders before the top-bar slot. */
   .title-area {
     display: flex;
-    /* Top-aligned, not centred: the leading element belongs to the title's row, not the title-plus-description stack. */
+    /* Top-aligned, not centred: the back arrow belongs to the title's row, not the title-plus-description stack. */
     align-items: flex-start;
-    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    /* Figma's Title Area gap: 16px from the arrow to the stack. */
+    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
     min-width: 0;
   }
 
-  /* The leading line box: exactly the page title's line height, centring whatever leading control sits in it. */
-  .leading {
+  /* The back arrow's line box: exactly the page title's line height, centring the arrow on the title row. */
+  .back-line {
     flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
-    gap: var(--nile-spacing-md, var(--ng-spacing-md));
     min-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));
   }
 
@@ -19925,7 +19918,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     font-size: var(--nile-type-scale-1, var(--ng-font-size-text-xs));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-quaternary-500));
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -19959,36 +19952,24 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     white-space: nowrap;
   }
 
-  /* Leading=Back: drawn as a breadcrumb label; the shell owns no history, so pressing it only emits nile-header-back. */
+  /* headerBack: an icon-only native button, so the aria-label names it directly; the shell owns no history, so pressing it only emits nile-click { value: 'back' }. */
   .back {
     flex: 0 0 auto;
     display: inline-flex;
     align-items: center;
-    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
     margin: 0;
     padding: 0;
     border: 0;
     background: none;
     cursor: pointer;
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
-    line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
+    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
   }
 
   .back:hover {
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
   }
 
-  .crumb-divider {
-    flex: 0 0 auto;
-    display: inline-flex;
-    align-items: center;
-    color: var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400));
-  }
-
-  /* Leading=AppIcon: a 20px block before the title; the page slots the mark, the shell owns the box, surface and radius. */
+  /* App icon: a 20px block at the start of the title row, so the description lines up under it; shown whenever the app-icon slot has content. */
   .app-icon {
     position: relative;
     flex: 0 0 auto;
@@ -20031,16 +20012,15 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     padding: 1.4px;
   }
 
-  :host(:not([leading='app-icon'])) .app-icon,
-  :host(:not([leading='back'])) .back,
-  :host(:not([leading='back'])) .crumb-divider {
+  :host(:not([has-app-icon])) .app-icon {
     display: none;
   }
 
+  /* Figma's Header Bar gap: 16px between every header action, the divider and Ask. */
   .top-bar-actions {
     display: flex;
     align-items: center;
-    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
     margin-inline-start: auto;
   }
 
@@ -20049,7 +20029,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     display: none;
   }
 
-  /* The Ask button: a stock <nile-button variant="primary"> the shell renders itself; the only rule here is its flex behaviour as a top-bar item. */
+  /* The Ask button: a stock <nile-button variant="secondary"> the shell renders itself; the only rule here is its flex behaviour as a top-bar item. */
   .ask {
     flex: 0 0 auto;
   }
@@ -20066,10 +20046,11 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     height: 16px;
   }
 
+  /* 10px after the 32px circle is 16px after the 20px glyph (6px overhang + 10), Figma's toggle-to-divider gap. */
   .nav-toggle-group {
     display: flex;
     align-items: center;
-    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    gap: var(--nile-spacing-md-alt, var(--ng-spacing-md-alt));
   }
 
   /* Lands the 20px glyph box, not the 32px utility circle, on the 24px origin: (32 - 20) / 2 = 6. */
@@ -20077,10 +20058,12 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     margin-inline-start: -6px;
   }
 
+  /* Figma's Divider Line: a 16px 1px stroke that takes no layout width, so the items on both sides sit a clean 16px from it. Used after the nav toggle and, as ask-rule, before Ask. */
   .rule {
     flex: 0 0 auto;
     width: var(--nile-border-width-1, var(--ng-border-width-1));
-    height: 24px;
+    margin-inline-end: calc(-1 * var(--nile-border-width-1, var(--ng-border-width-1)));
+    height: 16px;
     background: var(
       --nile-colors-neutral-400,
       var(--ng-colors-border-secondary)
@@ -20133,6 +20116,17 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
   /* Scoped to the group, not the slot, so bare tab controls are not stretched to an equal share of the strip. */
   ::slotted(nile-nav-tab-group[slot='tabs']) {
     --track-width: 0px;
+    /*
+     * The active indicator (Figma: fg-brand-primary-alt) is NOT set here: the top placement hard-codes
+     * var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)) inside nile-nav-tab-group's shadow tree, and
+     * remapping either token from here would also recolour nile-nav-tab's focus ring and focus label. Known limitation (spec A-7).
+     */
+    /*
+     * The inactive label: nile-nav-tab paints it var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700)), so the strip
+     * points the NxtGen fallback at text-quaternary-500. Enterprise defines --nile-colors-dark-500 and is untouched. Inside an
+     * underline group nothing else reads text-secondary-700 (only the group's other variants and side placements do).
+     */
+    --ng-colors-text-secondary-700: var(--ng-colors-text-quaternary-500);
     flex: 1 1 auto;
     min-width: 0;
     align-self: flex-end;
@@ -20299,7 +20293,9 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
 
   .panel-title {
     margin: 0;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    /* Figma's Assistant Title: Text lg/Semibold, 18/28 on NxtGen. Enterprise keeps --nile-type-scale-3, and it defines no --ng-* tokens, so the line-height declaration is invalid there and the title inherits its line height exactly as before. */
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-lg));
+    line-height: var(--ng-line-height-text-lg);
     font-weight: var(
       --nile-font-weight-semi-bold,
       var(--ng-font-weight-semibold)
@@ -20390,7 +20386,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
     size=${t}
     method=${e.startsWith("ng-")?"stroke":"fill"}
     color=${Pe(i)}
-  ></nile-glyph>`}let jS=class extends Fe{constructor(){super(...arguments),this.navCollapsed=!1,this.panelOpen=!1,this.noPanel=!1,this.panelLabel="Ask Aquera",this.headingLevel=1,this.leading="none",this.backLabel="Back",this.noNavToggle=!1,this.noPanelShortcut=!1,this.noSkipLink=!1,this.skipLinkLabel="Skip to main content",this.topBarPlacement="content",this.contentAlign="fluid",this.contentContainer=!1,this.flat=!1,this.noPadding=!1,this.askLabel="Ask",this.noAsk=!1,this.panelBack=!1,this.panelBackLabel="Back",this.noTabs=!1,this.fullHeight=!1,this.overlayBreakpoint=0,this.dockedRailBreakpoint=1440,this._panelMode="docked",this._navLocked=!1,this._hasBanner=!1,this._hasSideNav=!1,this._hasTopBar=!1,this._hasTopBarActions=!1,this._hasTabs=!1,this._hasPanel=!1,this._hasPanelFooter=!1,this._panelOwnsChrome=!1,this._hasAside=!1,this._width=0,this._restoredPanelOpen=null,this._onSideNavToggle=e=>{const t=e.detail;t&&"boolean"==typeof t.collapsed&&this._setNavCollapsed(t.collapsed)},this._onKeyDown=e=>{if(this.noPanelShortcut||!this.panelAvailable)return;const t=e.key??"";if((e.metaKey||e.ctrlKey)&&"j"===t.toLowerCase())return e.preventDefault(),void this.togglePanel();"Escape"===t&&this.panelOpen&&"overlay"===this._panelMode&&this.closePanel()}}static get styles(){return[yS]}get panelMode(){return this._panelMode}get navLocked(){return this._navLocked}get panelAvailable(){return this._hasPanel&&!this.noPanel}get tabsVisible(){return this._hasTabs&&!this.noTabs}get askVisible(){return this.panelAvailable&&!this.noAsk}get rail(){return this.navCollapsed||this._navLocked}connectedCallback(){super.connectedCallback(),this._restore(),this._resizeObserver=new ResizeObserver((e=>{const t=e[e.length-1];this._measure(t.contentRect.width)})),this._resizeObserver.observe(this),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=void 0,document.removeEventListener("keydown",this._onKeyDown)}willUpdate(e){(e.has("panelOpen")||e.has("noPanel")||e.has("overlayBreakpoint")||e.has("dockedRailBreakpoint")||e.has("_hasAside")||e.has("_hasSideNav"))&&this._recompute()}updated(e){super.updated(e),this.toggleAttribute("rail",this.rail),this.toggleAttribute("nav-locked",this._navLocked),this.toggleAttribute("has-banner",this._hasBanner),this.toggleAttribute("has-side-nav",this._hasSideNav),this.toggleAttribute("has-top-bar",this._hasTopBar||this._hasTitleBlock||!this.noNavToggle&&this._hasSideNav),this.toggleAttribute("has-description",!!this.description&&!!this.pageTitle),this.toggleAttribute("has-top-bar-actions",this._hasTopBarActions),this.toggleAttribute("has-ask",this.askVisible),this.toggleAttribute("has-tabs",this.tabsVisible),this.toggleAttribute("has-aside",this._hasAside),this.toggleAttribute("has-panel",this.panelAvailable),this.toggleAttribute("has-panel-footer",this._hasPanelFooter),this.setAttribute("panel-mode",this._panelMode),this.setAttribute("panel-chrome",this._panelOwnsChrome?"external":"internal"),this._syncSideNav()}openPanel(){this.panelAvailable&&this._setPanelOpen(!0)}closePanel(){this._setPanelOpen(!1)}togglePanel(e){e??!this.panelOpen?this.openPanel():this.closePanel()}goBackHeader(){this.emit("nile-header-back")}goBackPanel(){this.emit("nile-panel-back")}goBackPage(){this.goBackHeader()}goBack(){this.goBackPanel()}expandNav(){this._setNavCollapsed(!1)}collapseNav(){this._setNavCollapsed(!0)}toggleNav(e){this._setNavCollapsed(e??!this.navCollapsed)}focusMain(){this._main?.focus()}_setPanelOpen(e){this.panelOpen!==e&&(this.panelOpen=e,this._persist(),this.emit("nile-panel-toggle",{open:e,mode:this._panelMode}))}_setNavCollapsed(e){this.navCollapsed!==e&&(this.navCollapsed=e,this._persist(),this.emit("nile-nav-toggle",{collapsed:e,locked:this._navLocked}))}_measure(e){if(e===this._width)return;const t=0===this._width;if(this._width=e,this._recompute(),t&&null!==this._restoredPanelOpen){const e=this._restoredPanelOpen;this._restoredPanelOpen=null,e&&"docked"===this._panelMode&&this.openPanel()}}_geometry(){const e=getComputedStyle(this),t=(t,i)=>{const n=parseFloat(e.getPropertyValue(t));return Number.isFinite(n)?n:i};return{nav:t("--nile-app-shell-side-nav-width",240),rail:t("--nile-app-shell-side-nav-rail-width",70),gutter:t("--nile-app-shell-gutter",4),content:t("--nile-app-shell-content-min-width",640),aside:t("--nile-app-shell-aside-width",320),panel:t("--nile-app-shell-panel-width",480)}}_dockRequirement(e,t){const i=this._hasSideNav?t:0,n=this._hasAside?e.aside+e.gutter:0,o=this._hasSideNav?2:3;return i+e.content+n+e.panel+e.gutter*o}_recompute(){const e=this._width,t=this._geometry(),i=this.overlayBreakpoint>0&&e>0&&e<this.overlayBreakpoint,n=i?"overlay":"docked",o=Math.max(this.dockedRailBreakpoint,this._dockRequirement(t,t.nav)),r=!i&&this.panelOpen&&this.panelAvailable&&e>0&&e<o,s=i||r;n!==this._panelMode&&(this._panelMode=n,this.emit("nile-panel-mode-change",{mode:n})),s!==this._navLocked&&(this._navLocked=s,this.emit("nile-nav-toggle",{collapsed:this.navCollapsed,locked:s}))}_syncSideNav(){this.querySelectorAll('[slot="side-nav"]').forEach((e=>{"NILE-SIDE-BAR"===e.tagName&&e.toggleAttribute("collapsed",this.rail)}))}_storageKey(e){return`nile-app-shell:${this.persistKey}:${e}`}_restore(){if(this.persistKey)try{const e=localStorage.getItem(this._storageKey("nav-collapsed"));null!==e&&(this.navCollapsed="true"===e);const t=localStorage.getItem(this._storageKey("panel-open"));null!==t&&(this._restoredPanelOpen="true"===t)}catch{}}_persist(){if(this.persistKey)try{localStorage.setItem(this._storageKey("nav-collapsed"),String(this.navCollapsed)),"docked"===this._panelMode&&localStorage.setItem(this._storageKey("panel-open"),String(this.panelOpen))}catch{}}_onSlotChange(e,t){const i=t.target.assignedNodes({flatten:!0}),n=i.some((e=>e.nodeType===Node.ELEMENT_NODE||""!==(e.textContent??"").trim()));switch(e){case"banner":this._hasBanner=n;break;case"side-nav":this._hasSideNav=n,this._syncSideNav();break;case"top-bar":this._hasTopBar=n;break;case"top-bar-actions":this._hasTopBarActions=n;break;case"tabs":this._hasTabs=n;break;case"aside":this._hasAside=n;break;case"panel":this._hasPanel=n,this._panelOwnsChrome=i.some((e=>e.nodeType===Node.ELEMENT_NODE&&"NILE-APP-SHELL-PANEL"===e.tagName)),this._recompute();break;case"panel-footer":this._hasPanelFooter=n}}_renderNavToggle(){if(this.noNavToggle||!this._hasSideNav)return"";const e=!this.rail;return R`
+  ></nile-glyph>`}let jS=class extends Fe{constructor(){super(...arguments),this.navCollapsed=!1,this.panelOpen=!1,this.noPanel=!1,this.panelLabel="Ask Aquera",this.headingLevel=1,this.headerBack=!1,this.headerBackLabel="Back",this.noNavToggle=!1,this.noPanelShortcut=!1,this.noSkipLink=!1,this.skipLinkLabel="Skip to main content",this.topBarPlacement="content",this.contentAlign="fluid",this.contentContainer=!1,this.flat=!1,this.noPadding=!1,this.askLabel="Ask",this.noAsk=!1,this.panelBack=!1,this.panelBackLabel="Back",this.noTabs=!1,this.fullHeight=!1,this.overlayBreakpoint=0,this.dockedRailBreakpoint=1440,this._panelMode="docked",this._navLocked=!1,this._hasBanner=!1,this._hasSideNav=!1,this._hasTopBar=!1,this._hasTopBarActions=!1,this._hasTabs=!1,this._hasAppIcon=!1,this._hasPanel=!1,this._hasPanelFooter=!1,this._panelOwnsChrome=!1,this._hasAside=!1,this._width=0,this._restoredPanelOpen=null,this._onSideNavToggle=e=>{const t=e.detail;t&&"boolean"==typeof t.collapsed&&this._setNavCollapsed(t.collapsed)},this._onKeyDown=e=>{if(this.noPanelShortcut||!this.panelAvailable)return;const t=e.key??"";if((e.metaKey||e.ctrlKey)&&"j"===t.toLowerCase())return e.preventDefault(),void this.togglePanel();"Escape"===t&&this.panelOpen&&"overlay"===this._panelMode&&this.closePanel()}}static get styles(){return[yS]}get panelMode(){return this._panelMode}get navLocked(){return this._navLocked}get panelAvailable(){return this._hasPanel&&!this.noPanel}get tabsVisible(){return this._hasTabs&&!this.noTabs}get askVisible(){return this.panelAvailable&&!this.noAsk}get rail(){return this.navCollapsed||this._navLocked}connectedCallback(){super.connectedCallback(),this._restore(),this._resizeObserver=new ResizeObserver((e=>{const t=e[e.length-1];this._measure(t.contentRect.width)})),this._resizeObserver.observe(this),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect(),this._resizeObserver=void 0,document.removeEventListener("keydown",this._onKeyDown)}willUpdate(e){(e.has("panelOpen")||e.has("noPanel")||e.has("overlayBreakpoint")||e.has("dockedRailBreakpoint")||e.has("_hasAside")||e.has("_hasSideNav"))&&this._recompute()}updated(e){super.updated(e),this.toggleAttribute("rail",this.rail),this.toggleAttribute("nav-locked",this._navLocked),this.toggleAttribute("has-banner",this._hasBanner),this.toggleAttribute("has-side-nav",this._hasSideNav),this.toggleAttribute("has-top-bar",this._hasTopBar||this._hasTitleBlock||!this.noNavToggle&&this._hasSideNav),this.toggleAttribute("has-description",!!this.description&&!!this.pageTitle),this.toggleAttribute("has-top-bar-actions",this._hasTopBarActions),this.toggleAttribute("has-app-icon",this._hasAppIcon),this.toggleAttribute("has-ask",this.askVisible),this.toggleAttribute("has-tabs",this.tabsVisible),this.toggleAttribute("has-aside",this._hasAside),this.toggleAttribute("has-panel",this.panelAvailable),this.toggleAttribute("has-panel-footer",this._hasPanelFooter),this.setAttribute("panel-mode",this._panelMode),this.setAttribute("panel-chrome",this._panelOwnsChrome?"external":"internal"),this._syncSideNav()}openPanel(){this.panelAvailable&&this._setPanelOpen(!0)}closePanel(){this._setPanelOpen(!1)}togglePanel(e){e??!this.panelOpen?this.openPanel():this.closePanel()}goBackHeader(){this.emit("nile-click",{value:"back"})}goBackPanel(){this.emit("nile-panel-back")}goBack(){this.goBackPanel()}expandNav(){this._setNavCollapsed(!1)}collapseNav(){this._setNavCollapsed(!0)}toggleNav(e){this._setNavCollapsed(e??!this.navCollapsed)}focusMain(){this._main?.focus()}_setPanelOpen(e){this.panelOpen!==e&&(this.panelOpen=e,this._persist(),this.emit("nile-panel-toggle",{open:e,mode:this._panelMode}))}_setNavCollapsed(e){this.navCollapsed!==e&&(this.navCollapsed=e,this._persist(),this.emit("nile-nav-toggle",{collapsed:e,locked:this._navLocked}))}_measure(e){if(e===this._width)return;const t=0===this._width;if(this._width=e,this._recompute(),t&&null!==this._restoredPanelOpen){const e=this._restoredPanelOpen;this._restoredPanelOpen=null,e&&"docked"===this._panelMode&&this.openPanel()}}_geometry(){const e=getComputedStyle(this),t=(t,i)=>{const n=parseFloat(e.getPropertyValue(t));return Number.isFinite(n)?n:i};return{nav:t("--nile-app-shell-side-nav-width",240),rail:t("--nile-app-shell-side-nav-rail-width",70),gutter:t("--nile-app-shell-gutter",4),content:t("--nile-app-shell-content-min-width",640),aside:t("--nile-app-shell-aside-width",320),panel:t("--nile-app-shell-panel-width",480)}}_dockRequirement(e,t){const i=this._hasSideNav?t:0,n=this._hasAside?e.aside+e.gutter:0,o=this._hasSideNav?2:3;return i+e.content+n+e.panel+e.gutter*o}_recompute(){const e=this._width,t=this._geometry(),i=this.overlayBreakpoint>0&&e>0&&e<this.overlayBreakpoint,n=i?"overlay":"docked",o=Math.max(this.dockedRailBreakpoint,this._dockRequirement(t,t.nav)),r=!i&&this.panelOpen&&this.panelAvailable&&e>0&&e<o,s=i||r;n!==this._panelMode&&(this._panelMode=n,this.emit("nile-panel-mode-change",{mode:n})),s!==this._navLocked&&(this._navLocked=s,this.emit("nile-nav-toggle",{collapsed:this.navCollapsed,locked:s}))}_syncSideNav(){this.querySelectorAll('[slot="side-nav"]').forEach((e=>{"NILE-SIDE-BAR"===e.tagName&&e.toggleAttribute("collapsed",this.rail)}))}_storageKey(e){return`nile-app-shell:${this.persistKey}:${e}`}_restore(){if(this.persistKey)try{const e=localStorage.getItem(this._storageKey("nav-collapsed"));null!==e&&(this.navCollapsed="true"===e);const t=localStorage.getItem(this._storageKey("panel-open"));null!==t&&(this._restoredPanelOpen="true"===t)}catch{}}_persist(){if(this.persistKey)try{localStorage.setItem(this._storageKey("nav-collapsed"),String(this.navCollapsed)),"docked"===this._panelMode&&localStorage.setItem(this._storageKey("panel-open"),String(this.panelOpen))}catch{}}_onSlotChange(e,t){const i=t.target.assignedNodes({flatten:!0}),n=i.some((e=>e.nodeType===Node.ELEMENT_NODE||""!==(e.textContent??"").trim()));switch(e){case"banner":this._hasBanner=n;break;case"side-nav":this._hasSideNav=n,this._syncSideNav();break;case"top-bar":this._hasTopBar=n;break;case"top-bar-actions":this._hasTopBarActions=n;break;case"tabs":this._hasTabs=n;break;case"app-icon":this._hasAppIcon=n;break;case"aside":this._hasAside=n;break;case"panel":this._hasPanel=n,this._panelOwnsChrome=i.some((e=>e.nodeType===Node.ELEMENT_NODE&&"NILE-APP-SHELL-PANEL"===e.tagName)),this._recompute();break;case"panel-footer":this._hasPanelFooter=n}}_renderNavToggle(){if(this.noNavToggle||!this._hasSideNav)return"";const e=!this.rail;return R`
       <div class="nav-toggle-group">
         <nile-button
           class="nav-toggle utility-control"
@@ -20408,46 +20404,50 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
         </nile-button>
         ${this._hasTopBar||this._hasTitleBlock?R`<span class="rule" part="rule"></span>`:""}
       </div>
-    `}get _hasTitleBlock(){return!!this.pageTitle||this._hasLeading}get _hasLeading(){return"back"===this.leading||"app-icon"===this.leading}get _headingLevel(){const e=Math.trunc(Number(this.headingLevel));return Number.isFinite(e)?Math.min(6,Math.max(1,e)):1}_renderLeading(){return"app-icon"===this.leading?R`
-        <span class="app-icon" part="app-icon">
-          <slot name="app-icon"></slot>
-        </span>
-      `:"back"===this.leading?R`
+    `}get _hasTitleBlock(){return!!this.pageTitle||this.headerBack||this._hasAppIcon}get _headingLevel(){const e=Math.trunc(Number(this.headingLevel));return Number.isFinite(e)?Math.min(6,Math.max(1,e)):1}_renderBack(){return this.headerBack?R`
+      <span class="back-line">
         <button
           class="back"
           part="back"
           type="button"
+          aria-label=${this.headerBackLabel}
+          title=${this.headerBackLabel}
           @click=${()=>this.goBackHeader()}
         >
-          ${IS("ng-chevron-left",20,"currentColor")}
-          <span>${this.backLabel}</span>
+          ${IS("ng-arrow-narrow-left",20,"currentColor")}
         </button>
-        ${this.pageTitle?R`<span class="crumb-divider" aria-hidden="true">
-              ${IS("ng-slash",16,"currentColor")}
-            </span>`:""}
-      `:""}_renderTitleBlock(){return this._hasTitleBlock?R`
+      </span>
+    `:""}_renderAppIconSlot(){return R`<slot
+      name="app-icon"
+      @slotchange=${e=>this._onSlotChange("app-icon",e)}
+    ></slot>`}_renderAppIconProbe(){return R`<span class="app-icon-probe" hidden
+      >${this._renderAppIconSlot()}</span
+    >`}_renderTitleBlock(){return this._hasTitleBlock?this.pageTitle||this._hasAppIcon?R`
       <div class="title-area" part="title-area">
-        ${this._hasLeading?R`<span class="leading" part="leading"
-              >${this._renderLeading()}</span
-            >`:""}
-        ${this.pageTitle?R`
-              <div class="title-stack">
-                <div class="title-row">
-                  <div
-                    class="page-title"
-                    part="page-title"
-                    role="heading"
-                    aria-level=${this._headingLevel}
-                  >${this.pageTitle}</div>
-                  ${this.badge?R`<span class="badge" part="badge">${this.badge}</span>`:""}
-                </div>
-                ${this.description?R`<p class="description" part="description">
-                      ${this.description}
-                    </p>`:""}
-              </div>
-            `:""}
+        ${this._renderBack()}
+        <div class="title-stack">
+          <div class="title-row">
+            <span class="app-icon" part="app-icon"
+              >${this._renderAppIconSlot()}</span
+            >
+            ${this.pageTitle?R`<div
+                  class="page-title"
+                  part="page-title"
+                  role="heading"
+                  aria-level=${this._headingLevel}
+                >${this.pageTitle}</div>`:""}
+            ${this.pageTitle&&this.badge?R`<span class="badge" part="badge">${this.badge}</span>`:""}
+          </div>
+          ${this.pageTitle&&this.description?R`<p class="description" part="description">
+                ${this.description}
+              </p>`:""}
+        </div>
       </div>
-    `:""}_renderTopBar(e){return R`
+    `:R`
+        <div class="title-area" part="title-area">
+          ${this._renderBack()} ${this._renderAppIconProbe()}
+        </div>
+      `:this._renderAppIconProbe()}_renderTopBar(e){return R`
       <div
         class=${"shell"===e?"top-bar shell-top-bar":"top-bar"}
         part=${"shell"===e?"top-bar shell-top-bar":"top-bar"}
@@ -20465,12 +20465,13 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
             name="top-bar-actions"
             @slotchange=${e=>this._onSlotChange("top-bar-actions",e)}
           ></slot>
+          ${this.askVisible&&this._hasTopBarActions?R`<span class="rule ask-rule" part="ask-rule"></span>`:""}
           ${this.askVisible?R`
                 <nile-button
                   class="ask"
                   part="ask"
                   exportparts="base: ask__base, label: ask__label"
-                  variant="primary"
+                  variant="secondary"
                   @click=${()=>this.openPanel()}
                 >
                   <span slot="prefix" class="ask-mark">
@@ -20595,7 +20596,7 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
               `}
         </aside>
       </div>
-    `}};e([de({type:Boolean,reflect:!0,attribute:"nav-collapsed"})],jS.prototype,"navCollapsed",void 0),e([de({type:Boolean,reflect:!0,attribute:"panel-open"})],jS.prototype,"panelOpen",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-panel"})],jS.prototype,"noPanel",void 0),e([de({type:String,attribute:"panel-label"})],jS.prototype,"panelLabel",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"pageTitle",void 0),e([de({type:Number,attribute:!0,reflect:!0})],jS.prototype,"headingLevel",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"description",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"badge",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"leading",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"backLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-nav-toggle"})],jS.prototype,"noNavToggle",void 0),e([de({type:Boolean,attribute:"no-panel-shortcut"})],jS.prototype,"noPanelShortcut",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-skip-link"})],jS.prototype,"noSkipLink",void 0),e([de({type:String,attribute:"skip-link-label"})],jS.prototype,"skipLinkLabel",void 0),e([de({type:String,reflect:!0,attribute:"top-bar-placement"})],jS.prototype,"topBarPlacement",void 0),e([de({type:String,reflect:!0,attribute:"content-align"})],jS.prototype,"contentAlign",void 0),e([de({type:Boolean,reflect:!0,attribute:"content-container"})],jS.prototype,"contentContainer",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"flat",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-padding"})],jS.prototype,"noPadding",void 0),e([de({type:String,attribute:"ask-label"})],jS.prototype,"askLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-ask"})],jS.prototype,"noAsk",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"panelBack",void 0),e([de({type:String})],jS.prototype,"panelBackLabel",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"noTabs",void 0),e([de({type:Boolean,reflect:!0,attribute:"full-height"})],jS.prototype,"fullHeight",void 0),e([de({type:Number,attribute:"overlay-breakpoint"})],jS.prototype,"overlayBreakpoint",void 0),e([de({type:Number,attribute:"docked-rail-breakpoint"})],jS.prototype,"dockedRailBreakpoint",void 0),e([de({type:String,attribute:"persist-key"})],jS.prototype,"persistKey",void 0),e([he()],jS.prototype,"_panelMode",void 0),e([he()],jS.prototype,"_navLocked",void 0),e([he()],jS.prototype,"_hasBanner",void 0),e([he()],jS.prototype,"_hasSideNav",void 0),e([he()],jS.prototype,"_hasTopBar",void 0),e([he()],jS.prototype,"_hasTopBarActions",void 0),e([he()],jS.prototype,"_hasTabs",void 0),e([he()],jS.prototype,"_hasPanel",void 0),e([he()],jS.prototype,"_hasPanelFooter",void 0),e([he()],jS.prototype,"_panelOwnsChrome",void 0),e([he()],jS.prototype,"_hasAside",void 0),e([pe(".main")],jS.prototype,"_main",void 0),jS=e([ce("nile-app-shell")],jS);const zS=s`
+    `}};e([de({type:Boolean,reflect:!0,attribute:"nav-collapsed"})],jS.prototype,"navCollapsed",void 0),e([de({type:Boolean,reflect:!0,attribute:"panel-open"})],jS.prototype,"panelOpen",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-panel"})],jS.prototype,"noPanel",void 0),e([de({type:String,attribute:"panel-label"})],jS.prototype,"panelLabel",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"pageTitle",void 0),e([de({type:Number,attribute:!0,reflect:!0})],jS.prototype,"headingLevel",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"description",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"badge",void 0),e([de({type:Boolean,attribute:!0,reflect:!0})],jS.prototype,"headerBack",void 0),e([de({type:String,attribute:!0,reflect:!0})],jS.prototype,"headerBackLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-nav-toggle"})],jS.prototype,"noNavToggle",void 0),e([de({type:Boolean,attribute:"no-panel-shortcut"})],jS.prototype,"noPanelShortcut",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-skip-link"})],jS.prototype,"noSkipLink",void 0),e([de({type:String,attribute:"skip-link-label"})],jS.prototype,"skipLinkLabel",void 0),e([de({type:String,reflect:!0,attribute:"top-bar-placement"})],jS.prototype,"topBarPlacement",void 0),e([de({type:String,reflect:!0,attribute:"content-align"})],jS.prototype,"contentAlign",void 0),e([de({type:Boolean,reflect:!0,attribute:"content-container"})],jS.prototype,"contentContainer",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"flat",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-padding"})],jS.prototype,"noPadding",void 0),e([de({type:String,attribute:"ask-label"})],jS.prototype,"askLabel",void 0),e([de({type:Boolean,reflect:!0,attribute:"no-ask"})],jS.prototype,"noAsk",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"panelBack",void 0),e([de({type:String})],jS.prototype,"panelBackLabel",void 0),e([de({type:Boolean,reflect:!0})],jS.prototype,"noTabs",void 0),e([de({type:Boolean,reflect:!0,attribute:"full-height"})],jS.prototype,"fullHeight",void 0),e([de({type:Number,attribute:"overlay-breakpoint"})],jS.prototype,"overlayBreakpoint",void 0),e([de({type:Number,attribute:"docked-rail-breakpoint"})],jS.prototype,"dockedRailBreakpoint",void 0),e([de({type:String,attribute:"persist-key"})],jS.prototype,"persistKey",void 0),e([he()],jS.prototype,"_panelMode",void 0),e([he()],jS.prototype,"_navLocked",void 0),e([he()],jS.prototype,"_hasBanner",void 0),e([he()],jS.prototype,"_hasSideNav",void 0),e([he()],jS.prototype,"_hasTopBar",void 0),e([he()],jS.prototype,"_hasTopBarActions",void 0),e([he()],jS.prototype,"_hasTabs",void 0),e([he()],jS.prototype,"_hasAppIcon",void 0),e([he()],jS.prototype,"_hasPanel",void 0),e([he()],jS.prototype,"_hasPanelFooter",void 0),e([he()],jS.prototype,"_panelOwnsChrome",void 0),e([he()],jS.prototype,"_hasAside",void 0),e([pe(".main")],jS.prototype,"_main",void 0),jS=e([ce("nile-app-shell")],jS);const zS=s`
   :host {
     display: inline-flex;
     align-items: center;
@@ -20789,7 +20790,9 @@ nile-rich-text-editor[disabled] .editor figure.rte-image {
 
   .title {
     margin: 0;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    /* Figma's Assistant Title: Text lg/Semibold, 18/28 on NxtGen. Enterprise keeps --nile-type-scale-3, and it defines no --ng-* tokens, so the line-height declaration is invalid there and the title inherits its line height exactly as before. */
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-lg));
+    line-height: var(--ng-line-height-text-lg);
     font-weight: var(
       --nile-font-weight-semi-bold,
       var(--ng-font-weight-semibold)