@universal-material/web 3.0.140 → 3.0.141

package/shared/button-wrapper.js

@@ -0,0 +1,123 @@
+import { __decorate } from "tslib";
+import { html, LitElement, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { styles as baseStyles } from './base.styles.js';
+import { styles } from './button-wrapper.styles';
+import { redispatchEvent } from './events/redispatch-event.js';
+import '../elevation/elevation.js';
+import '../ripple/ripple.js';
+export class UmButtonWrapper extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the button is disabled or not.
+         */
+        this.disabled = false;
+        this.renderRipple = true;
+        this.innerRole = null;
+    }
+    static { this.styles = [baseStyles, styles]; }
+    get pathname() {
+        return this.buttonElement?.pathname;
+    }
+    render() {
+        return typeof this.href === 'string' ? this.renderLink() : this.renderButton();
+    }
+    renderButton() {
+        return html `
+      <div class="content">${this.renderContent()}</div>
+      <button
+        id="button"
+        class="button focus-ring"
+        ?disabled=${this.disabled}
+        aria-label=${this.getAriaLabel() || nothing}
+        aria-labelledby="${this.getAriaLabel() ? nothing : 'text'}"
+        .role=${this.innerRole}
+        type="button"
+        @click=${this.#innerClickHandler}>
+        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
+        <u-elevation></u-elevation>
+      </button>
+    `;
+    }
+    renderLink() {
+        return html `
+      <div class="content">${this.renderContent()}</div>
+      <a
+        id="link"
+        class="button"
+        href=${this.disabled ? nothing : this.href}
+        aria-disabled=${this.disabled || nothing}
+        aria-label=${this.ariaLabel || nothing}
+        aria-labelledby="${this.ariaLabel ? nothing : 'text'}"
+        .role=${this.innerRole}
+        target=${this.target || nothing}
+        @click=${this.#innerClickHandler}>
+        <u-elevation></u-elevation>
+        <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
+      </a>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('focus', this.innerFocusHandler);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('focus', this.innerFocusHandler);
+    }
+    focus() {
+        this.buttonElement?.focus();
+    }
+    blur() {
+        this.buttonElement?.blur();
+    }
+    getAriaLabel() {
+        return this.ariaLabel;
+    }
+    innerFocusHandler() {
+        const tabIndexAttributeValue = this.getAttribute('tabindex');
+        if (tabIndexAttributeValue !== '0') {
+            return;
+        }
+        this.removeAttribute('tabindex');
+        setTimeout(() => this.buttonElement?.focus());
+    }
+    #innerClickHandler(event) {
+        if (this.disabled) {
+            return;
+        }
+        const preventDefault = !redispatchEvent(this, event);
+        if (preventDefault) {
+            return;
+        }
+        if (!event.pointerType) {
+            this.ripple.createRipple();
+        }
+        this.handleClick(event);
+    }
+    handleClick(_) {
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmButtonWrapper.prototype, "disabled", void 0);
+__decorate([
+    state()
+], UmButtonWrapper.prototype, "renderRipple", void 0);
+__decorate([
+    property()
+], UmButtonWrapper.prototype, "href", void 0);
+__decorate([
+    property()
+], UmButtonWrapper.prototype, "target", void 0);
+__decorate([
+    property()
+], UmButtonWrapper.prototype, "name", void 0);
+__decorate([
+    query('.button')
+], UmButtonWrapper.prototype, "buttonElement", void 0);
+__decorate([
+    query('u-ripple')
+], UmButtonWrapper.prototype, "ripple", void 0);
+//# sourceMappingURL=button-wrapper.js.map

package/shared/button-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,OAAgB,eAAgB,SAAQ,UAAU;IAAxD;;QAGE;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAEpD,iBAAY,GAAG,IAAI,CAAC;QAkBnB,cAAS,GAAkB,IAAI,CAAC;IAwG5C,CAAC;aAjIiB,WAAM,GAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvC,CAAwC;IA2B9D,IAAI,QAAQ;QACV,OAAQ,IAAI,CAAC,aAAmC,EAAE,QAAQ,CAAC;IAC7D,CAAC;IAEkB,MAAM;QACvB,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IACjF,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;6BACc,IAAI,CAAC,aAAa,EAAE;;;;oBAI7B,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO;2BACxB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;gBACjD,IAAI,CAAC,SAAS;;iBAEb,IAAI,CAAC,kBAAkB;8BACV,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY;;;KAG5D,CAAC;IACJ,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA;6BACc,IAAI,CAAC,aAAa,EAAE;;;;eAIlC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;wBAC1B,IAAI,CAAC,QAAQ,IAAI,OAAO;qBAC3B,IAAI,CAAC,SAAS,IAAI,OAAO;2BACnB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;gBAC5C,IAAI,CAAC,SAAS;iBACb,IAAI,CAAC,MAAM,IAAI,OAAO;iBACtB,IAAI,CAAC,kBAAkB;;8BAEV,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY;;KAE5D,CAAC;IACJ,CAAC;IAIQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACzD,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC5D,CAAC;IAEQ,KAAK;QACZ,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;IAC7B,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEO,iBAAiB;QACvB,MAAM,sBAAsB,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAE7D,IAAI,sBAAsB,KAAK,GAAG,EAAE,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACjC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,kBAAkB,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAErD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAE,KAAsB,CAAC,WAAW,EAAE,CAAC;YACzC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAES,WAAW,CAAC,CAAU;IAChC,CAAC;;AA3H2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAkB;AAEpD;IAAR,KAAK,EAAE;qDAAqB;AAKjB;IAAX,QAAQ,EAAE;6CAA0B;AAMzB;IAAX,QAAQ,EAAE;+CAA4B;AAE3B;IAAX,QAAQ,EAAE;6CAA0B;AAEV;IAA1B,KAAK,CAAC,SAAS,CAAC;sDAAsC;AACnB;IAAnC,KAAK,CAAC,UAAU,CAAC;+CAAoC","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';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { styles as baseStyles } from './base.styles.js';\nimport { styles } from './button-wrapper.styles';\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  @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    return typeof this.href === 'string' ? this.renderLink() : this.renderButton();\n  }\n\n  private 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  private 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  private 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/button-wrapper.styles.d.ts

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

package/shared/button-wrapper.styles.d.ts.map

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

package/shared/button-wrapper.styles.js

@@ -0,0 +1,63 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
+    -webkit-tap-highlight-color: transparent;
+    --u-elevation-level: 0;
+    position: relative;
+    display: inline-block;
+    font-family: var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    appearance: none !important;
+  }
+
+  :host([disabled]) {
+    --u-elevation-level: 0 !important;
+    background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 12%), transparent)) !important;
+    color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important;
+  }
+
+  :host([disabled]) .button {
+    cursor: default;
+  }
+
+  * {
+    color: inherit;
+  }
+
+  u-elevation {
+    z-index: -1;
+  }
+
+  .button {
+    cursor: pointer;
+    position: absolute;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    width: 100%;
+    height: 100%;
+    font-family: inherit;
+    border-radius: inherit;
+    color: inherit;
+    border: none;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    white-space: nowrap;
+    background: transparent;
+    user-select: none;
+    text-decoration: none;
+    outline: 0;
+    z-index: 0;
+  }
+
+  .content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    border-radius: inherit;
+    width: 100%;
+    height: 100%;
+  }
+`;
+//# sourceMappingURL=button-wrapper.styles.js.map

package/shared/button-wrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-wrapper.styles.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n    -webkit-tap-highlight-color: transparent;\n    --u-elevation-level: 0;\n    position: relative;\n    display: inline-block;\n    font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    appearance: none !important;\n  }\n\n  :host([disabled]) {\n    --u-elevation-level: 0 !important;\n    background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 12%), transparent)) !important;\n    color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important;\n  }\n\n  :host([disabled]) .button {\n    cursor: default;\n  }\n\n  * {\n    color: inherit;\n  }\n\n  u-elevation {\n    z-index: -1;\n  }\n\n  .button {\n    cursor: pointer;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n    width: 100%;\n    height: 100%;\n    font-family: inherit;\n    border-radius: inherit;\n    color: inherit;\n    border: none;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    white-space: nowrap;\n    background: transparent;\n    user-select: none;\n    text-decoration: none;\n    outline: 0;\n    z-index: 0;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"]}

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

@@ -0,0 +1,15 @@
+import { UmTextFieldBase } from '../text-field-base/text-field-base.js';
+export declare abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {
+    #private;
+    protected _value: string;
+    get value(): string;
+    set value(value: string);
+    autocomplete: 'on' | 'off' | string | undefined;
+    get maxlength(): number | undefined;
+    set maxlength(value: number);
+    role: string | null;
+    focus(): void;
+    abstract input: HTMLInputElement | HTMLTextAreaElement;
+    protected _handleInput(): void;
+}
+//# sourceMappingURL=native-text-field-wrapper.d.ts.map

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

@@ -0,0 +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;IACtB,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAE4B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAI7E,IACI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAEqC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExD,KAAK;IAId,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAEvD,SAAS,CAAC,YAAY;CAavB"}

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

@@ -0,0 +1,54 @@
+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 {
+    constructor() {
+        super(...arguments);
+        this._value = '';
+        this.role = null;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.empty = !value;
+        this.elementInternals.setFormValue(value);
+        this.#updateCounter();
+    }
+    #maxlength;
+    get maxlength() {
+        return this.#maxlength;
+    }
+    set maxlength(value) {
+        this.#maxlength = value;
+        this.#updateCounter();
+    }
+    focus() {
+        this.input.focus();
+    }
+    _handleInput() {
+        this.value = this.input.value;
+        this.#updateCounter();
+    }
+    #updateCounter() {
+        if (this.maxlength) {
+            this._innerCounter = `${this.value.length}/${this.maxlength}`;
+            return;
+        }
+        this._innerCounter = undefined;
+    }
+}
+__decorate([
+    property()
+], UmNativeTextFieldWrapper.prototype, "value", null);
+__decorate([
+    property({ reflect: true })
+], UmNativeTextFieldWrapper.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], UmNativeTextFieldWrapper.prototype, "maxlength", null);
+__decorate([
+    property({ reflect: true })
+], UmNativeTextFieldWrapper.prototype, "role", void 0);
+//# sourceMappingURL=native-text-field-wrapper.js.map

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

@@ -0,0 +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;QA2BgB,SAAI,GAAkB,IAAI,CAAC;IAqBnE,CAAC;IA9CC,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;IAID,UAAU,CAAqB;IAG/B,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;IAIQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIS,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;AA9CC;IADC,QAAQ,EAAE;qDAGV;AAS4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAAiD;AAK7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAGzC;AAOqC;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  @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  @property({ reflect: true }) autocomplete: 'on' | 'off' | string | undefined;\n\n  #maxlength: number | undefined;\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  @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 _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/compare-text.d.ts

@@ -0,0 +1,2 @@
+export declare const normalizedStartsWith: (text: string | null, term: string | null) => boolean;
+//# sourceMappingURL=compare-text.d.ts.map

package/shared/compare-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,SAAU,MAAM,GAAG,IAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OAG9B,CAAC"}

package/shared/compare-text.js

@@ -0,0 +1,5 @@
+import { normalizeText } from './normalize-text.js';
+export const normalizedStartsWith = (text, term) => normalizeText(text)
+    .toLowerCase()
+    .startsWith(normalizeText(term).toLowerCase());
+//# sourceMappingURL=compare-text.js.map

package/shared/compare-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-text.js","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,IAAmB,EAAW,EAAE,CACxF,aAAa,CAAC,IAAI,CAAC;KAChB,WAAW,EAAE;KACb,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC","sourcesContent":["import { normalizeText } from './normalize-text.js';\n\nexport const normalizedStartsWith = (text: string | null, term: string | null): boolean =>\n  normalizeText(text)\n    .toLowerCase()\n    .startsWith(normalizeText(term).toLowerCase());\n"]}

package/shared/events/dispatch-event.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=dispatch-event.d.ts.map

package/shared/events/dispatch-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":""}

package/shared/events/dispatch-event.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=dispatch-event.js.map

package/shared/events/dispatch-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch-event.js","sourceRoot":"","sources":["../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/shared/events/redispatch-event.d.ts

@@ -0,0 +1,2 @@
+export declare const redispatchEvent: (element: Element, event: Event) => boolean;
+//# sourceMappingURL=redispatch-event.d.ts.map

package/shared/events/redispatch-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAa,OAAO,SAAS,KAAK,YAe7D,CAAC"}

package/shared/events/redispatch-event.js

@@ -0,0 +1,14 @@
+export const redispatchEvent = (element, event) => {
+    // For bubbling events in SSR light DOM (or composed), stop their propagation
+    // and dispatch the copy.
+    if (event.bubbles && (!element.shadowRoot || event.composed)) {
+        event.stopPropagation();
+    }
+    const copy = Reflect.construct(event.constructor, [event.type, event]);
+    const dispatched = element.dispatchEvent(copy);
+    if (!dispatched) {
+        event.preventDefault();
+    }
+    return dispatched;
+};
+//# sourceMappingURL=redispatch-event.js.map

package/shared/events/redispatch-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redispatch-event.js","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,KAAY,EAAE,EAAE;IAChE,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7D,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["export const redispatchEvent = (element: Element, event: Event) => {\n  // For bubbling events in SSR light DOM (or composed), stop their propagation\n  // and dispatch the copy.\n  if (event.bubbles && (!element.shadowRoot || event.composed)) {\n    event.stopPropagation();\n  }\n\n  const copy = Reflect.construct(event.constructor, [event.type, event]);\n  const dispatched = element.dispatchEvent(copy);\n\n  if (!dispatched) {\n    event.preventDefault();\n  }\n\n  return dispatched;\n};\n"]}

package/shared/extract-template-html.d.ts

@@ -0,0 +1,2 @@
+export declare const extractTemplateHtml: (template: HTMLTemplateElement) => string;
+//# sourceMappingURL=extract-template-html.d.ts.map

package/shared/extract-template-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-template-html.d.ts","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,aAAc,mBAAmB,WAQhE,CAAC"}

package/shared/extract-template-html.js

@@ -0,0 +1,8 @@
+export const extractTemplateHtml = (template) => {
+    let html = '';
+    for (const child of Array.from(template.content.children)) {
+        html += child.outerHTML;
+    }
+    return html;
+};
+//# sourceMappingURL=extract-template-html.js.map

package/shared/extract-template-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-template-html.js","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAA6B,EAAE,EAAE;IACnE,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1D,IAAI,IAAI,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["export const extractTemplateHtml = (template: HTMLTemplateElement) => {\n  let html = '';\n\n  for (const child of Array.from(template.content.children)) {\n    html += child.outerHTML;\n  }\n\n  return html;\n};\n"]}

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

@@ -0,0 +1,20 @@
+import { UmMenuItem } from '../../menu/menu-item.js';
+import { UmMenuField } from './menu-field.js';
+export declare class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {
+    #private;
+    protected focusedMenu: TMenuItem | null;
+    protected readonly host: TField;
+    private readonly _bindHandleKeyDown;
+    constructor(host: TField);
+    attach(element: HTMLElement): void;
+    detach(): void;
+    protected handleKeyDown(event: KeyboardEvent): boolean;
+    private navigate;
+    protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number): void;
+    focusMenu(menu: TMenuItem, index: number, active?: boolean, scroll?: boolean): void;
+    blurMenu(): void;
+    private selectActiveItem;
+    protected afterFocus(_: TMenuItem, __: number): void;
+    protected afterBlur(): void;
+}
+//# sourceMappingURL=menu-field-navigation-controller.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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,IAAI,EAAE,MAAM,CAAC;IAEhC,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

@@ -0,0 +1,108 @@
+export class MenuFieldNavigationController {
+    #element;
+    constructor(host) {
+        this.#element = null;
+        this.focusedMenu = null;
+        this.#handleMenuClose = () => this.blurMenu();
+        this.host = host;
+        this._bindHandleKeyDown = this.handleKeyDown.bind(this);
+    }
+    attach(element) {
+        this.detach();
+        element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });
+        this.host._menu?.addEventListener('close', this.#handleMenuClose);
+        this.#element = element;
+    }
+    detach() {
+        this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);
+        this.host._menu?.removeEventListener('close', this.#handleMenuClose);
+        this.#element = null;
+    }
+    #handleMenuClose;
+    handleKeyDown(event) {
+        if (this.host._menu?.open !== true) {
+            return false;
+        }
+        const isEscape = event.key === 'Escape';
+        if (isEscape) {
+            this.host._menu.close();
+        }
+        if (event.key === 'Home') {
+            this.navigateTo(event, this.host._menuItems[0], 0);
+            return true;
+        }
+        if (event.key === 'End') {
+            this.navigateTo(event, this.host._menuItems[this.host._menuItems.length - 1], this.host._menuItems.length - 1);
+            return true;
+        }
+        const isDown = event.key === 'ArrowDown';
+        const isUp = event.key === 'ArrowUp';
+        if (isDown || isUp) {
+            this.navigate(event, isDown);
+            return true;
+        }
+        const isEnter = event.key === 'Enter';
+        const isTab = event.key === 'Tab';
+        if (isEnter || isTab) {
+            this.selectActiveItem(event);
+            return true;
+        }
+        return false;
+    }
+    navigate(event, forwards) {
+        const menuItems = this.host._menuItems;
+        if (!menuItems.length) {
+            return;
+        }
+        event.preventDefault();
+        const activeMenu = this.focusedMenu;
+        const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;
+        const nextMenu = forwards
+            ? menuItems[activeMenuIndex + 1] ?? menuItems[0]
+            : menuItems[activeMenuIndex - 1] ?? menuItems[menuItems.length - 1];
+        if (!nextMenu) {
+            return;
+        }
+        this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));
+    }
+    navigateTo(event, menu, index) {
+        event.preventDefault();
+        this.blurMenu();
+        if (!menu) {
+            return;
+        }
+        this.focusMenu(menu, index);
+    }
+    focusMenu(menu, index, active = true, scroll = true) {
+        if (this.focusedMenu) {
+            this.focusedMenu.active = false;
+        }
+        this.focusedMenu = menu;
+        menu.active = active;
+        if (scroll) {
+            menu.scrollIntoView({ block: 'nearest' });
+        }
+        this.afterFocus(menu, index);
+    }
+    blurMenu() {
+        if (!this.focusedMenu) {
+            return;
+        }
+        this.focusedMenu.active = false;
+        this.focusedMenu = null;
+        this.afterBlur();
+    }
+    selectActiveItem(event) {
+        if (!this.focusedMenu) {
+            return;
+        }
+        event.preventDefault();
+        this.focusedMenu.click();
+        this.host._menu.open = false;
+    }
+    afterFocus(_, __) {
+    }
+    afterBlur() {
+    }
+}
+//# sourceMappingURL=menu-field-navigation-controller.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","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 host: TField;\n\n  private readonly _bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(host: TField) {\n    this.host = host;\n    this._bindHandleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  attach(element: HTMLElement) {\n    this.detach();\n\n    element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });\n    this.host._menu?.addEventListener('close', this.#handleMenuClose);\n    this.#element = element;\n  }\n\n  detach() {\n    this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);\n    this.host._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.host._menu?.open !== true) {\n      return false;\n    }\n\n    const isEscape = event.key === 'Escape';\n\n    if (isEscape) {\n      this.host._menu.close();\n    }\n\n    if (event.key === 'Home') {\n      this.navigateTo(event, (this.host._menuItems[0] as TMenuItem), 0);\n      return true;\n    }\n\n    if (event.key === 'End') {\n      this.navigateTo(\n        event,\n        (this.host._menuItems[this.host._menuItems.length - 1] as TMenuItem),\n        this.host._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.host._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.host._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

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

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

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

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

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

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

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

package/shared/mixin-attribute-properties.d.ts

@@ -0,0 +1,4 @@
+import { LitElement } from 'lit';
+import { MixinBase, MixinReturn } from './mixin.js';
+export declare const mixinAttributeProperties: <T extends MixinBase<LitElement>>(base: T, ...properties: string[]) => MixinReturn<T>;
+//# sourceMappingURL=mixin-attribute-properties.d.ts.map

package/shared/mixin-attribute-properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,iBAAiB,MAAM,EAAE,KAAG,WAAW,CAAC,CAAC,CA2BzH,CAAC"}

package/shared/mixin-attribute-properties.js

@@ -0,0 +1,27 @@
+// @ts-ignore
+export const mixinAttributeProperties = (base, ...properties) => {
+    // @ts-ignore
+    class AttributeProperties extends base {
+        constructor() {
+            super();
+            for (const property of properties) {
+                const propertyKey = property
+                    .split('-')
+                    .map((segment, index) => index
+                    ? `${segment[0].toUpperCase()}${segment.substring(1)}`
+                    : segment)
+                    .join('');
+                Object.defineProperty(this, property, {
+                    get() {
+                        return this[propertyKey];
+                    },
+                    set(value) {
+                        this[propertyKey] = value;
+                    },
+                });
+            }
+        }
+    }
+    return AttributeProperties;
+};
+//# sourceMappingURL=mixin-attribute-properties.js.map

package/shared/mixin-attribute-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin-attribute-properties.js","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAIA,aAAa;AACb,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAkC,IAAO,EAAE,GAAG,UAAoB,EAAkB,EAAE;IAC5H,aAAa;IACb,MAAe,mBAAoB,SAAQ,IAAI;QAC7C;YACE,KAAK,EAAE,CAAC;YAER,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;gBAClC,MAAM,WAAW,GAAG,QAAQ;qBACzB,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK;oBAC5B,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;oBACtD,CAAC,CAAC,OAAO,CAAC;qBACX,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEZ,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE;oBACpC,GAAG;wBACD,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC3B,CAAC;oBACD,GAAG,CAAC,KAAU;wBACZ,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;oBAC5B,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\nimport { MixinBase, MixinReturn } from './mixin.js';\n\n// @ts-ignore\nexport const mixinAttributeProperties = <T extends MixinBase<LitElement>>(base: T, ...properties: string[]): MixinReturn<T> => {\n  // @ts-ignore\n  abstract class AttributeProperties extends base {\n    constructor() {\n      super();\n\n      for (const property of properties) {\n        const propertyKey = property\n          .split('-')\n          .map((segment, index) => index\n            ? `${segment[0].toUpperCase()}${segment.substring(1)}`\n            : segment)\n          .join('');\n\n        Object.defineProperty(this, property, {\n          get() {\n            return this[propertyKey];\n          },\n          set(value: any) {\n            this[propertyKey] = value;\n          },\n        });\n      }\n    }\n  }\n\n  return AttributeProperties;\n};\n"]}

package/shared/mixin.d.ts

@@ -0,0 +1,3 @@
+export type MixinBase<ExpectedBase = object> = abstract new (...args: any[]) => ExpectedBase;
+export type MixinReturn<MixinBase, MixinClass = object> = (abstract new (...args: any[]) => MixinClass) & MixinBase;
+//# sourceMappingURL=mixin.d.ts.map

package/shared/mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin.d.ts","sourceRoot":"","sources":["../../src/shared/mixin.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,YAAY,GAAG,MAAM,IAAI,QAAQ,MAGrD,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,YAAY,CAAC;AAGlB,MAAM,MAAM,WAAW,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,IAGpD,CAAC,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC,GAAG,SAAS,CAAC"}

package/shared/mixin.js

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

package/shared/mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixin.js","sourceRoot":"","sources":["../../src/shared/mixin.ts"],"names":[],"mappings":"","sourcesContent":["export type MixinBase<ExpectedBase = object> = abstract new (\n  // Mixins must have a constructor with `...args: any[]`\n  // @ts-ignore\n  ...args: any[]\n) => ExpectedBase;\n\n// eslint-disable-next-line @typescript-eslint/no-shadow\nexport type MixinReturn<MixinBase, MixinClass = object> =\n// Mixins must have a constructor with `...args: any[]`\n// tslint:disable-next-line:no-any\n  (abstract new (...args: any[]) => MixinClass) & MixinBase;\n"]}

package/shared/normalize-text.d.ts

@@ -0,0 +1,2 @@
+export declare const normalizeText: (text: string | null) => string;
+//# sourceMappingURL=normalize-text.d.ts.map

package/shared/normalize-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,IAAI,KAAG,MAQnD,CAAC"}