@universal-material/web 3.0.91 → 3.0.93

package/text-area/text-area.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { styles } from './text-area.styles.js';
+import { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';
+import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
+let UmTextArea = class UmTextArea extends UmNativeTextFieldWrapper {
+    constructor() {
+        super(...arguments);
+        this.rows = 2;
+    }
+    static { this.styles = [UmTextFieldBase.styles, styles]; }
+    renderControl() {
+        return html `
+      <div class="input">
+        <textarea
+          part="input"
+          id=${this.id || nothing}
+          aria-labelledby="label"
+          aria-describedBy="supporting-text"
+          ?disabled=${this.disabled}
+          spellcheck=${this.spellcheck}
+          autocomplete=${this.autocomplete}
+          autocapitalize=${this.autocapitalize}
+          role=${this.role}
+          maxlength=${this.maxlength ?? nothing}
+          .rows=${this.rows}
+          .placeholder=${this.placeholder}
+          .value=${live(this._value)}
+          @input=${this._handleInput}></textarea>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], UmTextArea.prototype, "rows", void 0);
+__decorate([
+    query('textarea')
+], UmTextArea.prototype, "input", void 0);
+UmTextArea = __decorate([
+    customElement('u-text-area')
+], UmTextArea);
+export { UmTextArea };
+//# sourceMappingURL=text-area.js.map

package/text-area/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../src/text-area/text-area.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAGxE,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,wBAAwB;IAAjD;;QAGuB,SAAI,GAAG,CAAC,CAAC;IAyBvC,CAAC;aA3BiB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IAMvD,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;eAIA,IAAI,CAAC,EAAE,IAAI,OAAO;;;sBAGX,IAAI,CAAC,QAAQ;uBACZ,IAAI,CAAC,UAAU;yBACb,IAAI,CAAC,YAAY;2BACf,IAAI,CAAC,cAAc;iBAC7B,IAAI,CAAC,IAAI;sBACJ,IAAI,CAAC,SAAS,IAAI,OAAO;kBAC7B,IAAI,CAAC,IAAI;yBACF,IAAI,CAAC,WAAW;mBACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;mBACjB,IAAI,CAAC,YAAY;;KAE/B,CAAC;IACJ,CAAC;;AAxB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAU;AAET;IAA3B,KAAK,CAAC,UAAU,CAAC;yCAAsC;AAL7C,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4BtB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles } from './text-area.styles.js';\n\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\n\n@customElement('u-text-area')\nexport class UmTextArea extends UmNativeTextFieldWrapper {\n  static override styles: CSSResultGroup = [UmTextFieldBase.styles, styles];\n\n  @property({ type: Number }) rows = 2;\n\n  @query('textarea') override input!: HTMLTextAreaElement;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <div class=\"input\">\n        <textarea\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          aria-describedBy=\"supporting-text\"\n          ?disabled=${this.disabled}\n          spellcheck=${this.spellcheck}\n          autocomplete=${this.autocomplete}\n          autocapitalize=${this.autocapitalize}\n          role=${this.role}\n          maxlength=${this.maxlength ?? nothing}\n          .rows=${this.rows}\n          .placeholder=${this.placeholder}\n          .value=${live(this._value)}\n          @input=${this._handleInput}></textarea>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-text-area': UmTextArea;\n  }\n}\n"]}

package/text-area/text-area.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=text-area.styles.d.ts.map

package/text-area/text-area.styles.d.ts.map

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

package/text-area/text-area.styles.js

@@ -0,0 +1,39 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    resize: both;
+  }
+
+  .container,
+  .input-wrapper {
+    resize: inherit;
+  }
+
+  .input-wrapper,
+  .input,
+  textarea,
+  .container {
+    height: 100%;
+  }
+
+  .input-wrapper {
+    padding: 0 !important;
+    overflow: hidden;
+  }
+
+  textarea {
+    margin: 0;
+    resize: none;
+  }
+
+  .input textarea {
+    border-block: var(--_vertical-padding) solid transparent;
+    padding-inline: var(--_field-control-inline-padding);
+  }
+
+  .container.filled:not(.no-label) textarea {
+    border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;
+    border-bottom: var(--_vertical-padding) solid transparent;
+  }
+`;
+//# sourceMappingURL=text-area.styles.js.map

package/text-area/text-area.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.styles.js","sourceRoot":"","sources":["../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    resize: both;\n  }\n\n  .container,\n  .input-wrapper {\n    resize: inherit;\n  }\n\n  .input-wrapper,\n  .input,\n  textarea,\n  .container {\n    height: 100%;\n  }\n\n  .input-wrapper {\n    padding: 0 !important;\n    overflow: hidden;\n  }\n\n  textarea {\n    margin: 0;\n    resize: none;\n  }\n\n  .input textarea {\n    border-block: var(--_vertical-padding) solid transparent;\n    padding-inline: var(--_field-control-inline-padding);\n  }\n\n  .container.filled:not(.no-label) textarea {\n    border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;\n    border-bottom: var(--_vertical-padding) solid transparent;\n  }\n`;\n"]}

package/text-field/text-field.d.ts

@@ -1,18 +1,13 @@
 import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult } from 'lit';
-import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
-export declare class UmTextField extends UmTextFieldBase {
-    #private;
+import { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';
+export declare class UmTextField extends UmNativeTextFieldWrapper {
     static styles: CSSResultGroup;
-    get value(): string;
-    set value(value: string);
     type: string;
     prefixText: string | undefined;
     suffixText: string | undefined;
-    autocomplete: 'on' | 'off' | string | undefined;
     autocapitalize: string;
     input: HTMLInputElement;
-    focus(): void;
     protected renderControl(): HTMLTemplateResult;
 }
 declare global {

package/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAMxD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAE/E,qBACa,WAAY,SAAQ,eAAe;;IAE9C,OAAgB,MAAM,EAAE,cAAc,CAGpC;IAIF,IACI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAEW,IAAI,EAAE,MAAM,CAAU;IACI,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IACvC,cAAc,EAAG,MAAM,CAAC;IAE5C,KAAK,EAAG,gBAAgB,CAAC;IAEhC,KAAK;cAIK,aAAa,IAAI,kBAAkB;CA8BvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAMxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAGxG,qBACa,WAAY,SAAQ,wBAAwB;IACvD,OAAgB,MAAM,EAAE,cAAc,CAAoC;IAE9D,IAAI,EAAE,MAAM,CAAU;IACM,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,cAAc,EAAG,MAAM,CAAC;IAE9C,KAAK,EAAG,gBAAgB,CAAC;cAEtB,aAAa,IAAI,kBAAkB;CA2BvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/text-field/text-field.js

@@ -8,29 +8,14 @@ import { html, nothing } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { styles } from './text-field.styles.js';
+import { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';
 import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
-let UmTextField = class UmTextField extends UmTextFieldBase {
+let UmTextField = class UmTextField extends UmNativeTextFieldWrapper {
     constructor() {
         super(...arguments);
-        this.#value = '';
         this.type = 'text';
     }
-    static { this.styles = [
-        UmTextFieldBase.styles,
-        styles
-    ]; }
-    #value;
-    get value() {
-        return this.#value;
-    }
-    set value(value) {
-        this.#value = value;
-        this.empty = !value;
-        this.elementInternals.setFormValue(value);
-    }
-    focus() {
-        this.input.focus();
-    }
+    static { this.styles = [UmTextFieldBase.styles, styles]; }
     renderControl() {
         return html `
       <slot class="prefix" name="prefix">
@@ -44,25 +29,21 @@ let UmTextField = class UmTextField extends UmTextFieldBase {
           aria-labelledby="label"
           aria-describedBy="supporting-text"
           ?disabled=${this.disabled}
-          placeholder=${this.placeholder || nothing}
           spellcheck=${this.spellcheck}
           autocomplete=${this.autocomplete}
           autocapitalize=${this.autocapitalize}
           role=${this.role}
-          .value=${live(this.#value)}
-          @input=${this.#handleInput} />
+          maxlength=${this.maxlength ?? nothing}
+          .placeholder=${this.placeholder}
+          .value=${live(this._value)}
+          @input=${this._handleInput} />
       </div>
       <slot class="suffix" name="suffix">
         <span>${this.suffixText}</span>
-      </slot>`;
-    }
-    #handleInput() {
-        this.value = this.input.value;
+      </slot>
+    `;
     }
 };
-__decorate([
-    property()
-], UmTextField.prototype, "value", null);
 __decorate([
     property()
 ], UmTextField.prototype, "type", void 0);
@@ -72,9 +53,6 @@ __decorate([
 __decorate([
     property({ attribute: 'suffix-text' })
 ], UmTextField.prototype, "suffixText", void 0);
-__decorate([
-    property({ reflect: true })
-], UmTextField.prototype, "autocomplete", void 0);
 __decorate([
     property({ reflect: true })
 ], UmTextField.prototype, "autocapitalize", void 0);

package/text-field/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAGxE,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;IAAzC;;QAOL,WAAM,GAAW,EAAE,CAAC;QAYR,SAAI,GAAW,MAAM,CAAC;IA0CpC,CAAC;aA3DiB,WAAM,GAAmB;QACvC,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEF,MAAM,CAAc;IAGpB,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAUQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAEkB,aAAa;QAE9B,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,UAAU;;;;iBAId,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE,IAAI,OAAO;;;sBAGX,IAAI,CAAC,QAAQ;wBACX,IAAI,CAAC,WAAW,IAAI,OAAO;uBAC5B,IAAI,CAAC,UAAU;yBACb,IAAI,CAAC,YAAY;2BACf,IAAI,CAAC,cAAc;iBAC7B,IAAI,CAAC,IAAI;mBACP,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;mBACjB,IAAI,CAAC,YAAY;;;gBAGpB,IAAI,CAAC,UAAU;cACjB,CAAC;IACb,CAAC;IAED,YAAY;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAChC,CAAC;;AAlDD;IADC,QAAQ,EAAE;wCAGV;AAOW;IAAX,QAAQ,EAAE;yCAAuB;AACI;IAArC,QAAQ,CAAC,EAAC,SAAS,EAAE,aAAa,EAAC,CAAC;+CAAgC;AAC/B;IAArC,QAAQ,CAAC,EAAC,SAAS,EAAE,aAAa,EAAC,CAAC;+CAAgC;AAC1C;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;iDAAiD;AACvC;IAAnC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;mDAAkC;AAE5C;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAzB9B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA6DvB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles } from './text-field.styles.js';\n\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\n\n@customElement('u-text-field')\nexport class UmTextField extends UmTextFieldBase {\n\n  static override styles: CSSResultGroup = [\n    UmTextFieldBase.styles,\n    styles\n  ];\n\n  #value: string = '';\n\n  @property()\n  get value() {\n    return this.#value;\n  }\n  set value(value: string) {\n    this.#value = value;\n    this.empty = !value;\n    this.elementInternals.setFormValue(value);\n  }\n\n  @property() type: string = 'text';\n  @property({attribute: 'prefix-text'}) prefixText: string | undefined;\n  @property({attribute: 'suffix-text'}) suffixText: string | undefined;\n  @property({reflect: true}) autocomplete: 'on' | 'off' | string | undefined;\n  @property({reflect: true}) override autocapitalize!: string;\n\n  @query('input') input!: HTMLInputElement;\n\n  override focus() {\n    this.input.focus();\n  }\n\n  protected override renderControl(): HTMLTemplateResult {\n\n    return html`\n      <slot class=\"prefix\" name=\"prefix\">\n        <span>${this.prefixText}</span>\n      </slot>\n      <div class=\"input\">\n        <input\n          type=${this.type}\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          aria-describedBy=\"supporting-text\"\n          ?disabled=${this.disabled}\n          placeholder=${this.placeholder || nothing}\n          spellcheck=${this.spellcheck}\n          autocomplete=${this.autocomplete}\n          autocapitalize=${this.autocapitalize}\n          role=${this.role}\n          .value=${live(this.#value)}\n          @input=${this.#handleInput} />\n      </div>\n      <slot class=\"suffix\" name=\"suffix\">\n        <span>${this.suffixText}</span>\n      </slot>`;\n  }\n\n  #handleInput() {\n    this.value = this.input.value;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-text-field': UmTextField;\n  }\n}\n"]}
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/text-field/text-field.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAGxE,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,wBAAwB;IAAlD;;QAGO,SAAI,GAAW,MAAM,CAAC;IAkCpC,CAAC;aApCiB,WAAM,GAAmB,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnD,CAAoD;IASvD,aAAa;QAC9B,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,UAAU;;;;iBAId,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE,IAAI,OAAO;;;sBAGX,IAAI,CAAC,QAAQ;uBACZ,IAAI,CAAC,UAAU;yBACb,IAAI,CAAC,YAAY;2BACf,IAAI,CAAC,cAAc;iBAC7B,IAAI,CAAC,IAAI;sBACJ,IAAI,CAAC,SAAS,IAAI,OAAO;yBACtB,IAAI,CAAC,WAAW;mBACtB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;mBACjB,IAAI,CAAC,YAAY;;;gBAGpB,IAAI,CAAC,UAAU;;KAE1B,CAAC;IACJ,CAAC;;AAjCW;IAAX,QAAQ,EAAE;yCAAuB;AACM;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AAC/B;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;+CAAgC;AACjC;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkC;AAE9C;IAAf,KAAK,CAAC,OAAO,CAAC;0CAA0B;AAR9B,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAqCvB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { styles } from './text-field.styles.js';\n\nimport { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\n\n@customElement('u-text-field')\nexport class UmTextField extends UmNativeTextFieldWrapper {\n  static override styles: CSSResultGroup = [UmTextFieldBase.styles, styles];\n\n  @property() type: string = 'text';\n  @property({ attribute: 'prefix-text' }) prefixText: string | undefined;\n  @property({ attribute: 'suffix-text' }) suffixText: string | undefined;\n  @property({ reflect: true }) override autocapitalize!: string;\n\n  @query('input') input!: HTMLInputElement;\n\n  protected override renderControl(): HTMLTemplateResult {\n    return html`\n      <slot class=\"prefix\" name=\"prefix\">\n        <span>${this.prefixText}</span>\n      </slot>\n      <div class=\"input\">\n        <input\n          type=${this.type}\n          part=\"input\"\n          id=${this.id || nothing}\n          aria-labelledby=\"label\"\n          aria-describedBy=\"supporting-text\"\n          ?disabled=${this.disabled}\n          spellcheck=${this.spellcheck}\n          autocomplete=${this.autocomplete}\n          autocapitalize=${this.autocapitalize}\n          role=${this.role}\n          maxlength=${this.maxlength ?? nothing}\n          .placeholder=${this.placeholder}\n          .value=${live(this._value)}\n          @input=${this._handleInput} />\n      </div>\n      <slot class=\"suffix\" name=\"suffix\">\n        <span>${this.suffixText}</span>\n      </slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-text-field': UmTextField;\n  }\n}\n"]}

package/text-field/text-field.styles.d.ts.map

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

package/text-field/text-field.styles.js

@@ -1,5 +1,11 @@
 import { css } from 'lit';
 export const styles = css `
+  .prefix::slotted(*),
+  .prefix span,
+  .suffix::slotted(*),
+  .suffix span {
+    transition: opacity 150ms 100ms;
+  }
   .prefix span:empty,
   .suffix span:empty {
     display: none;
@@ -23,5 +29,13 @@ export const styles = css `
   :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {
     color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));
   }
+
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),
+  :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {
+    opacity: 0;
+    transition: opacity 150ms;
+  }
 `;
 //# sourceMappingURL=text-field.styles.js.map

package/text-field/text-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.styles.js","sourceRoot":"","sources":["../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAwBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .prefix span:empty,\n  .suffix span:empty {\n    display: none;\n  }\n\n  .prefix::slotted(*),\n  .prefix span {\n    color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n    margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n  }\n\n  .suffix::slotted(*),\n  .suffix span {\n    color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n    margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n  }\n\n  :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n    color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n  }\n  :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n    color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n  }\n`;\n"]}
+{"version":3,"file":"text-field.styles.js","sourceRoot":"","sources":["../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .prefix::slotted(*),\n  .prefix span,\n  .suffix::slotted(*),\n  .suffix span {\n    transition: opacity 150ms 100ms;\n  }\n  .prefix span:empty,\n  .suffix span:empty {\n    display: none;\n  }\n\n  .prefix::slotted(*),\n  .prefix span {\n    color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n    margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n  }\n\n  .suffix::slotted(*),\n  .suffix span {\n    color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n    margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n  }\n\n  :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n    color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n  }\n  :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n    color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n  }\n\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),\n  :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {\n    opacity: 0;\n    transition: opacity 150ms;\n  }\n`;\n"]}

package/typeahead/typeahead.d.ts

@@ -1,6 +1,8 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
 import { UmMenuItem } from '../menu/menu-item.js';
 import { UmMenu } from '../menu/menu.js';
+import '../menu/menu.js';
+import '../menu/menu-item.js';
 import './highlight.js';
 export interface Data {
     label: string;

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;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,CAA6I;IASlJ,OAAO,CAAC,OAAO,CAAS;IAEjC;;OAEG;IACM,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAE1E;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEhD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAE7D;;OAEG;IACsC,QAAQ,SAAO;IAExD;;OAEG;IACsC,KAAK,SAAM;IAEpD;;;;OAIG;IACsC,SAAS,SAAK;IAEvD;;;;OAIG;IACmE,WAAW,UAAS;IAE1F;;OAEG;IACuC,QAAQ,UAAS;IAE3D;;OAEG;IACwB,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAS;IAEvE;;OAEG;IACiC,UAAU,UAAS;IAEvD,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL;;OAEG;IACH,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,KAAK,EAAG,MAAM,CAAC;IACP,UAAU,EAAG,UAAU,EAAE,CAAC;;IAO1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAYhF,iBAAiB;IAQjB,oBAAoB;cAiGV,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"}
+{"version":3,"file":"typeahead.d.ts","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAa3D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,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,CAOE;IASP,OAAO,CAAC,OAAO,CAAS;IAEjC;;OAEG;IACM,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAE1E;;OAEG;IACH,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAEhD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAE7D;;OAEG;IACwC,QAAQ,SAAO;IAE1D;;OAEG;IACwC,KAAK,SAAM;IAEtD;;;;OAIG;IACwC,SAAS,SAAK;IAEzD;;;;OAIG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IAC0B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAS;IAEzE;;OAEG;IACmC,UAAU,UAAS;IAEzD,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,GAAG,CAEf;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,EAOnB;IAEQ,KAAK;IAId,KAAK;IASL;;OAEG;IACH,IACI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMrC;IAEgB,KAAK,EAAG,MAAM,CAAC;IACP,UAAU,EAAG,UAAU,EAAE,CAAC;;IAO1C,wBAAwB,CAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,KAAK,EAAE,MAAM,GAAG,IAAI;IAab,iBAAiB;IAWjB,oBAAoB;cAyGV,MAAM,IAAI,kBAAkB;IA0G/C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;CAWrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}

package/typeahead/typeahead.js

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 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 { 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 '../menu/menu.js';
+import '../menu/menu-item.js';
 import './highlight.js';
 let UmTypeahead = class UmTypeahead extends LitElement {
     static { this.formAssociated = true; }
@@ -128,7 +130,10 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         this.#connected = true;
         this.#attach();
         this.#documentMutationObserver = new MutationObserver(() => this.#attach());
-        this.#documentMutationObserver.observe(document, { attributes: true, childList: true });
+        this.#documentMutationObserver.observe(document, {
+            attributes: true,
+            childList: true,
+        });
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -152,7 +157,7 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         }
         // @ts-ignore
         this.target = newTarget;
-        newTarget.role = "combobox";
+        newTarget.role = 'combobox';
         newTarget.autocomplete = this.autocomplete;
         newTarget.spellcheck = this.spellcheck;
         newTarget.autocapitalize = 'off';
@@ -176,7 +181,7 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         return () => {
             const selectedEvent = new CustomEvent('selected', {
                 cancelable: true,
-                detail: data.value
+                detail: data.value,
             });
             this.dispatchEvent(selectedEvent);
             if (selectedEvent.defaultPrevented) {
@@ -206,13 +211,18 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         });
         return html `
       <u-menu manualFocus anchor-corner="auto-start">
-        ${this.results
-            .map(result => {
+        ${this.results.map(result => {
             const content = this.template
                 ? unsafeHTML(this.template(this.#termNormalized, result.value))
-                : html `<u-highlight .term=${this.#termNormalized} .result=${result.label}></u-highlight>`;
-            return html `
-              <u-menu-item @click=${this.#getItemClickHandler(result)} tabindex="-1">${content}</u-menu-item>`;
+                : html `<u-highlight
+                .term=${this.#termNormalized}
+                .result=${result.label}
+              ></u-highlight>`;
+            return html ` <u-menu-item
+            @click=${this.#getItemClickHandler(result)}
+            tabindex="-1"
+            >${content}</u-menu-item
+          >`;
         })}
       </u-menu>
     `;
@@ -220,7 +230,9 @@ let UmTypeahead = class UmTypeahead extends LitElement {
     async #updateResults(lazy = false) {
         const term = this.getTargetValue();
         const termNormalized = normalizeText(term).toLowerCase();
-        if (lazy && termNormalized === this.#termNormalized && this._menu?.open === true) {
+        if (lazy &&
+            termNormalized === this.#termNormalized &&
+            this._menu?.open === true) {
             return;
         }
         this.#termNormalized = termNormalized;
@@ -245,20 +257,14 @@ let UmTypeahead = class UmTypeahead extends LitElement {
             const source = this.source;
             values = await source(this.#termNormalized);
         }
-        const result = values
-            .map(source => ({
-            label: this.formatter
-                ? this.formatter(source)
-                : source.toString(),
-            value: source
+        const result = values.map(source => ({
+            label: this.formatter ? this.formatter(source) : source.toString(),
+            value: source,
         }));
         if (!filter) {
             return result;
         }
-        return result
-            .filter(t => normalizeText(t.label)
-            .toLowerCase()
-            .includes(this.#termNormalized));
+        return result.filter(t => normalizeText(t.label).toLowerCase().includes(this.#termNormalized));
     }
     #setValueOnTarget() {
         if (!this.target) {
@@ -301,9 +307,7 @@ let UmTypeahead = class UmTypeahead extends LitElement {
         if (!this.value) {
             return '';
         }
-        return this.formatter
-            ? this.formatter(this.value)
-            : this.value;
+        return this.formatter ? this.formatter(this.value) : this.value;
     }
     #handleClick(e) {
         e.stopPropagation();
@@ -337,7 +341,7 @@ __decorate([
     property({ reflect: true })
 ], UmTypeahead.prototype, "spellcheck", void 0);
 __decorate([
-    property({ reflect: true, attribute: "target-id" })
+    property({ reflect: true, attribute: 'target-id' })
 ], UmTypeahead.prototype, "targetId", null);
 __decorate([
     query('u-menu')

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 { 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 & {autocomplete: 'on' | 'off' | string | null; 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() private results: Data[];\n\n  /**\n   * The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`.\n   */\n  @state() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n\n  /**\n   * A function return a string based on a result from the `source`. Useful when the source results are objects.\n   */\n  formatter: ((value: any) => string) | undefined;\n\n  /**\n   * A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n   *\n   * _Note:_ Subject to signature change\n   */\n  template: ((term: string, value: any) => string) | undefined;\n\n  /**\n   * The time in milliseconds before triggering an update in the results.\n   */\n  @property({type: Number, reflect: true}) debounce = 300;\n\n  /**\n   * The number of suggestions to show\n   */\n  @property({type: Number, reflect: true}) limit = 10;\n\n  /**\n   * How many characters must be typed before show suggestions\n   *\n   * _Note:_ Not used when the source is a `Promise`\n   */\n  @property({type: Number, reflect: true}) minLength = 2;\n\n  /**\n   * Whether the menu will be show when the target get focus.\n   *\n   * _Note:_ The `minLength` will still be applied\n   */\n  @property({type: Boolean, attribute: 'open-on-focus', reflect: true}) openOnFocus = false;\n\n  /**\n   * If `true`, model values will not be restricted only to items selected from the menu.\n   */\n  @property({type: Boolean, reflect: true}) editable = false;\n\n  /**\n   * The value for the `autocomplete` attribute for the target element.\n   */\n  @property({reflect: true}) autocomplete: 'on' | 'off' | string = 'off';\n\n  /**\n   * The value for the `spellcheck` attribute for the target element.\n   */\n  @property({reflect: true}) override spellcheck = false;\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  /**\n   * Gets or sets the current value of the typeahead.\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  /**\n   * The id of the target element to attach the typeahead.\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 attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name === 'autocomplete') {\n      this.target!.autocomplete = value;\n    }\n\n    if (name === 'spellcheck') {\n      this.target!.spellcheck = value === 'true';\n    }\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    newTarget.role = \"combobox\";\n    newTarget.autocomplete = <any>this.autocomplete;\n    newTarget.spellcheck = this.spellcheck;\n    newTarget.autocapitalize = 'off';\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"]}
+{"version":3,"file":"typeahead.js","sourceRoot":"","sources":["../../src/typeahead/typeahead.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\n\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport {\n  customElement,\n  property,\n  query,\n  queryAll,\n  state,\n} 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 '../menu/menu.js';\nimport '../menu/menu-item.js';\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:\n    | (HTMLElement & {\n        autocomplete: 'on' | 'off' | string | null;\n        input?: HTMLInputElement;\n        container?: HTMLElement;\n        value: string;\n      })\n    | 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() private results: Data[];\n\n  /**\n   * The datasource of the typeahead. Accepts an `Array` or a `Promise<[]>`.\n   */\n  @state() source: (any[] | ((term: string) => Promise<any[]>)) | undefined;\n\n  /**\n   * A function return a string based on a result from the `source`. Useful when the source results are objects.\n   */\n  formatter: ((value: any) => string) | undefined;\n\n  /**\n   * A string representing an HTML to be rendered inside the menu item. If set, it will replace the `u-highlight`.\n   *\n   * _Note:_ Subject to signature change\n   */\n  template: ((term: string, value: any) => string) | undefined;\n\n  /**\n   * The time in milliseconds before triggering an update in the results.\n   */\n  @property({ type: Number, reflect: true }) debounce = 300;\n\n  /**\n   * The number of suggestions to show\n   */\n  @property({ type: Number, reflect: true }) limit = 10;\n\n  /**\n   * How many characters must be typed before show suggestions\n   *\n   * _Note:_ Not used when the source is a `Promise`\n   */\n  @property({ type: Number, reflect: true }) minLength = 2;\n\n  /**\n   * Whether the menu will be show when the target get focus.\n   *\n   * _Note:_ The `minLength` will still be applied\n   */\n  @property({ type: Boolean, attribute: 'open-on-focus', reflect: true })\n  openOnFocus = false;\n\n  /**\n   * If `true`, model values will not be restricted only to items selected from the menu.\n   */\n  @property({ type: Boolean, reflect: true }) editable = false;\n\n  /**\n   * The value for the `autocomplete` attribute for the target element.\n   */\n  @property({ reflect: true }) autocomplete: 'on' | 'off' | string = 'off';\n\n  /**\n   * The value for the `spellcheck` attribute for the target element.\n   */\n  @property({ reflect: true }) override spellcheck = false;\n\n  get form(): HTMLFormElement | null {\n    return this.#elementInternals.form;\n  }\n\n  /**\n   * Gets or sets the current value of the typeahead.\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  /**\n   * The id of the target element to attach the typeahead.\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 attributeChangedCallback(\n    name: string,\n    _old: string | null,\n    value: string | null,\n  ) {\n    super.attributeChangedCallback(name, _old, value);\n\n    if (name === 'autocomplete') {\n      this.target!.autocomplete = value;\n    }\n\n    if (name === 'spellcheck') {\n      this.target!.spellcheck = value === 'true';\n    }\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, {\n      attributes: true,\n      childList: true,\n    });\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(\n      this.targetId,\n    ) 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    newTarget.role = 'combobox';\n    newTarget.autocomplete = <any>this.autocomplete;\n    newTarget.spellcheck = this.spellcheck;\n    newTarget.autocapitalize = 'off';\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    if (this.#debounceTimeout) {\n      clearTimeout(this.#debounceTimeout);\n    }\n\n    this.#setValueAndDispatchEvents(\n      this.editable ? this.getTargetValue() : null,\n      true,\n    );\n\n    this.#debounceTimeout = setTimeout(\n      async () => await this.#updateResults(true),\n      this.debounce,\n    );\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    if (!direct) {\n      this.value = value;\n    } else {\n      this.#value = value;\n      this.#elementInternals.setFormValue(value);\n    }\n\n    this.dispatchEvent(\n      new InputEvent('input', { bubbles: true, composed: true }),\n    );\n    this.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  protected override render(): HTMLTemplateResult {\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.map(result => {\n          const content = this.template\n            ? unsafeHTML(this.template(this.#termNormalized, result.value))\n            : html`<u-highlight\n                .term=${this.#termNormalized}\n                .result=${result.label}\n              ></u-highlight>`;\n\n          return html` <u-menu-item\n            @click=${this.#getItemClickHandler(result)}\n            tabindex=\"-1\"\n            >${content}</u-menu-item\n          >`;\n        })}\n      </u-menu>\n    `;\n  }\n\n  async #updateResults(lazy = false) {\n    const term = this.getTargetValue();\n\n    const termNormalized = normalizeText(term).toLowerCase();\n\n    if (\n      lazy &&\n      termNormalized === this.#termNormalized &&\n      this._menu?.open === true\n    ) {\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.map(source => ({\n      label: this.formatter ? this.formatter(source) : source.toString(),\n      value: source,\n    }));\n\n    if (!filter) {\n      return result;\n    }\n\n    return result.filter(t =>\n      normalizeText(t.label).toLowerCase().includes(this.#termNormalized),\n    );\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 ? this.formatter(this.value) : 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"]}