solid-ui 3.1.3-6 → 3.1.3-8

package/dist/components/button/Button.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","getInternals","form","requestSubmit","reset","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"q6IAQA,IAAaM,EAAkB,CAAC,UAAW,YAAa,WAAY,UAAW,OAAO,EAAUC,EAAA,CAG/FP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,GAAAC,GAAAA,EAAAA,EAAAA,UAKrB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,UAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,UAGhC,CAAEJ,KAAMK,OAAQ,CAAC,EAACC,GAAAA,EAAAA,EAAAA,UAGlB,CAAEN,KAAMK,OAAQ,CAAC,EAAC,WAAAE,EAd9B,cACoCvB,EAAAA,OAAa,CAAAyB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAlB,GAAAmB,EAAA,IAAA,EAAAC,EAAA,KAKb,SAAS,EAAA,EAAAF,EAAA,KAAAhB,EAAAmB,EAAA,KAG3B,QAAQ,CAAA,EAAAH,EAAA,KAAAf,EAAAmB,EAAA,KAGiBC,IAAAA,EAAS,CAAA,EAAAL,EAAA,KAAAd,EAAAoB,EAAA,KAG/B,EAAK,CAAA,CAAA,CAAA,IAAAnB,IAAA,CAAA,OAAAoB,EAAAzB,EAAA,IAAA,CAAA,CAAA,IATf0B,QAAOC,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAAA,IAGPpB,MAAI,CAAA,OAAAkB,EAAAvB,EAAA,IAAA,CAAA,CAAA,IAAJK,KAAIoB,EAAA,CAAAC,EAAA1B,EAAA,KAAAyB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAR0B,SAAQF,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGRG,SAAO,CAAA,OAAAL,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAP0B,QAAOH,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAEhBI,QAAU,CACR,IAAMF,EAAW,KAAKA,UAAY,KAAKC,QAEvC,MAAOtC,GAAAA,IAAI;uBACQ,KAAKe,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,QAAUtC,EAAAA,IAAI,4DAA8DC,EAAAA,QAAO;;;;;;KAOpG,CAEQuC,SAAW,CACjB,OAAQ,KAAKzB,KAAb,CACE,IAAK,SACH,KAAK0B,aAAa,EAAEC,MAAMC,cAAc,EACxC,MACF,IAAK,QACH,KAAKF,aAAa,EAAEC,MAAME,MAAM,EAChC,KACJ,CACF,CACF,EAAC,CAAAC,EAAA,CAAAjB,EAAAC,EAAAC,EAAAE,EAAAL,GAAAmB,EAAA,CAAAxC,EAAAyC,IAAAC,EAAA1B,EAAA,CAAA,CAAAR,EAAA,EAAA,SAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAhB,EAAA,EAAA,IAAA,GAxCmCN,EAAAA,OAAY,EAAAuB,GAAA2B,EAAA,cAAAC,CAAA,CAAA1B,aAAA,CAAA,MAAAlB,CAAA,EAAA6C,EAAA,KAAA,SAC9BhD,EAAAA,OAAM,EAAAgD,EAAA,KAAA,iBACE,EAAI,EAAAJ,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA1C,EAAA,IAAA,EAAA,EAAA0C"}
+{"version":3,"file":"Button.cjs.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","getInternals","form","requestSubmit","reset","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"q6IAQA,IAAaM,EAAkB,CAAC,UAAW,YAAa,WAAY,UAAW,OAAO,EAAUC,EAAA,CAG/FP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAKrB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,SAAAA,CAGhC,CAAEJ,KAAMK,OAAQ,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAAAA,CAGlB,CAAEN,KAAMK,OAAQ,CAAC,EAAC,WAAAE,EAd9B,cACoCvB,EAAAA,OAAa,CAAAyB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAlB,GAAAmB,EAAA,IAAA,EAAAC,EAAA,KAKb,SAAS,EAAA,EAAAF,EAAA,KAAAhB,EAAAmB,EAAA,KAG3B,QAAQ,CAAA,EAAAH,EAAA,KAAAf,EAAAmB,EAAA,KAGiBC,IAAAA,EAAS,CAAA,EAAAL,EAAA,KAAAd,EAAAoB,EAAA,KAG/B,EAAK,CAAA,CAAA,CAAA,IAAAnB,IAAA,CAAA,OAAAoB,EAAAzB,EAAA,IAAA,CAAA,CAAA,IATf0B,QAAOC,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAAA,IAGPpB,MAAI,CAAA,OAAAkB,EAAAvB,EAAA,IAAA,CAAA,CAAA,IAAJK,KAAIoB,EAAA,CAAAC,EAAA1B,EAAA,KAAAyB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAR0B,SAAQF,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGRG,SAAO,CAAA,OAAAL,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAP0B,QAAOH,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAEhBI,QAAU,CACR,IAAMF,EAAW,KAAKA,UAAY,KAAKC,QAEvC,MAAOtC,GAAAA,IAAI;uBACQ,KAAKe,KAAI,aAAcsB,EAAQ,UAAW,KAAKG,QAAO;cAC/D,KAAKF,QAAUtC,EAAAA,IAAI,4DAA8DC,EAAAA,QAAO;;;;;;KAOpG,CAEQuC,SAAW,CACjB,OAAQ,KAAKzB,KAAb,CACE,IAAK,SACH,KAAK0B,aAAa,CAAC,CAACC,MAAMC,cAAc,EACxC,MACF,IAAK,QACH,KAAKF,aAAa,CAAC,CAACC,MAAME,MAAM,EAChC,KACJ,CACF,CACF,EAAC,CAAAC,EAAA,CAAAjB,EAAAC,EAAAC,EAAAE,EAAAL,GAAAmB,EAAA,CAAAxC,EAAAyC,IAAAC,EAAA1B,EAAA,CAAA,CAAAR,EAAA,EAAA,SAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAhB,EAAA,EAAA,IAAA,GAxCmCN,EAAAA,OAAY,EAAAuB,GAAA2B,EAAA,cAAAC,CAAA,CAAA1B,aAAA,CAAA,MAAAlB,CAAA,EAAA6C,EAAA,KAAA,SAC9BhD,EAAAA,OAAM,EAAAgD,EAAA,KAAA,iBACE,EAAI,EAAAJ,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA1C,EAAA,IAAA,EAAA,EAAA0C"}

package/dist/components/button/Button.esm.js

@@ -270,6 +270,6 @@ new (C = (c = /*#__PURE__*/ new WeakMap(), l = /*#__PURE__*/ new WeakMap(), u =
 	}
 }, A(o, C, void 0), o)();
 //#endregion
-export { L as BUTTON_VARIANTS, R as _Button };
+export { L as BUTTON_VARIANTS, R as default };
 
 //# sourceMappingURL=Button.esm.js.map

package/dist/components/button/Button.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.esm.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","getInternals","form","requestSubmit","reset","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button.esm.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","getInternals","form","requestSubmit","reset","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/button/Button.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/button/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Button.cjs.js");var t=e._Button;exports.BUTTON_VARIANTS=e.BUTTON_VARIANTS,Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return e._Button}}),exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./Button.cjs.js");var t=e.default;exports.BUTTON_VARIANTS=e.BUTTON_VARIANTS,Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return e.default}}),exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/button/index.esm.js

@@ -1,7 +1,7 @@
-import { BUTTON_VARIANTS as e, _Button as t } from "./Button.esm.js";
+import e, { BUTTON_VARIANTS as t } from "./Button.esm.js";
 //#region src/components/button/index.ts
-var n = t;
+var n = e;
 //#endregion
-export { e as BUTTON_VARIANTS, t as Button, n as default };
+export { t as BUTTON_VARIANTS, e as Button, n as default };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/button-DbKYu6-r.js";
+import { n as e, r as t, t as n } from "../chunks/button-0s0lZdxm.js";
 export { e as BUTTON_VARIANTS, t as Button, n as default };

package/dist/components/combobox/Combobox.cjs.js

@@ -1,27 +1,59 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/InputTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Combobox.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I;function L(e,t,n){R(e,t),t.set(e,n)}function R(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function z(e,t,n){return e.set(V(e,t),n),n}function B(e,t){return e.get(V(e,t))}function V(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function H(e,t,n){return(t=W(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function U(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:K(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||K(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return q(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:W(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function W(e){var t=G(e,`string`);return typeof t==`symbol`?t:t+``}function G(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function K(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function q(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function J(e){return e}v=[e.customElement(`solid-ui-combobox`)];var Y;new(F=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,I=(y=(0,a.property)({type:String,reflect:!0}),x=(0,a.property)({type:String,reflect:!0}),C=(0,a.property)({type:String}),T=(0,a.property)({type:String,reflect:!0}),D=(0,a.property)({type:Boolean,reflect:!0}),k=(0,a.query)(`[popover]`),j=(0,a.query)(`input`),N=(0,a.state)(),`label`),s=class extends t.default{get[I](){return B(c,this)}set label(e){z(c,this,e)}get name(){return B(l,this)}set name(e){z(l,this,e)}get value(){return B(u,this)}set value(e){z(u,this,e)}get placeholder(){return B(d,this)}set placeholder(e){z(d,this,e)}get required(){return B(f,this)}set required(e){z(f,this,e)}get popoverElement(){return B(p,this)}set popoverElement(e){z(p,this,e)}get inputElement(){return B(m,this)}set inputElement(e){z(m,this,e)}get filter(){return B(h,this)}set filter(e){z(h,this,e)}constructor(){super(),L(this,c,(g(this),b(this,``))),L(this,l,S(this,``)),L(this,u,w(this,``)),L(this,d,E(this,``)),L(this,f,O(this,!1)),L(this,p,A(this,null)),L(this,m,M(this,null)),L(this,h,P(this,``)),H(this,`inputTrait`,void 0),this.inputTrait=this.addTrait(new n.default(this,{getInputElement:()=>this.inputElement,getInternals:()=>this.getInternals(),onValueChanged:e=>{this.filter=e.toLowerCase()}}))}render(){let e=this.getOptions().filter(e=>e.label.toLowerCase().includes(this.filter));return i.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js"),n=require("../../lib/components/traits/InputTrait.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js");const r=require("./Combobox.styles.cjs.js");let i=require("lit"),a=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/popup/popup.js");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R,z;function B(e,t,n){V(e,t),t.set(e,n)}function V(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function H(e,t,n){return e.set(W(e,t),n),n}function U(e,t){return e.get(W(e,t))}function W(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function G(e,t,n){return(t=q(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:Y(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||Y(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return X(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:q(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function q(e){var t=J(e,`string`);return typeof t==`symbol`?t:t+``}function J(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Y(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function X(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function Z(e){return e}y=[e.customElement(`solid-ui-combobox`)];var Q;new(R=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,g=new WeakMap,z=(b=(0,a.property)({type:String,reflect:!0}),S=(0,a.property)({type:String,reflect:!0}),w=(0,a.property)({type:String}),E=(0,a.property)({type:String,reflect:!0}),O=(0,a.property)({type:Boolean,reflect:!0}),A=(0,a.query)(`input`),M=(0,a.state)(),P=(0,a.state)(),I=(0,a.state)(),`label`),s=class extends t.default{get[z](){return U(c,this)}set label(e){H(c,this,e)}get name(){return U(l,this)}set name(e){H(l,this,e)}get value(){return U(u,this)}set value(e){H(u,this,e)}get placeholder(){return U(d,this)}set placeholder(e){H(d,this,e)}get required(){return U(f,this)}set required(e){H(f,this,e)}get inputElement(){return U(p,this)}set inputElement(e){H(p,this,e)}get filter(){return U(m,this)}set filter(e){H(m,this,e)}get open(){return U(h,this)}set open(e){H(h,this,e)}get activeIndex(){return U(g,this)}set activeIndex(e){H(g,this,e)}constructor(){super(),B(this,c,(_(this),x(this,``))),B(this,l,C(this,``)),B(this,u,T(this,``)),B(this,d,D(this,``)),B(this,f,k(this,!1)),B(this,p,j(this,null)),B(this,m,N(this,``)),B(this,h,F(this,!1)),B(this,g,L(this,-1)),G(this,`inputTrait`,void 0),G(this,`openListenersAttached`,!1),G(this,`listboxId`,void 0),G(this,`handleDocumentFocusIn`,e=>{e.composedPath().includes(this)||this.hide()}),G(this,`handleDocumentMouseDown`,e=>{e.composedPath().includes(this)||this.hide()}),this.inputTrait=this.addTrait(new n.default(this,{getInputElement:()=>this.inputElement,getInternals:()=>this.getInternals(),onValueChanged:e=>{this.filter=e.toLowerCase();let t=this.getFilteredOptions();if(t.length===0){this.hide();return}this.open&&(this.activeIndex=this.getInitialActiveIndex(t))}})),this.listboxId=`listbox-${this.inputTrait.inputId}`}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners()}render(){let e=this.getFilteredOptions(),t=(this.open&&this.activeIndex>=0?e[this.activeIndex]:void 0)===void 0?void 0:this.getOptionId(this.activeIndex),n=this.placeholder||`Combobox`;return i.html`
       ${this.inputTrait.renderLabel()}
-      <div class="input-wrapper">
-        <input
-          id="${this.inputTrait.inputId}"
-          type="text"
-          name=${this.name}
-          ?placeholder=${this.placeholder}
-          ?required=${this.required}
-          .value=${this.value}
-          @keydown=${this.onInputKeyDown}
-          @click=${this.onInputClick}
-          @input=${()=>this.inputTrait.onInput()}
-        />
-        <icon-lucide-chevron-down></icon-lucide-chevron-down>
-      </div>
-      <div role="listbox" aria-labelledby="${this.inputTrait.inputId}" popover>
-        ${e.map(e=>i.html`<div
-              role="option"
-              aria-selected="false"
-              @click=${()=>this.onOptionClick(e.value)}
-            >
-              ${e.label}
-            </div>`)}
-      </div>
-    `}getOptions(){let e=this.querySelectorAll(`solid-ui-combobox-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent}))}onInputKeyDown(e){switch(e.key){case`ArrowDown`:e.preventDefault(),this.popoverElement?.showPopover();break;case`Enter`:this.popoverElement?.matches(`:popover-open`)||(e.preventDefault(),this.inputTrait.onSubmit());break}}onInputClick(e){e.preventDefault(),this.popoverElement?.showPopover()}onOptionClick(e){this.inputTrait.setValue(e),this.popoverElement?.hidePopover()}},{e:[b,S,w,E,O,A,M,P,g],c:[Y,_]}=U(s,[[y,1,`label`],[x,1,`name`],[C,1,`value`],[T,1,`placeholder`],[D,1,`required`],[k,1,`popoverElement`],[j,1,`inputElement`],[N,1,`filter`]],v,0,void 0,t.default),s),o=class extends J{constructor(){super(Y),H(this,`styles`,r.default),H(this,`formAssociated`,!0),_()}},H(o,F,void 0),o),Object.defineProperty(exports,"_Combobox",{enumerable:!0,get:function(){return Y}});
+      <wa-popup
+        placement="bottom"
+        flip
+        shift
+        sync="width"
+        auto-size="vertical"
+        auto-size-padding="10"
+        ?active=${this.open}
+      >
+        <div class="input-wrapper" slot="anchor" @mousedown=${this.onAnchorMouseDown}>
+          <input
+            id="${this.inputTrait.inputId}"
+            type="text"
+            name=${this.name}
+            placeholder=${this.placeholder}
+            role="combobox"
+            aria-autocomplete="list"
+            aria-haspopup="listbox"
+            aria-expanded=${this.open?`true`:`false`}
+            aria-controls=${this.listboxId}
+            aria-activedescendant=${t??i.nothing}
+            aria-labelledby=${this.label?this.inputTrait.labelId:i.nothing}
+            aria-label=${this.label?i.nothing:n}
+            aria-required=${this.required?`true`:i.nothing}
+            autocomplete="off"
+            spellcheck="false"
+            ?required=${this.required}
+            .value=${this.value}
+            @keydown=${this.onInputKeyDown}
+            @focus=${this.onInputFocus}
+            @input=${()=>this.inputTrait.onInput()}
+          />
+          <icon-lucide-chevron-down></icon-lucide-chevron-down>
+        </div>
+        <div
+          id=${this.listboxId}
+          class="listbox"
+          role="listbox"
+          aria-orientation="vertical"
+          aria-labelledby=${this.label?this.inputTrait.labelId:i.nothing}
+          aria-label=${this.label?i.nothing:n}
+          ?hidden=${!this.open}
+          @mouseup=${this.onListboxMouseUp}
+        >
+          ${e.map((e,t)=>i.html`<div
+                id=${this.getOptionId(t)}
+                role="option"
+                aria-selected=${this.open&&t===this.activeIndex?`true`:`false`}
+                data-active=${t===this.activeIndex||i.nothing}
+                @mousemove=${()=>this.setActiveIndex(t)}
+              >
+                ${e.label}
+              </div>`)}
+        </div>
+      </wa-popup>
+    `}getFilteredOptions(){return this.getOptions().filter(e=>e.label.toLowerCase().includes(this.filter))}getOptions(){let e=this.querySelectorAll(`solid-ui-combobox-option`);return Array.from(e).map(e=>({value:e.value,label:e.textContent??``}))}getOptionId(e){return`${this.listboxId}-option-${e}`}getInitialActiveIndex(e){let t=e.findIndex(e=>e.value===this.value);return t>=0?t:e.length>0?0:-1}getNextIndex(e,t,n){return t.length===0?-1:(e+n+t.length)%t.length}setActiveIndex(e){this.activeIndex=e}show(e){if(this.open)return;let t=this.getFilteredOptions();t.length!==0&&(this.open=!0,this.activeIndex=e?.focusLast?t.length-1:this.getInitialActiveIndex(t),this.addOpenListeners(),requestAnimationFrame(()=>this.scrollActiveOptionIntoView()))}hide(){this.open&&(this.open=!1,this.activeIndex=-1,this.removeOpenListeners())}selectOption(e){this.inputTrait.setValue(e),this.hide(),this.inputElement?.focus({preventScroll:!0})}scrollActiveOptionIntoView(){this.activeIndex<0||this.shadowRoot?.querySelector(`#${this.getOptionId(this.activeIndex)}`)?.scrollIntoView({block:`nearest`})}addOpenListeners(){if(this.openListenersAttached)return;document.addEventListener(`focusin`,this.handleDocumentFocusIn),document.addEventListener(`mousedown`,this.handleDocumentMouseDown);let e=this.getRootNode();e!==document&&e.addEventListener(`focusin`,this.handleDocumentFocusIn),this.openListenersAttached=!0}removeOpenListeners(){if(!this.openListenersAttached)return;document.removeEventListener(`focusin`,this.handleDocumentFocusIn),document.removeEventListener(`mousedown`,this.handleDocumentMouseDown);let e=this.getRootNode();e!==document&&e.removeEventListener(`focusin`,this.handleDocumentFocusIn),this.openListenersAttached=!1}onAnchorMouseDown(e){e.preventDefault(),this.inputElement?.focus({preventScroll:!0})}onInputFocus(){this.show()}openPopupFromKey(e){this.open||this.show({focusLast:e})}onInputKeyDown(e){let t=this.getFilteredOptions();switch(e.key){case`ArrowDown`:e.preventDefault(),this.open?(this.activeIndex=this.getNextIndex(this.activeIndex,t,1),this.scrollActiveOptionIntoView()):this.openPopupFromKey(!1);break;case`ArrowUp`:e.preventDefault(),this.open?(this.activeIndex=this.getNextIndex(this.activeIndex,t,-1),this.scrollActiveOptionIntoView()):this.openPopupFromKey(!0);break;case`Enter`:this.open&&this.activeIndex>=0&&t[this.activeIndex]?(e.preventDefault(),this.selectOption(t[this.activeIndex].value)):this.open||(e.preventDefault(),this.inputTrait.onSubmit());break;case`Escape`:this.open&&(e.preventDefault(),e.stopPropagation(),this.hide(),this.inputElement?.focus({preventScroll:!0}));break;case`Tab`:this.hide();break}}onListboxMouseUp(e){if(!(e.target instanceof HTMLElement))return;let t=e.target.closest(`[role="option"]`);if(!t)return;let n=t.id,r=Number.parseInt(n.replace(`${this.listboxId}-option-`,``),10),i=this.getFilteredOptions()[r];i&&this.selectOption(i.value)}},{e:[x,C,T,D,k,j,N,F,L,_],c:[Q,v]}=K(s,[[b,1,`label`],[S,1,`name`],[w,1,`value`],[E,1,`placeholder`],[O,1,`required`],[A,1,`inputElement`],[M,1,`filter`],[P,1,`open`],[I,1,`activeIndex`]],y,0,void 0,t.default),s),o=class extends Z{constructor(){super(Q),G(this,`styles`,r.default),G(this,`formAssociated`,!0),v()}},G(o,R,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return Q}});
 //# sourceMappingURL=Combobox.cjs.js.map

package/dist/components/combobox/Combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs.js","names":["customElement","WebComponent","html","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_popoverElementDecs","_inputElementDecs","_filterDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","popoverElement","inputElement","filter","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_popoverElement","_init_inputElement","_init_filter","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","render","options","getOptions","option","includes","renderLabel","inputId","onInputKeyDown","onInputClick","onInput","map","onOptionClick","querySelectorAll","Array","from","textContent","e","key","preventDefault","showPopover","matches","onSubmit","setValue","hidePopover","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Combobox.styles.css'\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('[popover]')\n  private accessor popoverElement: HTMLDivElement | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n        },\n      })\n    )\n  }\n\n  protected render () {\n    const options = this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <div class=\"input-wrapper\">\n        <input\n          id=\"${this.inputTrait.inputId}\"\n          type=\"text\"\n          name=${this.name}\n          ?placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @keydown=${this.onInputKeyDown}\n          @click=${this.onInputClick}\n          @input=${() => this.inputTrait.onInput()}\n        />\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n      <div role=\"listbox\" aria-labelledby=\"${this.inputTrait.inputId}\" popover>\n        ${options.map(\n          (option) =>\n            html`<div\n              role=\"option\"\n              aria-selected=\"false\"\n              @click=${() => this.onOptionClick(option.value)}\n            >\n              ${option.label}\n            </div>`\n        )}\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n\n  private onInputKeyDown (e: KeyboardEvent) {\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        this.popoverElement?.showPopover()\n        break\n      case 'Enter':\n        if (!this.popoverElement?.matches(':popover-open')) {\n          e.preventDefault()\n\n          this.inputTrait.onSubmit()\n        }\n        break\n    }\n  }\n\n  private onInputClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.popoverElement?.showPopover()\n  }\n\n  private onOptionClick (option: string) {\n    this.inputTrait.setValue(option)\n\n    this.popoverElement?.hidePopover()\n  }\n}\n"],"mappings":"w/IAQ0CQ,EAAA,CAEzCR,EAAAA,cAAc,mBAAmB,CAAC,EAAA,IAAAS,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,EAAA,IAAAN,QAAAO,EAAA,IAAAP,QAAAQ,GAAAC,GAAAA,EAAAA,EAAAA,UAKvB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,UAGhC,CAAEH,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACE,GAAAA,EAAAA,EAAAA,UAGhC,CAAEJ,KAAMC,MAAO,CAAC,EAACI,GAAAA,EAAAA,EAAAA,UAGjB,CAAEL,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACI,GAAAA,EAAAA,EAAAA,UAGhC,CAAEN,KAAMO,QAASL,QAAS,EAAK,CAAC,EAACM,GAAAA,EAAAA,EAAAA,OAGpC,WAAW,EAACC,GAAAA,EAAAA,EAAAA,OAGZ,OAAO,EAACC,GAAAA,EAAAA,EAAAA,OAGR,EAAC,SAAAC,EA1BV,cACsChC,EAAAA,OAAa,CAAA,IAAAmB,IAAA,CAAA,OAAAe,EAAAxB,EAAA,IAAA,CAAA,CAAA,IAKxCyB,MAAKC,EAAA,CAAAC,EAAA3B,EAAA,KAAA0B,CAAA,CAAA,CAAA,IAGLE,MAAI,CAAA,OAAAJ,EAAAtB,EAAA,IAAA,CAAA,CAAA,IAAJ0B,KAAIF,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGJG,OAAK,CAAA,OAAAL,EAAArB,EAAA,IAAA,CAAA,CAAA,IAAL0B,MAAKH,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGLI,aAAW,CAAA,OAAAN,EAAApB,EAAA,IAAA,CAAA,CAAA,IAAX0B,YAAWJ,EAAA,CAAAC,EAAAvB,EAAA,KAAAsB,CAAA,CAAA,CAAA,IAGXK,UAAQ,CAAA,OAAAP,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAAR0B,SAAQL,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGAM,gBAAc,CAAA,OAAAR,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAAd0B,eAAcN,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAAA,IAGdO,cAAY,CAAA,OAAAT,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAZ0B,aAAYP,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAAA,IAGZQ,QAAM,CAAA,OAAAV,EAAAhB,EAAA,IAAA,CAAA,CAAA,IAAN0B,OAAMR,EAAA,CAAAC,EAAAnB,EAAA,KAAAkB,CAAA,CAAA,CAIvBS,aAAe,CACb,MAAM,EAACC,EAAA,KAAApC,GAAAqC,EAAA,IAAA,EAAAC,EAAA,KA1BQ,EAAE,EAAA,EAAAF,EAAA,KAAAlC,EAAAqC,EAAA,KAGH,EAAE,CAAA,EAAAH,EAAA,KAAAjC,EAAAqC,EAAA,KAGD,EAAE,CAAA,EAAAJ,EAAA,KAAAhC,EAAAqC,EAAA,KAGI,EAAE,CAAA,EAAAL,EAAA,KAAA/B,EAAAqC,EAAA,KAGL,EAAK,CAAA,EAAAN,EAAA,KAAA9B,EAAAqC,EAAA,KAGgC,IAAI,CAAA,EAAAP,EAAA,KAAA7B,EAAAqC,EAAA,KAGJ,IAAI,CAAA,EAAAR,EAAA,KAAA5B,EAAAqC,EAAA,KAGnC,EAAE,CAAA,EAAAC,EAAA,KAAA,aAAA,IAAA,EAAA,EAO1B,KAAKC,WAAa,KAAKC,SACrB,IAAIrD,EAAAA,QAAW,KAAM,CACnBsD,oBAAuB,KAAKhB,aAC5BiB,iBAAoB,KAAKA,aAAa,EACtCC,eAAiBtB,GAAU,CACzB,KAAKK,OAASL,EAAMuB,YAAY,CAClC,CACF,CAAC,CACH,CACF,CAEUC,QAAU,CAClB,IAAMC,EAAU,KAAKC,WAAW,EAAErB,OAAQsB,GACxCA,EAAO/B,MAAM2B,YAAY,EAAEK,SAAS,KAAKvB,MAAM,CACjD,EAEA,MAAO3C,GAAAA,IAAI;QACP,KAAKwD,WAAWW,YAAY,EAAC;;;gBAGrB,KAAKX,WAAWY,QAAO;;iBAEtB,KAAK/B,KAAI;yBACD,KAAKE,YAAW;sBACnB,KAAKC,SAAQ;mBAChB,KAAKF,MAAK;qBACR,KAAK+B,eAAc;mBACrB,KAAKC,aAAY;uBACX,KAAKd,WAAWe,QAAQ,EAAC;;;;6CAIL,KAAKf,WAAWY,QAAO;UAC1DL,EAAQS,IACPP,GACCjE,EAAAA,IAAI;;;2BAGa,KAAKyE,cAAcR,EAAO3B,KAAK,EAAC;;gBAE7C2B,EAAO/B,MAAK;mBAEpB,EAAC;;KAGP,CAEQ8B,YAAkD,CACxD,IAAMD,EAAU,KAAKW,iBACnB,0BACF,EAEA,OAAOC,MAAMC,KAAKb,CAAO,EAAES,IAAKP,IAAY,CAC1C3B,MAAO2B,EAAO3B,MACdJ,MAAO+B,EAAOY,WAChB,EAAE,CACJ,CAEQR,eAAgBS,EAAkB,CACxC,OAAQA,EAAEC,IAAV,CACE,IAAK,YACHD,EAAEE,eAAe,EACjB,KAAKvC,gBAAgBwC,YAAY,EACjC,MACF,IAAK,QACE,KAAKxC,gBAAgByC,QAAQ,eAAe,IAC/CJ,EAAEE,eAAe,EAEjB,KAAKxB,WAAW2B,SAAS,GAE3B,KACJ,CACF,CAEQb,aAAcQ,EAAe,CACnCA,EAAEE,eAAe,EAEjB,KAAKvC,gBAAgBwC,YAAY,CACnC,CAEQR,cAAeR,EAAgB,CACrC,KAAKT,WAAW4B,SAASnB,CAAM,EAE/B,KAAKxB,gBAAgB4C,YAAY,CACnC,CACF,EAAC,CAAAP,EAAA,CAAA/B,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAR,GAAAwC,EAAA,CAAA/E,EAAAgF,IAAAC,EAAAzD,EAAA,CAAA,CAAAZ,EAAA,EAAA,OAAA,EAAA,CAAAI,EAAA,EAAA,MAAA,EAAA,CAAAC,EAAA,EAAA,OAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,EAAA,CAAAC,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,gBAAA,EAAA,CAAAC,EAAA,EAAA,cAAA,EAAA,CAAAC,EAAA,EAAA,QAAA,CAAA,EAAAxB,EAAA,EAAA,IAAA,GAtHqCP,EAAAA,OAAY,EAAAgC,GAAA0D,EAAA,cAAAC,CAAA,CAAA9C,aAAA,CAAA,MAAArC,CAAA,EAAAgD,EAAA,KAAA,SAChClD,EAAAA,OAAM,EAAAkD,EAAA,KAAA,iBACE,EAAI,EAAAgC,EAAA,CAAA,CAAA,EAAAhC,EAAAkC,EAAAjF,EAAA,IAAA,EAAA,EAAAiF"}
+{"version":3,"file":"Combobox.cjs.js","names":["customElement","WebComponent","html","nothing","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_filterDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","filter","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_inputElement","_init_filter","_init_open","_init_activeIndex","_defineProperty","event","path","composedPath","includes","hide","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","options","getFilteredOptions","length","getInitialActiveIndex","listboxId","inputId","disconnectedCallback","removeOpenListeners","render","activeOption","undefined","activeDescendant","getOptionId","accessibleName","renderLabel","onAnchorMouseDown","labelId","onInputKeyDown","onInputFocus","onInput","onListboxMouseUp","map","option","index","setActiveIndex","getOptions","querySelectorAll","Array","from","textContent","selectedIndex","findIndex","getNextIndex","currentIndex","direction","show","filteredOptions","focusLast","addOpenListeners","requestAnimationFrame","scrollActiveOptionIntoView","selectOption","setValue","focus","preventScroll","shadowRoot","querySelector","scrollIntoView","block","openListenersAttached","document","addEventListener","handleDocumentFocusIn","handleDocumentMouseDown","root","getRootNode","removeEventListener","preventDefault","openPopupFromKey","key","onSubmit","stopPropagation","target","HTMLElement","optionElement","closest","optionId","id","Number","parseInt","replace","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/combobox/Combobox.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\nimport '@awesome.me/webawesome/dist/components/popup/popup.js'\n\nimport styles from './Combobox.styles.css'\n\ntype ComboboxOptionData = { value: string; label: string }\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  @state()\n  private accessor open = false\n\n  @state()\n  private accessor activeIndex = -1\n\n  private inputTrait: InputTrait\n  private openListenersAttached = false\n  private readonly listboxId: string\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n\n          const options = this.getFilteredOptions()\n\n          if (options.length === 0) {\n            this.hide()\n            return\n          }\n\n          if (this.open) {\n            this.activeIndex = this.getInitialActiveIndex(options)\n          }\n        },\n      })\n    )\n\n    this.listboxId = `listbox-${this.inputTrait.inputId}`\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.removeOpenListeners()\n  }\n\n  protected render () {\n    const options = this.getFilteredOptions()\n    const activeOption =\n      this.open && this.activeIndex >= 0 ? options[this.activeIndex] : undefined\n    const activeDescendant =\n      activeOption !== undefined ? this.getOptionId(this.activeIndex) : undefined\n    const accessibleName = this.placeholder || 'Combobox'\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <wa-popup\n        placement=\"bottom\"\n        flip\n        shift\n        sync=\"width\"\n        auto-size=\"vertical\"\n        auto-size-padding=\"10\"\n        ?active=${this.open}\n      >\n        <div class=\"input-wrapper\" slot=\"anchor\" @mousedown=${this.onAnchorMouseDown}>\n          <input\n            id=\"${this.inputTrait.inputId}\"\n            type=\"text\"\n            name=${this.name}\n            placeholder=${this.placeholder}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-controls=${this.listboxId}\n            aria-activedescendant=${activeDescendant ?? nothing}\n            aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n            aria-label=${this.label ? nothing : accessibleName}\n            aria-required=${this.required ? 'true' : nothing}\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            ?required=${this.required}\n            .value=${this.value}\n            @keydown=${this.onInputKeyDown}\n            @focus=${this.onInputFocus}\n            @input=${() => this.inputTrait.onInput()}\n          />\n          <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div\n          id=${this.listboxId}\n          class=\"listbox\"\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n          aria-label=${this.label ? nothing : accessibleName}\n          ?hidden=${!this.open}\n          @mouseup=${this.onListboxMouseUp}\n        >\n          ${options.map(\n            (option, index) =>\n              html`<div\n                id=${this.getOptionId(index)}\n                role=\"option\"\n                aria-selected=${this.open && index === this.activeIndex\n                  ? 'true'\n                  : 'false'}\n                data-active=${index === this.activeIndex || nothing}\n                @mousemove=${() => this.setActiveIndex(index)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n      </wa-popup>\n    `\n  }\n\n  private getFilteredOptions (): ComboboxOptionData[] {\n    return this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n  }\n\n  private getOptions (): ComboboxOptionData[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent ?? '',\n    }))\n  }\n\n  private getOptionId (index: number): string {\n    return `${this.listboxId}-option-${index}`\n  }\n\n  private getInitialActiveIndex (options: ComboboxOptionData[]): number {\n    const selectedIndex = options.findIndex((option) => option.value === this.value)\n\n    if (selectedIndex >= 0) {\n      return selectedIndex\n    }\n\n    return options.length > 0 ? 0 : -1\n  }\n\n  private getNextIndex (\n    currentIndex: number,\n    options: ComboboxOptionData[],\n    direction: 1 | -1\n  ): number {\n    if (options.length === 0) {\n      return -1\n    }\n\n    return (currentIndex + direction + options.length) % options.length\n  }\n\n  private setActiveIndex (index: number) {\n    this.activeIndex = index\n  }\n\n  private show (options?: { focusLast?: boolean }) {\n    if (this.open) {\n      return\n    }\n\n    const filteredOptions = this.getFilteredOptions()\n\n    if (filteredOptions.length === 0) {\n      return\n    }\n\n    this.open = true\n    this.activeIndex = options?.focusLast\n      ? filteredOptions.length - 1\n      : this.getInitialActiveIndex(filteredOptions)\n    this.addOpenListeners()\n\n    requestAnimationFrame(() => this.scrollActiveOptionIntoView())\n  }\n\n  private hide () {\n    if (!this.open) {\n      return\n    }\n\n    this.open = false\n    this.activeIndex = -1\n    this.removeOpenListeners()\n  }\n\n  private selectOption (value: string) {\n    this.inputTrait.setValue(value)\n    this.hide()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private scrollActiveOptionIntoView () {\n    if (this.activeIndex < 0) {\n      return\n    }\n\n    this.shadowRoot\n      ?.querySelector(`#${this.getOptionId(this.activeIndex)}`)\n      ?.scrollIntoView({ block: 'nearest' })\n  }\n\n  private addOpenListeners () {\n    if (this.openListenersAttached) {\n      return\n    }\n\n    document.addEventListener('focusin', this.handleDocumentFocusIn)\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.addEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = true\n  }\n\n  private removeOpenListeners () {\n    if (!this.openListenersAttached) {\n      return\n    }\n\n    document.removeEventListener('focusin', this.handleDocumentFocusIn)\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.removeEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = false\n  }\n\n  private handleDocumentFocusIn = (event: Event) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private onAnchorMouseDown (event: MouseEvent) {\n    event.preventDefault()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private onInputFocus () {\n    this.show()\n  }\n\n  private openPopupFromKey (focusLast: boolean) {\n    if (!this.open) {\n      this.show({ focusLast })\n    }\n  }\n\n  private onInputKeyDown (event: KeyboardEvent) {\n    const options = this.getFilteredOptions()\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(false)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, 1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(true)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, -1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'Enter':\n        if (this.open && this.activeIndex >= 0 && options[this.activeIndex]) {\n          event.preventDefault()\n          this.selectOption(options[this.activeIndex].value)\n        } else if (!this.open) {\n          event.preventDefault()\n          this.inputTrait.onSubmit()\n        }\n        break\n      case 'Escape':\n        if (this.open) {\n          event.preventDefault()\n          event.stopPropagation()\n          this.hide()\n          this.inputElement?.focus({ preventScroll: true })\n        }\n        break\n      case 'Tab':\n        this.hide()\n        break\n    }\n  }\n\n  private onListboxMouseUp (event: MouseEvent) {\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    const optionElement = event.target.closest('[role=\"option\"]')\n\n    if (!optionElement) {\n      return\n    }\n\n    const optionId = optionElement.id\n    const index = Number.parseInt(optionId.replace(`${this.listboxId}-option-`, ''), 10)\n    const option = this.getFilteredOptions()[index]\n\n    if (option) {\n      this.selectOption(option.value)\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox.d.ts

@@ -7,15 +7,34 @@ export default class Combobox extends WebComponent {
     accessor value: string;
     accessor placeholder: string;
     accessor required: boolean;
-    private accessor popoverElement;
     private accessor inputElement;
     private accessor filter;
+    private accessor open;
+    private accessor activeIndex;
     private inputTrait;
+    private openListenersAttached;
+    private readonly listboxId;
     constructor();
+    disconnectedCallback(): void;
     protected render(): import('lit-html').TemplateResult<1>;
+    private getFilteredOptions;
     private getOptions;
+    private getOptionId;
+    private getInitialActiveIndex;
+    private getNextIndex;
+    private setActiveIndex;
+    private show;
+    private hide;
+    private selectOption;
+    private scrollActiveOptionIntoView;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleDocumentFocusIn;
+    private handleDocumentMouseDown;
+    private onAnchorMouseDown;
+    private onInputFocus;
+    private openPopupFromKey;
     private onInputKeyDown;
-    private onInputClick;
-    private onOptionClick;
+    private onListboxMouseUp;
 }
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/components/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAM9D,OAAO,4BAA4B,CAAA;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,IAAI,SAAK;IAGlB,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,WAAW,SAAK;IAGzB,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAG7D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAG7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAE5B,OAAO,CAAC,UAAU,CAAY;;IAgB9B,SAAS,CAAC,MAAM;IAoChB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,aAAa;CAKtB"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAM9D,OAAO,4BAA4B,CAAA;AACnC,OAAO,uDAAuD,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,cAAc,UAAO;IAG5B,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,IAAI,SAAK;IAGlB,QAAQ,CAAC,KAAK,SAAK;IAGnB,QAAQ,CAAC,WAAW,SAAK;IAGzB,QAAQ,CAAC,QAAQ,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgC;IAG7D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAK;IAG5B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAQ;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAK;IAEjC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,qBAAqB,CAAQ;IACrC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;;IA6BlC,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAyEhB,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,qBAAqB;IAU7B,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,IAAI;IAoBZ,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,0BAA0B;IAUlC,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,qBAAqB,CAM5B;IAED,OAAO,CAAC,uBAAuB,CAM9B;IAED,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IA+CtB,OAAO,CAAC,gBAAgB;CAmBzB"}