@vonage/vivid 5.17.0 → 5.18.0

package/range-slider/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`);require(`../bundled/definition2.cjs`);const i=require(`../bundled/decorate.cjs`),a=require(`../bundled/form-element.cjs`),o=require(`../bundled/aria.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/key-codes.cjs`),l=require(`../bundled/numbers.cjs`),u=require(`../bundled/form-associated.cjs`),d=require(`../bundled/definition8.cjs`),f=require(`../bundled/slider.template.cjs`);var p=`:host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary:var(--vvd-slider-cta-primary,var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-slider-accent-primary,var(--vvd-color-canvas-text))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;--_thumb-size:12px;--_thumb-interaction-indicator-size:36px;--_track-start-inset-inline-start:0;--_track-start-inset-block-start:0;cursor:pointer;user-select:none;outline:none}.control .positioning-region{position:relative}.control .track{background:var(--_track-background-color);border-radius:4px;position:absolute}.control .track-start{border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;position:absolute;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));min-inline-size:var(--_thumb-size);margin-inline-start:calc(var(--_thumb-size) / 2)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:2px;left:0;right:0}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start:1px;border-top-left-radius:0;border-bottom-left-radius:0}.control.horizontal .track .mark{block-size:6px;inline-size:100%;position:absolute;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{block-size:100%;inline-size:6px;position:absolute;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start:1px;border-radius:0}.control.disabled{--_track-background-color:var(--vvd-color-neutral-100);--_track-start-background-color:var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color:var(--vvd-color-neutral-300);--_track-start-background-color:var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);touch-action:none;border-radius:50%;outline:none;position:absolute}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--_thumb-interaction-indicator-alpha:.05;border-radius:50%}.control.horizontal .thumb-container{transform:translateX(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover:hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha:.12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha:.25}.thumb-container:before{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:"";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha,0);transition:opacity .2s ease-out;display:block;position:absolute}.thumb-container:after{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:"";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2);display:block;position:absolute}.popup{pointer-events:none}.tooltip{width:auto;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);padding:8px 12px}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s}:host([internal-part]) .control.horizontal .track{block-size:4px;top:16px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover:hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}.control,:host([markers]) .control.horizontal .track-start,:host([markers]) .control.vertical .track-start{--_track-start-inset-inline-start:auto;--_track-start-inset-block-start:auto}`,m={Increment:1,Decrement:-1},h=class extends e.t(a.t(u.n(t.t))){constructor(...e){super(...e),this.start=``,this.end=``,this.min=0,this.max=10,this.step=1,this.orientation=o.t.horizontal,this.ariaStartLabel=null,this.ariaEndLabel=null,this.markers=!1,this.pin=!1,this.valueTextFormatter=e=>parseFloat(e).toLocaleString(this.locale.lang),this.proxy=document.createElement(`input`),this._trackEl=null,this._startThumbEl=null,this._endThumbEl=null,this._draggingThumb=!1,this._visiblyFocusedThumb=null,this._hoveredThumb=null,this._startThumbCss=``,this._endThumbCss=``,this._selectedRangeCss=``}#e=!1;startChanged(){this.currentStart=this.start,this.#e||(this.dirtyValue=!0,this.#r()),this.$fastController.isConnected&&this.#c()}initialStartChanged(e,t){t&&!this.dirtyValue&&(this.start=t,this.dirtyValue=!1)}currentStartChanged(){this.start=this.currentStart}get startAsNumber(){return parseFloat(this.start)}set startAsNumber(e){this.start=e.toString()}endChanged(){this.currentEnd=this.end,this.#e||(this.dirtyValue=!0,this.#r()),this.$fastController.isConnected&&this.#c()}initialEndChanged(e,t){t&&!this.dirtyValue&&(this.end=t,this.dirtyValue=!1)}currentEndChanged(){this.end=this.currentEnd}get endAsNumber(){return parseFloat(this.end)}set endAsNumber(e){this.end=e.toString()}#t({start:e,end:t},n=!0){e===this.start&&(e=void 0),t===this.end&&(t=void 0),!(e===void 0&&t===void 0)&&(this.#e=!0,e!==void 0&&(this.start=e),t!==void 0&&(this.end=t),this.#e=!1,n&&(e!==void 0&&this.$emit(`input:start`),t!==void 0&&this.$emit(`input:end`),this.$emit(`input`),this.$emit(`change`),this.dirtyValue=!0),this.#r())}#n(e,t){this.#t({[e]:this.#d(e,Number(this[e])+t*this.step).toString()})}orientationChanged(){this.$fastController.isConnected&&this.#c()}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}formResetCallback(){this.#t({start:this.initialStart??this.min.toString(),end:this.initialEnd??this.max.toString()}),super.formResetCallback()}get#i(){return{start:this._startThumbEl,end:this._endThumbEl}}get#a(){return{start:{min:this.min,max:this.endAsNumber},end:{min:this.startAsNumber,max:this.max}}}#o(e){return e===this._startThumbEl?`start`:`end`}#s(e){return this.#o(e.target)}#c(){let e=this.#l(this.startAsNumber),t=this.#l(this.endAsNumber),[n,r]=this.orientation===o.t.horizontal?[`right`,`width`]:[`bottom`,`height`],i=`transition: ${this._draggingThumb?`none`:`all 0.2s ease`};`;this._startThumbCss=`${n}: ${e}%; ${i}`,this._endThumbCss=`${n}: ${t}%; ${i}`,this._selectedRangeCss=`${n}: ${t}%; ${r}: ${e-t}%; ${i}`}#l(e){return(1-f.r(this.min,this.max,e))*100}#u(e){let t=this._trackEl.getBoundingClientRect(),[n,r,i]=this.orientation===o.t.horizontal?[this._trackEl.clientLeft,this._trackEl.clientWidth,e.pageX-document.documentElement.scrollLeft-this.getBoundingClientRect().left]:[t.top,t.bottom,e.pageY-document.documentElement.scrollTop];return f.i(this.min,this.max,f.r(n,r,i))}#d(e,t){return l.n(this.#a[e].min,this.#a[e].max,f.o(t-this.min,this.step)+this.min)}#f=!1;#p(e){this.#f=!0,e.focus(),this.#f=!1}_isThumbPopupOpen(e){return this._visiblyFocusedThumb===e||this._hoveredThumb===e||this._draggingThumb===e}connectedCallback(){super.connectedCallback(),this.#t({start:this.start||this.initialStart||this.min.toString(),end:this.end||this.initialEnd||this.max.toString()},!1),this.#m(),this.#c()}disconnectedCallback(){super.disconnectedCallback(),this.#h(),this.#C()}#m(){for(let e of[`start`,`end`])this.#i[e].addEventListener(`keydown`,this.#x),this.#i[e].addEventListener(`mousedown`,this.#b,{passive:!0}),this.#i[e].addEventListener(`touchstart`,this.#b,{passive:!0}),this.#i[e].addEventListener(`mouseover`,this.#v,{passive:!0}),this.#i[e].addEventListener(`mouseout`,this.#y,{passive:!0}),this.#i[e].addEventListener(`focus`,this.#g),this.#i[e].addEventListener(`blur`,this.#_)}#h(){for(let e of[`start`,`end`])this.#i[e].removeEventListener(`keydown`,this.#x),this.#i[e].removeEventListener(`mousedown`,this.#b),this.#i[e].removeEventListener(`touchstart`,this.#b),this.#i[e].removeEventListener(`mouseover`,this.#v),this.#i[e].removeEventListener(`mouseout`,this.#y),this.#i[e].removeEventListener(`focus`,this.#g),this.#i[e].removeEventListener(`blur`,this.#_)}_onMouseDown(e){if(this.disabled||this._draggingThumb)return;let t=this.#u(e),n=Math.abs(t-Number(this.start)),r=Math.abs(t-Number(this.end)),i=n<r||n===r&&t<Number(this.start)?`start`:`end`;this.#t({[i]:`${this.#d(i,t)}`}),this._draggingThumb=i,this.#p(this.#i[i]),this.#S()}#g=e=>{this.#f||(this._visiblyFocusedThumb=this.#s(e))};#_=()=>{this._visiblyFocusedThumb=null};#v=e=>{this._hoveredThumb=this.#s(e)};#y=()=>{this._hoveredThumb=null};#b=e=>{if(this.disabled||e.defaultPrevented)return;let t=e.target;t===this._endThumbEl&&this.startAsNumber===this.max&&this.endAsNumber===this.max&&(t=this._startThumbEl),this.#p(t),this._draggingThumb=this.#o(t),this.#S()};#x=e=>{let t=this.#s(e);if(this._visiblyFocusedThumb=t,e.key===`Home`)e.preventDefault(),this.#t({[t]:`${this.#a[t].min}`});else if(e.key===`End`)e.preventDefault(),this.#t({[t]:`${this.#a[t].max}`});else{if(e.shiftKey)return;switch(e.key){case c.r:case c.t:e.preventDefault(),this.#n(t,m.Increment);break;case c.n:case c.i:e.preventDefault(),this.#n(t,m.Decrement);break}}};#S(){window.addEventListener(`mousemove`,this.#w,{passive:!0}),window.addEventListener(`touchmove`,this.#w,{passive:!0}),window.addEventListener(`mouseup`,this.#T),window.addEventListener(`touchend`,this.#T),window.document.addEventListener(`mouseleave`,this.#T)}#C(){window.removeEventListener(`mouseup`,this.#T),window.document.removeEventListener(`mouseleave`,this.#T),window.removeEventListener(`mousemove`,this.#w),window.removeEventListener(`touchmove`,this.#w),window.removeEventListener(`touchend`,this.#T)}#w=e=>{if(this.disabled||e.defaultPrevented||!this._draggingThumb)return;let t=`TouchEvent`in window&&e instanceof TouchEvent?e.touches[0]:e,n=this.#u(t);this.#t({[this._draggingThumb]:`${this.#d(this._draggingThumb,n)}`})};#T=()=>{this._draggingThumb=!1,this.#C()}};i.t([t.T],h.prototype,`start`,void 0),i.t([t.l({mode:`fromView`,attribute:`start`})],h.prototype,`initialStart`,void 0),i.t([t.l({attribute:`current-start`})],h.prototype,`currentStart`,void 0),i.t([t.T],h.prototype,`end`,void 0),i.t([t.l({mode:`fromView`,attribute:`end`})],h.prototype,`initialEnd`,void 0),i.t([t.l({attribute:`current-end`})],h.prototype,`currentEnd`,void 0),i.t([t.l({converter:t.u})],h.prototype,`min`,void 0),i.t([t.l({converter:t.u})],h.prototype,`max`,void 0),i.t([t.l({converter:f.a})],h.prototype,`step`,void 0),i.t([t.l],h.prototype,`orientation`,void 0),i.t([t.l({attribute:`aria-start-label`})],h.prototype,`ariaStartLabel`,void 0),i.t([t.l({attribute:`aria-end-label`})],h.prototype,`ariaEndLabel`,void 0),i.t([t.l({mode:`boolean`})],h.prototype,`markers`,void 0),i.t([t.l],h.prototype,`connotation`,void 0),i.t([t.l({mode:`boolean`})],h.prototype,`pin`,void 0),i.t([t.T],h.prototype,`valueTextFormatter`,void 0),i.t([t.T],h.prototype,`_draggingThumb`,void 0),i.t([t.T],h.prototype,`_visiblyFocusedThumb`,void 0),i.t([t.T],h.prototype,`_hoveredThumb`,void 0),i.t([t.T],h.prototype,`_startThumbCss`,void 0),i.t([t.T],h.prototype,`_endThumbCss`,void 0),i.t([t.T],h.prototype,`_selectedRangeCss`,void 0);var g=({disabled:e,connotation:t})=>s.t(`control`,[`disabled`,!!e],[`connotation-${t}`,!!t]),_=e=>({_visiblyFocusedThumb:t})=>s.t(`thumb-container`,[`focus-visible`,t===e]),v=t.o(`range-slider`,h,e=>{let i=e.tagFor(d.i);return t.d` <template
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`);require(`../bundled/numberConverter.cjs`);const i=require(`../bundled/decorate.cjs`),a=require(`../bundled/form-element.cjs`),o=require(`../bundled/aria.cjs`),s=require(`../bundled/class-names.cjs`),c=require(`../bundled/key-codes.cjs`),l=require(`../bundled/numbers.cjs`),u=require(`../bundled/form-associated.cjs`),d=require(`../bundled/definition8.cjs`),f=require(`../bundled/slider.template.cjs`);var p=`:host{display:inline-block}:host(:not([orientation=vertical])){inline-size:100%}:host([orientation=vertical]){block-size:100%;min-block-size:calc(var(--_thumb-interaction-indicator-size) * 5)}:host([disabled]){cursor:not-allowed}.control.connotation-cta{--_connotation-color-primary:var(--vvd-slider-cta-primary,var(--vvd-color-cta-500))}.control:not(.connotation-cta){--_connotation-color-primary:var(--vvd-slider-accent-primary,var(--vvd-color-canvas-text))}.control{--_appearance-color-text:var(--_connotation-color-primary-text);--_appearance-color-fill:var(--_connotation-color-primary);--_appearance-color-outline:transparent;--_thumb-size:12px;--_thumb-interaction-indicator-size:36px;--_track-start-inset-inline-start:0;--_track-start-inset-block-start:0;cursor:pointer;user-select:none;outline:none}.control .positioning-region{position:relative}.control .track{background:var(--_track-background-color);border-radius:4px;position:absolute}.control .track-start{border-radius:inherit;background:var(--_track-start-background-color);block-size:100%;position:absolute;inset-inline-start:var(--_track-start-inset-inline-start)}.control.horizontal{block-size:var(--_thumb-interaction-indicator-size);inline-size:calc(100% - var(--_thumb-size));min-inline-size:var(--_thumb-size);margin-inline-start:calc(var(--_thumb-size) / 2)}.control.horizontal .track{top:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:2px;left:0;right:0}:host([markers]) .control.horizontal .track-start{--_track-start-inset-inline-start:1px;border-top-left-radius:0;border-bottom-left-radius:0}.control.horizontal .track .mark{block-size:6px;inline-size:100%;position:absolute;inset-block-start:-2px;inset-inline-start:0}.control.vertical{margin-top:calc(var(--_thumb-interaction-indicator-size) / 2);block-size:calc(100% - var(--_thumb-interaction-indicator-size));inline-size:var(--_thumb-interaction-indicator-size);min-block-size:var(--_thumb-interaction-indicator-size)}.control.vertical .positioning-region{block-size:100%}.control.vertical .track{left:calc((var(--_thumb-interaction-indicator-size) - 2px) / 2);block-size:100%;inline-size:2px}.control.vertical .track .mark{block-size:100%;inline-size:6px;position:absolute;inset-block-start:0;inset-inline-start:-2px}.control.vertical .track-start{block-size:auto;inline-size:100%;inset-block-start:var(--_track-start-inset-block-start)}:host([markers]) .control.vertical .track-start{--_track-start-inset-block-start:1px;border-radius:0}.control.disabled{--_track-background-color:var(--vvd-color-neutral-100);--_track-start-background-color:var(--vvd-color-neutral-300);pointer-events:none}.control:not(.disabled){--_track-background-color:var(--vvd-color-neutral-300);--_track-start-background-color:var(--_appearance-color-fill)}.control:not(.disabled) .mark{color:var(--vvd-color-neutral-950)}.control.disabled .mark{color:var(--_track-start-background-color)}.thumb-container{block-size:var(--_thumb-interaction-indicator-size);cursor:inherit;inline-size:var(--_thumb-interaction-indicator-size);touch-action:none;border-radius:50%;outline:none;position:absolute}.thumb-container.focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;--_thumb-interaction-indicator-alpha:.05;border-radius:50%}.control.horizontal .thumb-container{transform:translateX(calc(var(--_thumb-interaction-indicator-size) / 2))}.control.vertical .thumb-container{transform:translateY(calc(var(--_thumb-interaction-indicator-size) / 2))}@media (hover:hover){.control:not(.disabled) .thumb-container:hover{--_thumb-interaction-indicator-alpha:.12}}.control:not(.disabled) .thumb-container:active{--_thumb-interaction-indicator-alpha:.25}.thumb-container:before{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-interaction-indicator-size);content:"";inline-size:var(--_thumb-interaction-indicator-size);opacity:var(--_thumb-interaction-indicator-alpha,0);transition:opacity .2s ease-out;display:block;position:absolute}.thumb-container:after{border-radius:inherit;background-color:var(--_track-start-background-color);block-size:var(--_thumb-size);content:"";inline-size:var(--_thumb-size);inset:calc((var(--_thumb-interaction-indicator-size) - var(--_thumb-size)) / 2);display:block;position:absolute}.popup{pointer-events:none}.tooltip{width:auto;color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base-bold);padding:8px 12px}:host([internal-part]) .thumb-container{opacity:0;transition:opacity .2s}:host([internal-part]) .control.horizontal .track{block-size:4px;top:16px;overflow:hidden}:host([internal-part]) .control:focus .thumb-container{opacity:1}@media (hover:hover){:host([internal-part]) .control:hover .thumb-container{opacity:1}}.control,:host([markers]) .control.horizontal .track-start,:host([markers]) .control.vertical .track-start{--_track-start-inset-inline-start:auto;--_track-start-inset-block-start:auto}`,m={Increment:1,Decrement:-1},h=class extends e.t(a.t(u.n(t.t))){constructor(...e){super(...e),this.start=``,this.end=``,this.min=0,this.max=10,this.step=1,this.orientation=o.t.horizontal,this.ariaStartLabel=null,this.ariaEndLabel=null,this.markers=!1,this.pin=!1,this.valueTextFormatter=e=>parseFloat(e).toLocaleString(this.locale.lang),this.proxy=document.createElement(`input`),this._trackEl=null,this._startThumbEl=null,this._endThumbEl=null,this._draggingThumb=!1,this._visiblyFocusedThumb=null,this._hoveredThumb=null,this._startThumbCss=``,this._endThumbCss=``,this._selectedRangeCss=``}#e=!1;startChanged(){this.currentStart=this.start,this.#e||(this.dirtyValue=!0,this.#r()),this.$fastController.isConnected&&this.#c()}initialStartChanged(e,t){t&&!this.dirtyValue&&(this.start=t,this.dirtyValue=!1)}currentStartChanged(){this.start=this.currentStart}get startAsNumber(){return parseFloat(this.start)}set startAsNumber(e){this.start=e.toString()}endChanged(){this.currentEnd=this.end,this.#e||(this.dirtyValue=!0,this.#r()),this.$fastController.isConnected&&this.#c()}initialEndChanged(e,t){t&&!this.dirtyValue&&(this.end=t,this.dirtyValue=!1)}currentEndChanged(){this.end=this.currentEnd}get endAsNumber(){return parseFloat(this.end)}set endAsNumber(e){this.end=e.toString()}#t({start:e,end:t},n=!0){e===this.start&&(e=void 0),t===this.end&&(t=void 0),!(e===void 0&&t===void 0)&&(this.#e=!0,e!==void 0&&(this.start=e),t!==void 0&&(this.end=t),this.#e=!1,n&&(e!==void 0&&this.$emit(`input:start`),t!==void 0&&this.$emit(`input:end`),this.$emit(`input`),this.$emit(`change`),this.dirtyValue=!0),this.#r())}#n(e,t){this.#t({[e]:this.#d(e,Number(this[e])+t*this.step).toString()})}orientationChanged(){this.$fastController.isConnected&&this.#c()}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}formResetCallback(){this.#t({start:this.initialStart??this.min.toString(),end:this.initialEnd??this.max.toString()}),super.formResetCallback()}get#i(){return{start:this._startThumbEl,end:this._endThumbEl}}get#a(){return{start:{min:this.min,max:this.endAsNumber},end:{min:this.startAsNumber,max:this.max}}}#o(e){return e===this._startThumbEl?`start`:`end`}#s(e){return this.#o(e.target)}#c(){let e=this.#l(this.startAsNumber),t=this.#l(this.endAsNumber),[n,r]=this.orientation===o.t.horizontal?[`right`,`width`]:[`bottom`,`height`],i=`transition: ${this._draggingThumb?`none`:`all 0.2s ease`};`;this._startThumbCss=`${n}: ${e}%; ${i}`,this._endThumbCss=`${n}: ${t}%; ${i}`,this._selectedRangeCss=`${n}: ${t}%; ${r}: ${e-t}%; ${i}`}#l(e){return(1-f.r(this.min,this.max,e))*100}#u(e){let t=this._trackEl.getBoundingClientRect(),[n,r,i]=this.orientation===o.t.horizontal?[this._trackEl.clientLeft,this._trackEl.clientWidth,e.pageX-document.documentElement.scrollLeft-this.getBoundingClientRect().left]:[t.top,t.bottom,e.pageY-document.documentElement.scrollTop];return f.i(this.min,this.max,f.r(n,r,i))}#d(e,t){return l.n(this.#a[e].min,this.#a[e].max,f.o(t-this.min,this.step)+this.min)}#f=!1;#p(e){this.#f=!0,e.focus(),this.#f=!1}_isThumbPopupOpen(e){return this._visiblyFocusedThumb===e||this._hoveredThumb===e||this._draggingThumb===e}connectedCallback(){super.connectedCallback(),this.#t({start:this.start||this.initialStart||this.min.toString(),end:this.end||this.initialEnd||this.max.toString()},!1),this.#m(),this.#c(),document.addEventListener(`visibilitychange`,this.#v)}disconnectedCallback(){super.disconnectedCallback(),this.#h(),this.#w(),document.removeEventListener(`visibilitychange`,this.#v)}#m(){for(let e of[`start`,`end`])this.#i[e].addEventListener(`keydown`,this.#S),this.#i[e].addEventListener(`mousedown`,this.#x,{passive:!0}),this.#i[e].addEventListener(`touchstart`,this.#x,{passive:!0}),this.#i[e].addEventListener(`mouseover`,this.#y,{passive:!0}),this.#i[e].addEventListener(`mouseout`,this.#b,{passive:!0}),this.#i[e].addEventListener(`focus`,this.#g),this.#i[e].addEventListener(`blur`,this.#_)}#h(){for(let e of[`start`,`end`])this.#i[e].removeEventListener(`keydown`,this.#S),this.#i[e].removeEventListener(`mousedown`,this.#x),this.#i[e].removeEventListener(`touchstart`,this.#x),this.#i[e].removeEventListener(`mouseover`,this.#y),this.#i[e].removeEventListener(`mouseout`,this.#b),this.#i[e].removeEventListener(`focus`,this.#g),this.#i[e].removeEventListener(`blur`,this.#_)}_onMouseDown(e){if(this.disabled||this._draggingThumb)return;let t=this.#u(e),n=Math.abs(t-Number(this.start)),r=Math.abs(t-Number(this.end)),i=n<r||n===r&&t<Number(this.start)?`start`:`end`;this.#t({[i]:`${this.#d(i,t)}`}),this._draggingThumb=i,this.#p(this.#i[i]),this.#C()}#g=e=>{this.#f||(this._visiblyFocusedThumb=this.#s(e)),this.#f=!1};#_=()=>{this._visiblyFocusedThumb=null};#v=()=>{document.hidden&&(this.shadowRoot.activeElement===this._startThumbEl||this.shadowRoot.activeElement===this._endThumbEl)&&(this.#f=!0)};#y=e=>{this._hoveredThumb=this.#s(e)};#b=()=>{this._hoveredThumb=null};#x=e=>{if(this.disabled||e.defaultPrevented)return;let t=e.target;t===this._endThumbEl&&this.startAsNumber===this.max&&this.endAsNumber===this.max&&(t=this._startThumbEl),this.#p(t),this._draggingThumb=this.#o(t),this.#C()};#S=e=>{let t=this.#s(e);if(this._visiblyFocusedThumb=t,e.key===`Home`)e.preventDefault(),this.#t({[t]:`${this.#a[t].min}`});else if(e.key===`End`)e.preventDefault(),this.#t({[t]:`${this.#a[t].max}`});else{if(e.shiftKey)return;switch(e.key){case c.r:case c.t:e.preventDefault(),this.#n(t,m.Increment);break;case c.n:case c.i:e.preventDefault(),this.#n(t,m.Decrement);break}}};#C(){window.addEventListener(`mousemove`,this.#T,{passive:!0}),window.addEventListener(`touchmove`,this.#T,{passive:!0}),window.addEventListener(`mouseup`,this.#E),window.addEventListener(`touchend`,this.#E),window.document.addEventListener(`mouseleave`,this.#E)}#w(){window.removeEventListener(`mouseup`,this.#E),window.document.removeEventListener(`mouseleave`,this.#E),window.removeEventListener(`mousemove`,this.#T),window.removeEventListener(`touchmove`,this.#T),window.removeEventListener(`touchend`,this.#E)}#T=e=>{if(this.disabled||e.defaultPrevented||!this._draggingThumb)return;let t=`TouchEvent`in window&&e instanceof TouchEvent?e.touches[0]:e,n=this.#u(t);this.#t({[this._draggingThumb]:`${this.#d(this._draggingThumb,n)}`})};#E=()=>{this._draggingThumb=!1,this.#w()}};i.t([t.T],h.prototype,`start`,void 0),i.t([t.l({mode:`fromView`,attribute:`start`})],h.prototype,`initialStart`,void 0),i.t([t.l({attribute:`current-start`})],h.prototype,`currentStart`,void 0),i.t([t.T],h.prototype,`end`,void 0),i.t([t.l({mode:`fromView`,attribute:`end`})],h.prototype,`initialEnd`,void 0),i.t([t.l({attribute:`current-end`})],h.prototype,`currentEnd`,void 0),i.t([t.l({converter:t.u})],h.prototype,`min`,void 0),i.t([t.l({converter:t.u})],h.prototype,`max`,void 0),i.t([t.l({converter:f.a})],h.prototype,`step`,void 0),i.t([t.l],h.prototype,`orientation`,void 0),i.t([t.l({attribute:`aria-start-label`})],h.prototype,`ariaStartLabel`,void 0),i.t([t.l({attribute:`aria-end-label`})],h.prototype,`ariaEndLabel`,void 0),i.t([t.l({mode:`boolean`})],h.prototype,`markers`,void 0),i.t([t.l],h.prototype,`connotation`,void 0),i.t([t.l({mode:`boolean`})],h.prototype,`pin`,void 0),i.t([t.T],h.prototype,`valueTextFormatter`,void 0),i.t([t.T],h.prototype,`_draggingThumb`,void 0),i.t([t.T],h.prototype,`_visiblyFocusedThumb`,void 0),i.t([t.T],h.prototype,`_hoveredThumb`,void 0),i.t([t.T],h.prototype,`_startThumbCss`,void 0),i.t([t.T],h.prototype,`_endThumbCss`,void 0),i.t([t.T],h.prototype,`_selectedRangeCss`,void 0);var g=({disabled:e,connotation:t})=>s.t(`control`,[`disabled`,!!e],[`connotation-${t}`,!!t]),_=e=>({_visiblyFocusedThumb:t})=>s.t(`thumb-container`,[`focus-visible`,t===e]),v=t.o(`range-slider`,h,e=>{let i=e.tagFor(d.i);return t.d` <template
 		@mousedown="${(e,t)=>e._onMouseDown(t.event)}"
 	>
 		<div class="${g} ${e=>e.orientation}">

package/range-slider/index.js

@@ -2,7 +2,7 @@ import { t as e } from "../bundled/localized.js";
 import { T as t, d as n, l as r, o as i, s as a, t as o, u as s } from "../bundled/vivid-element.js";
 import { t as c } from "../bundled/ref.js";
 import { t as l } from "../bundled/when.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as u } from "../bundled/decorate.js";
 import { t as d } from "../bundled/form-element.js";
 import { t as f } from "../bundled/aria.js";
@@ -133,40 +133,43 @@ var O = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 		super.connectedCallback(), this.#t({
 			start: this.start || this.initialStart || this.min.toString(),
 			end: this.end || this.initialEnd || this.max.toString()
-		}, !1), this.#m(), this.#c();
+		}, !1), this.#m(), this.#c(), document.addEventListener("visibilitychange", this.#v);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#h(), this.#C();
+		super.disconnectedCallback(), this.#h(), this.#w(), document.removeEventListener("visibilitychange", this.#v);
 	}
 	#m() {
-		for (let e of ["start", "end"]) this.#i[e].addEventListener("keydown", this.#x), this.#i[e].addEventListener("mousedown", this.#b, { passive: !0 }), this.#i[e].addEventListener("touchstart", this.#b, { passive: !0 }), this.#i[e].addEventListener("mouseover", this.#v, { passive: !0 }), this.#i[e].addEventListener("mouseout", this.#y, { passive: !0 }), this.#i[e].addEventListener("focus", this.#g), this.#i[e].addEventListener("blur", this.#_);
+		for (let e of ["start", "end"]) this.#i[e].addEventListener("keydown", this.#S), this.#i[e].addEventListener("mousedown", this.#x, { passive: !0 }), this.#i[e].addEventListener("touchstart", this.#x, { passive: !0 }), this.#i[e].addEventListener("mouseover", this.#y, { passive: !0 }), this.#i[e].addEventListener("mouseout", this.#b, { passive: !0 }), this.#i[e].addEventListener("focus", this.#g), this.#i[e].addEventListener("blur", this.#_);
 	}
 	#h() {
-		for (let e of ["start", "end"]) this.#i[e].removeEventListener("keydown", this.#x), this.#i[e].removeEventListener("mousedown", this.#b), this.#i[e].removeEventListener("touchstart", this.#b), this.#i[e].removeEventListener("mouseover", this.#v), this.#i[e].removeEventListener("mouseout", this.#y), this.#i[e].removeEventListener("focus", this.#g), this.#i[e].removeEventListener("blur", this.#_);
+		for (let e of ["start", "end"]) this.#i[e].removeEventListener("keydown", this.#S), this.#i[e].removeEventListener("mousedown", this.#x), this.#i[e].removeEventListener("touchstart", this.#x), this.#i[e].removeEventListener("mouseover", this.#y), this.#i[e].removeEventListener("mouseout", this.#b), this.#i[e].removeEventListener("focus", this.#g), this.#i[e].removeEventListener("blur", this.#_);
 	}
 	_onMouseDown(e) {
 		if (this.disabled || this._draggingThumb) return;
 		let t = this.#u(e), n = Math.abs(t - Number(this.start)), r = Math.abs(t - Number(this.end)), i = n < r || n === r && t < Number(this.start) ? "start" : "end";
-		this.#t({ [i]: `${this.#d(i, t)}` }), this._draggingThumb = i, this.#p(this.#i[i]), this.#S();
+		this.#t({ [i]: `${this.#d(i, t)}` }), this._draggingThumb = i, this.#p(this.#i[i]), this.#C();
 	}
 	#g = (e) => {
-		this.#f || (this._visiblyFocusedThumb = this.#s(e));
+		this.#f || (this._visiblyFocusedThumb = this.#s(e)), this.#f = !1;
 	};
 	#_ = () => {
 		this._visiblyFocusedThumb = null;
 	};
-	#v = (e) => {
+	#v = () => {
+		document.hidden && (this.shadowRoot.activeElement === this._startThumbEl || this.shadowRoot.activeElement === this._endThumbEl) && (this.#f = !0);
+	};
+	#y = (e) => {
 		this._hoveredThumb = this.#s(e);
 	};
-	#y = () => {
+	#b = () => {
 		this._hoveredThumb = null;
 	};
-	#b = (e) => {
+	#x = (e) => {
 		if (this.disabled || e.defaultPrevented) return;
 		let t = e.target;
-		t === this._endThumbEl && this.startAsNumber === this.max && this.endAsNumber === this.max && (t = this._startThumbEl), this.#p(t), this._draggingThumb = this.#o(t), this.#S();
+		t === this._endThumbEl && this.startAsNumber === this.max && this.endAsNumber === this.max && (t = this._startThumbEl), this.#p(t), this._draggingThumb = this.#o(t), this.#C();
 	};
-	#x = (e) => {
+	#S = (e) => {
 		let t = this.#s(e);
 		if (this._visiblyFocusedThumb = t, e.key === "Home") e.preventDefault(), this.#t({ [t]: `${this.#a[t].min}` });
 		else if (e.key === "End") e.preventDefault(), this.#t({ [t]: `${this.#a[t].max}` });
@@ -184,19 +187,19 @@ var O = ":host{display:inline-block}:host(:not([orientation=vertical])){inline-s
 			}
 		}
 	};
-	#S() {
-		window.addEventListener("mousemove", this.#w, { passive: !0 }), window.addEventListener("touchmove", this.#w, { passive: !0 }), window.addEventListener("mouseup", this.#T), window.addEventListener("touchend", this.#T), window.document.addEventListener("mouseleave", this.#T);
-	}
 	#C() {
-		window.removeEventListener("mouseup", this.#T), window.document.removeEventListener("mouseleave", this.#T), window.removeEventListener("mousemove", this.#w), window.removeEventListener("touchmove", this.#w), window.removeEventListener("touchend", this.#T);
+		window.addEventListener("mousemove", this.#T, { passive: !0 }), window.addEventListener("touchmove", this.#T, { passive: !0 }), window.addEventListener("mouseup", this.#E), window.addEventListener("touchend", this.#E), window.document.addEventListener("mouseleave", this.#E);
+	}
+	#w() {
+		window.removeEventListener("mouseup", this.#E), window.document.removeEventListener("mouseleave", this.#E), window.removeEventListener("mousemove", this.#T), window.removeEventListener("touchmove", this.#T), window.removeEventListener("touchend", this.#E);
 	}
-	#w = (e) => {
+	#T = (e) => {
 		if (this.disabled || e.defaultPrevented || !this._draggingThumb) return;
 		let t = "TouchEvent" in window && e instanceof TouchEvent ? e.touches[0] : e, n = this.#u(t);
 		this.#t({ [this._draggingThumb]: `${this.#d(this._draggingThumb, n)}` });
 	};
-	#T = () => {
-		this._draggingThumb = !1, this.#C();
+	#E = () => {
+		this._draggingThumb = !1, this.#w();
 	};
 };
 u([t], A.prototype, "start", void 0), u([r({

package/rich-text-editor/definition.cjs

@@ -1,33 +1,33 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition56.cjs");
-exports.RteAlignmentFeature = require_definition$1.RteAlignmentFeature;
-exports.RteAtomFeature = require_definition$1.RteAtomFeature;
-exports.RteBase = require_definition$1.RteBase;
-exports.RteBoldFeature = require_definition$1.RteBoldFeature;
-exports.RteCharacterCountFeature = require_definition$1.RteCharacterCountFeature;
-exports.RteConfig = require_definition$1.RteConfig;
-exports.RteDropHandlerFeature = require_definition$1.RteDropHandlerFeature;
-exports.RteFileHandlerFeature = require_definition$1.RteFileHandlerFeature;
-exports.RteFontSizePickerFeature = require_definition$1.RteFontSizePickerFeature;
-exports.RteHardBreakFeature = require_definition$1.RteHardBreakFeature;
-exports.RteHtmlParser = require_definition$1.RteHtmlParser;
-exports.RteHtmlSerializer = require_definition$1.RteHtmlSerializer;
-exports.RteInlineImageFeature = require_definition$1.RteInlineImageFeature;
-exports.RteInputRuleFeature = require_definition$1.RteInputRuleFeature;
-exports.RteItalicFeature = require_definition$1.RteItalicFeature;
-exports.RteKeyboardShortcutsFeature = require_definition$1.RteKeyboardShortcutsFeature;
-exports.RteLinkFeature = require_definition$1.RteLinkFeature;
-exports.RteListFeature = require_definition$1.RteListFeature;
-exports.RteMonospaceFeature = require_definition$1.RteMonospaceFeature;
-exports.RtePlaceholderFeature = require_definition$1.RtePlaceholderFeature;
-exports.RteStrikethroughFeature = require_definition$1.RteStrikethroughFeature;
-exports.RteSuggestFeature = require_definition$1.RteSuggestFeature;
-exports.RteTextBlockPickerFeature = require_definition$1.RteTextBlockPickerFeature;
-exports.RteTextColorPickerFeature = require_definition$1.RteTextColorPickerFeature;
-exports.RteToolbarButtonFeature = require_definition$1.RteToolbarButtonFeature;
-exports.RteToolbarFeature = require_definition$1.RteToolbarFeature;
-exports.RteUnderlineFeature = require_definition$1.RteUnderlineFeature;
-exports.VwcRichTextEditorElement = require_definition$1.RichTextEditor;
-exports.registerRichTextEditor = require_definition$1.registerRichTextEditor;
-exports.richTextEditorDefinition = require_definition$1.richTextEditorDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition58.cjs");
+exports.RteAlignmentFeature = require_definition.RteAlignmentFeature;
+exports.RteAtomFeature = require_definition.RteAtomFeature;
+exports.RteBase = require_definition.RteBase;
+exports.RteBoldFeature = require_definition.RteBoldFeature;
+exports.RteCharacterCountFeature = require_definition.RteCharacterCountFeature;
+exports.RteConfig = require_definition.RteConfig;
+exports.RteDropHandlerFeature = require_definition.RteDropHandlerFeature;
+exports.RteFileHandlerFeature = require_definition.RteFileHandlerFeature;
+exports.RteFontSizePickerFeature = require_definition.RteFontSizePickerFeature;
+exports.RteHardBreakFeature = require_definition.RteHardBreakFeature;
+exports.RteHtmlParser = require_definition.RteHtmlParser;
+exports.RteHtmlSerializer = require_definition.RteHtmlSerializer;
+exports.RteInlineImageFeature = require_definition.RteInlineImageFeature;
+exports.RteInputRuleFeature = require_definition.RteInputRuleFeature;
+exports.RteItalicFeature = require_definition.RteItalicFeature;
+exports.RteKeyboardShortcutsFeature = require_definition.RteKeyboardShortcutsFeature;
+exports.RteLinkFeature = require_definition.RteLinkFeature;
+exports.RteListFeature = require_definition.RteListFeature;
+exports.RteMonospaceFeature = require_definition.RteMonospaceFeature;
+exports.RtePlaceholderFeature = require_definition.RtePlaceholderFeature;
+exports.RteStrikethroughFeature = require_definition.RteStrikethroughFeature;
+exports.RteSuggestFeature = require_definition.RteSuggestFeature;
+exports.RteTextBlockPickerFeature = require_definition.RteTextBlockPickerFeature;
+exports.RteTextColorPickerFeature = require_definition.RteTextColorPickerFeature;
+exports.RteToolbarButtonFeature = require_definition.RteToolbarButtonFeature;
+exports.RteToolbarFeature = require_definition.RteToolbarFeature;
+exports.RteUnderlineFeature = require_definition.RteUnderlineFeature;
+exports.VwcRichTextEditorElement = require_definition.RichTextEditor;
+exports.registerRichTextEditor = require_definition.registerRichTextEditor;
+exports.richTextEditorDefinition = require_definition.richTextEditorDefinition;

package/rich-text-editor/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "../unbundled/definition56.js";
+import "../unbundled/numberConverter.js";
+import { A as RichTextEditor, C as RtePlaceholderFeature, D as RteConfig, E as RteBase, O as RteHtmlSerializer, S as RteHardBreakFeature, T as RteTextBlockPickerFeature, _ as RteStrikethroughFeature, a as RteKeyboardShortcutsFeature, b as RteBoldFeature, c as RteToolbarButtonFeature, d as RteInlineImageFeature, f as RteLinkFeature, g as RteMonospaceFeature, h as RteTextColorPickerFeature, i as RteSuggestFeature, k as RteHtmlParser, l as RteDropHandlerFeature, m as RteListFeature, n as richTextEditorDefinition, o as RteInputRuleFeature, p as RteAlignmentFeature, r as RteCharacterCountFeature, s as RteAtomFeature, t as registerRichTextEditor, u as RteFileHandlerFeature, v as RteUnderlineFeature, w as RteToolbarFeature, x as RteFontSizePickerFeature, y as RteItalicFeature } from "../unbundled/definition58.js";
 export { RteAlignmentFeature, RteAtomFeature, RteBase, RteBoldFeature, RteCharacterCountFeature, RteConfig, RteDropHandlerFeature, RteFileHandlerFeature, RteFontSizePickerFeature, RteHardBreakFeature, RteHtmlParser, RteHtmlSerializer, RteInlineImageFeature, RteInputRuleFeature, RteItalicFeature, RteKeyboardShortcutsFeature, RteLinkFeature, RteListFeature, RteMonospaceFeature, RtePlaceholderFeature, RteStrikethroughFeature, RteSuggestFeature, RteTextBlockPickerFeature, RteTextColorPickerFeature, RteToolbarButtonFeature, RteToolbarFeature, RteUnderlineFeature, RichTextEditor as VwcRichTextEditorElement, registerRichTextEditor, richTextEditorDefinition };

package/rich-text-editor/index.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`);require(`../bundled/definition2.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/definition5.cjs`),a=require(`../bundled/definition6.cjs`),o=require(`../bundled/definition8.cjs`),s=require(`../bundled/definition9.cjs`),c=require(`../bundled/mixins.cjs`),l=require(`../bundled/definition12.cjs`),u=require(`../bundled/definition17.cjs`),d=require(`../bundled/definition18.cjs`),f=require(`../bundled/definition19.cjs`),p=require(`../bundled/divider.cjs`),m=require(`../bundled/slottable-request.cjs`),h=require(`../bundled/definition20.cjs`),g=require(`../bundled/definition21.cjs`);var ee=`:host{flex-direction:column;display:flex}.rte{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}`,te=class extends e.n(t.t){instanceChanged(e){e?.[m.c].destroyViewIfNeeded(),this._initViewIfNeeded(),e?.[m.c].styles.removeStylesFrom(this.shadowRoot),this.instance?.[m.c].styles.addStylesTo(this.shadowRoot)}_initViewIfNeeded(){let e=this.instance?.[m.c];e&&this.$fastController.isConnected&&!e.view&&(this._syncStateIfNeeded(),e.createView(this._editorEl))}_destroyViewIfNeeded(){this.instance?.[m.c].destroyViewIfNeeded()}connectedCallback(){super.connectedCallback(),this._initViewIfNeeded()}disconnectedCallback(){super.disconnectedCallback(),this._destroyViewIfNeeded()}localeChanged(){this._syncStateIfNeeded()}_syncStateIfNeeded(){this.instance?.[m.c].updateHostState({locale:this.locale,ctx:this._ctx})}};r.t([t.T],te.prototype,`instance`,void 0);var _=e=>t.d`<template :_ctx="${()=>e}">
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`);require(`../bundled/numberConverter.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/definition5.cjs`),a=require(`../bundled/definition6.cjs`),o=require(`../bundled/definition8.cjs`),s=require(`../bundled/definition9.cjs`),c=require(`../bundled/mixins.cjs`),l=require(`../bundled/definition12.cjs`),u=require(`../bundled/definition17.cjs`),d=require(`../bundled/definition18.cjs`),f=require(`../bundled/definition19.cjs`),p=require(`../bundled/divider.cjs`),m=require(`../bundled/slottable-request.cjs`),h=require(`../bundled/definition20.cjs`),g=require(`../bundled/definition21.cjs`);var ee=`:host{display:block}.rte{block-size:100%;max-block-size:inherit;min-block-size:inherit;flex-direction:column;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}`,te=class extends e.n(t.t){instanceChanged(e){e?.[m.c].destroyViewIfNeeded(),this._initViewIfNeeded(),e?.[m.c].styles.removeStylesFrom(this.shadowRoot),this.instance?.[m.c].styles.addStylesTo(this.shadowRoot)}_initViewIfNeeded(){let e=this.instance?.[m.c];e&&this.$fastController.isConnected&&!e.view&&(this._syncStateIfNeeded(),e.createView(this._editorEl))}_destroyViewIfNeeded(){this.instance?.[m.c].destroyViewIfNeeded()}connectedCallback(){super.connectedCallback(),this._initViewIfNeeded()}disconnectedCallback(){super.disconnectedCallback(),this._destroyViewIfNeeded()}localeChanged(){this._syncStateIfNeeded()}_syncStateIfNeeded(){this.instance?.[m.c].updateHostState({locale:this.locale,ctx:this._ctx})}};r.t([t.T],te.prototype,`instance`,void 0);var _=e=>t.d`<template :_ctx="${()=>e}">
 		<div class="rte">
 			<div class="editor-viewport" ${n.t(`editorViewportElement`)}>
 				<div class="editor-scroll-area">

package/rich-text-editor/index.js

@@ -1,7 +1,7 @@
 import { n as e } from "../bundled/localized.js";
 import { E as t, T as n, d as r, o as i, s as a, t as o, y as s } from "../bundled/vivid-element.js";
 import { t as c } from "../bundled/ref.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as l } from "../bundled/decorate.js";
 import { r as u, t as d } from "../bundled/definition5.js";
 import { i as f, t as p } from "../bundled/definition6.js";
@@ -17,7 +17,7 @@ import { _ as ce, a as b, c as x, d as S, f as le, g as ue, h as de, i as fe, l
 import { i as ye, t as be } from "../bundled/definition20.js";
 import { r as xe, t as Se } from "../bundled/definition21.js";
 //#region src/lib/rich-text-editor/rich-text-editor.scss?inline
-var Ce = ":host{flex-direction:column;display:flex}.rte{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}", we = class extends e(o) {
+var Ce = ":host{display:block}.rte{block-size:100%;max-block-size:inherit;min-block-size:inherit;flex-direction:column;display:flex}.editor{display:contents}.editor-viewport{contain:layout;flex-direction:column;flex:1;min-block-size:0;display:flex;position:relative;overflow:hidden}.editor-scroll-area{--editor-padding-inline:var(--rich-text-editor-padding-inline,16px);--editor-padding-block:var(--rich-text-editor-padding-block,8px);background-color:var(--vvd-color-canvas);color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow-y:auto}.editor-scroll-area ::-webkit-scrollbar{width:4px}.editor-scroll-area ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.editor-scroll-area ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.popovers--disabled>*{display:none!important}", we = class extends e(o) {
 	instanceChanged(e) {
 		e?.[x].destroyViewIfNeeded(), this._initViewIfNeeded(), e?.[x].styles.removeStylesFrom(this.shadowRoot), this.instance?.[x].styles.addStylesTo(this.shadowRoot);
 	}

package/rich-text-view/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition58.cjs");
+const require_definition = require("../unbundled/definition60.cjs");
 exports.VwcRichTextViewElement = require_definition.RichTextView;
 exports.registerRichTextView = require_definition.registerRichTextView;
 exports.richTextViewDefinition = require_definition.richTextViewDefinition;

package/rich-text-view/definition.js

@@ -1,2 +1,2 @@
-import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition58.js";
+import { n as richTextViewDefinition, r as RichTextView, t as registerRichTextView } from "../unbundled/definition60.js";
 export { RichTextView as VwcRichTextViewElement, registerRichTextView, richTextViewDefinition };

package/searchable-select/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition59.cjs");
-exports.VwcSearchableSelectElement = require_definition$1.SearchableSelect;
-exports.registerSearchableSelect = require_definition$1.registerSearchableSelect;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition61.cjs");
+exports.VwcSearchableSelectElement = require_definition.SearchableSelect;
+exports.registerSearchableSelect = require_definition.registerSearchableSelect;

package/searchable-select/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition59.js";
+import "../unbundled/numberConverter.js";
+import { n as SearchableSelect, t as registerSearchableSelect } from "../unbundled/definition61.js";
 export { SearchableSelect as VwcSearchableSelectElement, registerSearchableSelect };

package/searchable-select/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/decorate.cjs`),c=require(`../bundled/affix.cjs`),l=require(`../bundled/form-element.cjs`),u=require(`../bundled/with-success-text.cjs`),d=require(`../bundled/with-error-text.cjs`),f=require(`../bundled/with-contextual-help.cjs`),p=require(`../bundled/delegates-aria.cjs`),m=require(`../bundled/class-names.cjs`),h=require(`../bundled/definition5.cjs`),g=require(`../bundled/form-associated.cjs`),_=require(`../bundled/definition6.cjs`),v=require(`../bundled/definition8.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/scrollIntoView.cjs`),x=require(`../bundled/definition17.cjs`),S=require(`../bundled/definition19.cjs`),C=require(`../bundled/divider.cjs`);var w=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;transition:transform .2s;display:flex;transform:rotate(0)}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.fieldset:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.fieldset.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.fieldset.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);justify-content:space-between;align-items:center;gap:8px;padding-block:8px;padding-inline:16px;transition:box-shadow .2s,background-color .2s;display:flex}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}}:host(:not([shape=pill])) .fieldset{border-radius:8px}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{flex-direction:column;flex:1;gap:8px;min-block-size:24px;display:flex;overflow:hidden}.tag-row{gap:8px;inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:24px;font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:20px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::slotted([data-vvd-component=option][data-highlighted]),[data-select-all][data-highlighted]{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;border-radius:8px}.divider{margin-block:10px;margin-inline:12px}`,T=`.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{box-sizing:border-box;background-color:var(--fill-color);block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;vertical-align:middle;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:inline-flex;position:relative}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in srgb, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in srgb, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}`,E=8,D=100,O=10,k=e=>typeof e==`string`,A=class extends f.t(y.t(d.t(u.t(l.t(p.t(c.n(e.t(g.n(t.t))))))))){constructor(...e){super(...e),this.fixedDropdown=!1,this.open=!1,this.multiple=!1,this.externalTags=!1,this.maxLines=null,this.values=[],this.initialValues=[],this._currentSearchText=null,this._areOptionsInitialized=!1,this._filteredOptions=[],this._filteredEnabledOptions=[],this.loading=!1,this._highlightedOptionIndex=null,this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[],this.clearable=!1,this.maxSelected=null,this._slottedDisabledOptions=[],this.enableSelectAll=!1,this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{k(e)||super.setFormValue(e,t)},this._changeDescription=``}openChanged(){this.open||this.#u(null)}valuesChanged(){if(this._areOptionsInitialized){if(!this.multiple&&this.values.length>1){this.values=[this.values[0]];return}if(this.values.some(e=>!this.#n(e))){this.values=this.values.filter(e=>this.#n(e));return}this.value=this.values.length?this.values[0]:``,this.#T(),this.#i(),this.$fastController.isConnected&&this.#b(),this.#D()}}#e(e){this.values=e,this.$emit(`change`,void 0,{bubbles:!1}),this.$emit(`input`,void 0,{bubbles:!1})}#t(e){let t=new Set(this.values),n=new Set(e);this.values=[...this.values].filter(e=>n.has(e)).concat([...e].filter(e=>!t.has(e)))}initialValuesChanged(){this.dirtyValue||=(this.values=this.initialValues,!1)}#n(e){return this._slottedOptions.some(t=>t.value===e)}valueChanged(e,t){if(super.valueChanged(e,t),!this._areOptionsInitialized)return;let n=this._slottedOptions.some(e=>e.value===t);this.values[0]!==t&&(this.values=n?[t]:[])}get selectedIndex(){return this.values.length?this._slottedOptions.findIndex(e=>e.value===this.values[0]):-1}set selectedIndex(e){this.value=this._slottedOptions[e]?.value??``}get options(){return[...this._slottedOptions]}get selectedOptions(){return this._slottedOptions.filter(e=>this.values.includes(e.value))}_currentSearchTextChanged(){this.#l(),this.$emit(`search-text-change`,void 0,{bubbles:!1,composed:!1})}get searchText(){return this._currentSearchText??``}get _inputValue(){return this._currentSearchText??(!this.multiple&&this.value!==``?this.#v(this.value)??``:``)}_onInputInput(e){this._currentSearchText=e.target.value}_onInputFocus(e){this.#l()}_onInputBlur(e){this.open=!1,this._currentSearchText=null,this._changeDescription=``}_onInputKeydown(e){if(e.ctrlKey||e.shiftKey)return!0;switch(e.key){case`Enter`:return this.#d(),this._inputValue===``&&(this.open=!this.open),!1;case`Escape`:this.open=!1;break;case`Home`:if(!this.open){this.open=!0;break}return this.#f(),!1;case`End`:if(!this.open){this.open=!0;break}return this.#p(),!1;case`PageUp`:if(!this.open){this.open=!0;break}return this.#m(),!1;case`PageDown`:if(!this.open){this.open=!0;break}return this.#h(),!1;case`ArrowUp`:if(!this.open){this.open=!0;break}return this.#g(),!1;case`ArrowDown`:if(!this.open){this.open=!0;break}return this.#_(),!1;case`ArrowLeft`:return this.multiple&&this._inputValue===``&&this.values.length&&!this.externalTags?(this.#x(this.#S(this.values.length)),!1):!0;case`Backspace`:return this.multiple&&this._inputValue===``&&this.values.length?(this._onTagRemoved(this.values[this.values.length-1]),!1):!0;default:return this.open||=!0,!0}return!0}_slottedOptionsChanged(e,n){let r=!!this.querySelectorAll(`:not([slot])`).length;if(!n.length&&r)return;if(this._areOptionsInitialized=!0,e){this._slottedDisabledOptions=[];for(let n of e)t.w.getNotifier(n).unsubscribe(this.#r,`selected`)}if(n)for(let e of n)e._displayCheckmark=!0,t.w.getNotifier(e).subscribe(this.#r,`selected`);let i=[];for(let e of this._slottedOptions)(e.selected||e.value===this.value||this.values.includes(e.value))&&i.push(e.value),e.disabled&&this._slottedDisabledOptions.push(e);this.#t(i),this.#l(),this.#T()}#r={handleChange:(e,t)=>{e.selected&&!this.values.includes(e.value)?this.values=[...this.values,e.value]:!e.selected&&this.values.includes(e.value)&&(this.values=this.values.filter(t=>t!==e.value))}};#i(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),this.#c(e)}#a(e){let t=e.value,n,r=!1,i=!this.values.includes(t);this.multiple?(n=i?[...this.values,t]:this.values.filter(e=>e!==t),r=!0):(i?(n=[t],r=!0):n=[],this.open=!1),this.#e(n),this._changeDescription=`${i?this.locale.searchableSelect.optionSelectedMessage(e._getAccessibleName()):this.locale.searchableSelect.optionDeselectedMessage(e._getAccessibleName())} ${this.multiple&&this.maxSelected&&this.maxSelected>=1?this.locale.searchableSelect.maxSelectedMessage(this.values.length,this.maxSelected):``}`,r&&(this._currentSearchText=null)}#o=new Map;#s(e){return e.querySelector(`[slot="tag-icon"]`)}_tagIconSlotName(e){return`_tag-icon-${this.values.indexOf(e)}`}#c(e){if(e.selected&&this.#s(e)){let t=this.#o.get(e);t||(t=this.#s(e).cloneNode(!0),this.#o.set(e,t)),t.slot=this._tagIconSlotName(e.value),this.appendChild(t)}else{let t=this.#o.get(e);t&&(t.remove(),this.#o.delete(e))}}optionFilterChanged(){this.#l()}loadingChanged(e,t){this._changeDescription=this.locale.searchableSelect.loadingOptionsMessage,e&&!t&&(this._changeDescription=``)}#l(){let e=[],t=this.optionFilter??((e,t)=>e.text.toLowerCase().includes(t.toLowerCase()));for(let n of this._slottedOptions??[]){n._vvdSearchText=this.searchText;let r=!this.searchText||t(n,this.searchText);n._isNotMatching=!r,!n.hidden&&r&&e.push(n)}this.#u(null),this._filteredOptions=e;let n=e.filter(e=>!e.disabled);this._selectAllOption?this._filteredEnabledOptions=[this._selectAllOption,...n]:this._filteredEnabledOptions=n}#u(e){if(typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!1,e.removeAttribute(`data-highlighted`)}if(typeof e==`number`&&(e=this._filteredEnabledOptions.length?Math.max(0,Math.min(this._filteredEnabledOptions.length-1,e)):null),this._highlightedOptionIndex=e,typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!0,e.setAttribute(`data-highlighted`,``),b.t(e,this._listbox,`nearest`),this._changeDescription=this.locale.searchableSelect.optionFocusedMessage(e._getAccessibleName(),this._highlightedOptionIndex+1,this._filteredEnabledOptions.length,e.selected)}}#d(){if(this._highlightedOptionIndex===null)return;let e=this._filteredEnabledOptions[this._highlightedOptionIndex];if(e.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}this.#a(e)}#f(){this.#u(0)}#p(){this.#u(this._filteredEnabledOptions.length-1)}#m(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-O)}#h(){this.#u((this._highlightedOptionIndex??-1)+O)}#g(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-1)}#_(){this.#u((this._highlightedOptionIndex??-1)+1)}_tagLabelForValue(e){return this._slottedOptions.find(t=>t.value===e).label}_tagConnotationForValue(e){return this._slottedOptions.find(t=>t.value===e).tagConnotation}_isTagDisabled(e){let t=this._slottedOptions.find(t=>t.value===e);return this.disabled||t.disabled}#v(e){return this._slottedOptions?.find(t=>t.value===e)?.label}#y(e,t,n){let r=document.createElement(this._optionTagTagName);r.label=e,r.removable=t,r.style.cssText=`position: absolute; visibility: hidden;`,r.hasIconPlaceholder=n,this.shadowRoot.appendChild(r);let i=r.getBoundingClientRect().width;return r.remove(),i}#b(){if(!this.multiple){this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[];return}if(this.externalTags){this._numElidedTags=this.values.length,this._tagRows=[],this._lastTagRow=[];return}let e=this._contentArea.getBoundingClientRect().width,t=[[]],n=0,r=D,i;for(i=this.values.length-1;i>=0;i--){let a=this.maxLines&&n===this.maxLines-1,o=this.#y(this._tagLabelForValue(this.values[i]),!0,this.#s(this.selectedOptions[i])!==null),s={value:this.values[i],width:o},c=0;if(a){let e=i;e&&(c=E+this.#y(e.toString(),!1,!1))}if(r+E+o+c>e){if(a)if(i===this.values.length-1)t[n].unshift(s),r+=E+o;else break;else t.push([]),n++,t[n].unshift(s),r=o;continue}t[n].unshift(s),r+=E+o}this._numElidedTags=i+1,t.reverse();for(let n=0;n<t.length-1;n++){let r=t[n].map(e=>e.width).reduce((e,t)=>e+t,0)+(t[n].length-1)*E;for(n===0&&this._numElidedTags&&(r+=E+this.#y(this._numElidedTags.toString(),!1,!1));t[n+1].length&&r+E+t[n+1][0].width<=e;){let e=t[n+1].shift();t[n].push(e),r+=E+e.width}}let a=t.map(e=>e.map(e=>e.value));this._tagRows=a.slice(0,-1),this._lastTagRow=a.slice(-1)[0]}_onTagRemoved(e){this.#e(this.values.filter(t=>t!==e)),this.#l()}_onTagKeydown(e){let n=parseInt(e.target.dataset.index);switch(e.key){case`Backspace`:case`Delete`:case`Enter`:case` `:this._onTagRemoved(this.values[n]),t.O.process(),this.#x(this.#w(n));break;case`ArrowLeft`:this.#x(this.#S(n)??n);break;case`ArrowRight`:this.#x(this.#C(n));break}return!0}#x(e){e===null?this._input.focus():this.shadowRoot.querySelector(`[data-index="${e}"]`)?.focus()}#S(e){if(!this.values.length)return null;for(let t=e-1;t>=0;t--)if(!this._isTagDisabled(this.values[t]))return t;return null}#C(e){if(!this.values.length)return null;for(let t=e+1;t<this.values.length;t++)if(!this._isTagDisabled(this.values[t]))return t;return null}#w(e){return this.#C(e-1)??this.#S(e)}_onListboxClick(e){if(this.disabled)return;let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t?.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}t&&!t.disabled&&this.#a(t)}get _shouldShowClearButton(){return this.clearable&&this.values.length>0}_onClearButtonClick(){this.#e(this.selectedOptions.filter(e=>e.disabled).map(e=>e.value))}maxSelectedChanged(){this.#T()}#T(){if(!this.multiple||!this._slottedOptions||typeof this.maxSelected!=`number`||this.maxSelected<=0)return;let e=this._slottedOptions.filter(e=>!this._slottedDisabledOptions.includes(e));if(this.values.length>=this.maxSelected){let t=e.filter(e=>!this.selectedOptions.includes(e));for(let e of t)e.disabled=!0}else for(let t of e)t.disabled=!1}get _hasSelectionCount(){return this.multiple&&this.maxSelected&&this.maxSelected>=1}get _selectableOptions(){return this._slottedOptions?.filter(e=>!this._slottedDisabledOptions.includes(e)&&!e.disabled)??[]}get _selectAllLabel(){return this._isAllSelected?this.deselectAllText??this.locale.searchableSelect.deselectAllLabel:this.selectAllText??this.locale.searchableSelect.selectAllLabel}get _isAllSelected(){let e=this.values;if(!this.multiple||!this._slottedOptions)return!1;let t=this._selectableOptions;if(t.length===0)return!1;let n=new Set(e);return t.every(e=>n.has(e.value))}_toggleSelectAll(){let e=this._selectableOptions.map(e=>e.value);if(this._isAllSelected){let t=this.values.filter(t=>!e.includes(t));this.#e(t),this._changeDescription=this.locale.searchableSelect.deselectedAllMessage;return}let t=e.filter(e=>!this.values.includes(e)),n=[...this.values,...t];this.#e(n),this._changeDescription=this.locale.searchableSelect.selectedAllMessage}#E(){return this.initialValues.length?this.initialValues:this.initialValue?[this.initialValue]:[]}nameChanged(e,t){super.nameChanged(e,t),this.#D()}#D(){if(!this.name)this.setFormValue(null);else{let e=new FormData;for(let t of this.values)e.append(this.name,t);this.setFormValue(e)}}formResetCallback(){super.formResetCallback(),this.#e(this.#E())}#O=new ResizeObserver(()=>{this.#b()});_onFieldsetClick(e){this.disabled||e.defaultPrevented||(this._input.focus(),this.open=!0)}_onChevronClick(){return this.open?(this.open=!1,!1):!0}connectedCallback(){super.connectedCallback(),this.values.length||(this.values=this.#E()),this.#O.observe(this._contentArea)}disconnectedCallback(){super.disconnectedCallback(),this.#O.disconnect()}validate(){super.validate(this._input??void 0)}focus(e){this._input?.focus(e)}_onMouseDown(e){let t=e.composedPath()[0];return!e.defaultPrevented&&t!==this._input&&!this._isFromContextualHelp(e)?(this._input.focus(),!1):!0}};s.t([t.l],A.prototype,`appearance`,void 0),s.t([t.l],A.prototype,`shape`,void 0),s.t([t.l({mode:`boolean`,attribute:`fixed-dropdown`})],A.prototype,`fixedDropdown`,void 0),s.t([t.l],A.prototype,`placeholder`,void 0),s.t([t.l({mode:`boolean`})],A.prototype,`open`,void 0),s.t([t.l({mode:`boolean`})],A.prototype,`multiple`,void 0),s.t([t.l({attribute:`external-tags`,mode:`boolean`})],A.prototype,`externalTags`,void 0),s.t([t.l({attribute:`max-lines`,converter:t.u})],A.prototype,`maxLines`,void 0),s.t([t.T],A.prototype,`values`,void 0),s.t([t.T],A.prototype,`initialValues`,void 0),s.t([t.T],A.prototype,`_input`,void 0),s.t([t.T],A.prototype,`_currentSearchText`,void 0),s.t([t.T],A.prototype,`_slottedOptions`,void 0),s.t([t.T],A.prototype,`optionFilter`,void 0),s.t([t.T],A.prototype,`_filteredOptions`,void 0),s.t([t.T],A.prototype,`_filteredEnabledOptions`,void 0),s.t([t.l({mode:`boolean`})],A.prototype,`loading`,void 0),s.t([t.T],A.prototype,`_highlightedOptionIndex`,void 0),s.t([t.T],A.prototype,`_contentArea`,void 0),s.t([t.T],A.prototype,`_numElidedTags`,void 0),s.t([t.T],A.prototype,`_tagRows`,void 0),s.t([t.T],A.prototype,`_lastTagRow`,void 0),s.t([t.T],A.prototype,`_listbox`,void 0),s.t([t.l({mode:`boolean`})],A.prototype,`clearable`,void 0),s.t([t.l({attribute:`max-selected`,converter:t.u})],A.prototype,`maxSelected`,void 0),s.t([t.T],A.prototype,`_slottedDisabledOptions`,void 0),s.t([t.l({attribute:`enable-select-all`,mode:`boolean`})],A.prototype,`enableSelectAll`,void 0),s.t([t.l({attribute:`select-all-text`})],A.prototype,`selectAllText`,void 0),s.t([t.l({attribute:`deselect-all-text`})],A.prototype,`deselectAllText`,void 0),s.t([t.T],A.prototype,`_selectAllOption`,void 0),s.t([t.T],A.prototype,`_changeDescription`,void 0),s.t([t.T],A.prototype,`_anchor`,void 0);var j=class extends e.t(t.t){constructor(...e){super(...e),this.removable=!1,this.disabled=!1,this.hasIconPlaceholder=!1}_onClickRemove(){this.$emit(`remove`,void 0,{bubbles:!1})}};s.t([t.l],j.prototype,`shape`,void 0),s.t([t.T],j.prototype,`connotation`,void 0),s.t([t.l],j.prototype,`label`,void 0),s.t([t.l({mode:`boolean`})],j.prototype,`removable`,void 0),s.t([t.l({mode:`boolean`})],j.prototype,`disabled`,void 0),s.t([t.T],j.prototype,`hasIconPlaceholder`,void 0);var M=e=>m.t([`disabled`,e.disabled],[`appearance-${e.appearance}`,!!e.appearance],[`shape-${e.shape}`,!!e.shape],[`error`,!!e.errorValidationMessage],[`success`,!!e.successText],[`has-highlighted-option`,e._highlightedOptionIndex!==null]);function N(){return t.d`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const o=require(`../bundled/decorate.cjs`),s=require(`../bundled/definition2.cjs`),c=require(`../bundled/affix.cjs`),l=require(`../bundled/form-element.cjs`),u=require(`../bundled/with-success-text.cjs`),d=require(`../bundled/with-error-text.cjs`),f=require(`../bundled/with-contextual-help.cjs`),p=require(`../bundled/delegates-aria.cjs`),m=require(`../bundled/class-names.cjs`),h=require(`../bundled/definition5.cjs`),g=require(`../bundled/form-associated.cjs`),_=require(`../bundled/definition6.cjs`),v=require(`../bundled/definition8.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/scrollIntoView.cjs`),x=require(`../bundled/definition17.cjs`),S=require(`../bundled/definition19.cjs`),C=require(`../bundled/divider.cjs`);var w=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}.chevron{font:var(--vvd-typography-base-extended);flex-shrink:0;transition:transform .2s;display:flex;transform:rotate(0)}:host([data-expanded=true]) .chevron,:host([open]) .chevron{transform:rotate(180deg)}:not(.disabled) .chevron{cursor:pointer}.disabled .chevron{color:var(--_low-ink-color);cursor:not-allowed}:host(:focus-visible){outline:none}:host{--_low-ink-color:var(--vvd-color-neutral-600);inline-size:300px;display:inline-block}:host([disabled]){--_low-ink-color:var(--vvd-color-neutral-400);cursor:not-allowed}.control-wrapper{flex-direction:column;gap:4px;display:flex}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base)}.selection-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.fieldset{--_connotation-color-primary:var(--vvd-searchable-select-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-searchable-select-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-searchable-select-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-searchable-select-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-searchable-select-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-searchable-select-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-firm:var(--vvd-searchable-select-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-searchable-select-accent-fierce,var(--vvd-color-neutral-700));--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.fieldset.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.fieldset:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.fieldset:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.fieldset.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.fieldset.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.fieldset:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.fieldset.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.fieldset.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.fieldset.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.fieldset.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.fieldset.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.fieldset.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.fieldset{--_searchable-select-block-size:24px;--_searchable-select-padding-block:8px;--_searchable-select-padding-inline:16px;--_searchable-select-icon-size:20px;--_searchable-select-border-radius:8px;--_searchable-select-gap:8px;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);justify-content:space-between;align-items:center;gap:var(--_searchable-select-gap);padding-block:var(--_searchable-select-padding-block);padding-inline:var(--_searchable-select-padding-inline);transition:box-shadow .2s,background-color .2s;display:flex}.fieldset.size-condensed{--_searchable-select-block-size:20px;--_searchable-select-padding-block:6px;--_searchable-select-padding-inline:12px;--_searchable-select-gap:6px}.fieldset.size-condensed:not(.shape-pill){--_searchable-select-border-radius:4px}@supports selector(:has(*)){.fieldset:not(.has-highlighted-option):has(input:focus){box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}}@supports not selector(:has(*)){.fieldset:not(.has-highlighted-option):focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent}}:host(:not([shape=pill])) .fieldset{border-radius:var(--_searchable-select-border-radius)}:host([shape=pill]) .fieldset{border-radius:24px}.popup-wrapper{position:relative}.content-area{gap:var(--_searchable-select-gap);min-block-size:var(--_searchable-select-block-size);flex-direction:column;flex:1;display:flex;overflow:hidden}.tag-row{gap:var(--_searchable-select-gap);inline-size:100%;display:flex}.tag-row.contains-only-input:not(:focus-within){display:contents}.tag-wrapper{overflow:hidden}.tag{max-inline-size:100%}input{box-sizing:border-box;block-size:var(--_searchable-select-block-size);font:var(--vvd-typography-base);background:0 0;border:none;outline:none;flex:1;min-inline-size:min(100px,40%);max-inline-size:100%}.contains-only-input input:not(:focus){opacity:0;pointer-events:none;block-size:0;inline-size:0;min-inline-size:0;position:absolute}.listbox{max-block-size:var(--searchable-select-height,408px);flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.empty-message{color:var(--vvd-color-neutral-300);font:var(--vvd-typography-base);text-align:center;justify-content:center;align-items:center;min-block-size:40px;display:flex}::part(popup-base){inline-size:max-content;min-inline-size:var(--_searchable-select-fixed-width,100%)}slot[name=icon]{font-size:var(--_searchable-select-icon-size)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::slotted([data-vvd-component=option][data-highlighted]),[data-select-all][data-highlighted]{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;border-radius:8px}.divider{margin-block:10px;margin-inline:12px}`,T=`:host{display:block}.base.connotation-cta{--_connotation-color-contrast:var(--vvd-option-tag-cta-contrast,var(--vvd-color-cta-800))}.base:not(.connotation-cta){--_connotation-color-contrast:var(--vvd-option-tag-accent-contrast,var(--vvd-color-neutral-800))}.base{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16));box-sizing:border-box;background-color:var(--fill-color);block-size:var(--_option-tag-block-size);box-shadow:inset 0 0 0 1px var(--outline-color);color:var(--text-color);font:var(--vvd-typography-base-bold);user-select:none;align-items:center;column-gap:8px;max-inline-size:100%;padding-inline:8px;display:flex;position:relative}.base.size-condensed{--_option-tag-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));padding-inline:4px}.base:not(.disabled){--text-color:var(--_connotation-color-contrast);--fill-color:var(--_connotation-color-soft);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base:not(.disabled){--fill-color:color-mix(in srgb, var(--_connotation-color-contrast), transparent 87.5%)}}.base.disabled{--text-color:var(--vvd-color-neutral-300);--fill-color:var(--vvd-color-neutral-200);--outline-color:transparent}@supports (background-color:color-mix(in srgb, black 50%, white)){.base.disabled{--fill-color:color-mix(in srgb, var(--vvd-color-neutral-800), transparent 87.5%)}}.base:not(.shape-pill){border-radius:4px}.base.shape-pill{border-radius:16px}.label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}slot[name=icon]{font-size:calc(var(--_option-tag-block-size) / 1.5);line-height:1}.icon-placeholder{inline-size:calc(var(--_option-tag-block-size) / 1.5)}.remove-button{border-radius:inherit;cursor:pointer;outline:none;align-items:center;display:flex}.disabled .remove-button{pointer-events:none}.remove-button:focus-visible:before{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}`,E=8,D=100,O=10,k=e=>typeof e==`string`,A=class extends f.t(y.t(d.t(u.t(l.t(p.t(c.n(e.t(g.n(t.t))))))))){constructor(...e){super(...e),this.fixedDropdown=!1,this.open=!1,this.multiple=!1,this.externalTags=!1,this.maxLines=null,this.values=[],this.initialValues=[],this._currentSearchText=null,this._areOptionsInitialized=!1,this._filteredOptions=[],this._filteredEnabledOptions=[],this.loading=!1,this._highlightedOptionIndex=null,this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[],this.clearable=!1,this.maxSelected=null,this._slottedDisabledOptions=[],this.enableSelectAll=!1,this.proxy=document.createElement(`input`),this.setFormValue=(e,t)=>{k(e)||super.setFormValue(e,t)},this._changeDescription=``}openChanged(){this.open||this.#u(null)}valuesChanged(){if(this._areOptionsInitialized){if(!this.multiple&&this.values.length>1){this.values=[this.values[0]];return}if(this.values.some(e=>!this.#n(e))){this.values=this.values.filter(e=>this.#n(e));return}this.value=this.values.length?this.values[0]:``,this.#T(),this.#i(),this.$fastController.isConnected&&this.#b(),this.#D()}}#e(e){this.values=e,this.$emit(`change`,void 0,{bubbles:!1}),this.$emit(`input`,void 0,{bubbles:!1})}#t(e){let t=new Set(this.values),n=new Set(e);this.values=[...this.values].filter(e=>n.has(e)).concat([...e].filter(e=>!t.has(e)))}initialValuesChanged(){this.dirtyValue||=(this.values=this.initialValues,!1)}#n(e){return this._slottedOptions.some(t=>t.value===e)}valueChanged(e,t){if(super.valueChanged(e,t),!this._areOptionsInitialized)return;let n=this._slottedOptions.some(e=>e.value===t);this.values[0]!==t&&(this.values=n?[t]:[])}get selectedIndex(){return this.values.length?this._slottedOptions.findIndex(e=>e.value===this.values[0]):-1}set selectedIndex(e){this.value=this._slottedOptions[e]?.value??``}get options(){return[...this._slottedOptions]}get selectedOptions(){return this._slottedOptions.filter(e=>this.values.includes(e.value))}_currentSearchTextChanged(){this.#l(),this.$emit(`search-text-change`,void 0,{bubbles:!1,composed:!1})}get searchText(){return this._currentSearchText??``}get _inputValue(){return this._currentSearchText??(!this.multiple&&this.value!==``?this.#v(this.value)??``:``)}_onInputInput(e){this._currentSearchText=e.target.value}_onInputFocus(e){this.#l()}_onInputBlur(e){this.open=!1,this._currentSearchText=null,this._changeDescription=``}_onInputKeydown(e){if(e.ctrlKey||e.shiftKey)return!0;switch(e.key){case`Enter`:return this.#d(),this._inputValue===``&&(this.open=!this.open),!1;case`Escape`:this.open=!1;break;case`Home`:if(!this.open){this.open=!0;break}return this.#f(),!1;case`End`:if(!this.open){this.open=!0;break}return this.#p(),!1;case`PageUp`:if(!this.open){this.open=!0;break}return this.#m(),!1;case`PageDown`:if(!this.open){this.open=!0;break}return this.#h(),!1;case`ArrowUp`:if(!this.open){this.open=!0;break}return this.#g(),!1;case`ArrowDown`:if(!this.open){this.open=!0;break}return this.#_(),!1;case`ArrowLeft`:return this.multiple&&this._inputValue===``&&this.values.length&&!this.externalTags?(this.#x(this.#S(this.values.length)),!1):!0;case`Backspace`:return this.multiple&&this._inputValue===``&&this.values.length?(this._onTagRemoved(this.values[this.values.length-1]),!1):!0;default:return this.open||=!0,!0}return!0}_slottedOptionsChanged(e,n){let r=!!this.querySelectorAll(`:not([slot])`).length;if(!n.length&&r)return;if(this._areOptionsInitialized=!0,e){this._slottedDisabledOptions=[];for(let n of e)t.w.getNotifier(n).unsubscribe(this.#r,`selected`)}if(n)for(let e of n)e._displayCheckmark=!0,t.w.getNotifier(e).subscribe(this.#r,`selected`);let i=[];for(let e of this._slottedOptions)(e.selected||e.value===this.value||this.values.includes(e.value))&&i.push(e.value),e.disabled&&this._slottedDisabledOptions.push(e);this.#t(i),this.#l(),this.#T()}#r={handleChange:(e,t)=>{e.selected&&!this.values.includes(e.value)?this.values=[...this.values,e.value]:!e.selected&&this.values.includes(e.value)&&(this.values=this.values.filter(t=>t!==e.value))}};#i(){for(let e of this._slottedOptions)e.selected=this.values.includes(e.value),this.#c(e)}#a(e){let t=e.value,n,r=!1,i=!this.values.includes(t);this.multiple?(n=i?[...this.values,t]:this.values.filter(e=>e!==t),r=!0):(i?(n=[t],r=!0):n=[],this.open=!1),this.#e(n),this._changeDescription=`${i?this.locale.searchableSelect.optionSelectedMessage(e._getAccessibleName()):this.locale.searchableSelect.optionDeselectedMessage(e._getAccessibleName())} ${this.multiple&&this.maxSelected&&this.maxSelected>=1?this.locale.searchableSelect.maxSelectedMessage(this.values.length,this.maxSelected):``}`,r&&(this._currentSearchText=null)}#o=new Map;#s(e){return e.querySelector(`[slot="tag-icon"]`)}_tagIconSlotName(e){return`_tag-icon-${this.values.indexOf(e)}`}#c(e){if(e.selected&&this.#s(e)){let t=this.#o.get(e);t||(t=this.#s(e).cloneNode(!0),this.#o.set(e,t)),t.slot=this._tagIconSlotName(e.value),this.appendChild(t)}else{let t=this.#o.get(e);t&&(t.remove(),this.#o.delete(e))}}optionFilterChanged(){this.#l()}loadingChanged(e,t){this._changeDescription=this.locale.searchableSelect.loadingOptionsMessage,e&&!t&&(this._changeDescription=``)}#l(){let e=[],t=this.optionFilter??((e,t)=>e.text.toLowerCase().includes(t.toLowerCase()));for(let n of this._slottedOptions??[]){n._vvdSearchText=this.searchText;let r=!this.searchText||t(n,this.searchText);n._isNotMatching=!r,!n.hidden&&r&&e.push(n)}this.#u(null),this._filteredOptions=e;let n=e.filter(e=>!e.disabled);this._selectAllOption?this._filteredEnabledOptions=[this._selectAllOption,...n]:this._filteredEnabledOptions=n}#u(e){if(typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!1,e.removeAttribute(`data-highlighted`)}if(typeof e==`number`&&(e=this._filteredEnabledOptions.length?Math.max(0,Math.min(this._filteredEnabledOptions.length-1,e)):null),this._highlightedOptionIndex=e,typeof this._highlightedOptionIndex==`number`){let e=this._filteredEnabledOptions[this._highlightedOptionIndex];e._highlighted=!0,e.setAttribute(`data-highlighted`,``),b.t(e,this._listbox,`nearest`),this._changeDescription=this.locale.searchableSelect.optionFocusedMessage(e._getAccessibleName(),this._highlightedOptionIndex+1,this._filteredEnabledOptions.length,e.selected)}}#d(){if(this._highlightedOptionIndex===null)return;let e=this._filteredEnabledOptions[this._highlightedOptionIndex];if(e.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}this.#a(e)}#f(){this.#u(0)}#p(){this.#u(this._filteredEnabledOptions.length-1)}#m(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-O)}#h(){this.#u((this._highlightedOptionIndex??-1)+O)}#g(){this.#u((this._highlightedOptionIndex??this._filteredEnabledOptions.length)-1)}#_(){this.#u((this._highlightedOptionIndex??-1)+1)}_tagLabelForValue(e){return this._slottedOptions.find(t=>t.value===e).label}_tagConnotationForValue(e){return this._slottedOptions.find(t=>t.value===e).tagConnotation}_isTagDisabled(e){let t=this._slottedOptions.find(t=>t.value===e);return this.disabled||t.disabled}#v(e){return this._slottedOptions?.find(t=>t.value===e)?.label}#y(e,t,n){let r=document.createElement(this._optionTagTagName);r.label=e,r.removable=t,r.style.cssText=`position: absolute; visibility: hidden;`,r.hasIconPlaceholder=n,this.shadowRoot.appendChild(r);let i=r.getBoundingClientRect().width;return r.remove(),i}#b(){if(!this.multiple){this._numElidedTags=0,this._tagRows=[],this._lastTagRow=[];return}if(this.externalTags){this._numElidedTags=this.values.length,this._tagRows=[],this._lastTagRow=[];return}let e=this._contentArea.getBoundingClientRect().width,t=[[]],n=0,r=D,i;for(i=this.values.length-1;i>=0;i--){let a=this.maxLines&&n===this.maxLines-1,o=this.#y(this._tagLabelForValue(this.values[i]),!0,this.#s(this.selectedOptions[i])!==null),s={value:this.values[i],width:o},c=0;if(a){let e=i;e&&(c=E+this.#y(e.toString(),!1,!1))}if(r+E+o+c>e){if(a)if(i===this.values.length-1)t[n].unshift(s),r+=E+o;else break;else t.push([]),n++,t[n].unshift(s),r=o;continue}t[n].unshift(s),r+=E+o}this._numElidedTags=i+1,t.reverse();for(let n=0;n<t.length-1;n++){let r=t[n].map(e=>e.width).reduce((e,t)=>e+t,0)+(t[n].length-1)*E;for(n===0&&this._numElidedTags&&(r+=E+this.#y(this._numElidedTags.toString(),!1,!1));t[n+1].length&&r+E+t[n+1][0].width<=e;){let e=t[n+1].shift();t[n].push(e),r+=E+e.width}}let a=t.map(e=>e.map(e=>e.value));this._tagRows=a.slice(0,-1),this._lastTagRow=a.slice(-1)[0]}_onTagRemoved(e){this.#e(this.values.filter(t=>t!==e)),this.#l()}_onTagKeydown(e){let n=parseInt(e.target.dataset.index);switch(e.key){case`Backspace`:case`Delete`:case`Enter`:case` `:this._onTagRemoved(this.values[n]),t.O.process(),this.#x(this.#w(n));break;case`ArrowLeft`:this.#x(this.#S(n)??n);break;case`ArrowRight`:this.#x(this.#C(n));break}return!0}#x(e){e===null?this._input.focus():this.shadowRoot.querySelector(`[data-index="${e}"]`)?.focus()}#S(e){if(!this.values.length)return null;for(let t=e-1;t>=0;t--)if(!this._isTagDisabled(this.values[t]))return t;return null}#C(e){if(!this.values.length)return null;for(let t=e+1;t<this.values.length;t++)if(!this._isTagDisabled(this.values[t]))return t;return null}#w(e){return this.#C(e-1)??this.#S(e)}_onListboxClick(e){if(this.disabled)return;let t=e.target.closest(`option,[role=option],[data-vvd-component=option]`);if(t?.getAttribute(`data-select-all`)!==null){this._toggleSelectAll();return}t&&!t.disabled&&this.#a(t)}get _shouldShowClearButton(){return this.clearable&&this.values.length>0}_onClearButtonClick(){this.#e(this.selectedOptions.filter(e=>e.disabled).map(e=>e.value))}maxSelectedChanged(){this.#T()}#T(){if(!this.multiple||!this._slottedOptions||typeof this.maxSelected!=`number`||this.maxSelected<=0)return;let e=this._slottedOptions.filter(e=>!this._slottedDisabledOptions.includes(e));if(this.values.length>=this.maxSelected){let t=e.filter(e=>!this.selectedOptions.includes(e));for(let e of t)e.disabled=!0}else for(let t of e)t.disabled=!1}get _hasSelectionCount(){return this.multiple&&this.maxSelected&&this.maxSelected>=1}get _selectableOptions(){return this._slottedOptions?.filter(e=>!this._slottedDisabledOptions.includes(e)&&!e.disabled)??[]}get _selectAllLabel(){return this._isAllSelected?this.deselectAllText??this.locale.searchableSelect.deselectAllLabel:this.selectAllText??this.locale.searchableSelect.selectAllLabel}get _isAllSelected(){let e=this.values;if(!this.multiple||!this._slottedOptions)return!1;let t=this._selectableOptions;if(t.length===0)return!1;let n=new Set(e);return t.every(e=>n.has(e.value))}_toggleSelectAll(){let e=this._selectableOptions.map(e=>e.value);if(this._isAllSelected){let t=this.values.filter(t=>!e.includes(t));this.#e(t),this._changeDescription=this.locale.searchableSelect.deselectedAllMessage;return}let t=e.filter(e=>!this.values.includes(e)),n=[...this.values,...t];this.#e(n),this._changeDescription=this.locale.searchableSelect.selectedAllMessage}#E(){return this.initialValues.length?this.initialValues:this.initialValue?[this.initialValue]:[]}nameChanged(e,t){super.nameChanged(e,t),this.#D()}#D(){if(!this.name)this.setFormValue(null);else{let e=new FormData;for(let t of this.values)e.append(this.name,t);this.setFormValue(e)}}formResetCallback(){super.formResetCallback(),this.#e(this.#E())}#O=new ResizeObserver(()=>{this.#b()});_onFieldsetClick(e){this.disabled||e.defaultPrevented||(this._input.focus(),this.open=!0)}_onChevronClick(){return this.open?(this.open=!1,!1):!0}connectedCallback(){super.connectedCallback(),this.values.length||(this.values=this.#E()),this.#O.observe(this._contentArea)}disconnectedCallback(){super.disconnectedCallback(),this.#O.disconnect()}validate(){super.validate(this._input??void 0)}focus(e){this._input?.focus(e)}_onMouseDown(e){let t=e.composedPath()[0];return!e.defaultPrevented&&t!==this._input&&!this._isFromContextualHelp(e)?(this._input.focus(),!1):!0}};o.t([t.l],A.prototype,`appearance`,void 0),o.t([t.l],A.prototype,`shape`,void 0),o.t([t.l()],A.prototype,`scale`,void 0),o.t([t.l({mode:`boolean`,attribute:`fixed-dropdown`})],A.prototype,`fixedDropdown`,void 0),o.t([t.l],A.prototype,`placeholder`,void 0),o.t([t.l({mode:`boolean`})],A.prototype,`open`,void 0),o.t([t.l({mode:`boolean`})],A.prototype,`multiple`,void 0),o.t([t.l({attribute:`external-tags`,mode:`boolean`})],A.prototype,`externalTags`,void 0),o.t([t.l({attribute:`max-lines`,converter:t.u})],A.prototype,`maxLines`,void 0),o.t([t.T],A.prototype,`values`,void 0),o.t([t.T],A.prototype,`initialValues`,void 0),o.t([t.T],A.prototype,`_input`,void 0),o.t([t.T],A.prototype,`_currentSearchText`,void 0),o.t([t.T],A.prototype,`_slottedOptions`,void 0),o.t([t.T],A.prototype,`optionFilter`,void 0),o.t([t.T],A.prototype,`_filteredOptions`,void 0),o.t([t.T],A.prototype,`_filteredEnabledOptions`,void 0),o.t([t.l({mode:`boolean`})],A.prototype,`loading`,void 0),o.t([t.T],A.prototype,`_highlightedOptionIndex`,void 0),o.t([t.T],A.prototype,`_contentArea`,void 0),o.t([t.T],A.prototype,`_numElidedTags`,void 0),o.t([t.T],A.prototype,`_tagRows`,void 0),o.t([t.T],A.prototype,`_lastTagRow`,void 0),o.t([t.T],A.prototype,`_listbox`,void 0),o.t([t.l({mode:`boolean`})],A.prototype,`clearable`,void 0),o.t([t.l({attribute:`max-selected`,converter:t.u})],A.prototype,`maxSelected`,void 0),o.t([t.T],A.prototype,`_slottedDisabledOptions`,void 0),o.t([t.l({attribute:`enable-select-all`,mode:`boolean`})],A.prototype,`enableSelectAll`,void 0),o.t([t.l({attribute:`select-all-text`})],A.prototype,`selectAllText`,void 0),o.t([t.l({attribute:`deselect-all-text`})],A.prototype,`deselectAllText`,void 0),o.t([t.T],A.prototype,`_selectAllOption`,void 0),o.t([t.T],A.prototype,`_changeDescription`,void 0),o.t([t.T],A.prototype,`_anchor`,void 0);var j=class extends e.t(t.t){constructor(...e){super(...e),this.removable=!1,this.disabled=!1,this.hasIconPlaceholder=!1}_onClickRemove(){this.$emit(`remove`,void 0,{bubbles:!1})}};o.t([t.l],j.prototype,`shape`,void 0),o.t([t.T],j.prototype,`connotation`,void 0),o.t([t.l],j.prototype,`label`,void 0),o.t([t.l({mode:`boolean`})],j.prototype,`removable`,void 0),o.t([t.l({mode:`boolean`})],j.prototype,`disabled`,void 0),o.t([t.T],j.prototype,`hasIconPlaceholder`,void 0),o.t([t.l()],j.prototype,`scale`,void 0);var M=e=>m.t([`disabled`,e.disabled],[`appearance-${e.appearance}`,!!e.appearance],[`shape-${e.shape}`,!!e.shape],[`size-${e.scale}`,!!e.scale],[`error`,!!e.errorValidationMessage],[`success`,!!e.successText],[`has-highlighted-option`,e._highlightedOptionIndex!==null]);function N(){return t.d`
 		<label for="control" class="label" id="label"> ${e=>e.label} </label>
 	`}function P(){return t.d`
 		<span
@@ -17,6 +17,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				:label="${(e,t)=>n(t)._tagLabelForValue(e)}"
 				:shape="${(e,t)=>n(t).shape}"
 				:connotation="${(e,t)=>n(t)._tagConnotationForValue(e)}"
+				:scale="${(e,t)=>n(t).scale}"
 				?disabled="${(e,t)=>n(t)._isTagDisabled(e)}"
 				@remove="${(e,t)=>n(t)._onTagRemoved(e)}"
 				@keydown="${(e,t)=>n(t)._onTagKeydown(t.event)}"
@@ -30,6 +31,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			tabindex="-1"
 			:label="${(e,t)=>n(e,t)._numElidedTags.toString()}"
 			:shape="${(e,t)=>n(e,t).shape}"
+			:scale="${(e,t)=>n(e,t).scale}"
 			?disabled="${(e,t)=>n(e,t).disabled}"
 			@mousedown="${()=>!1}">
 		</${r}>
@@ -160,7 +162,7 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 				${B(e)} ${t=>t._getFeedbackTemplate(e)}
 			</div>
 		</template>
-	`},H=({shape:e,connotation:t,disabled:n,removable:r})=>m.t(`base`,[`disabled`,n],[`removable`,r],[`shape-${e}`,!!e],[`connotation-${t}`,!!t]);function U(e){return t.d`
+	`},H=({shape:e,connotation:t,disabled:n,removable:r,scale:i})=>m.t(`base`,[`disabled`,n],[`removable`,r],[`shape-${e}`,!!e],[`connotation-${t}`,!!t],[`size-${i}`,!!i]);function U(e){return t.d`
 		<span
 			class="remove-button"
 			aria-label="${e=>e.locale.searchableSelect.removeTagButtonLabel(e.label)}"
@@ -170,10 +172,10 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 		>
 			<${e} name="close-line"></${e}>
 		</span>
-	`}var W=t.o(`searchable-select`,A,V,[_.t,v.t,o.t,t.o(`option-tag`,j,e=>{let n=e.tagFor(o.r);return t.d`<span class="${H}" aria-disabled="${e=>e.disabled}">
+	`}var W=t.o(`searchable-select`,A,V,[_.t,v.t,s.t,t.o(`option-tag`,j,e=>{let n=e.tagFor(s.r);return t.d`<span class="${H}" aria-disabled="${e=>e.disabled}">
 		<slot name="icon" aria-hidden="true">
 			${i.t(e=>e.hasIconPlaceholder,t.d`<div class="icon-placeholder"></div>`)}
 		</slot>
 		${i.t(e=>e.label,e=>t.d`<span class="label">${e.label}</span>`)}
 		${i.t(e=>e.removable,U(n))}
-	</span>`},[o.t],{styles:[T],shadowOptions:{delegatesFocus:!0}}),h.t,y.a,x.t,S.t],{styles:w});t.s(W)();
+	</span>`},[s.t],{styles:[T],shadowOptions:{delegatesFocus:!0}}),h.t,y.a,x.t,S.t],{styles:w});t.s(W)();