@luzmo/lucero 1.0.1-alpha.18 → 1.0.1-alpha.19

package/components/text-field-11tcnftU.cjs

@@ -1,338 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const ifDefined_js = require("lit/directives/if-defined.js");
-const live_js = require("lit/directives/live.js");
-const icons = require("@luzmo/icons");
-const focusable = require("./focusable-BPrTcZPd.cjs");
-const sizedMixin = require("./sized-mixin-UaTVa-AE.cjs");
-const manageHelpText = require("./manage-help-text-BYx84zZR.cjs");
-const textField_module = require("./text-field.module-DIJdV_sA.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const textFieldTypes = ["text", "url", "tel", "email", "password"];
-class LuzmoTextFieldBase extends manageHelpText.ManageHelpText(
-  sizedMixin.SizedMixin(focusable.Focusable, {
-    noDefaultSize: true
-  })
-) {
-  constructor() {
-    super(...arguments);
-    this.allowedKeys = "";
-    this.focused = false;
-    this.invalid = false;
-    this.label = "";
-    this.placeholder = "";
-    this._type = "text";
-    this.grows = false;
-    this.maxlength = -1;
-    this.minlength = -1;
-    this.multiline = false;
-    this.readonly = false;
-    this.rows = -1;
-    this.valid = false;
-    this._value = "";
-    this.quiet = false;
-    this.required = false;
-  }
-  static get styles() {
-    return [lit.unsafeCSS(textField_module.textFieldStyles)];
-  }
-  set type(val) {
-    const prev = this._type;
-    this._type = val;
-    this.requestUpdate("type", prev);
-  }
-  get type() {
-    return textFieldTypes.find((t) => t === this._type) ?? "text";
-  }
-  set value(value) {
-    if (value === this.value) {
-      return;
-    }
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
-  }
-  get value() {
-    return this._value;
-  }
-  get focusElement() {
-    return this.inputElement;
-  }
-  /**
-   * Sets the start and end positions of the current selection.
-   *
-   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the
-   * element's value is treated as pointing to the end of the value.
-   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than
-   * the length of the element's value is treated as pointing to the end of the value.
-   * @param [selectionDirection="none"] A string indicating the direction in which the selection is considered to
-   * have been performed.
-   */
-  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
-    this.inputElement.setSelectionRange(
-      selectionStart,
-      selectionEnd,
-      selectionDirection
-    );
-  }
-  /**
-   * Selects all the text.
-   */
-  select() {
-    this.inputElement.select();
-  }
-  handleInput(_event) {
-    if (this.allowedKeys && this.inputElement.value) {
-      const regExp = new RegExp(`^[${this.allowedKeys}]*$`, "u");
-      if (!regExp.test(this.inputElement.value)) {
-        const selectionStart = this.inputElement.selectionStart;
-        const nextSelectStart = selectionStart - 1;
-        this.inputElement.value = this.value.toString();
-        this.inputElement.setSelectionRange(nextSelectStart, nextSelectStart);
-        return;
-      }
-    }
-    this.value = this.inputElement.value;
-  }
-  handleChange() {
-    this.dispatchEvent(
-      new Event("change", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  onFocus() {
-    this.focused = !this.readonly && true;
-  }
-  onBlur(_event) {
-    this.focused = !this.readonly && false;
-  }
-  handleInputElementPointerdown() {
-  }
-  renderStateIcons() {
-    if (this.invalid) {
-      return lit.html`
-        <div id="invalid" class="icon">${icons.luzmoIcon(icons.luzmoAlert)}</div>
-      `;
-    } else if (this.valid) {
-      return lit.html`
-        <div id="valid" class="icon">${icons.luzmoIcon(icons.luzmoCheck)}</div>
-      `;
-    }
-    return lit.nothing;
-  }
-  get displayValue() {
-    return this.value.toString();
-  }
-  // prettier-ignore
-  get renderMultiline() {
-    return lit.html`
-      ${this.multiline && this.grows && this.rows === -1 ? lit.html`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        ` : lit.nothing}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${ifDefined_js.ifDefined(this.name || void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${ifDefined_js.ifDefined(this.invalid || void 0)}
-        class="input"
-        maxlength=${ifDefined_js.ifDefined(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${ifDefined_js.ifDefined(this.minlength > -1 ? this.minlength : void 0)}
-        title=${this.invalid ? "" : lit.nothing}
-        pattern=${ifDefined_js.ifDefined(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${ifDefined_js.ifDefined(this.rows > -1 ? this.rows : void 0)}
-        autocomplete=${ifDefined_js.ifDefined(this.autocomplete)}
-      ></textarea>
-    `;
-  }
-  get renderInput() {
-    return lit.html`
-      <!-- @ts-ignore -->
-      <input
-        name=${ifDefined_js.ifDefined(this.name || void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${ifDefined_js.ifDefined(this.invalid || void 0)}
-        class="input"
-        title=${this.invalid ? "" : lit.nothing}
-        maxlength=${ifDefined_js.ifDefined(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${ifDefined_js.ifDefined(this.minlength > -1 ? this.minlength : void 0)}
-        pattern=${ifDefined_js.ifDefined(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${live_js.live(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${ifDefined_js.ifDefined(this.autocomplete)}
-      />
-    `;
-  }
-  renderField() {
-    return lit.html`
-      ${this.renderStateIcons()}
-      ${this.multiline ? this.renderMultiline : this.renderInput}
-    `;
-  }
-  render() {
-    return lit.html`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `;
-  }
-  update(changedProperties) {
-    if (changedProperties.has("value") || changedProperties.has("required") && this.required) {
-      this.updateComplete.then(() => {
-        this.checkValidity();
-      });
-    }
-    super.update(changedProperties);
-  }
-  checkValidity() {
-    let validity = this.inputElement.checkValidity();
-    if (this.required || this.value && this.pattern) {
-      if ((this.disabled || this.multiline) && this.pattern) {
-        const regex = new RegExp(`^${this.pattern}$`, "u");
-        validity = regex.test(this.value.toString());
-      }
-      if (this.minlength !== void 0) {
-        validity = validity && this.value.toString().length >= this.minlength;
-      }
-      this.valid = validity;
-      this.invalid = !validity;
-    }
-    return validity;
-  }
-}
-__decorateClass([
-  decorators_js.state()
-], LuzmoTextFieldBase.prototype, "appliedLabel", 2);
-__decorateClass([
-  decorators_js.property({ attribute: "allowed-keys" })
-], LuzmoTextFieldBase.prototype, "allowedKeys", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "focused", 2);
-__decorateClass([
-  decorators_js.query(".input:not(#sizer)")
-], LuzmoTextFieldBase.prototype, "inputElement", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "invalid", 2);
-__decorateClass([
-  decorators_js.property()
-], LuzmoTextFieldBase.prototype, "label", 2);
-__decorateClass([
-  decorators_js.property({ type: String, reflect: true })
-], LuzmoTextFieldBase.prototype, "name", 2);
-__decorateClass([
-  decorators_js.property()
-], LuzmoTextFieldBase.prototype, "placeholder", 2);
-__decorateClass([
-  decorators_js.state()
-], LuzmoTextFieldBase.prototype, "type", 1);
-__decorateClass([
-  decorators_js.property({ attribute: "type", reflect: true })
-], LuzmoTextFieldBase.prototype, "_type", 2);
-__decorateClass([
-  decorators_js.property()
-], LuzmoTextFieldBase.prototype, "pattern", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "grows", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoTextFieldBase.prototype, "maxlength", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoTextFieldBase.prototype, "minlength", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "multiline", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "readonly", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoTextFieldBase.prototype, "rows", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "valid", 2);
-__decorateClass([
-  decorators_js.property({ type: String })
-], LuzmoTextFieldBase.prototype, "value", 1);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "quiet", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "required", 2);
-__decorateClass([
-  decorators_js.property({ type: String, reflect: true })
-], LuzmoTextFieldBase.prototype, "autocomplete", 2);
-class LuzmoTextField extends LuzmoTextFieldBase {
-  constructor() {
-    super(...arguments);
-    this._value = "";
-  }
-  set value(value) {
-    if (value === this.value) {
-      return;
-    }
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
-  }
-  get value() {
-    return this._value;
-  }
-}
-__decorateClass([
-  decorators_js.property({ type: String })
-], LuzmoTextField.prototype, "value", 1);
-exports.LuzmoTextField = LuzmoTextField;
-exports.LuzmoTextFieldBase = LuzmoTextFieldBase;

package/components/text-field-Chi9J2Cz.js

@@ -1,339 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { unsafeCSS, html, nothing } from "lit";
-import { state, property, query } from "lit/decorators.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { live } from "lit/directives/live.js";
-import { luzmoIcon, luzmoAlert, luzmoCheck } from "@luzmo/icons";
-import { F as Focusable } from "./focusable-ChCLg1k4.js";
-import { S as SizedMixin } from "./sized-mixin-DmkrNdWB.js";
-import { M as ManageHelpText } from "./manage-help-text-DOuMTGht.js";
-import { t as textFieldStyles } from "./text-field.module-CMBS0jSL.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const textFieldTypes = ["text", "url", "tel", "email", "password"];
-class LuzmoTextFieldBase extends ManageHelpText(
-  SizedMixin(Focusable, {
-    noDefaultSize: true
-  })
-) {
-  constructor() {
-    super(...arguments);
-    this.allowedKeys = "";
-    this.focused = false;
-    this.invalid = false;
-    this.label = "";
-    this.placeholder = "";
-    this._type = "text";
-    this.grows = false;
-    this.maxlength = -1;
-    this.minlength = -1;
-    this.multiline = false;
-    this.readonly = false;
-    this.rows = -1;
-    this.valid = false;
-    this._value = "";
-    this.quiet = false;
-    this.required = false;
-  }
-  static get styles() {
-    return [unsafeCSS(textFieldStyles)];
-  }
-  set type(val) {
-    const prev = this._type;
-    this._type = val;
-    this.requestUpdate("type", prev);
-  }
-  get type() {
-    return textFieldTypes.find((t) => t === this._type) ?? "text";
-  }
-  set value(value) {
-    if (value === this.value) {
-      return;
-    }
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
-  }
-  get value() {
-    return this._value;
-  }
-  get focusElement() {
-    return this.inputElement;
-  }
-  /**
-   * Sets the start and end positions of the current selection.
-   *
-   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the
-   * element's value is treated as pointing to the end of the value.
-   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than
-   * the length of the element's value is treated as pointing to the end of the value.
-   * @param [selectionDirection="none"] A string indicating the direction in which the selection is considered to
-   * have been performed.
-   */
-  setSelectionRange(selectionStart, selectionEnd, selectionDirection = "none") {
-    this.inputElement.setSelectionRange(
-      selectionStart,
-      selectionEnd,
-      selectionDirection
-    );
-  }
-  /**
-   * Selects all the text.
-   */
-  select() {
-    this.inputElement.select();
-  }
-  handleInput(_event) {
-    if (this.allowedKeys && this.inputElement.value) {
-      const regExp = new RegExp(`^[${this.allowedKeys}]*$`, "u");
-      if (!regExp.test(this.inputElement.value)) {
-        const selectionStart = this.inputElement.selectionStart;
-        const nextSelectStart = selectionStart - 1;
-        this.inputElement.value = this.value.toString();
-        this.inputElement.setSelectionRange(nextSelectStart, nextSelectStart);
-        return;
-      }
-    }
-    this.value = this.inputElement.value;
-  }
-  handleChange() {
-    this.dispatchEvent(
-      new Event("change", {
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  onFocus() {
-    this.focused = !this.readonly && true;
-  }
-  onBlur(_event) {
-    this.focused = !this.readonly && false;
-  }
-  handleInputElementPointerdown() {
-  }
-  renderStateIcons() {
-    if (this.invalid) {
-      return html`
-        <div id="invalid" class="icon">${luzmoIcon(luzmoAlert)}</div>
-      `;
-    } else if (this.valid) {
-      return html`
-        <div id="valid" class="icon">${luzmoIcon(luzmoCheck)}</div>
-      `;
-    }
-    return nothing;
-  }
-  get displayValue() {
-    return this.value.toString();
-  }
-  // prettier-ignore
-  get renderMultiline() {
-    return html`
-      ${this.multiline && this.grows && this.rows === -1 ? html`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        ` : nothing}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${ifDefined(this.name || void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${ifDefined(this.invalid || void 0)}
-        class="input"
-        maxlength=${ifDefined(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${ifDefined(this.minlength > -1 ? this.minlength : void 0)}
-        title=${this.invalid ? "" : nothing}
-        pattern=${ifDefined(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${ifDefined(this.rows > -1 ? this.rows : void 0)}
-        autocomplete=${ifDefined(this.autocomplete)}
-      ></textarea>
-    `;
-  }
-  get renderInput() {
-    return html`
-      <!-- @ts-ignore -->
-      <input
-        name=${ifDefined(this.name || void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${ifDefined(this.invalid || void 0)}
-        class="input"
-        title=${this.invalid ? "" : nothing}
-        maxlength=${ifDefined(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${ifDefined(this.minlength > -1 ? this.minlength : void 0)}
-        pattern=${ifDefined(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${live(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${ifDefined(this.autocomplete)}
-      />
-    `;
-  }
-  renderField() {
-    return html`
-      ${this.renderStateIcons()}
-      ${this.multiline ? this.renderMultiline : this.renderInput}
-    `;
-  }
-  render() {
-    return html`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `;
-  }
-  update(changedProperties) {
-    if (changedProperties.has("value") || changedProperties.has("required") && this.required) {
-      this.updateComplete.then(() => {
-        this.checkValidity();
-      });
-    }
-    super.update(changedProperties);
-  }
-  checkValidity() {
-    let validity = this.inputElement.checkValidity();
-    if (this.required || this.value && this.pattern) {
-      if ((this.disabled || this.multiline) && this.pattern) {
-        const regex = new RegExp(`^${this.pattern}$`, "u");
-        validity = regex.test(this.value.toString());
-      }
-      if (this.minlength !== void 0) {
-        validity = validity && this.value.toString().length >= this.minlength;
-      }
-      this.valid = validity;
-      this.invalid = !validity;
-    }
-    return validity;
-  }
-}
-__decorateClass([
-  state()
-], LuzmoTextFieldBase.prototype, "appliedLabel", 2);
-__decorateClass([
-  property({ attribute: "allowed-keys" })
-], LuzmoTextFieldBase.prototype, "allowedKeys", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "focused", 2);
-__decorateClass([
-  query(".input:not(#sizer)")
-], LuzmoTextFieldBase.prototype, "inputElement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "invalid", 2);
-__decorateClass([
-  property()
-], LuzmoTextFieldBase.prototype, "label", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoTextFieldBase.prototype, "name", 2);
-__decorateClass([
-  property()
-], LuzmoTextFieldBase.prototype, "placeholder", 2);
-__decorateClass([
-  state()
-], LuzmoTextFieldBase.prototype, "type", 1);
-__decorateClass([
-  property({ attribute: "type", reflect: true })
-], LuzmoTextFieldBase.prototype, "_type", 2);
-__decorateClass([
-  property()
-], LuzmoTextFieldBase.prototype, "pattern", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "grows", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoTextFieldBase.prototype, "maxlength", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoTextFieldBase.prototype, "minlength", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "multiline", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "readonly", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoTextFieldBase.prototype, "rows", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "valid", 2);
-__decorateClass([
-  property({ type: String })
-], LuzmoTextFieldBase.prototype, "value", 1);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "quiet", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoTextFieldBase.prototype, "required", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], LuzmoTextFieldBase.prototype, "autocomplete", 2);
-class LuzmoTextField extends LuzmoTextFieldBase {
-  constructor() {
-    super(...arguments);
-    this._value = "";
-  }
-  set value(value) {
-    if (value === this.value) {
-      return;
-    }
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
-  }
-  get value() {
-    return this._value;
-  }
-}
-__decorateClass([
-  property({ type: String })
-], LuzmoTextField.prototype, "value", 1);
-export {
-  LuzmoTextField as L,
-  LuzmoTextFieldBase as a
-};