solid-ui 3.1.3-11 → 3.1.3-12

package/dist/chunks/{combobox-Dav1bNHS.js → combobox-DrT0Nb-A.js}

@@ -107,7 +107,7 @@ var m = class extends HTMLElement {
 customElements.get("icon-svg-spinners-3-dots-fade") || customElements.define("icon-svg-spinners-3-dots-fade", m);
 //#endregion
 //#region src/components/combobox/Combobox.styles.css
-var h = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& wa-popup{width:100%;display:block}& wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 4px 16px #00000059}& .input-wrapper{width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}& .listbox{max-height:inherit;flex-direction:column;display:flex;overflow:auto;& [role=option],& .non-selectable-option{color:var(--solid-ui-color-gray-700);padding:12px 8px}& [role=option]{border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer;&:hover,&[data-active]{background:#0000000d}}& .non-selectable-option{justify-content:center;align-items:center;display:flex;& icon-svg-spinners-3-dots-fade{width:2rem}& .message--error{color:var(--solid-ui-color-error)}}}}`, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, ee, te, ne, re, ie, ae, oe, se, F, I, L, R, z, B, V, H, U, W, G, K, ce, le, ue, de, fe, pe, me, he, ge, _e, ve, ye, be, xe, Se, Ce, we, Te, Ee;
+var h = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& wa-popup{width:100%;display:block}& wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}& .input-wrapper{width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}& .listbox{max-height:inherit;flex-direction:column;gap:2px;display:flex;overflow:auto;& [role=option],& .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}& [role=option]{cursor:pointer;&:hover,&[data-active]{background:var(--solid-ui-color-primary-hover)}&[aria-selected=true]{background:var(--solid-ui-color-primary-selected)}}& .non-selectable-option{justify-content:center;align-items:center;display:flex;& icon-svg-spinners-3-dots-fade{width:2rem}& .message--error{color:var(--solid-ui-color-error)}}}}`, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, ee, te, ne, re, ie, ae, oe, se, F, I, L, R, z, B, V, H, U, W, G, K, ce, le, ue, de, fe, pe, me, he, ge, _e, ve, ye, be, xe, Se, Ce, we, Te, Ee;
 function q(e, t, n) {
 	De(e, t), t.set(e, n);
 }
@@ -489,7 +489,7 @@ new (Te = (v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b =
           ${e.map((e, t) => e.selectable === !1 ? i`<div class="non-selectable-option">${e.template ?? e.label}</div>` : i`<div
                   id=${this.getOptionId(t)}
                   role="option"
-                  aria-selected=${this.open && t === this.activeIndex ? "true" : "false"}
+                  aria-selected=${e.value === this.value ? "true" : "false"}
                   data-active=${t === this.activeIndex || a}
                   @mousemove=${() => this.setActiveIndex(t)}
                 >
@@ -731,4 +731,4 @@ var Fe = $;
 //#endregion
 export { $ as n, Pe as r, Fe as t };
 
-//# sourceMappingURL=combobox-Dav1bNHS.js.map
+//# sourceMappingURL=combobox-DrT0Nb-A.js.map

package/dist/chunks/combobox-DrT0Nb-A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-DrT0Nb-A.js","names":["t","debounce","delay","callback","timeout","debouncedCallback","args","cancel","setTimeout","clearTimeout","customElement","WebComponent","Task","html","nothing","property","query","state","debounce","FormControlTrait","styles","AsyncOptionsInfo","Error","defineAsyncComboboxOptionsProvider","provider","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_selectOnlyDecs","attribute","_asyncOptionsUrlDecs","_asyncOptionsResultsFieldDecs","_asyncOptionsLabelFieldDecs","_asyncOptionsValueFieldDecs","_asyncOptionsProviderDecs","Function","_optionsFallbackDecs","Array","_inputElementDecs","_filterDecs","_displayValueDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","selectOnly","asyncOptionsUrl","asyncOptionsResultsField","asyncOptionsLabelField","asyncOptionsValueField","asyncOptionsProvider","optionsFallback","inputElement","filter","displayValue","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_selectOnly","_init_asyncOptionsUrl","_init_asyncOptionsResultsField","_init_asyncOptionsLabelField","_init_asyncOptionsValueField","_init_asyncOptionsProvider","_init_optionsFallback","_init_inputElement","_init_filter","_init_displayValue","_init_open","_init_activeIndex","_defineProperty","event","path","composedPath","includes","hide","controlTrait","addTrait","getControlElement","getInternals","listboxId","controlId","selectedOption","_selectedOption","disconnectedCallback","removeOpenListeners","willUpdate","changedProperties","has","updateAsyncOptionsTask","options","getFilteredOptions","option","find","selectable","optionLabel","updateDisplayValue","getInitialActiveIndex","undefined","render","activeOption","activeDescendant","getOptionId","accessibleName","renderLabel","onAnchorMouseDown","labelId","onInputKeyDown","onInputFocus","onInput","onListboxMouseDown","map","index","setActiveIndex","template","asyncOptionsTask","initial","complete","pending","error","isError","message","Object","getOptionsFromDOM","toLowerCase","querySelectorAll","from","textContent","selectedIndex","findIndex","length","getNextIndex","currentIndex","direction","updateDebouncedFilter","results","response","fetch","replace","encodeURIComponent","data","json","labelField","valueField","result","show","filteredOptions","focusLast","addOpenListeners","requestAnimationFrame","scrollActiveOptionIntoView","cancel","selectOption","previousValue","setValue","focus","preventScroll","dispatchEvent","CustomEvent","bubbles","composed","detail","shadowRoot","querySelector","scrollIntoView","block","openListenersAttached","document","addEventListener","handleDocumentFocusIn","handleDocumentMouseDown","root","getRootNode","removeEventListener","target","preventDefault","openPopupFromKey","key","onSubmit","stopPropagation","HTMLElement","optionElement","closest","optionId","id","Number","parseInt","e","c","_initClass","_applyDecs","_Class","_identity","default","Combobox"],"sources":["../../node_modules/@lit/task/task.js","../../src/lib/timing.ts","../../src/components/combobox/Combobox.styles.css","../../src/components/combobox/Combobox.ts","../../src/components/combobox/index.ts"],"sourcesContent":["import{notEqual as t}from\"@lit/reactive-element\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const s={INITIAL:0,PENDING:1,COMPLETE:2,ERROR:3},i=Symbol();class h{get taskComplete(){return this.t||(1===this.i?this.t=new Promise(((t,s)=>{this.o=t,this.h=s})):3===this.i?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(t,s,i){this.p=0,this.i=0,(this._=t).addController(this);const h=\"object\"==typeof s?s:{task:s,args:i};this.v=h.task,this.j=h.args,this.m=h.argsEqual??r,this.k=h.onComplete,this.A=h.onError,this.autoRun=h.autoRun??!0,\"initialValue\"in h&&(this.u=h.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){!0===this.autoRun&&this.S()}hostUpdated(){\"afterUpdate\"===this.autoRun&&this.S()}T(){if(void 0===this.j)return;const t=this.j();if(!Array.isArray(t))throw Error(\"The args function must return an array\");return t}async S(){const t=this.T(),s=this.O;this.O=t,t===s||void 0===t||void 0!==s&&this.m(s,t)||await this.run(t)}async run(t){let s,h;t??=this.T(),this.O=t,1===this.i?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,\"afterUpdate\"===this.autoRun?queueMicrotask((()=>this._.requestUpdate())):this._.requestUpdate();const r=++this.p;this.q=new AbortController;let e=!1;try{s=await this.v(t,{signal:this.q.signal})}catch(t){e=!0,h=t}if(this.p===r){if(s===i)this.i=0;else{if(!1===e){try{this.k?.(s)}catch{}this.i=2,this.o?.(s)}else{try{this.A?.(h)}catch{}this.i=3,this.h?.(h)}this.u=s,this.l=h}this._.requestUpdate()}}abort(t){1===this.i&&this.q?.abort(t)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(t){switch(this.i){case 0:return t.initial?.();case 1:return t.pending?.();case 2:return t.complete?.(this.value);case 3:return t.error?.(this.error);default:throw Error(\"Unexpected status: \"+this.i)}}}const r=(s,i)=>s===i||s.length===i.length&&s.every(((s,h)=>!t(s,i[h])));export{h as Task,s as TaskStatus,i as initialState,r as shallowArrayEquals};\n//# sourceMappingURL=task.js.map\n","export interface DebouncedFunction<Args extends any[]> {\n  (...args: Args): void;\n  cancel(): void;\n}\n\nexport function debounce<Args extends any[]> (\n  delay: number,\n  callback: (...args: Args) => unknown\n): DebouncedFunction<Args> {\n  let timeout: ReturnType<typeof setTimeout> | null = null\n\n  const debouncedCallback: DebouncedFunction<Args> = (...args: Args) => {\n    debouncedCallback.cancel()\n    timeout = setTimeout(() => callback(...args), delay)\n  }\n\n  debouncedCallback.cancel = () => {\n    if (timeout === null) {\n      return\n    }\n\n    clearTimeout(timeout)\n    timeout = null\n  }\n\n  return debouncedCallback\n}\n",":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n        padding: 4px;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"], .non-selectable-option {\n            color: var(--solid-ui-color-gray-700);\n            padding: 12px 8px;\n            border-radius: 5px;\n        }\n\n        [role=\"option\"] {\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: var(--solid-ui-color-primary-hover);\n            }\n\n            &[aria-selected=\"true\"] {\n                background: var(--solid-ui-color-primary-selected);\n            }\n        }\n\n        .non-selectable-option {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            icon-svg-spinners-3-dots-fade {\n                width: 2rem;\n            }\n\n            .message--error {\n                color: var(--solid-ui-color-error);\n            }\n        }\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { Task } from '@lit/task'\nimport { html, nothing, TemplateResult, type PropertyValues } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { debounce } from '@/lib/timing'\nimport FormControlTrait from '@/lib/components/traits/FormControlTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\nimport '~icons/svg-spinners/3-dots-fade'\nimport '@awesome.me/webawesome/dist/components/popup/popup.js'\n\nimport styles from './Combobox.styles.css'\n\nclass AsyncOptionsInfo extends Error {}\n\nexport type ComboboxOptionData = {\n  value: unknown;\n  label: string;\n  template?: TemplateResult;\n  selectable?: boolean;\n}\n\nexport type ComboboxChangeEvent = CustomEvent<{ option: ComboboxOptionData }>\n\nexport type AsyncComboboxOptionsProvider = (query: string) => Promise<ComboboxOptionData[]>\n\nexport function defineAsyncComboboxOptionsProvider<T extends AsyncComboboxOptionsProvider> (provider: T): T {\n  return provider\n}\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()\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  @property({ type: Boolean, reflect: true, attribute: 'select-only' })\n  accessor selectOnly = false\n\n  @property({ type: String, attribute: 'async-options-url' })\n  accessor asyncOptionsUrl = ''\n\n  @property({ type: String, attribute: 'async-options-results-field' })\n  accessor asyncOptionsResultsField = ''\n\n  @property({ type: String, attribute: 'async-options-label-field' })\n  accessor asyncOptionsLabelField = ''\n\n  @property({ type: String, attribute: 'async-options-value-field' })\n  accessor asyncOptionsValueField = ''\n\n  @property({ type: Function })\n  accessor asyncOptionsProvider: AsyncComboboxOptionsProvider | null = null\n\n  @property({ type: Array })\n  accessor optionsFallback: ComboboxOptionData[] | null = null\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  @state()\n  private accessor displayValue = ''\n\n  @state()\n  private accessor open = false\n\n  @state()\n  private accessor activeIndex = -1\n\n  private controlTrait: FormControlTrait\n  private openListenersAttached = false\n  private updateDebouncedFilter = debounce(300, (value) => (this.filter = value))\n  private asyncOptionsTask?: Task<readonly [string], ComboboxOptionData[]>\n  private _selectedOption: ComboboxOptionData | undefined\n  private readonly listboxId: string\n\n  constructor () {\n    super()\n\n    this.controlTrait = this.addTrait(\n      new FormControlTrait(this, {\n        getControlElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n      })\n    )\n\n    this.listboxId = `listbox-${this.controlTrait.controlId}`\n  }\n\n  get selectedOption (): ComboboxOptionData | undefined {\n    return this._selectedOption\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.removeOpenListeners()\n  }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('asyncOptionsUrl') || changedProperties.has('asyncOptionsProvider')) {\n      this.updateAsyncOptionsTask()\n    }\n\n    if (changedProperties.has('value')) {\n      const options = this.getFilteredOptions()\n      const option = options.find((option) => option.selectable !== false && option.value === this.value) ??\n        this.optionsFallback?.find((option) => option.value === this.value)\n      const optionLabel = option?.selectable !== false && option?.label\n\n      this.updateDisplayValue(optionLabel || this.value)\n\n      if (this.open) {\n        this.activeIndex = this.getInitialActiveIndex(options)\n      }\n\n      if (this._selectedOption && this._selectedOption.value !== this.value) {\n        this._selectedOption = undefined\n      }\n    }\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.controlTrait.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.controlTrait.controlId}\"\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.controlTrait.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.displayValue}\n            @keydown=${this.onInputKeyDown}\n            @focus=${this.onInputFocus}\n            @input=${() => this.selectOnly ? this.updateDisplayValue(this.inputElement?.value ?? '') : this.controlTrait.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.controlTrait.labelId : nothing}\n          aria-label=${this.label ? nothing : accessibleName}\n          ?hidden=${!this.open}\n          @mousedown=${this.onListboxMouseDown}\n        >\n          ${options.map((option, index) => {\n            return option.selectable !== false\n              ? html`<div\n                  id=${this.getOptionId(index)}\n                  role=\"option\"\n                  aria-selected=${option.value === this.value ? 'true' : 'false'}\n                  data-active=${index === this.activeIndex || nothing}\n                  @mousemove=${() => this.setActiveIndex(index)}\n                >\n                  ${option.template ?? option.label}\n                </div>`\n              : html`<div class=\"non-selectable-option\">${option.template ?? option.label}</div>`\n          })}\n        </div>\n      </wa-popup>\n    `\n  }\n\n  private getFilteredOptions (): ComboboxOptionData[] {\n    if (this.asyncOptionsTask) {\n      return this.asyncOptionsTask.render({\n        initial: () => this.optionsFallback ?? [],\n        complete: (options) => options,\n        pending: () => [\n          {\n            value: '',\n            label: 'Loading...',\n            template: html`<icon-svg-spinners-3-dots-fade></icon-svg-spinners-3-dots-fade>`,\n            selectable: false\n          } as const,\n        ],\n        error: (error) => {\n          const isError = !(error instanceof AsyncOptionsInfo)\n          const message = Object(error).message ?? 'Something went wrong'\n\n          return [\n            {\n              value: '',\n              label: message,\n              template: html`<span class=\"message message--${isError ? 'error' : 'info'}\">${message}</span>`,\n              selectable: false\n            } as const,\n          ]\n        },\n      })\n    }\n\n    return this.getOptionsFromDOM().filter((option) =>\n      String(option.label).toLowerCase().includes(this.filter)\n    )\n  }\n\n  private getOptionsFromDOM (): 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 updateDisplayValue (value: unknown) {\n    this.displayValue = String(value)\n\n    if (this.open) {\n      const filter = this.displayValue.toLowerCase()\n\n      if (this.asyncOptionsTask) {\n        this.updateDebouncedFilter(filter)\n      } else {\n        this.filter = filter\n      }\n    }\n  }\n\n  private updateAsyncOptionsTask () {\n    if (!this.asyncOptionsUrl && !this.asyncOptionsProvider) {\n      this.asyncOptionsTask = undefined\n\n      return\n    }\n\n    this.asyncOptionsTask ??= new Task(\n      this,\n      async ([filter]) => {\n        if (this.asyncOptionsProvider) {\n          const results = await this.asyncOptionsProvider(filter)\n\n          if (results.length === 0) {\n            throw new AsyncOptionsInfo('No results found')\n          }\n\n          return results\n        }\n\n        const response = await fetch(\n          this.asyncOptionsUrl.replace('%search%', encodeURIComponent(filter))\n        )\n        const data = await response.json()\n        const results = Array.from(\n          this.asyncOptionsResultsField\n            ? data[this.asyncOptionsResultsField]\n            : data\n        )\n\n        if (results.length === 0) {\n          throw new AsyncOptionsInfo('No results found')\n        }\n\n        const labelField = this.asyncOptionsLabelField || 'label'\n        const valueField = this.asyncOptionsValueField || 'value'\n\n        return results.map((result) => ({\n          label: String(Object(result)[labelField]),\n          value: Object(result)[valueField],\n        }))\n      },\n      () => [this.filter]\n    )\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.filter = ''\n    this.open = false\n    this.activeIndex = -1\n    this.removeOpenListeners()\n    this.updateDebouncedFilter.cancel()\n  }\n\n  private selectOption (option: ComboboxOptionData) {\n    const previousValue = this.value\n\n    this._selectedOption = option\n\n    this.hide()\n    this.controlTrait.setValue(option.value)\n    this.inputElement?.focus({ preventScroll: true })\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: { option } }))\n\n    if (previousValue === this.value) {\n      this.updateDisplayValue(option.label)\n    }\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    if (event.target === this.inputElement) {\n      return\n    }\n\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])\n        } else if (!this.open) {\n          event.preventDefault()\n          this.controlTrait.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      default:\n        if (!this.open) {\n          this.show()\n        }\n    }\n  }\n\n  private onListboxMouseDown (event: MouseEvent) {\n    event.preventDefault()\n\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)\n    }\n  }\n}\n","import Combobox from './Combobox'\n\nexport * from './Combobox'\nexport { Combobox }\nexport default Combobox\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/{dialog-Ujvm11_B.js → dialog-kyHgc-uy.js}

@@ -5,7 +5,7 @@ import { t as c } from "./close-dialog-DfAh83bX.js";
 import { n as l } from "./decorators-BqWyWiL9.js";
 import { t as u } from "./query-BYu9q8lA.js";
 import "./dialog-header-kEWl21oD.js";
-import "./button-oanBb_ha.js";
+import "./button-B9-nlEpz.js";
 //#region node_modules/@lit/context/lib/controllers/context-consumer.js
 var d = class {
 	constructor(e, t, n, r) {
@@ -322,4 +322,4 @@ var G = W;
 //#endregion
 export { f as i, W as n, p as r, G as t };
 
-//# sourceMappingURL=dialog-Ujvm11_B.js.map
+//# sourceMappingURL=dialog-kyHgc-uy.js.map

package/dist/chunks/{dialog-Ujvm11_B.js.map → dialog-kyHgc-uy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-Ujvm11_B.js","names":["t","t","CloseDialogEvent","DialogTrait","target","config","constructor","close","data","window","dispatchEvent","getContext","id","customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default","Dialog"],"sources":["../../node_modules/@lit/context/lib/controllers/context-consumer.js","../../node_modules/@lit/context/lib/decorators/consume.js","../../src/lib/components/traits/DialogTrait.ts","../../src/components/dialog/Dialog.styles.css","../../src/components/dialog/Dialog.ts","../../src/components/dialog/index.ts"],"sourcesContent":["import{ContextRequestEvent as t}from\"../context-request-event.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class s{constructor(t,s,i,h){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,s)=>{this.unsubscribe&&(this.unsubscribe!==s&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,s)),this.unsubscribe=s},this.host=t,void 0!==s.context){const t=s;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=s,this.callback=i,this.subscribe=h??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new t(this.context,this.host,this.t,this.subscribe))}}export{s as ContextConsumer};\n//# sourceMappingURL=context-consumer.js.map\n","import{ContextConsumer as t}from\"../controllers/context-consumer.js\";\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function c({context:c,subscribe:e}){return(o,n)=>{\"object\"==typeof n?n.addInitializer((function(){new t(this,{context:c,callback:t=>{o.set.call(this,t)},subscribe:e})})):o.constructor.addInitializer((o=>{new t(o,{context:c,callback:t=>{o[n]=t},subscribe:e})}))}}export{c as consume};\n//# sourceMappingURL=consume.js.map\n","import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n","dialog {\n  margin: auto;\n  border-radius: 5px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n  min-width: 343px;\n\n  solid-ui-dialog-header solid-ui-button {\n    color: var(--solid-ui-color-gray-600);\n  }\n}\n\ndialog:not([open]) {\n  display: none;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n","import Dialog from './Dialog'\n\nexport { Dialog }\nexport default Dialog\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"dialog-kyHgc-uy.js","names":["t","t","CloseDialogEvent","DialogTrait","target","config","constructor","close","data","window","dispatchEvent","getContext","id","customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","show","setAttribute","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default","Dialog"],"sources":["../../node_modules/@lit/context/lib/controllers/context-consumer.js","../../node_modules/@lit/context/lib/decorators/consume.js","../../src/lib/components/traits/DialogTrait.ts","../../src/components/dialog/Dialog.styles.css","../../src/components/dialog/Dialog.ts","../../src/components/dialog/index.ts"],"sourcesContent":["import{ContextRequestEvent as t}from\"../context-request-event.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class s{constructor(t,s,i,h){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,s)=>{this.unsubscribe&&(this.unsubscribe!==s&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,s)),this.unsubscribe=s},this.host=t,void 0!==s.context){const t=s;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=s,this.callback=i,this.subscribe=h??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new t(this.context,this.host,this.t,this.subscribe))}}export{s as ContextConsumer};\n//# sourceMappingURL=context-consumer.js.map\n","import{ContextConsumer as t}from\"../controllers/context-consumer.js\";\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function c({context:c,subscribe:e}){return(o,n)=>{\"object\"==typeof n?n.addInitializer((function(){new t(this,{context:c,callback:t=>{o.set.call(this,t)},subscribe:e})})):o.constructor.addInitializer((o=>{new t(o,{context:c,callback:t=>{o[n]=t},subscribe:e})}))}}export{c as consume};\n//# sourceMappingURL=consume.js.map\n","import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n","dialog {\n  margin: auto;\n  border-radius: 5px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n  min-width: 343px;\n\n  solid-ui-dialog-header solid-ui-button {\n    color: var(--solid-ui-color-gray-600);\n  }\n}\n\ndialog:not([open]) {\n  display: none;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    if (typeof this.nativeDialog.showModal === 'function') {\n      this.nativeDialog.showModal()\n    } else if (typeof this.nativeDialog.show === 'function') {\n      this.nativeDialog.show()\n    } else {\n      this.nativeDialog.setAttribute('open', '')\n    }\n\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n","import Dialog from './Dialog'\n\nexport { Dialog }\nexport default Dialog\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/{guard-DZGvf4tS.js → guard-DEqOFEs4.js}

@@ -1,26 +1,34 @@
-import { c as e, s as t } from "./auth-D8B5yczR.js";
-import { i as n } from "./dialog-Ujvm11_B.js";
+import { c as e, s as t } from "./auth-ClVI18ss.js";
+import { i as n } from "./dialog-kyHgc-uy.js";
 import { n as r, r as i } from "./components-PQfnwrHI.js";
 import { i as a } from "./lit-C4H1jI4q.js";
 //#region src/components/guard/Guard.ts
-var o, s, c, l, u, d, f;
-function p(e, t, n) {
-	m(e, t), t.set(e, n);
+var o, s, c, l, u, d, f, p, m, h;
+function g(e, t, n) {
+	_(e, t), t.set(e, n);
 }
-function m(e, t) {
+function _(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(_(e, t), n), n;
+function v(e, t, n) {
+	return e.set(b(e, t), n), n;
 }
-function g(e, t) {
-	return e.get(_(e, t));
+function y(e, t) {
+	return e.get(b(e, t));
 }
-function _(e, t, n) {
+function b(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 v(e, t, n, r, i, a) {
+function x(e, t, n) {
+	return (t = C(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function S(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -41,18 +49,18 @@ function v(e, t, n, r, i, a) {
 		var g, _ = t[0], v = t[3], y = !l;
 		if (!y) {
 			n || Array.isArray(_) || (_ = [_]);
-			var b = {}, S = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: x(function() {
+				get: T(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[C] = v, f || x(b[C], r, i === 2 ? "" : C)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || T(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
-		for (var w = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
-			var E = _[T], D = n ? _[T - 1] : void 0, O = {}, k = {
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var E = _[w], D = n ? _[w - 1] : void 0, O = {}, k = {
 				kind: [
 					"field",
 					"accessor",
@@ -69,7 +77,7 @@ function v(e, t, n, r, i, a) {
 				}.bind(null, O)
 			};
 			try {
-				if (y) (g = c(E.call(D, w, k), "class decorators", "return")) && (w = g);
+				if (y) (g = c(E.call(D, C, k), "class decorators", "return")) && (C = g);
 				else {
 					var A, j;
 					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
@@ -82,22 +90,22 @@ function v(e, t, n, r, i, a) {
 					var M = k.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), w = E.call(D, p ? {
+					if (A && (M.get = A), j && (M.set = j), C = E.call(D, p ? {
 						get: b.get,
 						set: b.set
-					} : b[C], k), p) {
-						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (b.get = g), (g = c(w.set, "accessor.set")) && (b.set = g), (g = c(w.init, "accessor.init")) && S.push(g);
-						else if (w !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-					} else c(w, (f ? "field" : "method") + " decorators", "return") && (f ? S.push(w) : b[C] = w);
+					} : 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 = S.length - 1; n >= 0; n--) t = S[n].call(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[C] : o.call.bind(b[C])) : Object.defineProperty(e, r, b)), w;
+		}), 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"), {
@@ -109,7 +117,7 @@ function v(e, t, n, r, i, a) {
 	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 S(t) === e;
+			return E(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -117,13 +125,13 @@ function v(e, t, n, r, i, a) {
 		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), b = (m &= 7) == 0, x = h + "/" + v;
-				if (!b && !g) {
-					var C = u.get(x);
-					if (!0 === C || C === 3 && m !== 4 || C === 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(x, !(m > 2) || m);
+				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 : y(h), m, r, v ? a ||= [] : i ||= [], o, v, g, b, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : C(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -136,11 +144,11 @@ function v(e, t, n, r, i, a) {
 		}
 	};
 }
-function y(e) {
-	var t = b(e, "string");
+function C(e) {
+	var t = w(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function b(e, t) {
+function w(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -150,7 +158,7 @@ function b(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function x(e, t, n) {
+function T(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -160,41 +168,59 @@ function x(e, t, n) {
 	} catch {}
 	return e;
 }
-function S(e) {
+function E(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-l = [i("solid-guard")];
-var C, w = /*#__PURE__*/ new WeakMap();
-f = (u = n({
+function D(e) {
+	return e;
+}
+d = [i("solid-ui-guard")];
+var O;
+new (m = (c = /*#__PURE__*/ new WeakMap(), h = (f = n({
 	context: e,
 	subscribe: !0
-}), "auth"), o = class extends r {
+}), "auth"), s = class extends r {
 	constructor(...e) {
-		super(...e), p(this, w, (s(this), d(this, t)));
+		super(...e), g(this, c, (l(this), p(this, t))), x(this, "unsubscribeSessionUpdated", void 0);
 	}
-	get [f]() {
-		return g(w, this);
+	get [h]() {
+		return y(c, this);
 	}
 	set auth(e) {
-		h(w, this, e);
+		v(c, this, e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate());
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
 	}
 	render() {
-		return this.auth.account ? a`
+		return this.auth.initialized ? this.auth.account ? a`
       <slot></slot>
     ` : a`
         <slot name="guest"></slot>
+      ` : a`
+        <slot name="initializing"></slot>
       `;
 	}
-}, {e: [d, s], c: [C, c]} = v(o, [[
-	u,
+}, {e: [p, l], c: [O, u]} = S(s, [[
+	f,
 	1,
 	"auth"
-]], l, 0, void 0, r), c();
+]], d, 0, void 0, r), s), o = class extends D {
+	constructor() {
+		super(O), x(this, "states", {
+			initializing: (e) => !e.auth.initialized,
+			loggedIn: (e) => !!e.auth.account
+		}), u();
+	}
+}, x(o, m, void 0), o)();
 //#endregion
 //#region src/components/guard/index.ts
-var T = C;
+var k = O;
 //#endregion
-export { C as n, T as t };
+export { O as n, k as t };
 
-//# sourceMappingURL=guard-DZGvf4tS.js.map
+//# sourceMappingURL=guard-DEqOFEs4.js.map

package/dist/chunks/guard-DEqOFEs4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guard-DEqOFEs4.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_Guard2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Guard3","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default","Guard"],"sources":["../../src/components/guard/Guard.ts","../../src/components/guard/index.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\n@customElement('solid-ui-guard')\nexport default class Guard extends WebComponent {\n  static states = {\n    initializing: (component: Guard) => !component.auth.initialized,\n    loggedIn: (component: Guard) => !!component.auth.account,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <slot name=\"initializing\"></slot>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n","import Guard from './Guard'\n\nexport { Guard }\nexport default Guard\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG2EM,IAAA,CAE1EN,EAAc,gBAAgB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO7BV,EAAQ;CAAEW,SAAST;CAAaU,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACmCd,EAAa;CAAAgB,YAAA,GAAAC,GAAA;EAOWI,AAPX,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOThB,CAAoB,EAAA,GAAAiB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKJ,KAAKK,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAalB,OAZK,KAAKR,KAAKS,cAMV,KAAKT,KAAKU,UAMR/B,CAAI;;QALFA,CAAI;;UANJA,CAAI;;;CAcf;AACF,GAAC,CAAAgC,GAAA,CAAAd,GAAAD,IAAAgB,GAAA,CAAA7B,GAAA8B,MAAAC,EAAAvB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAxCkCL,CAAY,GAAAc,IAAAwB,IAAA,cAAAC,EAAA;CAAAvB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC7B;GACdmB,eAAeC,MAAqB,CAACA,EAAUlB,KAAKS;GACpDU,WAAWD,MAAqB,CAAC,CAACA,EAAUlB,KAAKU;EACnD,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAf,EAAAiB,GAAA/B,GAAA,KAAA,CAAA,GAAA+B,GAAA;;;ACPH,IAAA,IAAeM"}

package/dist/chunks/{login-button-Ta3tkpn4.js → login-button-Czm-E9Na.js}

@@ -1,8 +1,8 @@
-import { c as e, s as t } from "./auth-D8B5yczR.js";
-import { i as n } from "./dialog-Ujvm11_B.js";
+import { c as e, s as t } from "./auth-ClVI18ss.js";
+import { i as n } from "./dialog-kyHgc-uy.js";
 import { n as r, r as i } from "./components-PQfnwrHI.js";
 import { i as a } from "./lit-C4H1jI4q.js";
-import "./button-oanBb_ha.js";
+import "./button-B9-nlEpz.js";
 //#region src/components/login-button/LoginButton.ts
 var o, s, c, l, u, d, f;
 function p(e, t, n) {
@@ -208,4 +208,4 @@ var T = C;
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=login-button-Ta3tkpn4.js.map
+//# sourceMappingURL=login-button-Czm-E9Na.js.map

package/dist/chunks/{login-button-Ta3tkpn4.js.map → login-button-Czm-E9Na.js.map}

@@ -1 +1 @@
-{"version":3,"file":"login-button-Ta3tkpn4.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default","LoginButton"],"sources":["../../src/components/login-button/LoginButton.ts","../../src/components/login-button/index.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-login-button')\nexport default class LoginButton 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 In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n","import LoginButton from './LoginButton'\n\nexport { LoginButton }\nexport default LoginButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzBwCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEfd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,MAAM;CAClB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzBwCL,CAAY,GAAA+B,EAAA;;;ACLrD,IAAA,IAAeG"}
+{"version":3,"file":"login-button-Czm-E9Na.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","click","login","e","preventDefault","_LoginButton2","c","_initClass","_applyDecs","default","LoginButton"],"sources":["../../src/components/login-button/LoginButton.ts","../../src/components/login-button/index.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-login-button')\nexport default class LoginButton 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 In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  click () {\n    this.auth.login()\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.click()\n  }\n}\n","import LoginButton from './LoginButton'\n\nexport { LoginButton }\nexport default LoginButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzBwCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEfd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,MAAM;CAClB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzBwCL,CAAY,GAAA+B,EAAA;;;ACLrD,IAAA,IAAeG"}

package/dist/chunks/{logout-button-Db6VmUmJ.js → logout-button-BrR_jOhK.js}

@@ -1,8 +1,8 @@
-import { c as e, s as t } from "./auth-D8B5yczR.js";
-import { i as n } from "./dialog-Ujvm11_B.js";
+import { c as e, s as t } from "./auth-ClVI18ss.js";
+import { i as n } from "./dialog-kyHgc-uy.js";
 import { n as r, r as i } from "./components-PQfnwrHI.js";
 import { i as a } from "./lit-C4H1jI4q.js";
-import "./button-oanBb_ha.js";
+import "./button-B9-nlEpz.js";
 //#region src/components/logout-button/LogoutButton.ts
 var o, s, c, l, u, d, f;
 function p(e, t, n) {
@@ -208,4 +208,4 @@ var T = C;
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=logout-button-Db6VmUmJ.js.map
+//# sourceMappingURL=logout-button-BrR_jOhK.js.map

package/dist/chunks/{logout-button-Db6VmUmJ.js.map → logout-button-BrR_jOhK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logout-button-Db6VmUmJ.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","LogoutButton"],"sources":["../../src/components/logout-button/LogoutButton.ts","../../src/components/logout-button/index.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","import LogoutButton from './LogoutButton'\n\nexport { LogoutButton }\nexport default LogoutButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA;;;ACLtD,IAAA,IAAeG"}
+{"version":3,"file":"logout-button-BrR_jOhK.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","LogoutButton"],"sources":["../../src/components/logout-button/LogoutButton.ts","../../src/components/logout-button/index.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","import LogoutButton from './LogoutButton'\n\nexport { LogoutButton }\nexport default LogoutButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAwBpDiB,IAAAhB,cAzByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEAC,QAAS;EACP,KAAKL,KAAKM,OAAO;CACnB;CAEQF,QAASG,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKH,MAAM;CACb;AACF,GAAC,CAAAE,GAAA,CAAAT,GAAAD,IAAAa,GAAA,CAAAxB,GAAAyB,MAAAC,EAAAH,GAAA,CAAA;CAAAnB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAzByCL,CAAY,GAAA+B,EAAA;;;ACLtD,IAAA,IAAeG"}

package/dist/chunks/{menu-CQEXqNO6.js → menu-1PG19fCC.js}

@@ -2018,7 +2018,7 @@ U.css = se, o([h()], U.prototype, "svg", 2), o([m({ reflect: !0 })], U.prototype
 ], { waitUntilFirstUpdate: !0 })], U.prototype, "setIcon", 1), U = o([c("wa-icon")], U);
 //#endregion
 //#region src/components/menu/Menu.styles.css
-var De = r`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
+var De = r`wa-dropdown::part(menu){gap:2px;min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{border-radius:5px;padding:0;&:hover{background-color:var(--solid-ui-color-primary-hover)}}`, W, G, K, q, J, Y, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be;
 function X(e, t, n) {
 	Ve(e, t), t.set(e, n);
 }
@@ -2200,7 +2200,7 @@ new (ze = (K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J =
 	reflect: !0
 }), Fe = g("wa-dropdown"), Le = h(), "placement"), G = class extends e {
 	constructor(...e) {
-		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 0)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
+		super(...e), X(this, K, (Oe(this), Me(this, "bottom-start"))), X(this, q, Pe(this, 5)), X(this, J, Ie(this, null)), X(this, Y, Re(this, [])), Ue(this, "observer", new MutationObserver(() => this.syncItems()));
 	}
 	get [Be]() {
 		return Q(K, this);
@@ -2306,4 +2306,4 @@ var Xe = $;
 //#endregion
 export { $ as n, Xe as t };
 
-//# sourceMappingURL=menu-CQEXqNO6.js.map
+//# sourceMappingURL=menu-1PG19fCC.js.map