solid-ui 3.1.3-9 → 5.0.0-0

package/dist/components/login-modal/LoginModal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"8xJAiB4CY,EAAA,CAE3CZ,EAAAA,cAAc,sBAAsB,CAAC,EAAA,IAAAa,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAI1B,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGD,EAACC,GAAAA,EAAAA,EAAAA,QAAAA,CAGC,CAAEC,QAASvB,EAAAA,YAAawB,UAAW,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAG5C,iBAAiB,EAAC,aAAAC,EAnB3B,cACwCjC,EAAAA,OAAa,CAAAmC,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAvB,GAAAwB,EAAA,IAAA,EAAAC,EAAA,KAI9B,EAAE,EAAA,EAAAF,EAAA,KAAArB,EAAAwB,EAAA,KAGa,EAAE,CAAA,EAAAH,EAAA,KAAApB,EAAAwB,EAAA,KAGH,EAAK,CAAA,EAAAJ,EAAA,KAAAnB,EAAAwB,EAAA,KAGD,EAAK,CAAA,EAAAL,EAAA,KAAAlB,EAAAwB,EAAA,KAGPnC,EAAAA,oBAAoB,CAAA,EAAA6B,EAAA,KAAAjB,EAAAwB,EAAA,KAGhB,IAAI,CAAA,CAAA,CAAA,IAAAvB,IAAA,CAAA,OAAAwB,EAAA/B,EAAA,IAAA,CAAA,CAAA,IAfpCgC,UAASC,EAAA,CAAAC,EAAAlC,EAAA,KAAAiC,CAAA,CAAA,CAAA,IAGDE,kBAAgB,CAAA,OAAAJ,EAAA7B,EAAA,IAAA,CAAA,CAAA,IAAhBiC,iBAAgBF,EAAA,CAAAC,EAAAhC,EAAA,KAAA+B,CAAA,CAAA,CAAA,IAGhBG,QAAM,CAAA,OAAAL,EAAA5B,EAAA,IAAA,CAAA,CAAA,IAANiC,OAAMH,EAAA,CAAAC,EAAA/B,EAAA,KAAA8B,CAAA,CAAA,CAAA,IAGNI,YAAU,CAAA,OAAAN,EAAA3B,EAAA,IAAA,CAAA,CAAA,IAAViC,WAAUJ,EAAA,CAAAC,EAAA9B,EAAA,KAAA6B,CAAA,CAAA,CAAA,IAGVK,MAAI,CAAA,OAAAP,EAAA1B,EAAA,IAAA,CAAA,CAAA,IAAJiC,KAAIL,EAAA,CAAAC,EAAA7B,EAAA,KAAA4B,CAAA,CAAA,CAAA,IAGJM,QAAM,CAAA,OAAAR,EAAAzB,EAAA,IAAA,CAAA,CAAA,IAANiC,OAAMN,EAAA,CAAAC,EAAA5B,EAAA,KAAA2B,CAAA,CAAA,CAEvBO,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKL,iBAAoB,OAAOM,aAAiB,KAAeA,aAAaC,QAAQ,aAAa,GAAM,KAAKV,WAAa,EAC5H,CAEUW,QAAU,CAClB,IAAMC,GAAAA,EAAAA,EAAAA,oBAAAA,CAAuC,EAE7C,MAAOzD,GAAAA,IAAI;;4BAEa,KAAK0D,SAAQ;;gFAEuC,KAAKV,iBAAgB,UAAW,KAAKW,oBAAmB;0BAC9GF,EAAiBG,IAAIC,GAAU7D,EAAAA,IAAI,oCAAoC6D,EAAOC,IAAG,IAAKD,EAAOE,KAAI,4BAA6B,EAAC;;;sBAGnI,KAAKd,OAASjD,EAAAA,IAAI,oDAAsDC,EAAAA,QAAO;;;;;;sCAM7D,KAAKmD,QAAQY,MAAM,EAAC;;;;;oCAKxB,CAAC,KAAKhB,kBAAoB,KAAKE,WAAU;mCAC1C,KAAKA,WAAU;;;;;;;;KAShD,CAEQS,oBAAqBM,EAAU,CACrC,KAAKjB,iBAAoBiB,EAAEC,OAAoBC,KACjD,CAEA,MAAcT,SAAUO,EAAU,CAChCA,KAAEG,eAAe,EAEjB,KAAKnB,OAAS,GAET,KAAKD,iBAIV,MAAKE,WAAa,GAElB,GAAI,CACF,MAAM,KAAKC,KAAKkB,MAAM,KAAKrB,gBAAgB,CAC7C,OAASsB,EAAO,CACdC,QAAQD,MAAMA,CAAK,EAEnB,KAAKrB,OAAS,EAChB,QAAU,CACR,KAAKC,WAAa,EACpB,CAVkB,CAWpB,CACF,EAAC,CAAAe,EAAA,CAAA3B,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAN,GAAAmC,EAAA,CAAA7D,EAAA8D,IAAAC,EAAA1C,EAAA,CAAA,CAAAX,EAAA,EAAA,WAAA,EAAA,CAAAI,EAAA,EAAA,kBAAA,EAAA,CAAAC,EAAA,EAAA,QAAA,EAAA,CAAAC,EAAA,EAAA,YAAA,EAAA,CAAAC,EAAA,EAAA,MAAA,EAAA,CAAAG,EAAA,EAAA,QAAA,CAAA,EAAArB,EAAA,EAAA,IAAA,GAtFuCX,EAAAA,OAAY,EAAAiC,GAAA2C,EAAA,cAAAC,CAAA,CAAA1C,aAAA,CAAA,MAAAvB,CAAA,EAAAkE,EAAA,KAAA,SAClCpE,EAAAA,OAAM,EAAAgE,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA/D,EAAA,IAAA,EAAA,EAAA+D"}
+{"version":3,"file":"LoginModal.cjs.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/login-modal/LoginModal.esm.js

@@ -272,7 +272,7 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
     `;
 	}
 	onIssuerInputChange(e) {
-		this.issuerInputValue = e.target.value;
+		this.issuerInputValue = String(e.target.value);
 	}
 	async onSubmit(e) {
 		if (e.preventDefault(), this.failed = !1, this.issuerInputValue) {

package/dist/components/login-modal/LoginModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoginModal.esm.js","names":["customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/login-modal/LoginModal.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/components/login-modal/LoginModal.stories.d.ts

@@ -1,14 +1,22 @@
 declare const meta: {
-    readonly title: "Login Modal";
+    readonly title: "Solid/Login Modal";
+    readonly parameters: {
+        readonly docs: {
+            readonly source: {
+                readonly language: "ts";
+                readonly code: "\n            import { showDialog } from 'solid-ui';\n            import LoginModal from 'solid-ui/components/login-modal';\n\n            await showDialog<LoginModal>(html`<solid-ui-login-modal></solid-ui-login-modal>`);\n        ";
+            };
+        };
+    };
 };
-export default meta;
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const Loading: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const Failed: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
+export default meta;
 //# sourceMappingURL=LoginModal.stories.d.ts.map

package/dist/components/login-modal/LoginModal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAO,MAAM,MAAM;;CASlB,CAAA"}
+{"version":3,"file":"LoginModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/login-modal/LoginModal.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAI5B,QAAA,MAAM,IAAI;;;;;;;;;;CAeA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAInB,CAAA;AAED,eAAO,MAAM,OAAO;;CASnB,CAAA;AAED,eAAO,MAAM,MAAM;;CASlB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/login-modal.js

@@ -1,2 +1,2 @@
-import { i as e, r as t } from "../chunks/auth-DIRGfFle.js";
+import { i as e, r as t } from "../chunks/auth-DdvFEHuV.js";
 export { e as LoginModal, t as default };

package/dist/components/logout-button/LogoutButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAE7B,CAAEC,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}
+{"version":3,"file":"LogoutButton.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","logout","e","preventDefault","_LogoutButton2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/logout-button/LogoutButton.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.logout()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n"],"mappings":"gwIAK4BM,EAAA,CAE3BN,EAAAA,cAAc,wBAAwB,CAAC,EAAA,IAAAO,EAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAErCT,EAAAA,QAAAA,CAAQ,CAAEU,QAASR,EAAAA,YAAaS,UAAW,EAAK,CAAC,EAAC,QAwBpDiB,EAAAhB,cAzByCb,EAAAA,OAAa,CAAAc,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAT,GAAAU,EAAA,IAAA,EAAAC,EAAA,KAEhBd,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAK,IAAA,CAAA,OAAAU,EAAAZ,EAAA,IAAA,CAAA,CAAA,IAAxCa,KAAIC,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAEXE,QAAU,CAClB,MAAOrB,GAAAA,IAAI;oCACqB,KAAKsB,QAAO;;;;;;;KAQ9C,CAEAC,OAAS,CACP,KAAKL,KAAKM,OAAO,CACnB,CAEQF,QAASG,EAAe,CAC9BA,EAAEC,eAAe,EAEjB,KAAKH,MAAM,CACb,CACF,EAAC,CAAAE,EAAA,CAAAT,EAAAD,GAAAa,EAAA,CAAAxB,EAAAyB,IAAAC,EAAAH,EAAA,CAAA,CAAAnB,EAAA,EAAA,MAAA,CAAA,EAAAL,EAAA,EAAA,IAAA,GAzByCL,EAAAA,OAAY,EAAA+B,EAAA"}

package/dist/components/logout-button/LogoutButton.stories.d.ts

@@ -1,14 +1,14 @@
 declare const meta: {
-    readonly title: "LogoutButton";
+    readonly title: "Solid/LogoutButton";
 };
 export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomLabel: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export declare const CustomTrigger: {
-    render: (args: object) => HTMLDivElement;
+    render: () => import('lit-html').TemplateResult<1>;
 };
 export default meta;
 //# sourceMappingURL=LogoutButton.stories.d.ts.map

package/dist/components/logout-button/LogoutButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"AAGA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"LogoutButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/logout-button/LogoutButton.stories.ts"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,gBAAgB,CAAA;AAEvB,QAAA,MAAM,IAAI;;CAEA,CAAA;AAEV,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,WAAW;;CAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;CAQzB,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/logout-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/logout-button-BRPS8630.js";
+import { n as e, t } from "../chunks/logout-button-BJfE_daI.js";
 export { e as LogoutButton, t as default };

package/dist/components/menu/Menu.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(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 P(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:j(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 j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(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 N(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 P(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 F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,0)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(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 k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(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:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(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 P(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:j(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 j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(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 N(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 P(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 F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,5)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
       <wa-dropdown
         placement=${this.placement}
         distance=${this.distance}
@@ -10,5 +10,5 @@ const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/c
                 <slot name=${e.slot}></slot>
             </wa-dropdown-item>`)}
       </wa-dropdown>
-    `}syncItems(){let e=Array.from(this.children).filter(e=>!e.hasAttribute(`slot`));this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
+    `}syncItems(){let e=Array.from(this.children).filter(e=>e.getAttribute(`slot`)!==`trigger`);this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return I}});
 //# sourceMappingURL=Menu.cjs.js.map

package/dist/components/menu/Menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","getAttribute","index","slotName","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 5;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    // Exclude only the trigger element; include all other children\n    // regardless of whether they already have a slot assigned.\n    const items = Array.from(this.children).filter(\n      (child) => child.getAttribute('slot') !== 'trigger'\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}

package/dist/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,UAAU,MAAM,6DAA6D,CAAA;AAIzF,OAAO,6DAA6D,CAAA;AACpE,OAAO,uEAAuE,CAAA;AAK9E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAkB;IAG7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAK;IAG9B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0B;IAEhD,OAAO,CAAC,QAAQ,CAAiE;IAEjF,iBAAiB;IAOjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;IAgBjB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;CAa5B"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,UAAU,MAAM,6DAA6D,CAAA;AAIzF,OAAO,6DAA6D,CAAA;AACpE,OAAO,uEAAuE,CAAA;AAK9E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAkB;IAG7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAK;IAG9B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0B;IAEhD,OAAO,CAAC,QAAQ,CAAiE;IAEjF,iBAAiB;IAOjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;CAa5B"}

package/dist/components/menu/Menu.esm.js

@@ -189,7 +189,7 @@ new (w = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
 	reflect: !0
 }), b = a("wa-dropdown"), S = o(), "placement"), c = class extends t {
 	constructor(...e) {
-		super(...e), E(this, l, (p(this), _(this, "bottom-start"))), E(this, u, y(this, 0)), E(this, d, x(this, null)), E(this, f, C(this, [])), j(this, "observer", new MutationObserver(() => this.syncItems()));
+		super(...e), E(this, l, (p(this), _(this, "bottom-start"))), E(this, u, y(this, 5)), E(this, d, x(this, null)), E(this, f, C(this, [])), j(this, "observer", new MutationObserver(() => this.syncItems()));
 	}
 	get [T]() {
 		return k(l, this);
@@ -237,7 +237,7 @@ new (w = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d =
     `;
 	}
 	syncItems() {
-		let e = Array.from(this.children).filter((e) => !e.hasAttribute("slot"));
+		let e = Array.from(this.children).filter((e) => e.getAttribute("slot") !== "trigger");
 		this.items = e.map((e, t) => {
 			let n = `menu-item-${t}`;
 			return e.getAttribute("slot") !== n && e.setAttribute("slot", n), { slot: n };

package/dist/components/menu/Menu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","getAttribute","index","slotName","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 5;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    // Exclude only the trigger element; include all other children\n    // regardless of whether they already have a slot assigned.\n    const items = Array.from(this.children).filter(\n      (child) => child.getAttribute('slot') !== 'trigger'\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUsCO,IAAA,CAErCP,EAAc,eAAe,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,KAAAC,IAI5Bb,EAAS;CAAEc,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCjB,EAAS;CAAEc,MAAMI;CAAQF,SAAS;AAAK,CAAC,GAACG,IAGzClB,EAAM,aAAa,GAACmB,IAGpBlB,EAAM,GAAC,cAAAmB,IAbV,cACkCvB,EAAa;CAAAyB,YAAA,GAAAC,GAAA;EAaGO,AAbH,MAAA,GAAAP,CAAA,GAAAC,EAAA,MAAAlB,IAAAmB,EAAA,IAAA,GAAAC,EAAA,MAIC,cAAc,EAAA,GAAAF,EAAA,MAAAhB,GAAAmB,EAAA,MAGhC,CAAC,CAAA,GAAAH,EAAA,MAAAf,GAAAmB,EAAA,MAGkB,IAAI,CAAA,GAAAJ,EAAA,MAAAd,GAAAmB,EAAA,MAGL,CAAA,CAAE,CAAA,GAAAC,EAAA,MAAA,YAEX,IAAIC,uBAAuB,KAAKC,UAAU,CAAC,CAAC;CAAA;CAAA,KAAArB,KAAA;EAAA,OAAAsB,EAAA3B,GAAA,IAAA;CAAA;CAAA,IAXxE4B,UAASC,GAAA;EAAAC,EAAA9B,GAAA,MAAA6B,CAAA;CAAA;CAAA,IAGTE,WAAQ;EAAA,OAAAJ,EAAAzB,GAAA,IAAA;CAAA;CAAA,IAAR6B,SAAQF,GAAA;EAAAC,EAAA5B,GAAA,MAAA2B,CAAA;CAAA;CAAA,IAGAG,WAAQ;EAAA,OAAAL,EAAAxB,GAAA,IAAA;CAAA;CAAA,IAAR6B,SAAQH,GAAA;EAAAC,EAAA3B,GAAA,MAAA0B,CAAA;CAAA;CAAA,IAGRI,QAAK;EAAA,OAAAN,EAAAvB,GAAA,IAAA;CAAA;CAAA,IAAL6B,MAAKJ,GAAA;EAAAC,EAAA1B,GAAA,MAAAyB,CAAA;CAAA;CAItBK,oBAAqB;EAInB,AAHA,MAAMA,kBAAkB,GAExB,KAAKR,UAAU,GACf,KAAKS,SAASC,QAAQ,MAAM,EAAEC,WAAW,GAAK,CAAC;CACjD;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,SAASI,WAAW;CAC3B;CAEUC,SAAU;EAClB,OAAOhD,CAAI;;oBAEK,KAAKoC,UAAS;mBACf,KAAKG,SAAQ;qBACX,KAAKU,WAAU;;;;UAI1B,KAAKR,MAAMS,KACVC,MACCnD,CAAI,4BAA4B,KAAKoD,YAAW;6BAC/BD,EAAKE,KAAI;gCAE9B,EAAC;;;CAGP;CAEQnB,YAAmB;EAGzB,IAAMO,IAAQa,MAAMC,KAAK,KAAKC,QAAQ,CAAC,CAACC,QACrCC,MAAUA,EAAMC,aAAa,MAAM,MAAM,SAC5C;EAEA,KAAKlB,QAAQA,EAAMS,KAAKC,GAAMS,MAAU;GACtC,IAAMC,IAAW,aAAaD;GAM9B,OAJIT,EAAKQ,aAAa,MAAM,MAAME,KAChCV,EAAKW,aAAa,QAAQD,CAAQ,GAG7B,EAAER,MAAMQ,EAAS;EAC1B,CAAC;CACH;CAEQT,YAAaW,GAAc;EACjC,IAAMC,IAASD,EAAME;EAErBF,EAAMG,gBAAgB,GAElBF,GAAOG,aAIW,KAAKE,oBAAoBL,CAE3CI,CAAAA,CAAcE,oBAAoB,CAAC,KAAK9B,aAI5C,KAAKA,SAAS+B,OAAO;CACvB;CAEQtB,WAAYc,GAA8B;EAGhD,IAFsB,KAAKM,oBAAoBN,EAAMS,OAAOrB,IAExDiB,CAAAA,CAAcE,kBAAkB;GAClCP,EAAMU,eAAe;GAErB;EACF;EAEA,IAAMZ,IAAWE,EAAMS,OAAOrB,KAAKK,SAAS,EAAE,CAACG,aAAa,MAAM;EAGlER,KAFkBuB,cAAgD,UAAUb,EAAQ,GAEpFV,CAAAA,EAAMwB,QAAQ;CAChB;CAEQN,oBAAqBL,GAAwB;EACnD,IAAMH,IAAWG,EAAOR,SAAS,EAAE,CAACG,aAAa,MAAM,GACjDR,IAAO,KAAKuB,cAAc,UAAUb,EAAQ,GAAI,GAChDE,IAAQ,IAAIa,YAAY,mBAAmB;GAC/CC,SAAS;GACTC,UAAU;GACVC,YAAY;EACd,CAAC;EAID,OAFA5B,GAAM6B,cAAcjB,CAAK,GAElBA;CACT;AACF,GAAC,CAAAkB,GAAA,CAAArD,GAAAC,GAAAC,GAAAC,GAAAJ,IAAAuD,GAAA,CAAA5E,GAAA6E,MAAAC,EAAA9D,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAAhB,GAAA,GAAA,KAAA,GAjHiCN,CAAY,GAAAuB,IAAA+D,IAAA,cAAAC,EAAA;CAAA9D,cAAA;EAAA,MAAAlB,CAAA,GAAA0B,EAAA,MAAA,UAC5B5B,CAAM,GAAA+E,EAAA;CAAA;AAAA,GAAAnD,EAAAqD,GAAA9E,GAAA,KAAA,CAAA,GAAA8E,GAAA"}

package/dist/components/menu/Menu.stories.d.ts

@@ -1,8 +1,7 @@
 declare const meta: {
-    readonly title: "Menu";
+    readonly title: "Basic UI/Menu";
+    readonly render: () => import('lit-html').TemplateResult<1>;
 };
+export declare const Primary: {};
 export default meta;
-export declare const Primary: {
-    render: (args: object) => HTMLDivElement;
-};
 //# sourceMappingURL=Menu.stories.d.ts.map

package/dist/components/menu/Menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAEf,QAAA,MAAM,IAAI;;CAEA,CAAA;AAcV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAAa,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAgBf,QAAA,MAAM,IAAI;;;CAaA,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AAEzB,eAAe,IAAI,CAAA"}

package/dist/components/menu/Menu.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;exports.default=e;
+var e=require("lit").css`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0}wa-dropdown-item:hover{background-color:var(--solid-ui-color-primary-hover)}`;exports.default=e;
 //# sourceMappingURL=Menu.styles.cjs.js.map

package/dist/components/menu/Menu.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.cjs.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}
+{"version":3,"file":"Menu.styles.cjs.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n    gap: 2px;\n}\n\nwa-dropdown-item {\n    border-radius: 5px;\n    padding: 0px;\n\n    &:hover {\n        background-color: var(--solid-ui-color-primary-hover);\n    }\n}\n"],"mappings":""}

package/dist/components/menu/Menu.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/menu/Menu.styles.css
-var t = e`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;
+var t = e`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0}wa-dropdown-item:hover{background-color:var(--solid-ui-color-primary-hover)}`;
 //#endregion
 export { t as default };
 

package/dist/components/menu/Menu.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.styles.esm.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}
+{"version":3,"file":"Menu.styles.esm.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n    gap: 2px;\n}\n\nwa-dropdown-item {\n    border-radius: 5px;\n    padding: 0px;\n\n    &:hover {\n        background-color: var(--solid-ui-color-primary-hover);\n    }\n}\n"],"mappings":""}

package/dist/components/menu/Menu.test.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=Menu.test.d.ts.map

package/dist/components/menu/Menu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.test.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.test.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,CAAA"}

package/dist/components/menu-item/MenuItem.cjs.js

@@ -1,14 +1,14 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_;function v(e,t,n){y(e,t),t.set(e,n)}function y(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function b(e,t,n){return e.set(S(e,t),n),n}function x(e,t){return e.get(S(e,t))}function S(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 C(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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:D(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||D(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,O={},k={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,O)};try{if(y)(g=c(T.call(E,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],k),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{O.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 O(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:T(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 T(e){var t=E(e,`string`);return typeof t==`symbol`?t:t+``}function E(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 D(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 O(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 k(e){return e}d=[e.customElement(`solid-ui-menu-item`)];var A;new(g=(s=new WeakMap,c=new WeakMap,_=(f=(0,i.property)({type:String,reflect:!0}),m=(0,i.query)(`a`),`href`),o=class extends t.default{constructor(...e){super(...e),v(this,s,(l(this),p(this))),v(this,c,h(this,null))}get[_](){return x(s,this)}set href(e){b(s,this,e)}get anchor(){return x(c,this)}set anchor(e){b(c,this,e)}render(){return this.href?r.html`
-        <a href="${this.href}" target="_blank" rel="noopener noreferrer">
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(e,t,n){S(e,t),t.set(e,n)}function S(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function C(e,t,n){return e.set(T(e,t),n),n}function w(e,t){return e.get(T(e,t))}function T(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 E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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:A(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||A(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,j;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&&(j=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(M.get=k),j&&(M.set=j),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 j(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:O(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 O(e){var t=k(e,`string`);return typeof t==`symbol`?t:t+``}function k(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 A(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 j(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 M(e){return e}f=[e.customElement(`solid-ui-menu-item`)];var N;new(y=(s=new WeakMap,c=new WeakMap,l=new WeakMap,b=(p=(0,i.property)({type:String,reflect:!0}),h=(0,i.property)({type:Boolean,reflect:!0}),_=(0,i.query)(`a`),`href`),o=class extends t.default{constructor(...e){super(...e),x(this,s,(u(this),m(this))),x(this,c,g(this,!1)),x(this,l,v(this,null))}get[b](){return w(s,this)}set href(e){C(s,this,e)}get selected(){return w(c,this)}set selected(e){C(c,this,e)}get anchor(){return w(l,this)}set anchor(e){C(l,this,e)}render(){return this.href?r.html`
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer" ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </a>
       `:r.html`
-        <div>
+        <div ?data-selected=${this.selected}>
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </div>
-    `}click(){this.anchor?.click()}},{e:[p,h,l],c:[A,u]}=w(o,[[f,1,`href`],[m,1,`anchor`]],d,0,void 0,t.default),o),a=class extends k{constructor(){super(A),C(this,`styles`,n.default),u()}},C(a,g,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return A}});
+    `}click(){this.anchor?.click()}},{e:[m,g,v,u],c:[N,d]}=D(o,[[p,1,`href`],[h,1,`selected`],[_,1,`anchor`]],f,0,void 0,t.default),o),a=class extends M{constructor(){super(N),E(this,`styles`,n.default),d()}},E(a,y,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return N}});
 //# sourceMappingURL=MenuItem.cjs.js.map

package/dist/components/menu-item/MenuItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_ref","_hrefDecs","type","String","reflect","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":"61IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAIxB,CAAEC,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAAAA,EAAAA,MAAAA,CAGnC,GAAG,EAAC,QAAAC,EAPb,cACsCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAb,GAAAc,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAX,EAAAc,EAAA,KAOG,IAAI,CAAA,CAAA,CAAA,IAAAb,IAAA,CAAA,OAAAc,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAH/CkB,KAAIC,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAAA,IAGIE,QAAM,CAAA,OAAAJ,EAAAf,EAAA,IAAA,CAAA,CAAA,IAANmB,OAAMF,EAAA,CAAAC,EAAAlB,EAAA,KAAAiB,CAAA,CAAA,CAEvBG,QAAU,CAWR,OAVI,KAAKJ,KACAvB,EAAAA,IAAI;mBACE,KAAKuB,KAAI;;;;;QAQjBvB,EAAAA,IAAI;;;;;;KAOb,CAEA4B,OAAS,CACP,KAAKF,QAAQE,MAAM,CACrB,CACF,EAAC,CAAAC,EAAA,CAAAT,EAAAC,EAAAF,GAAAW,EAAA,CAAA3B,EAAA4B,IAAAC,EAAAlB,EAAA,CAAA,CAAAL,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,QAAA,CAAA,EAAAX,EAAA,EAAA,IAAA,GAhCqCL,EAAAA,OAAY,EAAAiB,GAAAmB,EAAA,cAAAC,CAAA,CAAAlB,aAAA,CAAA,MAAAb,CAAA,EAAAgC,EAAA,KAAA,SAChClC,EAAAA,OAAM,EAAA8B,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA7B,EAAA,IAAA,EAAA,EAAA6B"}
+{"version":3,"file":"MenuItem.cjs.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_C","_ref","_hrefDecs","type","String","reflect","_selectedDecs","Boolean","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_selected","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","selected","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-item/MenuItem.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor selected: boolean = false\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\" ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div ?data-selected=${this.selected}>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n"],"mappings":"m2IAI0CM,EAAA,CAEzCN,EAAAA,cAAc,oBAAoB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAIjCZ,EAAAA,SAAAA,CAAS,CAAEa,KAAMC,OAAQC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAGzChB,EAAAA,SAAAA,CAAS,CAAEa,KAAMI,QAASF,QAAS,EAAK,CAAC,EAACG,GAAAA,EAG1CjB,EAAAA,MAAAA,CAAM,GAAG,EAAC,QAAAkB,EAVb,cACsCpB,EAAAA,OAAa,CAAAsB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAhB,GAAAiB,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAd,EAAAiB,EAAA,KAOpB,EAAK,CAAA,EAAAH,EAAA,KAAAb,EAAAiB,EAAA,KAGkB,IAAI,CAAA,CAAA,CAAA,IAAAhB,IAAA,CAAA,OAAAiB,EAAArB,EAAA,IAAA,CAAA,CAAA,IAN/CsB,KAAIC,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGJE,UAAQ,CAAA,OAAAJ,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAARuB,SAAQF,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGAG,QAAM,CAAA,OAAAL,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAANuB,OAAMH,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAEvBI,QAAU,CAWR,OAVI,KAAKL,KACA3B,EAAAA,IAAI;mBACE,KAAK2B,KAAI,6DAA8D,KAAKG,SAAQ;;;;;QAQ5F9B,EAAAA,IAAI;8BACe,KAAK8B,SAAQ;;;;;KAMzC,CAEAG,OAAS,CACP,KAAKF,QAAQE,MAAM,CACrB,CACF,EAAC,CAAAC,EAAA,CAAAX,EAAAC,EAAAC,EAAAH,GAAAa,EAAA,CAAAhC,EAAAiC,IAAAC,EAAApB,EAAA,CAAA,CAAAP,EAAA,EAAA,MAAA,EAAA,CAAAI,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,QAAA,CAAA,EAAAd,EAAA,EAAA,IAAA,GAnCqCL,EAAAA,OAAY,EAAAoB,GAAAqB,EAAA,cAAAC,CAAA,CAAApB,aAAA,CAAA,MAAAhB,CAAA,EAAAqC,EAAA,KAAA,SAChCvC,EAAAA,OAAM,EAAAmC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAlC,EAAA,IAAA,EAAA,EAAAkC"}

package/dist/components/menu-item/MenuItem.d.ts

@@ -2,6 +2,7 @@ import { WebComponent } from '../../lib/components';
 export default class MenuItem extends WebComponent {
     static styles: import('lit').CSSResult;
     accessor href: string | undefined;
+    accessor selected: boolean;
     private accessor anchor;
     render(): import('lit-html').TemplateResult<1>;
     click(): void;

package/dist/components/menu-item/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiC;IAExD,MAAM;IAoBN,KAAK;CAGN"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/MenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAO9D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,YAAY;IAChD,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IAGjC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAQ;IAGlC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiC;IAExD,MAAM;IAoBN,KAAK;CAGN"}