@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

package/dist/packages/combobox/combobox.js

@@ -7,278 +7,278 @@ ICU features such as interpolation and plurals will not work properly for that m
 
 Please compile your catalog first. 
 `)),M(u)&&be.test(u)?ge(u):M(u)?u:Pe(u,this._locale,this._locales)(e,t?.formats)}date(r,e){return ie(this._locales||this._locale,r,e)}number(r,e){return re(this._locales||this._locale,r,e)}};function Xe(o={}){return new oe(o)}var y=Xe();var d=function(o,r,e,t){if(e==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?o!==r||!t:!r.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?t:e==="a"?t.call(o):t?t.value:r.get(o)},g=function(o,r,e,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?o!==r||!a:!r.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,e):a?a.value=e:r.set(o,e),e};function me(o){var r,e,t,a,i,n,s,u,f,O,C,L,x,z,E,w,F,T,H;class Ve extends o{constructor(...l){var c,b,v;super(...l),r.add(this),this.internals=this.attachInternals(),e.set(this,!1),t.set(this,!1),a.set(this,!1),i.set(this,void 0),n.set(this,void 0),s.set(this,!0),f.set(this,""),O.set(this,()=>{g(this,a,!0,"f"),g(this,e,!0,"f"),d(this,r,"m",w).call(this)}),C.set(this,()=>{g(this,e,!1,"f"),d(this,r,"m",F).call(this,this.shouldFormValueUpdate()?d(this,f,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let _=d(this,r,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(_?this.internals.validationMessage:"")}),L.set(this,()=>{var _;d(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,s,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),d(this,r,"m",w).call(this),(_=this===null||this===void 0?void 0:this.validationMessageCallback)===null||_===void 0||_.call(this,this.showError?this.internals.validationMessage:"")}),x.set(this,void 0),z.set(this,!1),E.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,O,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",d(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",d(this,L,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...l])]}static getValidator(l){return this.validators.find(c=>c.attribute===l)||null}static getValidators(l){return this.validators.filter(c=>{var b;if(c.attribute===l||!((b=c.attribute)===null||b===void 0)&&b.includes(l))return!0})}get form(){return this.internals.form}get showError(){return d(this,r,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,l,c,b);let P=this.constructor.getValidators(l);P?.length&&this.validationTarget&&this.setValue(d(this,f,"f"))}setValue(l){var c;g(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),g(this,f,l,"f");let v=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(v),d(this,r,"m",F).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),d(this,r,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(d(this,E,"f")))}formResetCallback(){var l,c;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,r,"m",w).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,r,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,t=new WeakMap,a=new WeakMap,i=new WeakMap,n=new WeakMap,s=new WeakMap,f=new WeakMap,O=new WeakMap,C=new WeakMap,L=new WeakMap,x=new WeakMap,z=new WeakMap,E=new WeakMap,r=new WeakSet,u=function(){let l=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let l=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},F=function(l){let c=this.constructor,b={},v=c.validators,_=[],P=v.some(k=>k.isValid instanceof Promise);d(this,z,"f")||(g(this,E,new Promise(k=>{g(this,x,k,"f")}),"f"),g(this,z,!0,"f")),d(this,i,"f")&&(d(this,i,"f").abort(),g(this,n,d(this,i,"f"),"f"));let R=new AbortController;g(this,i,R,"f");let j,ce=!1;v.length&&(v.forEach(k=>{let J=k.key||"customError",I=k.isValid(this,l,R.signal);I instanceof Promise?(_.push(I),I.then(W=>{W!=null&&(b[J]=!W,j=d(this,r,"m",H).call(this,k,l),d(this,r,"m",T).call(this,b,j))})):(b[J]=!I,this.validity[J]!==!I&&(ce=!0),!I&&!j&&(j=d(this,r,"m",H).call(this,k,l)))}),Promise.allSettled(_).then(()=>{var k;R?.signal.aborted||(g(this,z,!1,"f"),(k=d(this,x,"f"))===null||k===void 0||k.call(this))}),(ce||!P)&&d(this,r,"m",T).call(this,b,j))},T=function(l,c){if(this.validationTarget)this.internals.setValidity(l,c,this.validationTarget),g(this,s,!1,"f");else{if(this.internals.setValidity(l,c),this.internals.validity.valid)return;g(this,s,!0,"f")}},H=function(l,c){if(this.validityCallback){let b=this.validityCallback(l.key||"customError");if(b)return b}return l.message instanceof Function?l.message(this,c):l.message},Ve}import{html as se,LitElement as er}from"lit";import{property as m,state as D}from"lit/decorators.js";import{repeat as rr}from"lit/directives/repeat.js";import{ifDefined as tr}from"lit/directives/if-defined.js";var Ze=["en","nb","fi","da","sv"],ne="en",G=o=>Ze.find(r=>o===r||o.toLowerCase().includes(r))||ne;function xe(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(o)}try{let o=we(document);if(o)return G(o);let r=He();if(r)return G(r);let e=we(_e());return e?G(e):ne}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ne}}var ke=(o,r,e,t,a)=>{y.load("en",o),y.load("nb",r),y.load("fi",e),y.load("da",t),y.load("sv",a);let i=xe();y.activate(i),ye(),Ke()},qe="warp-i18n-change";function ye(){typeof window>"u"||window.dispatchEvent(new Event(qe))}var fe=!1;function Ke(){if(fe||typeof window>"u"||!document?.documentElement)return;fe=!0;let o=()=>{let a=xe();y.locale!==a&&(y.activate(a),ye())},r=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){o();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=_e();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ge();t&&r.observe(t,{attributes:!0,attributeFilter:["lang"]})}function _e(){try{return window.parent?.document??null}catch{return null}}function we(o){try{return o?.documentElement?.lang??""}catch{return""}}function Ge(){try{return window.frameElement??null}catch{return null}}function He(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Je}from"lit";import{unsafeCSS as We}from"lit";var Oe=Je`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,pr=We(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2445,64 +2445,64 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `);var Ce=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}');var ze=JSON.parse('{"combobox.aria.noResults":["No results"],"combobox.aria.noSuggestions":["No suggestions"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," result"],"other":["#"," results"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," suggestion"],"other":["#"," suggestions"]}]]}');var Ee=JSON.parse('{"combobox.aria.noResults":["Ei tuloksia"],"combobox.aria.noSuggestions":["Ei ehdotuksia"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," tulos"],"other":["#"," tulosta"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," ehdotus"],"other":["#"," ehdotusta"]}]]}');var Me=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}');var Se=JSON.parse('{"combobox.aria.noResults":["Inga resultat"],"combobox.aria.noSuggestions":["Inga f\xF6rslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultat"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," f\xF6rslag"],"other":["#"," f\xF6rslag"]}]]}');import{unsafeCSS as Qe}from"lit";var Fe=Qe("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-0{z-index:0}.z-20{z-index:20}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.shadow-m{box-shadow:var(--w-shadow-m)}.m-0{margin:0}.p-0{padding:0}.p-8{padding:.8rem}.pb-4{padding-bottom:.4rem}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}");var S={wrapper:"relative z-0",base:"absolute z-20 left-0 right-0 s-bg pb-4 rounded-8 overflow-hidden shadow-m",listbox:"m-0 p-0 select-none list-none",option:"block cursor-pointer p-8",optionUnselected:"hover:s-bg-hover",optionSelected:"s-bg-selected hover:s-bg-selected-hover",textMatch:"font-bold",a11y:"sr-only"},U,$,V,Ae,le,h=class extends me(er){constructor(){super();X(this,V);this.options=[];this.label="";this.placeholder="";this.value="";this.openOnFocus=!1;this.selectOnBlur=!0;this.matchTextSegments=!1;this.disableStaticFiltering=!1;this.invalid=!1;this.helpText="";this.disabled=!1;this.required=!1;this.optional=!1;this.name="";this.autocomplete="off";this._isOpen=!1;this._navigationOption=null;this._currentOptions=[];this._lightDomOptions=[];this._optionIdCounter=0;this._displayValue="";X(this,U,"");X(this,$);ke(ze,Me,Ee,Ce,Se)}firstUpdated(e){ee(this,U,this.value)}updated(e){e.has("value")&&this.setValue(this.value)}resetFormControl(){this.value=B(this,U)}connectedCallback(){super.connectedCallback(),Z(this,V,le).call(this),ee(this,$,new MutationObserver(()=>{Z(this,V,le).call(this)})),B(this,$).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","value"]})}disconnectedCallback(){super.disconnectedCallback(),B(this,$)?.disconnect()}get _listboxId(){return`${this._id}-listbox`}get _id(){return"combobox"}get _helpId(){return this.helpText?`${this._id}__hint`:void 0}get _sourceOptions(){return Array.isArray(this.options)&&this.options.length?this.options:this._lightDomOptions}get _navigationLabelOrDisplayValue(){return this._navigationOption?this._navigationOption.label||this._navigationOption.value:this._displayValue}get _navigationValueOrInputValue(){return this._navigationOption?.value||this.value}_createOptionsWithIdAndMatch(e,t){return e.map((a,i)=>({...a,id:`${this._id}-option-${this._optionIdCounter+i}`,key:a.key||a.value,currentInputValue:t}))}_getAriaText(e,t,a){if(!e||!a)return"";let i=e.filter(u=>(u.label||u.value).toLowerCase().includes(t.toLowerCase())),n=y._({id:"combobox.aria.pluralSuggestions",message:"{numSuggestions, plural, one {# suggestion} other {# suggestions}}",comment:"Aria text for combobox when there are one or more suggestions",values:{numSuggestions:i.length}}),s=y._({id:"combobox.aria.noSuggestions",message:"No suggestions",comment:"Aria text for combobox when no suggestions"});return i.length?n:s}_getOptionClasses(e){return Y(S.option,this._navigationOption?.id===e?.id?S.optionSelected:S.optionUnselected)}_handleKeyDown(e){let t=["ArrowDown","ArrowUp","PageUp","PageDown","Home","End"].includes(e.key),a=["ArrowDown","ArrowLeft","ArrowUp","ArrowRight"];if(t&&!this._isOpen){this._isOpen=!0;return}if(t&&this._isOpen){this._findAndSetActiveOption(e);return}if(!(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))switch(e.key){case"Enter":this._navigationOption&&(e.preventDefault(),this._handleSelect(this._navigationOption),requestAnimationFrame(()=>{let n=this.shadowRoot?.querySelector("w-textfield")?.shadowRoot?.querySelector("input");n&&(n.value=this._displayValue)})),this._isOpen=!1;break;case"Tab":case"Delete":this._isOpen=!1;break;case"Escape":this._isOpen?this._isOpen=!1:this._handleChange(""),this._navigationOption=null;break;case"Backspace":this._handleChange(this._navigationLabelOrDisplayValue),this._navigationOption=null,this._isOpen=!0;break;default:if(a.includes(e.key))break;this._isOpen=!0,this._navigationOption?(this._handleChange(this._navigationOption.value),this._navigationOption=null):this._handleChange(this.value);break}}_findAndSetActiveOption(e){e.preventDefault();let t=this._currentOptions.findIndex(n=>n.id===this._navigationOption?.id),a=t+1,i=t-1;switch(e.key){case"ArrowDown":this._navigationOption=a>this._currentOptions.length-1?null:this._currentOptions[a];break;case"ArrowUp":this._navigationOption=i===-2?this._currentOptions[this._currentOptions.length-1]:i<0?null:this._currentOptions[i];break;case"PageUp":this._navigationOption=t-10<0?this._currentOptions[0]:this._currentOptions[t-10];break;case"PageDown":this._navigationOption=t+10>this._currentOptions.length-1?this._currentOptions[this._currentOptions.length-1]:this._currentOptions[t+10];break;case"Home":this._navigationOption=this._currentOptions[0];break;case"End":this._navigationOption=this._currentOptions[this._currentOptions.length-1];break}}_handleSelect(e){this.value=e.value,this._displayValue=e.label||e.value,this.setValue(this.value);let t=new CustomEvent("select",{detail:{value:e.value},bubbles:!0,composed:!0});this.dispatchEvent(t),this._isOpen=!1,this._navigationOption=null,this.disableStaticFiltering&&(this._currentOptions=[])}_handleChange(e){if(e===void 0)return;this.value=e,this._displayValue=e;let t=new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}_handleFocus(){if(!this.openOnFocus)return;let e=new CustomEvent("focus",{bubbles:!0,composed:!0});this.dispatchEvent(e),this._isOpen=!0}_handleBlur(e){let t=e.relatedTarget;if(t&&this.shadowRoot?.contains(t))return;if(this._isOpen=!1,this.selectOnBlur&&(this._navigationOption||!this._navigationOption&&this._currentOptions.findIndex(i=>i.value===this.value)!==-1)){let i=this._navigationOption?.value||this.value;this.value=i;let n=new CustomEvent("select",{detail:{value:i},bubbles:!0,composed:!0});this.dispatchEvent(n)}this._navigationOption=null;let a=new CustomEvent("blur",{detail:{value:this._navigationValueOrInputValue},bubbles:!0,composed:!0});this.dispatchEvent(a)}_handleOptionClick(e,t){this._handleSelect(t),requestAnimationFrame(()=>{let i=this.shadowRoot?.querySelector("w-textfield")?.shadowRoot?.querySelector("input");i&&(i.value=t.label||t.value)})}_handleContainerBlur(e){(!e.currentTarget||!e.currentTarget.contains(e.relatedTarget))&&(this._isOpen=!1)}_renderTextMatch(e,t){if(!this.matchTextSegments)return e;let a=e.toLowerCase().indexOf(t.currentInputValue.toLowerCase());if(a!==-1){let i=a+t.currentInputValue.length;return se`${e.substring(0,a)}<span
-          class="${S.textMatch}"
-          >${e.substring(a,i)}</span
-        >${e.substring(i)}`}return e}willUpdate(e){let t=this._sourceOptions,a=e.has("_lightDomOptions");if(e.has("value")||e.has("options")||a){let i=t.find(s=>s.value===this.value),n=i?i.label||i.value:this.value;this._displayValue!==n&&this._displayValue!==this.value&&(this._displayValue=n),!this._displayValue&&this.value&&(this._displayValue=n)}(e.has("options")||a||e.has("value")||e.has("disableStaticFiltering")||e.has("_displayValue"))&&(this._optionIdCounter+=t.length,this._currentOptions=this._createOptionsWithIdAndMatch(t,this._displayValue).filter(i=>this.disableStaticFiltering?!0:(i.label||i.value).toLowerCase().includes(this._displayValue.toLowerCase()))),this.disableStaticFiltering&&this._currentOptions.length&&this._currentOptions.length===1&&!this._currentOptions.some(i=>i.value===this.value)&&!this._isOpen&&(this._isOpen=!0)}render(){return se`
-      <div
-        class=${Y(S.wrapper)}
-        @blur=${this._handleContainerBlur}
-      >
-        <w-textfield
-          class="w-combobox-textfield"
-          .value=${this._navigationLabelOrDisplayValue}
-          .label=${this.label}
-          .placeholder=${this.placeholder}
-          .invalid=${this.invalid}
-          .helpText=${this.helpText}
-          .disabled=${this.disabled}
-          .required=${this.required}
-          .optional=${this.optional}
-          .name=${this.name}
-          .autocomplete="${this.autocomplete||"off"}"
-          role="combobox"
-          aria-autocomplete="list"
-          aria-expanded=${this._isOpen&&this._currentOptions.length!==0}
-          aria-activedescendant=${tr(this._isOpen?this._navigationOption?.id:void 0)}
-          aria-controls=${this._listboxId}
-          @input=${e=>this._handleChange(e?.detail?.value)}
-          @focus=${this._handleFocus}
-          @blur=${this._handleBlur}
-          @keydown=${this._handleKeyDown}
-        ></w-textfield>
-
-        <span class="${S.a11y}" role="status">
-          ${this._getAriaText(this._currentOptions,this._displayValue,this._isOpen)}
-        </span>
-
-        <div
-          ?hidden=${!this._isOpen||!this._currentOptions.length}
-          class=${Y(S.base)}
-        >
-          <ul
-            id=${this._listboxId}
-            role="listbox"
-            class="${S.listbox}"
-          >
-            ${rr(this._currentOptions,e=>e.key,e=>{let t=e.label||e.value;return se`
-                  <li
-                    id=${e.id}
-                    role="option"
-                    aria-selected=${this._navigationOption?.id===e.id}
-                    tabindex="-1"
-                    class=${this._getOptionClasses(e)}
-                    @mousedown=${a=>this._handleOptionClick(a,e)}
-                  >
-                    ${this._renderTextMatch(t,e)}
-                  </li>
-                `})}
-          </ul>
-        </div>
-      </div>
-    `}};U=new WeakMap,$=new WeakMap,V=new WeakSet,Ae=function(){return Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="option")},le=function(){this._lightDomOptions=Z(this,V,Ae).call(this).map(e=>{let t=e.getAttribute("value")??"",a=e.hasAttribute("label")?e.getAttribute("label")??"":e.textContent??"";return{value:t,label:a,key:t}})},h.styles=[Oe,Fe],p([m({type:Array})],h.prototype,"options",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"label",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"placeholder",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"value",2),p([m({type:Boolean,attribute:"open-on-focus",reflect:!0})],h.prototype,"openOnFocus",2),p([m({type:Boolean,attribute:"select-on-blur",reflect:!0,useDefault:!0})],h.prototype,"selectOnBlur",2),p([m({type:Boolean,attribute:"match-text-segments",reflect:!0})],h.prototype,"matchTextSegments",2),p([m({type:Boolean,attribute:"disable-static-filtering",reflect:!0})],h.prototype,"disableStaticFiltering",2),p([m({type:Boolean,reflect:!0})],h.prototype,"invalid",2),p([m({type:String,attribute:"help-text",reflect:!0,useDefault:!0})],h.prototype,"helpText",2),p([m({type:Boolean,reflect:!0})],h.prototype,"disabled",2),p([m({type:Boolean,reflect:!0})],h.prototype,"required",2),p([m({type:Boolean,reflect:!0})],h.prototype,"optional",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"name",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"autocomplete",2),p([D()],h.prototype,"_isOpen",2),p([D()],h.prototype,"_navigationOption",2),p([D()],h.prototype,"_currentOptions",2),p([D()],h.prototype,"_lightDomOptions",2),p([D()],h.prototype,"_optionIdCounter",2),p([D()],h.prototype,"_displayValue",2);customElements.get("w-combobox")||customElements.define("w-combobox",h);export{h as WarpCombobox};
+        `);var Ce=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}');var ze=JSON.parse('{"combobox.aria.noResults":["No results"],"combobox.aria.noSuggestions":["No suggestions"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," result"],"other":["#"," results"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," suggestion"],"other":["#"," suggestions"]}]]}');var Ee=JSON.parse('{"combobox.aria.noResults":["Ei tuloksia"],"combobox.aria.noSuggestions":["Ei ehdotuksia"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," tulos"],"other":["#"," tulosta"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," ehdotus"],"other":["#"," ehdotusta"]}]]}');var Me=JSON.parse('{"combobox.aria.noResults":["Ingen resultater"],"combobox.aria.noSuggestions":["Ingen forslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultater"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," forslag"],"other":["#"," forslag"]}]]}');var Se=JSON.parse('{"combobox.aria.noResults":["Inga resultat"],"combobox.aria.noSuggestions":["Inga f\xF6rslag"],"combobox.aria.pluralResults":[["numResults","plural",{"one":["#"," resultat"],"other":["#"," resultat"]}]],"combobox.aria.pluralSuggestions":[["numSuggestions","plural",{"one":["#"," f\xF6rslag"],"other":["#"," f\xF6rslag"]}]]}');import{unsafeCSS as Qe}from"lit";var Fe=Qe("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.rounded-8{border-radius:8px}.block{display:block}.overflow-hidden{overflow:hidden}.list-none{list-style-type:none}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-0{z-index:0}.z-20{z-index:20}.s-bg{background-color:var(--w-s-color-background)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.shadow-m{box-shadow:var(--w-shadow-m)}.m-0{margin:0}.p-0{padding:0}.p-8{padding:.8rem}.pb-4{padding-bottom:.4rem}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}");var S={wrapper:"relative z-0",base:"absolute z-20 left-0 right-0 s-bg pb-4 rounded-8 overflow-hidden shadow-m",listbox:"m-0 p-0 select-none list-none",option:"block cursor-pointer p-8",optionUnselected:"hover:s-bg-hover",optionSelected:"s-bg-selected hover:s-bg-selected-hover",textMatch:"font-bold",a11y:"sr-only"},U,$,V,Ae,le,h=class extends me(er){constructor(){super();X(this,V);this.options=[];this.label="";this.placeholder="";this.value="";this.openOnFocus=!1;this.selectOnBlur=!0;this.matchTextSegments=!1;this.disableStaticFiltering=!1;this.invalid=!1;this.helpText="";this.disabled=!1;this.required=!1;this.optional=!1;this.name="";this.autocomplete="off";this._isOpen=!1;this._navigationOption=null;this._currentOptions=[];this._lightDomOptions=[];this._optionIdCounter=0;this._displayValue="";X(this,U,"");X(this,$);ke(ze,Me,Ee,Ce,Se)}firstUpdated(){ee(this,U,this.value)}updated(e){e.has("value")&&this.setValue(this.value)}resetFormControl(){this.value=B(this,U)}connectedCallback(){super.connectedCallback(),Z(this,V,le).call(this),ee(this,$,new MutationObserver(()=>{Z(this,V,le).call(this)})),B(this,$).observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","value"]})}disconnectedCallback(){super.disconnectedCallback(),B(this,$)?.disconnect()}get _listboxId(){return`${this._id}-listbox`}get _id(){return"combobox"}get _helpId(){return this.helpText?`${this._id}__hint`:void 0}get _sourceOptions(){return Array.isArray(this.options)&&this.options.length?this.options:this._lightDomOptions}get _navigationLabelOrDisplayValue(){return this._navigationOption?this._navigationOption.label||this._navigationOption.value:this._displayValue}get _navigationValueOrInputValue(){return this._navigationOption?.value||this.value}_createOptionsWithIdAndMatch(e,t){return e.map((a,i)=>({...a,id:`${this._id}-option-${this._optionIdCounter+i}`,key:a.key||a.value,currentInputValue:t}))}_getAriaText(e,t,a){if(!e||!a)return"";let i=e.filter(u=>(u.label||u.value).toLowerCase().includes(t.toLowerCase())),n=y._({id:"combobox.aria.pluralSuggestions",message:"{numSuggestions, plural, one {# suggestion} other {# suggestions}}",comment:"Aria text for combobox when there are one or more suggestions",values:{numSuggestions:i.length}}),s=y._({id:"combobox.aria.noSuggestions",message:"No suggestions",comment:"Aria text for combobox when no suggestions"});return i.length?n:s}_getOptionClasses(e){return Y(S.option,this._navigationOption?.id===e?.id?S.optionSelected:S.optionUnselected)}_handleKeyDown(e){let t=["ArrowDown","ArrowUp","PageUp","PageDown","Home","End"].includes(e.key),a=["ArrowDown","ArrowLeft","ArrowUp","ArrowRight"];if(t&&!this._isOpen){this._isOpen=!0;return}if(t&&this._isOpen){this._findAndSetActiveOption(e);return}if(!(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))switch(e.key){case"Enter":this._navigationOption&&(e.preventDefault(),this._handleSelect(this._navigationOption),requestAnimationFrame(()=>{let n=this.shadowRoot?.querySelector("w-textfield")?.shadowRoot?.querySelector("input");n&&(n.value=this._displayValue)})),this._isOpen=!1;break;case"Tab":case"Delete":this._isOpen=!1;break;case"Escape":this._isOpen?this._isOpen=!1:this._handleChange(""),this._navigationOption=null;break;case"Backspace":this._handleChange(this._navigationLabelOrDisplayValue),this._navigationOption=null,this._isOpen=!0;break;default:if(a.includes(e.key))break;this._isOpen=!0,this._navigationOption?(this._handleChange(this._navigationOption.value),this._navigationOption=null):this._handleChange(this.value);break}}_findAndSetActiveOption(e){e.preventDefault();let t=this._currentOptions.findIndex(n=>n.id===this._navigationOption?.id),a=t+1,i=t-1;switch(e.key){case"ArrowDown":this._navigationOption=a>this._currentOptions.length-1?null:this._currentOptions[a];break;case"ArrowUp":this._navigationOption=i===-2?this._currentOptions.at(-1)??null:i<0?null:this._currentOptions[i];break;case"PageUp":this._navigationOption=t-10<0?this._currentOptions[0]:this._currentOptions[t-10];break;case"PageDown":this._navigationOption=t+10>this._currentOptions.length-1?this._currentOptions.at(-1)??null:this._currentOptions[t+10]??null;break;case"Home":this._navigationOption=this._currentOptions[0];break;case"End":this._navigationOption=this._currentOptions.at(-1)??null;break}}_handleSelect(e){this.value=e.value,this._displayValue=e.label||e.value,this.setValue(this.value);let t=new CustomEvent("select",{detail:{value:e.value},bubbles:!0,composed:!0});this.dispatchEvent(t),this._isOpen=!1,this._navigationOption=null,this.disableStaticFiltering&&(this._currentOptions=[])}_handleChange(e){if(e===void 0)return;this.value=e,this._displayValue=e;let t=new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0});this.dispatchEvent(t)}_handleFocus(){if(!this.openOnFocus)return;let e=new CustomEvent("focus",{bubbles:!0,composed:!0});this.dispatchEvent(e),this._isOpen=!0}_handleBlur(e){let t=e.relatedTarget;if(t&&this.shadowRoot?.contains(t))return;if(this._isOpen=!1,this.selectOnBlur&&(this._navigationOption||!this._navigationOption&&this._currentOptions.findIndex(i=>i.value===this.value)!==-1)){let i=this._navigationOption?.value||this.value;this.value=i;let n=new CustomEvent("select",{detail:{value:i},bubbles:!0,composed:!0});this.dispatchEvent(n)}this._navigationOption=null;let a=new CustomEvent("blur",{detail:{value:this._navigationValueOrInputValue},bubbles:!0,composed:!0});this.dispatchEvent(a)}_handleOptionClick(e,t){this._handleSelect(t),requestAnimationFrame(()=>{let i=this.shadowRoot?.querySelector("w-textfield")?.shadowRoot?.querySelector("input");i&&(i.value=t.label||t.value)})}_handleContainerBlur(e){(!e.currentTarget||!e.currentTarget.contains(e.relatedTarget))&&(this._isOpen=!1)}_renderTextMatch(e,t){if(!this.matchTextSegments)return e;let a=e.toLowerCase().indexOf(t.currentInputValue.toLowerCase());if(a!==-1){let i=a+t.currentInputValue.length;return se`${e.substring(0,a)}<span
+					class="${S.textMatch}"
+					>${e.substring(a,i)}</span
+				>${e.substring(i)}`}return e}willUpdate(e){let t=this._sourceOptions,a=e.has("_lightDomOptions");if(e.has("value")||e.has("options")||a){let i=t.find(s=>s.value===this.value),n=i?i.label||i.value:this.value;this._displayValue!==n&&this._displayValue!==this.value&&(this._displayValue=n),!this._displayValue&&this.value&&(this._displayValue=n)}(e.has("options")||a||e.has("value")||e.has("disableStaticFiltering")||e.has("_displayValue"))&&(this._optionIdCounter+=t.length,this._currentOptions=this._createOptionsWithIdAndMatch(t,this._displayValue).filter(i=>this.disableStaticFiltering?!0:(i.label||i.value).toLowerCase().includes(this._displayValue.toLowerCase()))),this.disableStaticFiltering&&this._currentOptions.length&&this._currentOptions.length===1&&!this._currentOptions.some(i=>i.value===this.value)&&!this._isOpen&&(this._isOpen=!0)}render(){return se`
+			<div
+				class=${Y(S.wrapper)}
+				@blur=${this._handleContainerBlur}
+			>
+				<w-textfield
+					class="w-combobox-textfield"
+					.value=${this._navigationLabelOrDisplayValue}
+					.label=${this.label}
+					.placeholder=${this.placeholder}
+					.invalid=${this.invalid}
+					.helpText=${this.helpText}
+					.disabled=${this.disabled}
+					.required=${this.required}
+					.optional=${this.optional}
+					.name=${this.name}
+					.autocomplete="${this.autocomplete||"off"}"
+					role="combobox"
+					aria-autocomplete="list"
+					aria-expanded=${this._isOpen&&this._currentOptions.length!==0}
+					aria-activedescendant=${tr(this._isOpen?this._navigationOption?.id:void 0)}
+					aria-controls=${this._listboxId}
+					@input=${e=>this._handleChange(e?.detail?.value)}
+					@focus=${this._handleFocus}
+					@blur=${this._handleBlur}
+					@keydown=${this._handleKeyDown}
+				></w-textfield>
+
+				<span class="${S.a11y}" role="status">
+					${this._getAriaText(this._currentOptions,this._displayValue,this._isOpen)}
+				</span>
+
+				<div
+					?hidden=${!this._isOpen||!this._currentOptions.length}
+					class=${Y(S.base)}
+				>
+					<ul
+						id=${this._listboxId}
+						role="listbox"
+						class="${S.listbox}"
+					>
+						${rr(this._currentOptions,e=>e.key,e=>{let t=e.label||e.value;return se`
+									<li
+										id=${e.id}
+										role="option"
+										aria-selected=${this._navigationOption?.id===e.id}
+										tabindex="-1"
+										class=${this._getOptionClasses(e)}
+										@mousedown=${a=>this._handleOptionClick(a,e)}
+									>
+										${this._renderTextMatch(t,e)}
+									</li>
+								`})}
+					</ul>
+				</div>
+			</div>
+		`}};U=new WeakMap,$=new WeakMap,V=new WeakSet,Ae=function(){return[...this.children].filter(e=>e.tagName.toLowerCase()==="option")},le=function(){this._lightDomOptions=Z(this,V,Ae).call(this).map(e=>{let t=e.getAttribute("value")??"",a=e.hasAttribute("label")?e.getAttribute("label")??"":e.textContent??"";return{value:t,label:a,key:t}})},h.styles=[Oe,Fe],p([m({type:Array})],h.prototype,"options",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"label",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"placeholder",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"value",2),p([m({type:Boolean,attribute:"open-on-focus",reflect:!0})],h.prototype,"openOnFocus",2),p([m({type:Boolean,attribute:"select-on-blur",reflect:!0,useDefault:!0})],h.prototype,"selectOnBlur",2),p([m({type:Boolean,attribute:"match-text-segments",reflect:!0})],h.prototype,"matchTextSegments",2),p([m({type:Boolean,attribute:"disable-static-filtering",reflect:!0})],h.prototype,"disableStaticFiltering",2),p([m({type:Boolean,reflect:!0})],h.prototype,"invalid",2),p([m({type:String,attribute:"help-text",reflect:!0,useDefault:!0})],h.prototype,"helpText",2),p([m({type:Boolean,reflect:!0})],h.prototype,"disabled",2),p([m({type:Boolean,reflect:!0})],h.prototype,"required",2),p([m({type:Boolean,reflect:!0})],h.prototype,"optional",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"name",2),p([m({type:String,reflect:!0,useDefault:!0})],h.prototype,"autocomplete",2),p([D()],h.prototype,"_isOpen",2),p([D()],h.prototype,"_navigationOption",2),p([D()],h.prototype,"_currentOptions",2),p([D()],h.prototype,"_lightDomOptions",2),p([D()],h.prototype,"_optionIdCounter",2),p([D()],h.prototype,"_displayValue",2);customElements.get("w-combobox")||customElements.define("w-combobox",h);export{h as WarpCombobox};
 //# sourceMappingURL=combobox.js.map