@universal-material/web 3.8.0 → 3.9.0

package/shared/button-wrapper.js

@@ -7,7 +7,7 @@ import { styles } from './button-wrapper.styles.js';
 import { redispatchEvent } from './events/redispatch-event.js';
 import '../elevation/elevation.js';
 import '../ripple/ripple.js';
-export class UmButtonWrapper extends LitElement {
+export class ButtonWrapper extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -109,23 +109,23 @@ export class UmButtonWrapper extends LitElement {
 }
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmButtonWrapper.prototype, "disabled", void 0);
+], ButtonWrapper.prototype, "disabled", void 0);
 __decorate([
     state()
-], UmButtonWrapper.prototype, "renderRipple", void 0);
+], ButtonWrapper.prototype, "renderRipple", void 0);
 __decorate([
     property()
-], UmButtonWrapper.prototype, "href", void 0);
+], ButtonWrapper.prototype, "href", void 0);
 __decorate([
     property()
-], UmButtonWrapper.prototype, "target", void 0);
+], ButtonWrapper.prototype, "target", void 0);
 __decorate([
     property()
-], UmButtonWrapper.prototype, "name", void 0);
+], ButtonWrapper.prototype, "name", void 0);
 __decorate([
     query('.button')
-], UmButtonWrapper.prototype, "buttonElement", void 0);
+], ButtonWrapper.prototype, "buttonElement", void 0);
 __decorate([
     query('u-ripple')
-], UmButtonWrapper.prototype, "_ripple", void 0);
+], ButtonWrapper.prototype, "_ripple", void 0);
 //# sourceMappingURL=button-wrapper.js.map

package/shared/button-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { styles as baseStyles } from './base.styles.js';\nimport { styles } from './button-wrapper.styles.js';\nimport { redispatchEvent } from './events/redispatch-event.js';\n\nimport '../elevation/elevation.js';\nimport '../ripple/ripple.js';\n\nexport abstract class UmButtonWrapper extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  /**\n   * Whether the button is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() renderRipple = true;\n\n  /**\n   * The URL that the link button points to.\n   */\n  @property() href: string | undefined;\n\n  /**\n   * Where to display the linked `href` URL for a link button. Common options\n   * include `_blank` to open in a new tab.\n   */\n  @property() target: string | undefined;\n\n  /**\n   * The form field name associated with the button when submitting a form\n   */\n  @property() name: string | undefined;\n\n  @query('.button') readonly buttonElement!: HTMLElement;\n  @query('u-ripple') private readonly _ripple!: UmRipple;\n\n  protected innerRole: string | null = null;\n\n  get pathname(): string {\n    return (this.buttonElement as HTMLAnchorElement)?.pathname;\n  }\n\n  protected override render(): HTMLTemplateResult {\n\n    const contents = typeof this.href === 'string'\n      ? this.#renderLink()\n      : this.#renderButton();\n\n    const containerClasses = classMap(this._getContainerClasses());\n\n    return html`<div class=\"container ${containerClasses}\" part=\"container\"> ${contents}</div>`;\n  }\n\n  protected _getContainerClasses(): Record<string, boolean> {\n    return { disabled: this.disabled };\n  }\n\n  #renderButton() {\n    return html`\n      <div class=\"content\">${this._renderContent()}</div>\n      <button\n        id=\"button\"\n        class=\"button focus-ring\"\n        ?disabled=${this.disabled}\n        aria-label=${this.getAriaLabel() || nothing}\n        aria-labelledby=\"${this.getAriaLabel() ? nothing : 'text'}\"\n        .role=${this.innerRole}\n        type=\"button\"\n        @click=${this.#innerClickHandler}>\n        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n        <u-elevation></u-elevation>\n      </button>\n    `;\n  }\n\n  #renderLink() {\n    return html`\n      <div class=\"content\">${this._renderContent()}</div>\n      <a\n        id=\"link\"\n        class=\"button\"\n        href=${this.disabled ? nothing : this.href}\n        aria-disabled=${this.disabled || nothing}\n        aria-label=${this.ariaLabel || nothing}\n        aria-labelledby=\"${this.ariaLabel ? nothing : 'text'}\"\n        .role=${this.innerRole}\n        target=${this.target || nothing}\n        @click=${this.#innerClickHandler}>\n        <u-elevation></u-elevation>\n        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n      </a>\n    `;\n  }\n\n  protected abstract _renderContent(): HTMLTemplateResult;\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener('focus', this.#innerFocusHandler);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.removeEventListener('focus', this.#innerFocusHandler);\n  }\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  protected getAriaLabel(): string | null {\n    return this.ariaLabel;\n  }\n\n  #innerFocusHandler(): void {\n    const tabIndexAttributeValue = this.getAttribute('tabindex');\n\n    if (tabIndexAttributeValue !== '0') {\n      return;\n    }\n\n    this.removeAttribute('tabindex');\n    setTimeout(() => this.buttonElement?.focus());\n  }\n\n  #innerClickHandler(event: MouseEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    const preventDefault = !redispatchEvent(this, event);\n\n    if (preventDefault) {\n      return;\n    }\n\n    if (!(event as PointerEvent).pointerType) {\n      this._ripple.createRipple();\n    }\n\n    this._handleClick(event);\n  }\n\n  protected _handleClick(_: UIEvent): void {\n  }\n}\n"]}
+{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { Ripple } from '../ripple/ripple.js';\nimport { styles as baseStyles } from './base.styles.js';\nimport { styles } from './button-wrapper.styles.js';\nimport { redispatchEvent } from './events/redispatch-event.js';\n\nimport '../elevation/elevation.js';\nimport '../ripple/ripple.js';\n\nexport abstract class ButtonWrapper extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  /**\n   * Whether the button is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() renderRipple = true;\n\n  /**\n   * The URL that the link button points to.\n   */\n  @property() href: string | undefined;\n\n  /**\n   * Where to display the linked `href` URL for a link button. Common options\n   * include `_blank` to open in a new tab.\n   */\n  @property() target: string | undefined;\n\n  /**\n   * The form field name associated with the button when submitting a form\n   */\n  @property() name: string | undefined;\n\n  @query('.button') readonly buttonElement!: HTMLElement;\n  @query('u-ripple') private readonly _ripple!: Ripple;\n\n  protected innerRole: string | null = null;\n\n  get pathname(): string {\n    return (this.buttonElement as HTMLAnchorElement)?.pathname;\n  }\n\n  protected override render(): HTMLTemplateResult {\n\n    const contents = typeof this.href === 'string'\n      ? this.#renderLink()\n      : this.#renderButton();\n\n    const containerClasses = classMap(this._getContainerClasses());\n\n    return html`<div class=\"container ${containerClasses}\" part=\"container\"> ${contents}</div>`;\n  }\n\n  protected _getContainerClasses(): Record<string, boolean> {\n    return { disabled: this.disabled };\n  }\n\n  #renderButton() {\n    return html`\n      <div class=\"content\">${this._renderContent()}</div>\n      <button\n        id=\"button\"\n        class=\"button focus-ring\"\n        ?disabled=${this.disabled}\n        aria-label=${this.getAriaLabel() || nothing}\n        aria-labelledby=\"${this.getAriaLabel() ? nothing : 'text'}\"\n        .role=${this.innerRole}\n        type=\"button\"\n        @click=${this.#innerClickHandler}>\n        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n        <u-elevation></u-elevation>\n      </button>\n    `;\n  }\n\n  #renderLink() {\n    return html`\n      <div class=\"content\">${this._renderContent()}</div>\n      <a\n        id=\"link\"\n        class=\"button\"\n        href=${this.disabled ? nothing : this.href}\n        aria-disabled=${this.disabled || nothing}\n        aria-label=${this.ariaLabel || nothing}\n        aria-labelledby=\"${this.ariaLabel ? nothing : 'text'}\"\n        .role=${this.innerRole}\n        target=${this.target || nothing}\n        @click=${this.#innerClickHandler}>\n        <u-elevation></u-elevation>\n        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n      </a>\n    `;\n  }\n\n  protected abstract _renderContent(): HTMLTemplateResult;\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener('focus', this.#innerFocusHandler);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.removeEventListener('focus', this.#innerFocusHandler);\n  }\n\n  override focus() {\n    this.buttonElement?.focus();\n  }\n\n  override blur() {\n    this.buttonElement?.blur();\n  }\n\n  protected getAriaLabel(): string | null {\n    return this.ariaLabel;\n  }\n\n  #innerFocusHandler(): void {\n    const tabIndexAttributeValue = this.getAttribute('tabindex');\n\n    if (tabIndexAttributeValue !== '0') {\n      return;\n    }\n\n    this.removeAttribute('tabindex');\n    setTimeout(() => this.buttonElement?.focus());\n  }\n\n  #innerClickHandler(event: MouseEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    const preventDefault = !redispatchEvent(this, event);\n\n    if (preventDefault) {\n      return;\n    }\n\n    if (!(event as PointerEvent).pointerType) {\n      this._ripple.createRipple();\n    }\n\n    this._handleClick(event);\n  }\n\n  protected _handleClick(_: UIEvent): void {\n  }\n}\n"]}

package/shared/char-count-text-field/native-text-field-wrapper.d.ts

@@ -1,5 +1,5 @@
-import { UmTextFieldBase } from '../text-field-base/text-field-base.js';
-export declare abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {
+import { TextFieldBase } from '../text-field-base/text-field-base.js';
+export declare abstract class NativeTextFieldWrapper extends TextFieldBase {
     #private;
     protected _value: string;
     /**

package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native-text-field-wrapper.d.ts","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,8BAAsB,wBAAyB,SAAQ,eAAe;;IACpE,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IACH,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAED;;OAEG;IAC0B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAI7E;;;OAGG;IACH,IACI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAED;;OAEG;IACmC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExD,KAAK;IAId,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAEvD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAMzC,SAAS,CAAC,YAAY;CAavB"}
+{"version":3,"file":"native-text-field-wrapper.d.ts","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,8BAAsB,sBAAuB,SAAQ,aAAa;;IAChE,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IACH,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAED;;OAEG;IAC0B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAI7E;;;OAGG;IACH,IACI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAED;;OAEG;IACmC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExD,KAAK;IAId,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAEvD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAMzC,SAAS,CAAC,YAAY;CAavB"}

package/shared/char-count-text-field/native-text-field-wrapper.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { property } from 'lit/decorators.js';
-import { UmTextFieldBase } from '../text-field-base/text-field-base.js';
-export class UmNativeTextFieldWrapper extends UmTextFieldBase {
+import { TextFieldBase } from '../text-field-base/text-field-base.js';
+export class NativeTextFieldWrapper extends TextFieldBase {
     constructor() {
         super(...arguments);
         this._value = '';
@@ -56,14 +56,14 @@ export class UmNativeTextFieldWrapper extends UmTextFieldBase {
 }
 __decorate([
     property()
-], UmNativeTextFieldWrapper.prototype, "value", null);
+], NativeTextFieldWrapper.prototype, "value", null);
 __decorate([
     property({ reflect: true })
-], UmNativeTextFieldWrapper.prototype, "autocomplete", void 0);
+], NativeTextFieldWrapper.prototype, "autocomplete", void 0);
 __decorate([
     property({ type: Number, reflect: true })
-], UmNativeTextFieldWrapper.prototype, "maxlength", null);
+], NativeTextFieldWrapper.prototype, "maxlength", null);
 __decorate([
     property({ reflect: true })
-], UmNativeTextFieldWrapper.prototype, "role", void 0);
+], NativeTextFieldWrapper.prototype, "role", void 0);
 //# sourceMappingURL=native-text-field-wrapper.js.map

package/shared/char-count-text-field/native-text-field-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-text-field-wrapper.js","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,OAAgB,wBAAyB,SAAQ,eAAe;IAAtE;;QACY,WAAM,GAAG,EAAE,CAAC;QAsCtB;;WAEG;QACmC,SAAI,GAAkB,IAAI,CAAC;IA2BnE,CAAC;IAlEC;;OAEG;IAEH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,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;QAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAOD,UAAU,CAAqB;IAE/B;;;OAGG;IAEH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAa;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAOQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIS,cAAc,CAAC,CAAgB;QACvC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;QAC9C,CAAC;IACH,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;CACF;AA9DC;IADC,QAAQ,EAAE;qDAGV;AAY4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAAiD;AAS7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAGzC;AAUqC;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAqC","sourcesContent":["import { property } from 'lit/decorators.js';\n\nimport { UmTextFieldBase } from '../text-field-base/text-field-base.js';\n\nexport abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {\n  protected _value = '';\n\n  /**\n   * The current text value of the field, submitted with the associated form\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    this._value = value;\n    this.empty = !value;\n    this.elementInternals.setFormValue(value);\n    this.#updateCounter();\n  }\n\n  /**\n   * Mirrors the native `autocomplete` attribute on the underlying input\n   */\n  @property({ reflect: true }) autocomplete: 'on' | 'off' | string | undefined;\n\n  #maxlength: number | undefined;\n\n  /**\n   * Maximum number of characters the field accepts. When set, drives the\n   * automatic character counter shown in the supporting text.\n   */\n  @property({ type: Number, reflect: true })\n  get maxlength(): number | undefined {\n    return this.#maxlength;\n  }\n\n  set maxlength(value: number) {\n    this.#maxlength = value;\n    this.#updateCounter();\n  }\n\n  /**\n   * The ARIA role applied to the inner input element\n   */\n  @property({ reflect: true }) override role: string | null = null;\n\n  override focus() {\n    this.input.focus();\n  }\n\n  abstract input: HTMLInputElement | HTMLTextAreaElement;\n\n  protected _handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      this.elementInternals.form?.requestSubmit();\n    }\n  }\n\n  protected _handleInput() {\n    this.value = this.input.value;\n    this.#updateCounter();\n  }\n\n  #updateCounter() {\n    if (this.maxlength) {\n      this._innerCounter = `${this.value.length}/${this.maxlength}`;\n      return;\n    }\n\n    this._innerCounter = undefined;\n  }\n}\n"]}
+{"version":3,"file":"native-text-field-wrapper.js","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,MAAM,OAAgB,sBAAuB,SAAQ,aAAa;IAAlE;;QACY,WAAM,GAAG,EAAE,CAAC;QAsCtB;;WAEG;QACmC,SAAI,GAAkB,IAAI,CAAC;IA2BnE,CAAC;IAlEC;;OAEG;IAEH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,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;QAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAOD,UAAU,CAAqB;IAE/B;;;OAGG;IAEH,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAa;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAOQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIS,cAAc,CAAC,CAAgB;QACvC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;QAC9C,CAAC;IACH,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;CACF;AA9DC;IADC,QAAQ,EAAE;mDAGV;AAY4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAAiD;AAS7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAGzC;AAUqC;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAqC","sourcesContent":["import { property } from 'lit/decorators.js';\n\nimport { TextFieldBase } from '../text-field-base/text-field-base.js';\n\nexport abstract class NativeTextFieldWrapper extends TextFieldBase {\n  protected _value = '';\n\n  /**\n   * The current text value of the field, submitted with the associated form\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    this._value = value;\n    this.empty = !value;\n    this.elementInternals.setFormValue(value);\n    this.#updateCounter();\n  }\n\n  /**\n   * Mirrors the native `autocomplete` attribute on the underlying input\n   */\n  @property({ reflect: true }) autocomplete: 'on' | 'off' | string | undefined;\n\n  #maxlength: number | undefined;\n\n  /**\n   * Maximum number of characters the field accepts. When set, drives the\n   * automatic character counter shown in the supporting text.\n   */\n  @property({ type: Number, reflect: true })\n  get maxlength(): number | undefined {\n    return this.#maxlength;\n  }\n\n  set maxlength(value: number) {\n    this.#maxlength = value;\n    this.#updateCounter();\n  }\n\n  /**\n   * The ARIA role applied to the inner input element\n   */\n  @property({ reflect: true }) override role: string | null = null;\n\n  override focus() {\n    this.input.focus();\n  }\n\n  abstract input: HTMLInputElement | HTMLTextAreaElement;\n\n  protected _handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      this.elementInternals.form?.requestSubmit();\n    }\n  }\n\n  protected _handleInput() {\n    this.value = this.input.value;\n    this.#updateCounter();\n  }\n\n  #updateCounter() {\n    if (this.maxlength) {\n      this._innerCounter = `${this.value.length}/${this.maxlength}`;\n      return;\n    }\n\n    this._innerCounter = undefined;\n  }\n}\n"]}

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

@@ -1,6 +1,6 @@
-import { UmMenuItem } from '../../menu/menu-item.js';
-import { UmMenuField } from './menu-field.js';
-export declare class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {
+import { MenuItem } from '../../menu/menu-item.js';
+import { MenuField } from './menu-field.js';
+export declare class MenuFieldNavigationController<TField extends MenuField, TMenuItem extends MenuItem> {
     #private;
     protected focusedMenu: TMenuItem | null;
     protected readonly getHost: () => TField;

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

@@ -1 +1 @@
-{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,MAAM,SAAS,WAAW,EAAE,SAAS,SAAS,UAAU;;IAEjG,SAAS,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAEzC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiC;gBAExD,IAAI,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,WAAW;IAQ3B,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA4CtD,OAAO,CAAC,QAAQ;IAwBhB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM;IAYrF,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAO,EAAE,MAAM,UAAO;IAetE,QAAQ;IAUR,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM;IAG7C,SAAS,CAAC,SAAS;CAEpB"}
+{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,qBAAa,6BAA6B,CAAC,MAAM,SAAS,SAAS,EAAE,SAAS,SAAS,QAAQ;;IAE7F,SAAS,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAEzC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiC;gBAExD,IAAI,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,WAAW;IAQ3B,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA4CtD,OAAO,CAAC,QAAQ;IAwBhB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM;IAYrF,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAO,EAAE,MAAM,UAAO;IAetE,QAAQ;IAUR,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM;IAG7C,SAAS,CAAC,SAAS;CAEpB"}

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

@@ -1 +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;IACxC,QAAQ,CAA4B;IAMpC,YAAY,IAAY;QANxB,aAAQ,GAAuB,IAAI,CAAC;QAC1B,gBAAW,GAAqB,IAAI,CAAC;QAwBtC,qBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAlBhD,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,CAAC,OAAoB;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QAEd,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACjF,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACvE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1E,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAEQ,gBAAgB,CAAyB;IAExC,aAAa,CAAC,KAAoB;QAC1C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,EAAE,CAAC;YACxC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;QAExC,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAC/B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAG,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC,CAAe,EAAE,CAAC,CAAC,CAAC;YACvE,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,CACb,KAAK,EACJ,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAe,EAC9E,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CACrC,CAAC;YACF,OAAO,IAAI,CAAC;QACd,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,IAAI,CAAC;QACd,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;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,QAAQ,CAAC,KAAoB,EAAE,QAAiB;QACtD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC;QAE5C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QAEpC,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAExE,MAAM,QAAQ,GAAG,QAAQ;YACvB,CAAC,CAAC,SAAS,CAAC,eAAe,GAAG,CAAC,CAAc,IAAI,SAAS,CAAC,CAAC,CAAC;YAC7D,CAAC,CAAC,SAAS,CAAC,eAAe,GAAG,CAAC,CAAc,IAAI,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAEnF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,CAAC;IAES,UAAU,CAAC,KAAoB,EAAE,IAA2B,EAAE,KAAa;QACnF,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,SAAS,CAAC,IAAe,EAAE,KAAa,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI;QACpE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAClC,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAEO,gBAAgB,CAAC,KAAoB;QAC3C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACpC,CAAC;IAES,UAAU,CAAC,CAAY,EAAE,EAAU;IAC7C,CAAC;IAES,SAAS;IACnB,CAAC;CACF","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {\n  #element: HTMLElement | null = null;\n  protected focusedMenu: TMenuItem | null = null;\n  protected readonly getHost: () => TField;\n\n  private readonly _bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: TField) {\n    this.getHost = () => host;\n    this._bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });\n    this.getHost()._menu?.addEventListener('close', this.#handleMenuClose);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);\n    this.getHost()._menu?.removeEventListener('close', this.#handleMenuClose);\n    this.#element = null;\n  }\n\n  readonly #handleMenuClose = () => this.blurMenu();\n\n  protected handleKeyDown(event: KeyboardEvent): boolean {\n    if (this.getHost()._menu?.open !== true) {\n      return false;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.getHost()._menu.close();\n    }\n\n    if (event.key === 'Home') {\n      this.navigateTo(event, (this.getHost()._menuItems[0] as TMenuItem), 0);\n      return true;\n    }\n\n    if (event.key === 'End') {\n      this.navigateTo(\n        event,\n        (this.getHost()._menuItems[this.getHost()._menuItems.length - 1] as TMenuItem),\n        this.getHost()._menuItems.length - 1,\n      );\n      return true;\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 true;\n    }\n\n    const isEnter = event.key === 'Enter';\n    const isTab = event.key === 'Tab';\n\n    if (isEnter || isTab) {\n      this.selectActiveItem(event);\n      return true;\n    }\n\n    return false;\n  }\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = this.getHost()._menuItems;\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = this.focusedMenu;\n\n    const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;\n\n    const nextMenu = forwards\n      ? menuItems[activeMenuIndex + 1] as TMenuItem ?? menuItems[0]\n      : menuItems[activeMenuIndex - 1] as TMenuItem ?? menuItems[menuItems.length - 1];\n\n    if (!nextMenu) {\n      return;\n    }\n\n    this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));\n  }\n\n  protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number) {\n    event.preventDefault();\n\n    this.blurMenu();\n\n    if (!menu) {\n      return;\n    }\n\n    this.focusMenu(menu, index);\n  }\n\n  focusMenu(menu: TMenuItem, index: number, active = true, scroll = true) {\n    if (this.focusedMenu) {\n      this.focusedMenu.active = false;\n    }\n\n    this.focusedMenu = menu;\n    menu.active = active;\n\n    if (scroll) {\n      menu.scrollIntoView({ block: 'nearest' });\n    }\n\n    this.afterFocus(menu, index);\n  }\n\n  blurMenu() {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    this.focusedMenu.active = false;\n    this.focusedMenu = null;\n    this.afterBlur();\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    this.focusedMenu.click();\n    this.getHost()._menu.open = false;\n  }\n\n  protected afterFocus(_: TMenuItem, __: number) {\n  }\n\n  protected afterBlur() {\n  }\n}\n"]}
+{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuItem } from '../../menu/menu-item.js';\nimport { MenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<TField extends MenuField, TMenuItem extends MenuItem> {\n  #element: HTMLElement | null = null;\n  protected focusedMenu: TMenuItem | null = null;\n  protected readonly getHost: () => TField;\n\n  private readonly _bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: TField) {\n    this.getHost = () => host;\n    this._bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });\n    this.getHost()._menu?.addEventListener('close', this.#handleMenuClose);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);\n    this.getHost()._menu?.removeEventListener('close', this.#handleMenuClose);\n    this.#element = null;\n  }\n\n  readonly #handleMenuClose = () => this.blurMenu();\n\n  protected handleKeyDown(event: KeyboardEvent): boolean {\n    if (this.getHost()._menu?.open !== true) {\n      return false;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.getHost()._menu.close();\n    }\n\n    if (event.key === 'Home') {\n      this.navigateTo(event, (this.getHost()._menuItems[0] as TMenuItem), 0);\n      return true;\n    }\n\n    if (event.key === 'End') {\n      this.navigateTo(\n        event,\n        (this.getHost()._menuItems[this.getHost()._menuItems.length - 1] as TMenuItem),\n        this.getHost()._menuItems.length - 1,\n      );\n      return true;\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 true;\n    }\n\n    const isEnter = event.key === 'Enter';\n    const isTab = event.key === 'Tab';\n\n    if (isEnter || isTab) {\n      this.selectActiveItem(event);\n      return true;\n    }\n\n    return false;\n  }\n\n  private navigate(event: KeyboardEvent, forwards: boolean) {\n    const menuItems = this.getHost()._menuItems;\n\n    if (!menuItems.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const activeMenu = this.focusedMenu;\n\n    const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;\n\n    const nextMenu = forwards\n      ? menuItems[activeMenuIndex + 1] as TMenuItem ?? menuItems[0]\n      : menuItems[activeMenuIndex - 1] as TMenuItem ?? menuItems[menuItems.length - 1];\n\n    if (!nextMenu) {\n      return;\n    }\n\n    this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));\n  }\n\n  protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number) {\n    event.preventDefault();\n\n    this.blurMenu();\n\n    if (!menu) {\n      return;\n    }\n\n    this.focusMenu(menu, index);\n  }\n\n  focusMenu(menu: TMenuItem, index: number, active = true, scroll = true) {\n    if (this.focusedMenu) {\n      this.focusedMenu.active = false;\n    }\n\n    this.focusedMenu = menu;\n    menu.active = active;\n\n    if (scroll) {\n      menu.scrollIntoView({ block: 'nearest' });\n    }\n\n    this.afterFocus(menu, index);\n  }\n\n  blurMenu() {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    this.focusedMenu.active = false;\n    this.focusedMenu = null;\n    this.afterBlur();\n  }\n\n  private selectActiveItem(event: KeyboardEvent) {\n    if (!this.focusedMenu) {\n      return;\n    }\n\n    event.preventDefault();\n    this.focusedMenu.click();\n    this.getHost()._menu.open = false;\n  }\n\n  protected afterFocus(_: TMenuItem, __: number) {\n  }\n\n  protected afterBlur() {\n  }\n}\n"]}

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

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

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

@@ -1 +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,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,UAAU,IAAI,UAAU,EAAE,CAAC;CAChC"}
+{"version":3,"file":"menu-field.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;CAC9B"}

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

@@ -1 +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"]}
+{"version":3,"file":"menu-field.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"","sourcesContent":["import { MenuItem } from '../../menu/menu-item.js';\nimport { Menu } from '../../menu/menu.js';\n\nexport interface MenuField {\n  _menu: Menu;\n  get _menuItems(): MenuItem[];\n}\n"]}

package/shared/selection-control/selection-control-list-item.d.ts

@@ -1,4 +1,4 @@
 import { MixinBase, MixinReturn } from '../mixin.js';
-import { UmSelectionControl } from './selection-control.js';
-export declare const mixinSelectionControlListItem: <T extends MixinBase<UmSelectionControl>>(base: T) => MixinReturn<T>;
+import { SelectionControl } from './selection-control.js';
+export declare const mixinSelectionControlListItem: <T extends MixinBase<SelectionControl>>(base: T) => MixinReturn<T>;
 //# sourceMappingURL=selection-control-list-item.d.ts.map

package/shared/selection-control/selection-control-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAG,WAAW,CAAC,CAAC,CAwC7G,CAAC"}
+{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,KAAG,WAAW,CAAC,CAAC,CA+C3G,CAAC"}

package/shared/selection-control/selection-control-list-item.js

@@ -12,6 +12,12 @@ export const mixinSelectionControlListItem = (base) => {
              * Defaults to a trailing position.
              */
             this.leading = false;
+            /**
+             * Pull the row flush with surrounding content (negative inline margin equal
+             * to the inline padding) so it aligns with adjacent labels / section headings.
+             * Forwarded to the inner `u-list-item`.
+             */
+            this.noInset = false;
             this.inputDescribedById = 'description';
             this.inputLabelledById = 'label';
         }
@@ -31,7 +37,7 @@ export const mixinSelectionControlListItem = (base) => {
         render() {
             return html `
         <label>
-          <u-list-item ?selectable=${!this.disabled}>
+          <u-list-item ?selectable=${!this.disabled} ?no-inset=${this.noInset}>
             <div slot="${this.leading ? 'leading-icon' : 'trailing-icon'}">${super.render()}</div>
             <span id="label"><slot></slot></span>
             <span id="description" slot="supporting-text"><slot name="supporting-text"></slot></span>
@@ -43,6 +49,9 @@ export const mixinSelectionControlListItem = (base) => {
     __decorate([
         property({ type: Boolean })
     ], SelectionControlListItem.prototype, "leading", void 0);
+    __decorate([
+        property({ type: Boolean, attribute: 'no-inset' })
+    ], SelectionControlListItem.prototype, "noInset", void 0);
     return SelectionControlListItem;
 };
 //# sourceMappingURL=selection-control-list-item.js.map

package/shared/selection-control/selection-control-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAeE;;;eAGG;YAC0B,YAAO,GAAG,KAAK,CAAC;YAE1B,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBAlCQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAWO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ;yBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAKpF,CAAC;QACJ,CAAC;;IAf4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAkB/C,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ];\n\n    /**\n     * Whether to render the selection control before the label.\n     * Defaults to a trailing position.\n     */\n    @property({ type: Boolean }) leading = false;\n\n    protected override inputDescribedById = 'description';\n    protected override inputLabelledById = 'label';\n\n    override render(): HTMLTemplateResult {\n      return html`\n        <label>\n          <u-list-item ?selectable=${!this.disabled}>\n            <div slot=\"${this.leading ? 'leading-icon' : 'trailing-icon'}\">${super.render()}</div>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n          </u-list-item>\n        </label>\n      `;\n    }\n  }\n\n  return SelectionControlListItem;\n};\n"]}
+{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAwC,IAAO,EAAkB,EAAE;IAC9G,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAeE;;;eAGG;YAC0B,YAAO,GAAG,KAAK,CAAC;YAE7C;;;;eAIG;YACiD,YAAO,GAAG,KAAK,CAAC;YAEjD,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBAzCQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAkBO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,OAAO;yBACpD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAKpF,CAAC;QACJ,CAAC;;IAtB4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAOO;QAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6DAAiB;IAkBtE,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { SelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<SelectionControl>>(base: T): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class SelectionControlListItem extends base {\n    static styles = [\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`\n        :host {\n          --u-list-item-block-padding: 0;\n          display: block;\n        }\n\n        :host(:not([disabled])) {\n          cursor: pointer;\n        }\n      `,\n    ];\n\n    /**\n     * Whether to render the selection control before the label.\n     * Defaults to a trailing position.\n     */\n    @property({ type: Boolean }) leading = false;\n\n    /**\n     * Pull the row flush with surrounding content (negative inline margin equal\n     * to the inline padding) so it aligns with adjacent labels / section headings.\n     * Forwarded to the inner `u-list-item`.\n     */\n    @property({ type: Boolean, attribute: 'no-inset' }) noInset = false;\n\n    protected override inputDescribedById = 'description';\n    protected override inputLabelledById = 'label';\n\n    override render(): HTMLTemplateResult {\n      return html`\n        <label>\n          <u-list-item ?selectable=${!this.disabled} ?no-inset=${this.noInset}>\n            <div slot=\"${this.leading ? 'leading-icon' : 'trailing-icon'}\">${super.render()}</div>\n            <span id=\"label\"><slot></slot></span>\n            <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n          </u-list-item>\n        </label>\n      `;\n    }\n  }\n\n  return SelectionControlListItem;\n};\n"]}

package/shared/selection-control/selection-control.d.ts

@@ -3,7 +3,7 @@ import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult, LitElement } from 'lit';
 import '../../ripple/ripple.js';
 export declare const isActivationClick: (event: Event) => boolean;
-export declare abstract class UmSelectionControl extends LitElement {
+export declare abstract class SelectionControl extends LitElement {
     #private;
     static styles: CSSResultGroup;
     static readonly formAssociated = true;

package/shared/selection-control/selection-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEtD;;OAEG;IAC0B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IAE3D;;OAEG;IACyC,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB;;OAEG;IACH,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}
+{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,gBAAiB,SAAQ,UAAU;;IACvD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEtD;;OAEG;IAC0B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IAE3D;;OAEG;IACyC,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB;;OAEG;IACH,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAe9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}

package/shared/selection-control/selection-control.js

@@ -42,7 +42,7 @@ const squelchEventsForMicrotask = async () => {
     await null;
     isSquelchingEvents = false;
 };
-export class UmSelectionControl extends LitElement {
+export class SelectionControl extends LitElement {
     static { this.styles = [baseStyles, styles]; }
     static { this.formAssociated = true; }
     static { this.shadowRootOptions = {
@@ -93,6 +93,14 @@ export class UmSelectionControl extends LitElement {
     }
     firstUpdated(changedProperties) {
         super.firstUpdated(changedProperties);
+        // Honor the initial `checked` boolean attribute. It is captured separately as
+        // `_checkedAttribute` (the `checked` accessor can't read the not-yet-rendered
+        // input), so seed `#checked` from it — otherwise this method resets
+        // `input.checked` to the un-seeded default and a markup `checked` never applies.
+        if (this._checkedAttribute && !this.#checked) {
+            this.#checked = true;
+            this.elementInternals.setFormValue(this.value);
+        }
         this.input.checked = this.#checked;
     }
     connectedCallback() {
@@ -145,20 +153,20 @@ export class UmSelectionControl extends LitElement {
 }
 __decorate([
     property({ reflect: true })
-], UmSelectionControl.prototype, "name", void 0);
+], SelectionControl.prototype, "name", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], UmSelectionControl.prototype, "disabled", void 0);
+], SelectionControl.prototype, "disabled", void 0);
 __decorate([
     query('input')
-], UmSelectionControl.prototype, "input", void 0);
+], SelectionControl.prototype, "input", void 0);
 __decorate([
     property()
-], UmSelectionControl.prototype, "value", void 0);
+], SelectionControl.prototype, "value", void 0);
 __decorate([
     property({ type: Boolean })
-], UmSelectionControl.prototype, "checked", null);
+], SelectionControl.prototype, "checked", null);
 __decorate([
     property({ type: Boolean, attribute: 'checked' })
-], UmSelectionControl.prototype, "_checkedAttribute", void 0);
+], SelectionControl.prototype, "_checkedAttribute", void 0);
 //# sourceMappingURL=selection-control.js.map

package/shared/selection-control/selection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../base.styles.js';\nimport { redispatchEvent } from '../events/redispatch-event.js';\nimport { styles } from './selection-control.styles.js';\n\nimport '../../ripple/ripple.js';\n\nexport const isActivationClick = (event: Event) => {\n  // Event must start at the event target.\n  if (event.currentTarget !== event.target) {\n    return false;\n  }\n\n  // Event must not be retargeted from shadowRoot.\n  if (event.composedPath()[0] !== event.target) {\n    return false;\n  }\n\n  // Target must not be disabled; this should only occur for a synthetically\n  // dispatched click.\n  if ((event.target as EventTarget & { disabled: boolean }).disabled) {\n    return false;\n  }\n\n  // This is an activation if the event should not be squelched.\n  return !squelchEvent(event);\n};\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nconst squelchEvent = (event: Event) => {\n  const squelched = isSquelchingEvents;\n\n  if (squelched) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  squelchEventsForMicrotask();\n  return squelched;\n};\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\n\nconst squelchEventsForMicrotask = async () => {\n  isSquelchingEvents = true;\n  // Need to pause for just one microtask.\n  /* eslint-disable @typescript-eslint/await-thenable */\n  await null;\n  isSquelchingEvents = false;\n};\n\nexport abstract class UmSelectionControl extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  static readonly formAssociated = true;\n\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  protected readonly elementInternals: ElementInternals;\n\n  /**\n   * The form field name used when submitting the control's value\n   */\n  @property({ reflect: true }) name: string | undefined = '';\n\n  /**\n   * Whether the control is disabled and prevents user interaction\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @query('input') input!: HTMLInputElement;\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  #checked = false;\n\n  protected inputType: 'checkbox' | 'radio' = 'checkbox';\n  protected renderRipple = true;\n  protected inputDescribedById: string | undefined = undefined;\n  protected inputLabelledById: string | undefined = undefined;\n\n  protected abstract renderIndicator(): HTMLTemplateResult;\n\n  /**\n   * The element value to use in form submission when checked.\n   */\n  @property() value = 'on';\n\n  /**\n   * Whether the control is checked\n   */\n  @property({ type: Boolean })\n  get checked() {\n    return this.input ? this.input.checked : this.#checked;\n  }\n\n  set checked(checked: boolean) {\n    this.#checked = checked;\n\n    if (this.input) {\n      this.input.checked = checked;\n    }\n\n    this.elementInternals.setFormValue(checked ? this.value : null);\n  }\n\n  @property({ type: Boolean, attribute: 'checked' }) private readonly _checkedAttribute = false;\n\n  protected constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    this.input.checked = this.#checked;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener('click', this._handleClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this._handleClick);\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const ripple = html`\n      <u-ripple ?disabled=${this.disabled} @click=${this.#handleRippleClick}></u-ripple>\n    `;\n\n    return html`\n      <div class=\"container\">\n        ${this.renderRipple ? ripple : nothing}\n        <input\n          id=\"input\"\n          type=${this.inputType}\n          class=\"focus-ring\"\n          .checked=${this._checkedAttribute}\n          .disabled=${this.disabled}\n          aria-labelledby=\"${this.inputLabelledById || nothing}\"\n          aria-describedby=\"${this.inputDescribedById || nothing}\"\n          @input=${this.#handleInput}\n          @change=${this.#handleChange} />\n        <div class=\"indicator-container\">${this.renderIndicator()}</div>\n      </div>\n    `;\n  }\n\n  #handleInput(event: Event) {\n    const target = event.target as HTMLInputElement;\n    this.checked = target.checked;\n    // <input> 'input' event bubbles and is composed, don't re-dispatch it.\n  }\n\n  #handleChange(event: Event) {\n    // <input> 'change' event is not composed, re-dispatch it.\n    redispatchEvent(this, event);\n  }\n\n  #handleRippleClick(e: Event) {\n    e.preventDefault();\n    this.input.click();\n  }\n\n  protected _handleClick(e: Event) {\n    if (isActivationClick(e)) {\n      this.input.click();\n    }\n  }\n}\n"]}
+{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../base.styles.js';\nimport { redispatchEvent } from '../events/redispatch-event.js';\nimport { styles } from './selection-control.styles.js';\n\nimport '../../ripple/ripple.js';\n\nexport const isActivationClick = (event: Event) => {\n  // Event must start at the event target.\n  if (event.currentTarget !== event.target) {\n    return false;\n  }\n\n  // Event must not be retargeted from shadowRoot.\n  if (event.composedPath()[0] !== event.target) {\n    return false;\n  }\n\n  // Target must not be disabled; this should only occur for a synthetically\n  // dispatched click.\n  if ((event.target as EventTarget & { disabled: boolean }).disabled) {\n    return false;\n  }\n\n  // This is an activation if the event should not be squelched.\n  return !squelchEvent(event);\n};\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nconst squelchEvent = (event: Event) => {\n  const squelched = isSquelchingEvents;\n\n  if (squelched) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n\n  squelchEventsForMicrotask();\n  return squelched;\n};\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\n\nconst squelchEventsForMicrotask = async () => {\n  isSquelchingEvents = true;\n  // Need to pause for just one microtask.\n  /* eslint-disable @typescript-eslint/await-thenable */\n  await null;\n  isSquelchingEvents = false;\n};\n\nexport abstract class SelectionControl extends LitElement {\n  static override styles: CSSResultGroup = [baseStyles, styles];\n\n  static readonly formAssociated = true;\n\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  protected readonly elementInternals: ElementInternals;\n\n  /**\n   * The form field name used when submitting the control's value\n   */\n  @property({ reflect: true }) name: string | undefined = '';\n\n  /**\n   * Whether the control is disabled and prevents user interaction\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @query('input') input!: HTMLInputElement;\n\n  get form(): HTMLFormElement | null {\n    return this.elementInternals.form;\n  }\n\n  override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  #checked = false;\n\n  protected inputType: 'checkbox' | 'radio' = 'checkbox';\n  protected renderRipple = true;\n  protected inputDescribedById: string | undefined = undefined;\n  protected inputLabelledById: string | undefined = undefined;\n\n  protected abstract renderIndicator(): HTMLTemplateResult;\n\n  /**\n   * The element value to use in form submission when checked.\n   */\n  @property() value = 'on';\n\n  /**\n   * Whether the control is checked\n   */\n  @property({ type: Boolean })\n  get checked() {\n    return this.input ? this.input.checked : this.#checked;\n  }\n\n  set checked(checked: boolean) {\n    this.#checked = checked;\n\n    if (this.input) {\n      this.input.checked = checked;\n    }\n\n    this.elementInternals.setFormValue(checked ? this.value : null);\n  }\n\n  @property({ type: Boolean, attribute: 'checked' }) private readonly _checkedAttribute = false;\n\n  protected constructor() {\n    super();\n    this.elementInternals = this.attachInternals();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    // Honor the initial `checked` boolean attribute. It is captured separately as\n    // `_checkedAttribute` (the `checked` accessor can't read the not-yet-rendered\n    // input), so seed `#checked` from it — otherwise this method resets\n    // `input.checked` to the un-seeded default and a markup `checked` never applies.\n    if (this._checkedAttribute && !this.#checked) {\n      this.#checked = true;\n      this.elementInternals.setFormValue(this.value);\n    }\n\n    this.input.checked = this.#checked;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.addEventListener('click', this._handleClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this._handleClick);\n  }\n\n  protected override render(): HTMLTemplateResult {\n    const ripple = html`\n      <u-ripple ?disabled=${this.disabled} @click=${this.#handleRippleClick}></u-ripple>\n    `;\n\n    return html`\n      <div class=\"container\">\n        ${this.renderRipple ? ripple : nothing}\n        <input\n          id=\"input\"\n          type=${this.inputType}\n          class=\"focus-ring\"\n          .checked=${this._checkedAttribute}\n          .disabled=${this.disabled}\n          aria-labelledby=\"${this.inputLabelledById || nothing}\"\n          aria-describedby=\"${this.inputDescribedById || nothing}\"\n          @input=${this.#handleInput}\n          @change=${this.#handleChange} />\n        <div class=\"indicator-container\">${this.renderIndicator()}</div>\n      </div>\n    `;\n  }\n\n  #handleInput(event: Event) {\n    const target = event.target as HTMLInputElement;\n    this.checked = target.checked;\n    // <input> 'input' event bubbles and is composed, don't re-dispatch it.\n  }\n\n  #handleChange(event: Event) {\n    // <input> 'change' event is not composed, re-dispatch it.\n    redispatchEvent(this, event);\n  }\n\n  #handleRippleClick(e: Event) {\n    e.preventDefault();\n    this.input.click();\n  }\n\n  protected _handleClick(e: Event) {\n    if (isActivationClick(e)) {\n      this.input.click();\n    }\n  }\n}\n"]}

package/shared/sets/set-base.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from '@lit/reactive-element/css-tag';
 import { HTMLTemplateResult, LitElement } from 'lit';
-export declare abstract class UmSetBase extends LitElement {
+export declare abstract class SetBase extends LitElement {
     static styles: CSSResultGroup;
     /**
      * Set the alignment of the set at the `start`, `center` or at the `end`.

package/shared/sets/set-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-base.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,8BAAsB,SAAU,SAAQ,UAAU;IAEhD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAElD;;OAEG;IAC0B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAEpE,MAAM,IAAI,kBAAkB;CAItC"}
+{"version":3,"file":"set-base.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,8BAAsB,OAAQ,SAAQ,UAAU;IAE9C,OAAgB,MAAM,EAAE,cAAc,CAAY;IAElD;;OAEG;IAC0B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAEpE,MAAM,IAAI,kBAAkB;CAItC"}

package/shared/sets/set-base.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styles } from './set-base.styles.js';
-export class UmSetBase extends LitElement {
+export class SetBase extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -18,5 +18,5 @@ export class UmSetBase extends LitElement {
 }
 __decorate([
     property({ reflect: true })
-], UmSetBase.prototype, "alignment", void 0);
+], SetBase.prototype, "alignment", void 0);
 //# sourceMappingURL=set-base.js.map

package/shared/sets/set-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-base.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAIE;;WAEG;QAC0B,cAAS,GAA+B,OAAO,CAAC;IAM/E,CAAC;aAXiB,WAAM,GAAmB,CAAC,MAAM,CAAC,AAA3B,CAA4B;IAOzC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAiD","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './set-base.styles.js';\n\nexport abstract class UmSetBase extends LitElement {\n\n  static override styles: CSSResultGroup = [styles];\n\n  /**\n   * Set the alignment of the set at the `start`, `center` or at the `end`.\n   */\n  @property({ reflect: true }) alignment: 'start' | 'center' | 'end' = 'start';\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>`;\n  }\n}\n"]}
+{"version":3,"file":"set-base.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,OAAgB,OAAQ,SAAQ,UAAU;IAAhD;;QAIE;;WAEG;QAC0B,cAAS,GAA+B,OAAO,CAAC;IAM/E,CAAC;aAXiB,WAAM,GAAmB,CAAC,MAAM,CAAC,AAA3B,CAA4B;IAOzC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAiD","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './set-base.styles.js';\n\nexport abstract class SetBase extends LitElement {\n\n  static override styles: CSSResultGroup = [styles];\n\n  /**\n   * Set the alignment of the set at the `start`, `center` or at the `end`.\n   */\n  @property({ reflect: true }) alignment: 'start' | 'center' | 'end' = 'start';\n\n  override render(): HTMLTemplateResult {\n    return html`\n      <slot></slot>`;\n  }\n}\n"]}

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

@@ -1,6 +1,13 @@
+import { PropertyValues } from '@lit/reactive-element';
 import { CSSResultGroup } from '@lit/reactive-element/css-tag';
-import { UmFieldBase } from '../../field/field-base.js';
-export declare abstract class UmTextFieldBase extends UmFieldBase {
+import { FieldBase } from '../../field/field-base.js';
+/** The validity flags a subclass reports, plus the message/anchor for the bubble. */
+export interface FieldValidity {
+    flags: ValidityStateFlags;
+    message: string;
+    anchor?: HTMLElement;
+}
+export declare abstract class TextFieldBase extends FieldBase {
     static readonly formAssociated = true;
     static styles: CSSResultGroup;
     static shadowRootOptions: ShadowRootInit;
@@ -12,8 +19,33 @@ export declare abstract class UmTextFieldBase extends UmFieldBase {
      * The placeholder text shown when the field is empty
      */
     placeholder: string;
+    /**
+     * Whether the field must have a value to satisfy constraint validation.
+     * Drives `checkValidity()`/`reportValidity()` and blocks native form submit.
+     */
+    required: boolean;
     get form(): HTMLFormElement | null;
+    /** The live `ValidityState` of the field (mirrors a native form control). */
+    get validity(): ValidityState;
+    /** The message shown by `reportValidity()` when the field is invalid. */
+    get validationMessage(): string;
     protected readonly elementInternals: ElementInternals;
     constructor();
+    /**
+     * Reports the current validity. Subclasses override to delegate to a native
+     * input (`u-text-field`) or compute their own (`u-select`). The default only
+     * enforces `required` against the empty state.
+     */
+    protected _getValidity(): FieldValidity;
+    /** Pushes the subclass's validity into the ElementInternals form state. */
+    protected _syncValidity(): void;
+    /** Returns whether the field is valid (fires an `invalid` event if not). */
+    checkValidity(): boolean;
+    /**
+     * Like `checkValidity()`, but also surfaces the native validation bubble and
+     * reflects the result onto the visual `invalid` state.
+     */
+    reportValidity(): boolean;
+    protected updated(changed: PropertyValues): void;
 }
 //# sourceMappingURL=text-field-base.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text-field-base.d.ts","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,8BAAsB,eAAgB,SAAQ,WAAW;IACvD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAAgC;IAEtE,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF;;OAEG;IACM,KAAK,UAAQ;IAEtB;;OAEG;IAC0B,WAAW,SAAM;IAE9C,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;;CAMvD"}
+{"version":3,"file":"text-field-base.d.ts","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,qFAAqF;AACrF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,8BAAsB,aAAc,SAAQ,SAAS;IACnD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAA8B;IAEpE,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF;;OAEG;IACM,KAAK,UAAQ;IAEtB;;OAEG;IAC0B,WAAW,SAAM;IAE9C;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,6EAA6E;IAC7E,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,yEAAyE;IACzE,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;;IAOtD;;;;OAIG;IACH,SAAS,CAAC,YAAY,IAAI,aAAa;IASvC,2EAA2E;IAC3E,SAAS,CAAC,aAAa,IAAI,IAAI;IAa/B,4EAA4E;IAC5E,aAAa,IAAI,OAAO;IAKxB;;;OAGG;IACH,cAAc,IAAI,OAAO;cAON,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;CAK1D"}

package/shared/text-field-base/text-field-base.js

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { UmFieldBase } from '../../field/field-base.js';
+import { FieldBase } from '../../field/field-base.js';
 import { styles } from './text-field-base.styles.js';
-export class UmTextFieldBase extends UmFieldBase {
+export class TextFieldBase extends FieldBase {
     static { this.formAssociated = true; }
-    static { this.styles = [UmFieldBase.styles, styles]; }
+    static { this.styles = [FieldBase.styles, styles]; }
     static { this.shadowRootOptions = {
         ...LitElement.shadowRootOptions,
         delegatesFocus: true,
@@ -13,6 +13,14 @@ export class UmTextFieldBase extends UmFieldBase {
     get form() {
         return this.elementInternals.form;
     }
+    /** The live `ValidityState` of the field (mirrors a native form control). */
+    get validity() {
+        return this.elementInternals.validity;
+    }
+    /** The message shown by `reportValidity()` when the field is invalid. */
+    get validationMessage() {
+        return this.elementInternals.validationMessage;
+    }
     constructor() {
         super();
         /**
@@ -23,10 +31,61 @@ export class UmTextFieldBase extends UmFieldBase {
          * The placeholder text shown when the field is empty
          */
         this.placeholder = '';
+        /**
+         * Whether the field must have a value to satisfy constraint validation.
+         * Drives `checkValidity()`/`reportValidity()` and blocks native form submit.
+         */
+        this.required = false;
         this.elementInternals = this.attachInternals();
     }
+    /**
+     * Reports the current validity. Subclasses override to delegate to a native
+     * input (`u-text-field`) or compute their own (`u-select`). The default only
+     * enforces `required` against the empty state.
+     */
+    _getValidity() {
+        const valueMissing = this.required && this.empty;
+        return {
+            flags: { valueMissing },
+            message: valueMissing ? 'Please fill out this field.' : '',
+        };
+    }
+    /** Pushes the subclass's validity into the ElementInternals form state. */
+    _syncValidity() {
+        const { flags, message, anchor } = this._getValidity();
+        const isValid = !Object.values(flags).some(Boolean);
+        if (isValid) {
+            this.elementInternals.setValidity({});
+            return;
+        }
+        // A non-empty message is required when any flag is set.
+        this.elementInternals.setValidity(flags, message || 'Invalid value.', anchor);
+    }
+    /** Returns whether the field is valid (fires an `invalid` event if not). */
+    checkValidity() {
+        this._syncValidity();
+        return this.elementInternals.checkValidity();
+    }
+    /**
+     * Like `checkValidity()`, but also surfaces the native validation bubble and
+     * reflects the result onto the visual `invalid` state.
+     */
+    reportValidity() {
+        this._syncValidity();
+        const valid = this.elementInternals.reportValidity();
+        this.invalid = !valid;
+        return valid;
+    }
+    updated(changed) {
+        super.updated(changed);
+        // Keep the form-level validity current so native submit honors constraints.
+        this._syncValidity();
+    }
 }
 __decorate([
     property({ reflect: true })
-], UmTextFieldBase.prototype, "placeholder", void 0);
+], TextFieldBase.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TextFieldBase.prototype, "required", void 0);
 //# sourceMappingURL=text-field-base.js.map