@universal-material/web 3.0.67 → 3.0.69

package/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { html } from 'lit';\nimport { TemplateResult } from 'lit-html';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { styles } from './select.styles.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { UmOption } from './option.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class UmSelect extends UmTextFieldBase {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  nativeSelect: HTMLSelectElement = document.createElement('select');\n  #connected = false;\n\n  @state()\n  get value(): string {\n    return this.nativeSelect.value;\n  }\n  set value(value: string) {\n    this.nativeSelect.value = value;\n\n    if (this.#connected) {\n      this.elementInternals.setFormValue(value);\n    }\n  }\n\n  @query('u-menu') menu!: UmMenu;\n  @query('.input') input!: HTMLElement;\n\n  @state()\n  get selectedIndex(): number {\n    return this.nativeSelect?.selectedIndex ?? -1;\n  }\n  set selectedIndex(index: number) {\n    if (this.nativeSelect) {\n      this.nativeSelect.selectedIndex = index;\n    }\n  }\n\n  get selectedOption(): UmOption | null {\n    return this.options[this.selectedIndex] ?? null;\n  }\n\n  private _options: UmOption[] = [];\n  get options(): UmOption[] {\n    return this._options;\n  }\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`<div class=\"input\"></div>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu>\n        <slot @slotchange=${this.#handleSlotChange}></slot>\n      </u-menu>\n    `;\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    this.elementInternals.setFormValue(this.nativeSelect.value || null);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#connected = true;\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#connected = false;\n    this.nativeSelect.remove();\n    this.container.removeEventListener('click', this.#handleClick);\n    this.menu.removeEventListener('click', this.#handleMenuClick);\n  }\n\n  #handleClick = () => {\n    this.menu.toggle();\n  };\n\n  #handleMenuClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    const elements = slot.assignedElements({\n      flatten: true\n    });\n\n    this.options.length = 0;\n\n    for (const element of elements) {\n      if (element instanceof UmOption) {\n        this.options.push(element)\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  async #attach(): Promise<void> {\n    await this.updateComplete;\n\n    this.input.appendChild(this.nativeSelect);\n    this.container.addEventListener('click', this.#handleClick);\n\n    this.menu.anchorElement = this.container;\n    this.menu.addEventListener('click', this.#handleMenuClick);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-select': UmSelect;\n  }\n}\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { html } from 'lit';\nimport { TemplateResult } from 'lit-html';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { styles } from './select.styles.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { UmMenuField } from '../shared/menu-field/menu-field.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { UmOption } from './option.js';\nimport { SelectNavigationController } from './select-navigation-controller.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class UmSelect extends UmTextFieldBase implements UmMenuField {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  nativeSelect: HTMLSelectElement = document.createElement('select');\n  #navigationController = new SelectNavigationController(this);\n  #connected = false;\n\n  @state()\n  get value(): string {\n    return this.nativeSelect.value;\n  }\n  set value(value: string) {\n    this.nativeSelect.value = value;\n\n    if (!this.#connected) {\n      return;\n    }\n\n    this.elementInternals.setFormValue(value);\n  }\n\n  @query('u-menu') menu!: UmMenu;\n  @query('.input') input!: HTMLElement;\n\n  @state()\n  get selectedIndex(): number {\n    return this.nativeSelect.selectedIndex;\n  }\n  set selectedIndex(index: number) {\n    this.nativeSelect.selectedIndex = index;\n  }\n\n  get selectedOption(): UmOption | null {\n    return this.options[this.selectedIndex] ?? null;\n  }\n\n  private _options: UmOption[] = [];\n  get options(): UmOption[] {\n    return this._options;\n  }\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button class=\"button\"></button>\n      <div class=\"input\"></div>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu>\n        <slot @slotchange=${this.#handleSlotChange}></slot>\n      </u-menu>\n    `;\n  }\n\n  protected override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    this.empty = !this.selectedOption?.textContent?.trim();\n    this.elementInternals.setFormValue(this.nativeSelect.value || null);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#connected = true;\n    this.#attach();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#navigationController.detach();\n    this.#connected = false;\n    this.nativeSelect.remove();\n    this.container.removeEventListener('click', this.#handleClick);\n    this.menu.removeEventListener('click', this.#handleMenuClick);\n  }\n\n  #handleClick = () => {\n    this.menu.toggle();\n  };\n\n  #handleMenuClick(e: Event) {\n    e.stopPropagation();\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    const elements = slot.assignedElements({\n      flatten: true\n    });\n\n    this.options.length = 0;\n\n    for (const element of elements) {\n      if (element instanceof UmOption) {\n        this.options.push(element)\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  async #attach(): Promise<void> {\n    await this.updateComplete;\n\n    this.#navigationController.attach(this);\n    this.nativeSelect.setAttribute('tabindex', '-1');\n    this.input.appendChild(this.nativeSelect);\n    this.container.addEventListener('click', this.#handleClick);\n\n    this.menu.anchorElement = this.container;\n    this.menu.addEventListener('click', this.#handleMenuClick);\n  }\n\n  get menuItems(): UmOption[] {\n    return this.options;\n  }\n\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-select': UmSelect;\n  }\n}\n"]}

package/select/select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiBlB,CAAC"}
+{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2BlB,CAAC"}

package/select/select.styles.js

@@ -13,6 +13,16 @@ export const styles = css `
     max-width: 100%;
   }
 
+  .button {
+    position: absolute;
+    inset: 0;
+    margin: 0;
+    padding: 0;
+    background: transparent;
+    border: none;
+    appearance: none;
+  }
+
   select {
     pointer-events: none;
   }

package/select/select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../src/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;CAiBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    cursor: pointer;\n  }\n\n  u-menu {\n    display: block;\n    width: 100%;\n  }\n  u-menu::part(menu) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  select {\n    pointer-events: none;\n  }\n`;\n"]}
+{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../src/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    cursor: pointer;\n  }\n\n  u-menu {\n    display: block;\n    width: 100%;\n  }\n  u-menu::part(menu) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .button {\n    position: absolute;\n    inset: 0;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    appearance: none;\n  }\n\n  select {\n    pointer-events: none;\n  }\n`;\n"]}

package/shared/menu-field/menu-field-navigation-controller.d.ts

@@ -0,0 +1,13 @@
+import { UmMenuField } from './menu-field.js';
+export declare class MenuFieldNavigationController<T extends UmMenuField> {
+    #private;
+    protected readonly host: T;
+    private readonly bindHandleKeyDown;
+    constructor(host: T);
+    attach(element: HTMLElement): void;
+    detach(): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    private navigate;
+    private selectActiveItem;
+}
+//# sourceMappingURL=menu-field-navigation-controller.d.ts.map

package/shared/menu-field/menu-field-navigation-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,CAAC,SAAS,WAAW;;IAE9D,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IAE3B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiC;gBAEvD,IAAI,EAAE,CAAC;IAKnB,MAAM,CAAC,OAAO,EAAE,WAAW;IAO3B,MAAM;IAKN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa;IA2B5C,OAAO,CAAC,QAAQ;IA2BhB,OAAO,CAAC,gBAAgB;CAWzB"}

package/shared/menu-field/menu-field-navigation-controller.js

@@ -0,0 +1,78 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _MenuFieldNavigationController_element;
+export class MenuFieldNavigationController {
+    constructor(host) {
+        _MenuFieldNavigationController_element.set(this, null);
+        this.host = host;
+        this.bindHandleKeyDown = this.handleKeyDown.bind(this);
+    }
+    attach(element) {
+        this.detach();
+        element?.addEventListener('keydown', this.bindHandleKeyDown);
+        __classPrivateFieldSet(this, _MenuFieldNavigationController_element, element, "f");
+    }
+    detach() {
+        __classPrivateFieldGet(this, _MenuFieldNavigationController_element, "f")?.removeEventListener('keydown', this.bindHandleKeyDown);
+        __classPrivateFieldSet(this, _MenuFieldNavigationController_element, null, "f");
+    }
+    handleKeyDown(event) {
+        if (!this.host.menu.open) {
+            return;
+        }
+        const isEscape = event.key === 'Escape';
+        if (isEscape) {
+            this.host.menu.close();
+        }
+        const isDown = event.key === 'ArrowDown';
+        const isUp = event.key === 'ArrowUp';
+        if (isDown || isUp) {
+            this.navigate(event, isDown);
+            return;
+        }
+        const isEnter = event.key === 'Enter';
+        const isTab = event.key === 'Tab';
+        if (isEnter || isTab) {
+            this.selectActiveItem(event);
+        }
+    }
+    navigate(event, forwards) {
+        const menuItems = Array.from(this.host.menuItems);
+        if (!menuItems.length) {
+            return;
+        }
+        event.preventDefault();
+        const activeMenu = menuItems.find(m => m.active);
+        if (activeMenu) {
+            activeMenu.active = false;
+        }
+        const nextMenu = forwards
+            ? activeMenu?.nextElementSibling ?? menuItems[0]
+            : activeMenu?.previousElementSibling ?? menuItems[menuItems.length - 1];
+        if (!nextMenu) {
+            return;
+        }
+        nextMenu.active = true;
+        nextMenu.scrollIntoView({ block: 'nearest' });
+    }
+    selectActiveItem(event) {
+        const menuItems = Array.from(this.host.menuItems);
+        const activeMenu = menuItems.find(m => m.active);
+        if (!activeMenu) {
+            return;
+        }
+        event.preventDefault();
+        activeMenu.click();
+    }
+}
+_MenuFieldNavigationController_element = new WeakMap();
+//# sourceMappingURL=menu-field-navigation-controller.js.map

package/shared/menu-field/menu-field-navigation-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,MAAM,OAAO,6BAA6B;IAMxC,YAAY,IAAO;QALnB,iDAA+B,IAAI,EAAC;QAMlC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,CAAC,OAAoB;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QAEd,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7D,uBAAA,IAAI,0CAAY,OAAO,MAAA,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,uBAAA,IAAI,8CAAS,EAAE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACtE,uBAAA,IAAI,0CAAY,IAAI,MAAA,CAAC;IACvB,CAAC;IAES,aAAa,CAAC,KAAoB;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;QAExC,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC;QACzC,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC;QAErC,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;QACtC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC;QAElC,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAEO,QAAQ,CAAC,KAAoB,EAAE,QAAiB;QACtD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAElD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEjD,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;QAC5B,CAAC;QAED,MAAM,QAAQ,GAAG,QAAQ;YACvB,CAAC,CAAc,UAAU,EAAE,kBAAmB,IAAI,SAAS,CAAC,CAAC,CAAC;YAC9D,CAAC,CAAc,UAAU,EAAE,sBAAuB,IAAI,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAExF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;IAC9C,CAAC;IAEO,gBAAgB,CAAC,KAAoB;QAC3C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QAEhD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<T extends UmMenuField> {\n  #element: HTMLElement | null = null;\n  protected readonly host: T;\n\n  private readonly bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: T) {\n    this.host = host;\n    this.bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this.bindHandleKeyDown);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this.bindHandleKeyDown);\n    this.#element = null;\n  }\n\n  protected handleKeyDown(event: KeyboardEvent) {\n    if (!this.host.menu.open) {\n      return;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.host.menu.close();\n    }\n\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (isDown || isUp) {\n      this.navigate(event, isDown);\n      return;\n    }\n\n    const isEnter = event.key === 'Enter';\n    const isTab = event.key === 'Tab';\n\n    if (isEnter || isTab) {\n      this.selectActiveItem(event);\n    }\n  }\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = Array.from(this.host.menuItems);\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = menuItems.find(m => m.active);\n\n    if (activeMenu) {\n      activeMenu.active = false;\n    }\n\n    const nextMenu = forwards\n      ? (<UmMenuItem>activeMenu?.nextElementSibling) ?? menuItems[0]\n      : (<UmMenuItem>activeMenu?.previousElementSibling) ?? menuItems[menuItems.length - 1];\n\n    if (!nextMenu) {\n      return;\n    }\n\n    nextMenu.active = true;\n    nextMenu.scrollIntoView({block: 'nearest'});\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    const menuItems = Array.from(this.host.menuItems);\n    const activeMenu = menuItems.find(m => m.active)\n\n    if (!activeMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    activeMenu.click();\n  }\n}\n"]}

package/shared/menu-field/menu-field.d.ts

@@ -0,0 +1,7 @@
+import { UmMenuItem } from '../../menu/menu-item.js';
+import { UmMenu } from '../../menu/menu.js';
+export interface UmMenuField {
+    menu: UmMenu;
+    get menuItems(): UmMenuItem[];
+}
+//# sourceMappingURL=menu-field.d.ts.map

package/shared/menu-field/menu-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;CAC/B"}

package/shared/menu-field/menu-field.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menu-field.js.map

package/shared/menu-field/menu-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenu } from '../../menu/menu.js';\n\nexport interface UmMenuField {\n  menu: UmMenu;\n  get menuItems(): UmMenuItem[];\n}\n"]}

package/typeahead/typeahead.d.ts

@@ -32,9 +32,6 @@ export declare class UmTypeahead extends LitElement {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private readonly handleKeyDown;
-    private navigate;
-    private selectActiveItem;
     protected render(): HTMLTemplateResult;
     private getTargetValue;
     private setTargetValue;

package/typeahead/typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,qBACa,WAAY,SAAQ,UAAU;;IACzC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,0BAAU;IAKhC,OAAO,CAAC,MAAM,CAAiG;IAQtG,OAAO,EAAE,IAAI,EAAE,CAAC;IAEb,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7E,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,QAAQ,SAAO;IACf,KAAK,SAAM;IACX,SAAS,SAAK;IACe,WAAW,UAAS;IAE1F,QAAQ,UAAS;IAEjB,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,IAAI,EAAG,MAAM,CAAC;IACN,SAAS,EAAG,UAAU,EAAE,CAAC;;IAOzC,iBAAiB;IAQjB,oBAAoB;IA6D7B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAc5B;IAEF,OAAO,CAAC,QAAQ;IAwBhB,OAAO,CAAC,gBAAgB;cA0CL,MAAM,IAAI,kBAAkB;IAuG/C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}
+{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,qBACa,WAAY,SAAQ,UAAU;;IACzC,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,0BAAU;IAKhC,OAAO,CAAC,MAAM,CAAiG;IAStG,OAAO,EAAE,IAAI,EAAE,CAAC;IAEb,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC7E,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAChD,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,QAAQ,SAAO;IACf,KAAK,SAAM;IACX,SAAS,SAAK;IACe,WAAW,UAAS;IAE1F,QAAQ,UAAS;IAEjB,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,IAAI,EAAG,MAAM,CAAC;IACN,SAAS,EAAG,UAAU,EAAE,CAAC;;IAOzC,iBAAiB;IAQjB,oBAAoB;cA6FV,MAAM,IAAI,kBAAkB;IAuG/C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;CAarB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}

package/typeahead/typeahead.js

@@ -15,11 +15,12 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _UmTypeahead_instances, _UmTypeahead_targetId, _UmTypeahead_connected, _UmTypeahead_documentMutationObserver, _UmTypeahead_termNormalized, _UmTypeahead_debounceTimeout, _UmTypeahead_value, _UmTypeahead_elementInternals, _UmTypeahead_attach, _UmTypeahead_detach, _UmTypeahead_handleFocus, _UmTypeahead_handleInput, _UmTypeahead_getItemClickHandler, _UmTypeahead_setValueAndDispatchEvents, _UmTypeahead_updateResults, _UmTypeahead_getData, _UmTypeahead_setValueOnTarget;
+var _UmTypeahead_instances, _UmTypeahead_targetId, _UmTypeahead_connected, _UmTypeahead_documentMutationObserver, _UmTypeahead_navigationController, _UmTypeahead_termNormalized, _UmTypeahead_debounceTimeout, _UmTypeahead_value, _UmTypeahead_elementInternals, _UmTypeahead_attach, _UmTypeahead_detach, _UmTypeahead_handleFocus, _UmTypeahead_handleInput, _UmTypeahead_getItemClickHandler, _UmTypeahead_setValueAndDispatchEvents, _UmTypeahead_updateResults, _UmTypeahead_getData, _UmTypeahead_setValueOnTarget, _UmTypeahead_handleClick;
 import { html, LitElement } from 'lit';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { customElement, property, query, queryAll, state } from 'lit/decorators.js';
 import { styles } from './typeahead.styles.js';
+import { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';
 import { normalizeText } from '../shared/normalize-text.js';
 import './highlight.js';
 let UmTypeahead = class UmTypeahead extends LitElement {
@@ -62,6 +63,7 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         _UmTypeahead_connected.set(this, false);
         this.target = null;
         _UmTypeahead_documentMutationObserver.set(this, null);
+        _UmTypeahead_navigationController.set(this, new MenuFieldNavigationController(this));
         _UmTypeahead_termNormalized.set(this, '');
         _UmTypeahead_debounceTimeout.set(this, null);
         _UmTypeahead_value.set(this, void 0);
@@ -83,18 +85,6 @@ let UmTypeahead = class UmTypeahead extends LitElement {
             __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_setValueAndDispatchEvents).call(this, this.editable ? this.getTargetValue() : null, true);
             __classPrivateFieldSet(this, _UmTypeahead_debounceTimeout, setTimeout(async () => await __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_updateResults).call(this, true), this.debounce), "f");
         });
-        this.handleKeyDown = (event) => {
-            const isDown = event.key === 'ArrowDown';
-            const isUp = event.key === 'ArrowUp';
-            if (isDown || isUp) {
-                this.navigate(event, isDown);
-                return;
-            }
-            const isEnter = event.key === 'Enter';
-            if (isEnter) {
-                this.selectActiveItem(event);
-            }
-        };
         __classPrivateFieldSet(this, _UmTypeahead_elementInternals, this.attachInternals(), "f");
     }
     connectedCallback() {
@@ -111,32 +101,6 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         __classPrivateFieldGet(this, _UmTypeahead_documentMutationObserver, "f").disconnect();
         __classPrivateFieldSet(this, _UmTypeahead_documentMutationObserver, null, "f");
     }
-    navigate(event, forwards) {
-        const menuItems = Array.from(this.menuItems);
-        if (!menuItems.length) {
-            return;
-        }
-        event.preventDefault();
-        const activeMenu = menuItems.find(m => m.active);
-        if (activeMenu) {
-            activeMenu.active = false;
-        }
-        const nextMenu = forwards
-            ? activeMenu?.nextElementSibling ?? menuItems[0]
-            : activeMenu?.previousElementSibling ?? menuItems[menuItems.length - 1];
-        if (nextMenu) {
-            nextMenu.active = true;
-        }
-    }
-    selectActiveItem(event) {
-        const menuItems = Array.from(this.menuItems);
-        const activeMenu = menuItems.find(m => m.active);
-        if (!activeMenu) {
-            return;
-        }
-        event.preventDefault();
-        activeMenu.click();
-    }
     render() {
         if (!this.results?.length) {
             return html ``;
@@ -191,6 +155,7 @@ let UmTypeahead = class UmTypeahead extends LitElement {
 _UmTypeahead_targetId = new WeakMap();
 _UmTypeahead_connected = new WeakMap();
 _UmTypeahead_documentMutationObserver = new WeakMap();
+_UmTypeahead_navigationController = new WeakMap();
 _UmTypeahead_termNormalized = new WeakMap();
 _UmTypeahead_debounceTimeout = new WeakMap();
 _UmTypeahead_value = new WeakMap();
@@ -213,16 +178,18 @@ _UmTypeahead_attach = function _UmTypeahead_attach() {
     }
     // @ts-ignore
     this.target = newTarget;
+    newTarget.addEventListener('click', __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_handleClick));
     newTarget.addEventListener('input', __classPrivateFieldGet(this, _UmTypeahead_handleInput, "f"));
-    newTarget.addEventListener('keydown', this.handleKeyDown);
+    __classPrivateFieldGet(this, _UmTypeahead_navigationController, "f").attach(newTarget);
     newTarget.addEventListener('focus', __classPrivateFieldGet(this, _UmTypeahead_handleFocus, "f"));
     if (this.value) {
         __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_setValueOnTarget).call(this);
     }
 };
 _UmTypeahead_detach = function _UmTypeahead_detach() {
+    this.target?.removeEventListener('click', __classPrivateFieldGet(this, _UmTypeahead_instances, "m", _UmTypeahead_handleClick));
     this.target?.removeEventListener('input', __classPrivateFieldGet(this, _UmTypeahead_handleInput, "f"));
-    this.target?.removeEventListener('keydown', this.handleKeyDown);
+    __classPrivateFieldGet(this, _UmTypeahead_navigationController, "f").detach();
     this.target?.removeEventListener('focus', __classPrivateFieldGet(this, _UmTypeahead_handleFocus, "f"));
 };
 _UmTypeahead_getItemClickHandler = function _UmTypeahead_getItemClickHandler(data) {
@@ -308,6 +275,9 @@ _UmTypeahead_setValueOnTarget = function _UmTypeahead_setValueOnTarget() {
     }
     this.target.value = textValue;
 };
+_UmTypeahead_handleClick = function _UmTypeahead_handleClick(e) {
+    e.stopPropagation();
+};
 UmTypeahead.formAssociated = true;
 UmTypeahead.styles = styles;
 __decorate([

package/typeahead/typeahead.js.map

@@ -1 +1 @@
-{"version":3,"file":"typeahead.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js';\n\nimport { styles } from './typeahead.styles.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { UmMenu } from '../menu/menu.js';\nimport { normalizeText } from '../shared/normalize-text.js';\n\nimport './highlight.js';\n\nexport interface Data {\n  label: string;\n  value: any;\n}\n\n@customElement('u-typeahead')\nexport class UmTypeahead extends LitElement {\n  static readonly formAssociated = true;\n\n  static override styles = styles;\n\n  #targetId: string | undefined;\n\n  #connected = false;\n  private target: HTMLElement & {input?: HTMLInputElement; container?: HTMLElement; value: string} | null = null;\n  #documentMutationObserver: MutationObserver | null = null;\n  #termNormalized: string = '';\n  #debounceTimeout: number | null = null;\n  #value: any;\n  readonly #elementInternals: ElementInternals;\n\n  // @ts-ignore\n  @state() results: Data[];\n\n  @property() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n  formatter: ((value: any) => string) | undefined;\n  template: ((term: string, value: any) => string) | undefined;\n\n  @property({type: Number, reflect: true}) debounce = 300;\n  @property({type: Number, reflect: true}) limit = 10;\n  @property({type: Number, reflect: true}) minLength = 2;\n  @property({type: Boolean, attribute: 'open-on-focus', reflect: true}) openOnFocus = false;\n  @property({type: Boolean, reflect: true})\n  editable = false;\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  get value(): any {\n    return this.#value;\n  }\n  set value(value: any) {\n    this.#value = value;\n    this.#elementInternals.setFormValue(value);\n\n    if (this.#connected) {\n      this.#setValueOnTarget();\n    }\n  }\n\n  override focus() {\n    this.target?.focus();\n  }\n\n  clear() {\n    if (!this.target) {\n      return;\n    }\n\n    this.#termNormalized = '';\n    this.setTargetValue('');\n  }\n\n  @property({reflect: true, attribute: \"target-id\"})\n  get targetId(): string | undefined {\n    return this.#targetId;\n  }\n  set targetId(value: string | undefined) {\n    this.#targetId = value;\n\n    if (this.#connected) {\n      this.#attach();\n    }\n  }\n\n  @query('u-menu') menu!: UmMenu;\n  @queryAll('u-menu-item') menuItems!: UmMenuItem[];\n\n  constructor() {\n    super();\n    this.#elementInternals = this.attachInternals();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.#connected = true;\n    this.#attach();\n    this.#documentMutationObserver = new MutationObserver(() => this.#attach())\n    this.#documentMutationObserver.observe(document, {attributes: true, childList: true});\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#connected = false;\n    this.#detach();\n    this.#documentMutationObserver!.disconnect();\n    this.#documentMutationObserver = null;\n  }\n\n  #attach() {\n    if (!this.targetId) {\n      this.#detach();\n      return;\n    }\n\n    const newTarget = document.getElementById(this.targetId) as HTMLInputElement;\n\n    if (newTarget === this.target) {\n      return;\n    }\n\n    this.#detach();\n\n    if (!newTarget) {\n      return;\n    }\n\n    // @ts-ignore\n    this.target = newTarget;\n\n    newTarget.addEventListener('input', this.#handleInput);\n    newTarget.addEventListener('keydown', this.handleKeyDown);\n    newTarget.addEventListener('focus', this.#handleFocus);\n\n    if (this.value) {\n      this.#setValueOnTarget();\n    }\n  }\n\n  #detach() {\n    this.target?.removeEventListener('input', this.#handleInput);\n    this.target?.removeEventListener('keydown', this.handleKeyDown);\n    this.target?.removeEventListener('focus', this.#handleFocus);\n  }\n\n  #handleFocus = async () => {\n    if (this.openOnFocus) {\n      await this.#updateResults();\n    }\n  }\n\n  #handleInput = () => {\n\n    if (this.#debounceTimeout) {\n      clearTimeout(this.#debounceTimeout);\n    }\n\n    this.#setValueAndDispatchEvents(this.editable ? this.getTargetValue() : null, true);\n\n    this.#debounceTimeout = setTimeout(async () => await this.#updateResults(true), this.debounce);\n  }\n\n  private readonly handleKeyDown = (event: KeyboardEvent) => {\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n\n    if (isDown || isUp) {\n      this.navigate(event, isDown);\n      return;\n    }\n\n    const isEnter = event.key === 'Enter';\n\n    if (isEnter) {\n      this.selectActiveItem(event);\n    }\n  };\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = Array.from(this.menuItems);\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = menuItems.find(m => m.active);\n\n    if (activeMenu) {\n      activeMenu.active = false;\n    }\n\n    const nextMenu = forwards\n      ? (<UmMenuItem>activeMenu?.nextElementSibling) ?? menuItems[0]\n      : (<UmMenuItem>activeMenu?.previousElementSibling) ?? menuItems[menuItems.length - 1];\n\n    if (nextMenu) {\n      nextMenu.active = true;\n    }\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    const menuItems = Array.from(this.menuItems);\n    const activeMenu = menuItems.find(m => m.active)\n\n    if (!activeMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    activeMenu.click();\n  }\n\n  #getItemClickHandler(data: Data) {\n    return () => {\n      const selectedEvent = new CustomEvent('selected', {\n        cancelable: true,\n        detail: data.value\n      });\n\n      this.dispatchEvent(selectedEvent);\n\n      if (selectedEvent.defaultPrevented) {\n        return;\n      }\n\n      this.#setValueAndDispatchEvents(data.value);\n    }\n  }\n\n  #setValueAndDispatchEvents(value: any, direct = false) {\n\n    if (!direct) {\n      this.value = value;\n    } else {\n      this.#value = value;\n      this.#elementInternals.setFormValue(value);\n    }\n\n    this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n\n  protected override render(): HTMLTemplateResult {\n\n    if (!this.results?.length) {\n      return html``;\n    }\n\n    setTimeout(() => {\n      this.menu.anchorElement = this.getMenuAnchor();\n      this.menu.open = true;\n    });\n\n    return html`\n      <u-menu manualFocus anchor-corner=\"auto-start\">\n        ${this.results\n          .map(result => {\n            const content = this.template\n              ? unsafeHTML(this.template(this.#termNormalized, result.value))\n              : html`<u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>`;\n            \n            return html`\n              <u-menu-item @click=${this.#getItemClickHandler(result)} tabindex=\"-1\">${content}</u-menu-item>`;\n          })}\n      </u-menu>\n    `;\n  }\n\n  async #updateResults(lazy = false) {\n\n    const term = this.getTargetValue();\n\n    const termNormalized = normalizeText(term).toLowerCase();\n\n    if (lazy && termNormalized === this.#termNormalized && this.menu?.open === true) {\n      return;\n    }\n\n    this.#termNormalized = termNormalized;\n\n    if (termNormalized.length < this.minLength) {\n      this.results = [];\n      return;\n    }\n\n    this.results = await this.#getData();\n    this.results = this.results.slice(0, this.limit || this.results.length);\n  }\n\n  async #getData(): Promise<Data[]> {\n    if (!this.source) {\n      return [];\n    }\n\n    let values: any[]\n\n    let filter = false;\n\n    if (this.source instanceof Array) {\n      values = this.source;\n      filter = true;\n    } else {\n      const source = this.source as ((term: string) => Promise<any[]>);\n      values = await source(this.#termNormalized);\n    }\n\n    const result = values\n      .map(source => ({\n        label: this.formatter\n          ? this.formatter(source)\n          : source.toString(),\n        value: source\n      }));\n\n    if (!filter) {\n      return result;\n    }\n\n    return result\n      .filter(t => normalizeText(t.label)\n      .toLowerCase()\n      .includes(this.#termNormalized))\n  }\n\n  #setValueOnTarget() {\n    if (!this.target) {\n      return;\n    }\n\n    const textValue = this.getTextValue();\n    this.#termNormalized = normalizeText(textValue)?.toLowerCase();\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      this.target.value = textValue;\n      return;\n    }\n\n    if (this.target.input) {\n      this.target.input.value = textValue;\n      return;\n    }\n \n    this.target.value = textValue;\n  }\n\n  private getTargetValue(): string {\n    return this.target!.input?.value ?? this.target!.value;\n  }\n\n  private setTargetValue(value: string): void {\n    const targetInput = this.target?.input ?? this.target;\n\n    if (targetInput) {\n      targetInput.value = value;\n    }\n  }\n\n  private getMenuAnchor() {\n    if (!this.target) {\n      return null;\n    }\n\n    if (this.target.tagName === 'U-CHIP-FIELD') {\n      return this.target.input;\n    }\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      return this.target.container;\n    }\n\n    return this.target;\n  }\n\n  private getTextValue(): string {\n    if (!this.value) {\n      return '';\n    }\n\n    return this.formatter\n      ? this.formatter(this.value)\n      : this.value\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-typeahead': UmTypeahead;\n  }\n}\n"]}
+{"version":3,"file":"typeahead.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js';\n\nimport { styles } from './typeahead.styles.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { UmMenu } from '../menu/menu.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { normalizeText } from '../shared/normalize-text.js';\n\nimport './highlight.js';\n\nexport interface Data {\n  label: string;\n  value: any;\n}\n\n@customElement('u-typeahead')\nexport class UmTypeahead extends LitElement {\n  static readonly formAssociated = true;\n\n  static override styles = styles;\n\n  #targetId: string | undefined;\n\n  #connected = false;\n  private target: HTMLElement & {input?: HTMLInputElement; container?: HTMLElement; value: string} | null = null;\n  #documentMutationObserver: MutationObserver | null = null;\n  #navigationController = new MenuFieldNavigationController(this);\n  #termNormalized: string = '';\n  #debounceTimeout: number | null = null;\n  #value: any;\n  readonly #elementInternals: ElementInternals;\n\n  // @ts-ignore\n  @state() results: Data[];\n\n  @property() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n  formatter: ((value: any) => string) | undefined;\n  template: ((term: string, value: any) => string) | undefined;\n\n  @property({type: Number, reflect: true}) debounce = 300;\n  @property({type: Number, reflect: true}) limit = 10;\n  @property({type: Number, reflect: true}) minLength = 2;\n  @property({type: Boolean, attribute: 'open-on-focus', reflect: true}) openOnFocus = false;\n  @property({type: Boolean, reflect: true})\n  editable = false;\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  get value(): any {\n    return this.#value;\n  }\n  set value(value: any) {\n    this.#value = value;\n    this.#elementInternals.setFormValue(value);\n\n    if (this.#connected) {\n      this.#setValueOnTarget();\n    }\n  }\n\n  override focus() {\n    this.target?.focus();\n  }\n\n  clear() {\n    if (!this.target) {\n      return;\n    }\n\n    this.#termNormalized = '';\n    this.setTargetValue('');\n  }\n\n  @property({reflect: true, attribute: \"target-id\"})\n  get targetId(): string | undefined {\n    return this.#targetId;\n  }\n  set targetId(value: string | undefined) {\n    this.#targetId = value;\n\n    if (this.#connected) {\n      this.#attach();\n    }\n  }\n\n  @query('u-menu') menu!: UmMenu;\n  @queryAll('u-menu-item') menuItems!: UmMenuItem[];\n\n  constructor() {\n    super();\n    this.#elementInternals = this.attachInternals();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.#connected = true;\n    this.#attach();\n    this.#documentMutationObserver = new MutationObserver(() => this.#attach())\n    this.#documentMutationObserver.observe(document, {attributes: true, childList: true});\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#connected = false;\n    this.#detach();\n    this.#documentMutationObserver!.disconnect();\n    this.#documentMutationObserver = null;\n  }\n\n  #attach() {\n    if (!this.targetId) {\n      this.#detach();\n      return;\n    }\n\n    const newTarget = document.getElementById(this.targetId) as HTMLInputElement;\n\n    if (newTarget === this.target) {\n      return;\n    }\n\n    this.#detach();\n\n    if (!newTarget) {\n      return;\n    }\n\n    // @ts-ignore\n    this.target = newTarget;\n\n    newTarget.addEventListener('click', this.#handleClick);\n    newTarget.addEventListener('input', this.#handleInput);\n    this.#navigationController.attach(newTarget);\n    newTarget.addEventListener('focus', this.#handleFocus);\n\n    if (this.value) {\n      this.#setValueOnTarget();\n    }\n  }\n\n  #detach() {\n    this.target?.removeEventListener('click', this.#handleClick);\n    this.target?.removeEventListener('input', this.#handleInput);\n    this.#navigationController.detach();\n    this.target?.removeEventListener('focus', this.#handleFocus);\n  }\n\n  #handleFocus = async () => {\n    if (this.openOnFocus) {\n      await this.#updateResults();\n    }\n  }\n\n  #handleInput = () => {\n\n    if (this.#debounceTimeout) {\n      clearTimeout(this.#debounceTimeout);\n    }\n\n    this.#setValueAndDispatchEvents(this.editable ? this.getTargetValue() : null, true);\n\n    this.#debounceTimeout = setTimeout(async () => await this.#updateResults(true), this.debounce);\n  }\n\n  #getItemClickHandler(data: Data) {\n    return () => {\n      const selectedEvent = new CustomEvent('selected', {\n        cancelable: true,\n        detail: data.value\n      });\n\n      this.dispatchEvent(selectedEvent);\n\n      if (selectedEvent.defaultPrevented) {\n        return;\n      }\n\n      this.#setValueAndDispatchEvents(data.value);\n    }\n  }\n\n  #setValueAndDispatchEvents(value: any, direct = false) {\n\n    if (!direct) {\n      this.value = value;\n    } else {\n      this.#value = value;\n      this.#elementInternals.setFormValue(value);\n    }\n\n    this.dispatchEvent(new InputEvent('input', {bubbles: true, composed: true}));\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n\n  protected override render(): HTMLTemplateResult {\n\n    if (!this.results?.length) {\n      return html``;\n    }\n\n    setTimeout(() => {\n      this.menu.anchorElement = this.getMenuAnchor();\n      this.menu.open = true;\n    });\n\n    return html`\n      <u-menu manualFocus anchor-corner=\"auto-start\">\n        ${this.results\n          .map(result => {\n            const content = this.template\n              ? unsafeHTML(this.template(this.#termNormalized, result.value))\n              : html`<u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>`;\n            \n            return html`\n              <u-menu-item @click=${this.#getItemClickHandler(result)} tabindex=\"-1\">${content}</u-menu-item>`;\n          })}\n      </u-menu>\n    `;\n  }\n\n  async #updateResults(lazy = false) {\n\n    const term = this.getTargetValue();\n\n    const termNormalized = normalizeText(term).toLowerCase();\n\n    if (lazy && termNormalized === this.#termNormalized && this.menu?.open === true) {\n      return;\n    }\n\n    this.#termNormalized = termNormalized;\n\n    if (termNormalized.length < this.minLength) {\n      this.results = [];\n      return;\n    }\n\n    this.results = await this.#getData();\n    this.results = this.results.slice(0, this.limit || this.results.length);\n  }\n\n  async #getData(): Promise<Data[]> {\n    if (!this.source) {\n      return [];\n    }\n\n    let values: any[]\n\n    let filter = false;\n\n    if (this.source instanceof Array) {\n      values = this.source;\n      filter = true;\n    } else {\n      const source = this.source as ((term: string) => Promise<any[]>);\n      values = await source(this.#termNormalized);\n    }\n\n    const result = values\n      .map(source => ({\n        label: this.formatter\n          ? this.formatter(source)\n          : source.toString(),\n        value: source\n      }));\n\n    if (!filter) {\n      return result;\n    }\n\n    return result\n      .filter(t => normalizeText(t.label)\n      .toLowerCase()\n      .includes(this.#termNormalized))\n  }\n\n  #setValueOnTarget() {\n    if (!this.target) {\n      return;\n    }\n\n    const textValue = this.getTextValue();\n    this.#termNormalized = normalizeText(textValue)?.toLowerCase();\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      this.target.value = textValue;\n      return;\n    }\n\n    if (this.target.input) {\n      this.target.input.value = textValue;\n      return;\n    }\n \n    this.target.value = textValue;\n  }\n\n  private getTargetValue(): string {\n    return this.target!.input?.value ?? this.target!.value;\n  }\n\n  private setTargetValue(value: string): void {\n    const targetInput = this.target?.input ?? this.target;\n\n    if (targetInput) {\n      targetInput.value = value;\n    }\n  }\n\n  private getMenuAnchor() {\n    if (!this.target) {\n      return null;\n    }\n\n    if (this.target.tagName === 'U-CHIP-FIELD') {\n      return this.target.input;\n    }\n\n    if (this.target.tagName === 'U-TEXT-FIELD') {\n      return this.target.container;\n    }\n\n    return this.target;\n  }\n\n  private getTextValue(): string {\n    if (!this.value) {\n      return '';\n    }\n\n    return this.formatter\n      ? this.formatter(this.value)\n      : this.value\n  }\n\n  #handleClick(e: Event) {\n    e.stopPropagation();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-typeahead': UmTypeahead;\n  }\n}\n"]}