@digital-realty/ix-textbox 2.2.7 → 2.2.8

package/dist/IxTextbox.d.ts

@@ -148,5 +148,6 @@ export declare class IxTextbox extends LitElement {
     autocomplete: string;
     focus(): void;
     protected createRenderRoot(): this;
+    renderStyles(): import("lit").TemplateResult<1>;
     protected render(): import("lit").TemplateResult<1 | 2>;
 }

package/dist/IxTextbox.js

@@ -157,11 +157,46 @@ export class IxTextbox extends LitElement {
     createRenderRoot() {
         return this;
     }
+    renderStyles() {
+        return html `
+      <style>
+        [error] {
+          --md-outlined-field-outline-width: 2px;
+        }
+        ix-textbox {
+          &.comment {
+            --md-outlined-text-field-container-shape: 32px;
+            --md-outlined-text-field-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-outline-width: 1px;
+            --md-outlined-text-field-hover-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-hover-outline-width: 1px;
+            --md-outlined-text-field-focus-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-focus-outline-width: 1px;
+            --md-outlined-text-field-input-text-placeholder-color: rgba(
+              9,
+              34,
+              65,
+              0.42
+            );
+            --md-filled-text-field-focus-active-indicator-color: rgba(
+              9,
+              34,
+              65,
+              0.12
+            );
+            --md-outlined-text-field-input-text-color: rgb(9, 34, 65);
+            --md-outlined-field-leading-space: 8px;
+          }
+        }
+      </style>
+    `;
+    }
     render() {
         var _a, _b;
         if (this.type === 'tel') {
             return html `<ix-phone-input
         class="textfield"
+        style="display: block;"
         ?disabled=${this.disabled}
         ?required=${this.required}
         ?error=${this.error}
@@ -177,8 +212,10 @@ export class IxTextbox extends LitElement {
             ? literal `md-filled-text-field`
             : literal `md-outlined-text-field`;
         return staticHtml `
+        ${this.renderStyles()}
         <${tag}
           class="textfield"
+          style="display: block;"
           ?disabled=${this.disabled}
           ?required=${this.required}
           ?error=${this.error}

package/dist/IxTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxTextbox.js","sourceRoot":"","sources":["../src/IxTextbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { html as staticHtml, StaticValue, literal } from 'lit/static-html.js';\nimport { property, query } from 'lit/decorators.js';\nimport '@material/web/textfield/filled-text-field.js';\nimport '@material/web/textfield/outlined-text-field.js';\nimport {\n  TextFieldType,\n  UnsupportedTextFieldType,\n} from '@material/web/textfield/internal/text-field.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-phone-input/ix-phone-input.js';\n\nexport class IxTextbox extends LitElement {\n  @query('.textfield')\n  readonly component!: HTMLInputElement;\n\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Gets or sets whether or not the text field is in a visually invalid state.\n   *\n   * Calling `reportValidity()` will automatically update `error`.\n   */\n  @property({ type: Boolean, reflect: true }) error = false;\n\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * Calling `reportValidity()` will automatically update `errorText` to the\n   * native `validationMessage`.\n   */\n  @property({ attribute: 'error-text' }) errorText = '';\n\n  @property() label = '';\n\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /**\n   * The current value of the text field. It is always a string.\n   */\n  @property() value = '';\n\n  /**\n   * The name of the text field. It is always a string.\n   */\n  @property() name = '';\n\n  /**\n   * An optional prefix to display before the input value.\n   */\n  @property({ attribute: 'prefix-text' }) prefixText = '';\n\n  /**\n   * An optional suffix to display after the input value.\n   */\n  @property({ attribute: 'suffix-text' }) suffixText = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'leading-icon' })\n  leadingIcon = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'trailing-icon' })\n  trailingIcon = '';\n\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   */\n  @property({ attribute: 'supporting-text' }) supportingText = '';\n\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   */\n  @property({ attribute: 'text-direction' }) textDirection = '';\n\n  /**\n   * The number of rows to display for a `type=\"textarea\"` text field.\n   * Defaults to 2.\n   */\n  @property({ type: Number }) rows = 2;\n\n  // <input> properties\n  @property({ reflect: true }) override inputMode = '';\n\n  /**\n   * Defines the greatest value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max\n   */\n  @property() max = '';\n\n  /**\n   * The maximum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength\n   */\n  @property({ type: Number }) maxLength = -1;\n\n  /**\n   * Defines the most negative value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min\n   */\n  @property() min = '';\n\n  /**\n   * The minimum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength\n   */\n  @property({ type: Number }) minLength = -1;\n\n  /**\n   * A regular expression that the text field's value must match to pass\n   * constraint validation.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern\n   */\n  @property() pattern = '';\n\n  @property({ reflect: true }) placeholder = '';\n\n  /**\n   * Indicates whether or not a user should be able to edit the text field's\n   * value.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Indicates that input accepts multiple email addresses.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple\n   */\n  @property({ type: Boolean, reflect: true }) multiple = false;\n\n  /**\n   * Returns or sets the element's step attribute, which works with min and max\n   * to limit the increments at which a numeric or date-time value can be set.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @property() step = '';\n\n  /**\n   * The `<input>` type to use, defaults to \"text\". The type greatly changes how\n   * the text field behaves.\n   *\n   * Text fields support a limited number of `<input>` types:\n   *\n   * - text\n   * - textarea\n   * - email\n   * - number\n   * - password\n   * - search\n   * - tel\n   * - url\n   *\n   * See\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n   * for more details on each input type.\n   */\n  @property({ reflect: true })\n  type: TextFieldType | UnsupportedTextFieldType = 'text';\n\n  /**\n   * Describes what, if any, type of autocomplete functionality the input\n   * should provide.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  @property({ reflect: true }) autocomplete = '';\n\n  focus() {\n    this.component.focus();\n  }\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  protected override render() {\n    if (this.type === 'tel') {\n      return html`<ix-phone-input\n        class=\"textfield\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?error=${this.error}\n        error-text=${this.errorText}\n        supporting-text=${this.supportingText}\n        type=${this.type}\n        label=${this.label}\n        name=${this.name}\n        .value=${this.value ?? ''}\n      ></ix-phone-input>`;\n    }\n\n    const tag: StaticValue = this.filled\n      ? literal`md-filled-text-field`\n      : literal`md-outlined-text-field`;\n\n    return staticHtml`\n        <${tag}\n          class=\"textfield\"\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          ?error=${this.error}\n          ?multipule=${this.multiple}\n          ?readOnly=${this.readOnly}\n          ?has-leading-icon=${this.leadingIcon.length > 0}\n          ?has-trailing-icon=${this.trailingIcon.length > 0}\n          step=${this.step || nothing}\n          autocomplete=${this.autocomplete || nothing}\n          error-text=${this.errorText}\n          placeholder=${this.placeholder}\n          text-direction=${this.textDirection}\n          rows=${this.rows}\n          max=${this.max}\n          maxLength=${this.maxLength}\n          min=${this.min}\n          minLength=${this.minLength}\n          pattern=${this.pattern}\n          prefix-text=${this.prefixText}\n          suffix-text=${this.suffixText}\n          supporting-text=${this.supportingText}\n          inputMode=${this.inputMode}\n          type=${this.type}\n          label=${this.label}\n          name=${this.name}\n          .value=${this.value ?? ''}\n        >\n          ${\n            this.leadingIcon\n              ? html`<ix-icon slot=\"leading-icon\">${this.leadingIcon}</ix-icon>`\n              : nothing\n          }\n          ${\n            this.trailingIcon\n              ? html`<ix-icon slot=\"trailing-icon\"\n                  >${this.trailingIcon}</ix-icon\n                >`\n              : nothing\n          }\n        </${tag}>\n      `;\n  }\n}\n"]}
+{"version":3,"file":"IxTextbox.js","sourceRoot":"","sources":["../src/IxTextbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAe,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,8CAA8C,CAAC;AACtD,OAAO,gDAAgD,CAAC;AAKxD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kDAAkD,CAAC;AAE1D,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QAI8C,WAAM,GAAG,KAAK,CAAC;QAEf,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;;WAIG;QACyC,UAAK,GAAG,KAAK,CAAC;QAE1D;;;;;;;WAOG;QACoC,cAAS,GAAG,EAAE,CAAC;QAE1C,UAAK,GAAG,EAAE,CAAC;QAEqB,aAAQ,GAAG,KAAK,CAAC;QAE7D;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QAEvB;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;QAEtB;;WAEG;QACqC,eAAU,GAAG,EAAE,CAAC;QAExD;;WAEG;QACqC,eAAU,GAAG,EAAE,CAAC;QAExD;;WAEG;QAEH,gBAAW,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,iBAAY,GAAG,EAAE,CAAC;QAElB;;;WAGG;QACyC,mBAAc,GAAG,EAAE,CAAC;QAEhE;;;WAGG;QACwC,kBAAa,GAAG,EAAE,CAAC;QAE9D;;;WAGG;QACyB,SAAI,GAAG,CAAC,CAAC;QAErC,qBAAqB;QACiB,cAAS,GAAG,EAAE,CAAC;QAErD;;;;WAIG;QACS,QAAG,GAAG,EAAE,CAAC;QAErB;;;;;WAKG;QACyB,cAAS,GAAG,CAAC,CAAC,CAAC;QAE3C;;;;WAIG;QACS,QAAG,GAAG,EAAE,CAAC;QAErB;;;;;WAKG;QACyB,cAAS,GAAG,CAAC,CAAC,CAAC;QAE3C;;;;;WAKG;QACS,YAAO,GAAG,EAAE,CAAC;QAEI,gBAAW,GAAG,EAAE,CAAC;QAE9C;;;;;WAKG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;;WAIG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;;;WAKG;QACS,SAAI,GAAG,EAAE,CAAC;QAEtB;;;;;;;;;;;;;;;;;;WAkBG;QAEH,SAAI,GAA6C,MAAM,CAAC;QAExD;;;;;WAKG;QAC0B,iBAAY,GAAG,EAAE,CAAC;IAiHjD,CAAC;IA/GC,KAAK;QACH,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAES,gBAAgB;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BV,CAAC;IACJ,CAAC;IAEkB,MAAM;;QACvB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;YACvB,OAAO,IAAI,CAAA;;;oBAGG,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;qBACN,IAAI,CAAC,SAAS;0BACT,IAAI,CAAC,cAAc;eAC9B,IAAI,CAAC,IAAI;gBACR,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;iBACP,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE;yBACR,CAAC;SACrB;QAED,MAAM,GAAG,GAAgB,IAAI,CAAC,MAAM;YAClC,CAAC,CAAC,OAAO,CAAA,sBAAsB;YAC/B,CAAC,CAAC,OAAO,CAAA,wBAAwB,CAAC;QAEpC,OAAO,UAAU,CAAA;UACX,IAAI,CAAC,YAAY,EAAE;WAClB,GAAG;;;sBAGQ,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;mBAChB,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,QAAQ;sBACd,IAAI,CAAC,QAAQ;8BACL,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;+BAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;iBAC1C,IAAI,CAAC,IAAI,IAAI,OAAO;yBACZ,IAAI,CAAC,YAAY,IAAI,OAAO;uBAC9B,IAAI,CAAC,SAAS;wBACb,IAAI,CAAC,WAAW;2BACb,IAAI,CAAC,aAAa;iBAC5B,IAAI,CAAC,IAAI;gBACV,IAAI,CAAC,GAAG;sBACF,IAAI,CAAC,SAAS;gBACpB,IAAI,CAAC,GAAG;sBACF,IAAI,CAAC,SAAS;oBAChB,IAAI,CAAC,OAAO;wBACR,IAAI,CAAC,UAAU;wBACf,IAAI,CAAC,UAAU;4BACX,IAAI,CAAC,cAAc;sBACzB,IAAI,CAAC,SAAS;iBACnB,IAAI,CAAC,IAAI;kBACR,IAAI,CAAC,KAAK;iBACX,IAAI,CAAC,IAAI;mBACP,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE;;YAGvB,IAAI,CAAC,WAAW;YACd,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,WAAW,YAAY;YAClE,CAAC,CAAC,OACN;YAEE,IAAI,CAAC,YAAY;YACf,CAAC,CAAC,IAAI,CAAA;qBACC,IAAI,CAAC,YAAY;kBACpB;YACJ,CAAC,CAAC,OACN;YACE,GAAG;OACR,CAAC;IACN,CAAC;CACF;AA5RC;IADC,KAAK,CAAC,YAAY,CAAC;4CACkB;AAEM;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAgB;AAEf;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAOjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAe;AAUnB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;4CAAgB;AAE1C;IAAX,QAAQ,EAAE;wCAAY;AAEqB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAKjD;IAAX,QAAQ,EAAE;wCAAY;AAKX;IAAX,QAAQ,EAAE;uCAAW;AAKkB;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;6CAAiB;AAKhB;IAAvC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;6CAAiB;AAMxD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;8CACvB;AAMjB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CACvB;AAM0B;IAA3C,QAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;iDAAqB;AAMrB;IAA1C,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;gDAAoB;AAMlC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAU;AAGR;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAyB;AAOzC;IAAX,QAAQ,EAAE;sCAAU;AAQO;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAgB;AAO/B;IAAX,QAAQ,EAAE;sCAAU;AAQO;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAgB;AAQ/B;IAAX,QAAQ,EAAE;0CAAc;AAEI;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AAQF;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAOjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAQjD;IAAX,QAAQ,EAAE;uCAAW;AAsBtB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC4B;AAQ3B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAmB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { html as staticHtml, StaticValue, literal } from 'lit/static-html.js';\nimport { property, query } from 'lit/decorators.js';\nimport '@material/web/textfield/filled-text-field.js';\nimport '@material/web/textfield/outlined-text-field.js';\nimport {\n  TextFieldType,\n  UnsupportedTextFieldType,\n} from '@material/web/textfield/internal/text-field.js';\nimport '@digital-realty/ix-icon/ix-icon.js';\nimport '@digital-realty/ix-phone-input/ix-phone-input.js';\n\nexport class IxTextbox extends LitElement {\n  @query('.textfield')\n  readonly component!: HTMLInputElement;\n\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Gets or sets whether or not the text field is in a visually invalid state.\n   *\n   * Calling `reportValidity()` will automatically update `error`.\n   */\n  @property({ type: Boolean, reflect: true }) error = false;\n\n  /**\n   * The error message that replaces supporting text when `error` is true. If\n   * `errorText` is an empty string, then the supporting text will continue to\n   * show.\n   *\n   * Calling `reportValidity()` will automatically update `errorText` to the\n   * native `validationMessage`.\n   */\n  @property({ attribute: 'error-text' }) errorText = '';\n\n  @property() label = '';\n\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /**\n   * The current value of the text field. It is always a string.\n   */\n  @property() value = '';\n\n  /**\n   * The name of the text field. It is always a string.\n   */\n  @property() name = '';\n\n  /**\n   * An optional prefix to display before the input value.\n   */\n  @property({ attribute: 'prefix-text' }) prefixText = '';\n\n  /**\n   * An optional suffix to display after the input value.\n   */\n  @property({ attribute: 'suffix-text' }) suffixText = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'leading-icon' })\n  leadingIcon = '';\n\n  /**\n   * Name of icon. It is always a string.\n   */\n  @property({ attribute: 'trailing-icon' })\n  trailingIcon = '';\n\n  /**\n   * Conveys additional information below the text field, such as how it should\n   * be used.\n   */\n  @property({ attribute: 'supporting-text' }) supportingText = '';\n\n  /**\n   * Override the input text CSS `direction`. Useful for RTL languages that use\n   * LTR notation for fractions.\n   */\n  @property({ attribute: 'text-direction' }) textDirection = '';\n\n  /**\n   * The number of rows to display for a `type=\"textarea\"` text field.\n   * Defaults to 2.\n   */\n  @property({ type: Number }) rows = 2;\n\n  // <input> properties\n  @property({ reflect: true }) override inputMode = '';\n\n  /**\n   * Defines the greatest value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max\n   */\n  @property() max = '';\n\n  /**\n   * The maximum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength\n   */\n  @property({ type: Number }) maxLength = -1;\n\n  /**\n   * Defines the most negative value in the range of permitted values.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min\n   */\n  @property() min = '';\n\n  /**\n   * The minimum number of characters a user can enter into the text field. Set\n   * to -1 for none.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength\n   */\n  @property({ type: Number }) minLength = -1;\n\n  /**\n   * A regular expression that the text field's value must match to pass\n   * constraint validation.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern\n   */\n  @property() pattern = '';\n\n  @property({ reflect: true }) placeholder = '';\n\n  /**\n   * Indicates whether or not a user should be able to edit the text field's\n   * value.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly\n   */\n  @property({ type: Boolean, reflect: true }) readOnly = false;\n\n  /**\n   * Indicates that input accepts multiple email addresses.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple\n   */\n  @property({ type: Boolean, reflect: true }) multiple = false;\n\n  /**\n   * Returns or sets the element's step attribute, which works with min and max\n   * to limit the increments at which a numeric or date-time value can be set.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @property() step = '';\n\n  /**\n   * The `<input>` type to use, defaults to \"text\". The type greatly changes how\n   * the text field behaves.\n   *\n   * Text fields support a limited number of `<input>` types:\n   *\n   * - text\n   * - textarea\n   * - email\n   * - number\n   * - password\n   * - search\n   * - tel\n   * - url\n   *\n   * See\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n   * for more details on each input type.\n   */\n  @property({ reflect: true })\n  type: TextFieldType | UnsupportedTextFieldType = 'text';\n\n  /**\n   * Describes what, if any, type of autocomplete functionality the input\n   * should provide.\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  @property({ reflect: true }) autocomplete = '';\n\n  focus() {\n    this.component.focus();\n  }\n\n  protected createRenderRoot() {\n    return this;\n  }\n\n  renderStyles() {\n    return html`\n      <style>\n        [error] {\n          --md-outlined-field-outline-width: 2px;\n        }\n        ix-textbox {\n          &.comment {\n            --md-outlined-text-field-container-shape: 32px;\n            --md-outlined-text-field-outline-color: rgba(9, 34, 65, 0.12);\n            --md-outlined-text-field-outline-width: 1px;\n            --md-outlined-text-field-hover-outline-color: rgba(9, 34, 65, 0.12);\n            --md-outlined-text-field-hover-outline-width: 1px;\n            --md-outlined-text-field-focus-outline-color: rgba(9, 34, 65, 0.12);\n            --md-outlined-text-field-focus-outline-width: 1px;\n            --md-outlined-text-field-input-text-placeholder-color: rgba(\n              9,\n              34,\n              65,\n              0.42\n            );\n            --md-filled-text-field-focus-active-indicator-color: rgba(\n              9,\n              34,\n              65,\n              0.12\n            );\n            --md-outlined-text-field-input-text-color: rgb(9, 34, 65);\n            --md-outlined-field-leading-space: 8px;\n          }\n        }\n      </style>\n    `;\n  }\n\n  protected override render() {\n    if (this.type === 'tel') {\n      return html`<ix-phone-input\n        class=\"textfield\"\n        style=\"display: block;\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?error=${this.error}\n        error-text=${this.errorText}\n        supporting-text=${this.supportingText}\n        type=${this.type}\n        label=${this.label}\n        name=${this.name}\n        .value=${this.value ?? ''}\n      ></ix-phone-input>`;\n    }\n\n    const tag: StaticValue = this.filled\n      ? literal`md-filled-text-field`\n      : literal`md-outlined-text-field`;\n\n    return staticHtml`\n        ${this.renderStyles()}\n        <${tag}\n          class=\"textfield\"\n          style=\"display: block;\"\n          ?disabled=${this.disabled}\n          ?required=${this.required}\n          ?error=${this.error}\n          ?multipule=${this.multiple}\n          ?readOnly=${this.readOnly}\n          ?has-leading-icon=${this.leadingIcon.length > 0}\n          ?has-trailing-icon=${this.trailingIcon.length > 0}\n          step=${this.step || nothing}\n          autocomplete=${this.autocomplete || nothing}\n          error-text=${this.errorText}\n          placeholder=${this.placeholder}\n          text-direction=${this.textDirection}\n          rows=${this.rows}\n          max=${this.max}\n          maxLength=${this.maxLength}\n          min=${this.min}\n          minLength=${this.minLength}\n          pattern=${this.pattern}\n          prefix-text=${this.prefixText}\n          suffix-text=${this.suffixText}\n          supporting-text=${this.supportingText}\n          inputMode=${this.inputMode}\n          type=${this.type}\n          label=${this.label}\n          name=${this.name}\n          .value=${this.value ?? ''}\n        >\n          ${\n            this.leadingIcon\n              ? html`<ix-icon slot=\"leading-icon\">${this.leadingIcon}</ix-icon>`\n              : nothing\n          }\n          ${\n            this.trailingIcon\n              ? html`<ix-icon slot=\"trailing-icon\"\n                  >${this.trailingIcon}</ix-icon\n                >`\n              : nothing\n          }\n        </${tag}>\n      `;\n  }\n}\n"]}

package/dist/ix-textbox.d.ts

@@ -1,4 +1 @@
-import { IxTextbox } from './IxTextbox.js';
-export declare class IxTextboxStyled extends IxTextbox {
-    static styles: import("lit").CSSResult;
-}
+export {};

package/dist/ix-textbox.js

@@ -1,14 +1,3 @@
-import { css } from 'lit';
 import { IxTextbox } from './IxTextbox.js';
-export class IxTextboxStyled extends IxTextbox {
-}
-IxTextboxStyled.styles = css `
-    :host {
-      display: block;
-    }
-    .textfield {
-      display: block;
-    }
-  `;
-window.customElements.define('ix-textbox', IxTextboxStyled);
+window.customElements.define('ix-textbox', IxTextbox);
 //# sourceMappingURL=ix-textbox.js.map

package/dist/ix-textbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-textbox.js","sourceRoot":"","sources":["../src/ix-textbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,OAAO,eAAgB,SAAQ,SAAS;;AAC5B,sBAAM,GAAG,GAAG,CAAA;;;;;;;GAO3B,CAAC;AAGJ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { IxTextbox } from './IxTextbox.js';\n\nexport class IxTextboxStyled extends IxTextbox {\n  static override styles = css`\n    :host {\n      display: block;\n    }\n    .textfield {\n      display: block;\n    }\n  `;\n}\n\nwindow.customElements.define('ix-textbox', IxTextboxStyled);\n"]}
+{"version":3,"file":"ix-textbox.js","sourceRoot":"","sources":["../src/ix-textbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import { IxTextbox } from './IxTextbox.js';\n\nwindow.customElements.define('ix-textbox', IxTextbox);\n"]}

package/dist/ix-textbox.min.js

@@ -1,5 +1,37 @@
-import{LitElement,html,nothing,css}from"lit";import{__decorate}from"tslib";import{literal,html as html$1}from"lit/static-html.js";import{query,property}from"lit/decorators.js";import"@material/web/textfield/filled-text-field.js";import"@material/web/textfield/outlined-text-field.js";import"@digital-realty/ix-icon/ix-icon.js";import"@digital-realty/ix-phone-input/ix-phone-input.js";class IxTextbox extends LitElement{constructor(){super(...arguments),this.filled=!1,this.disabled=!1,this.error=!1,this.errorText="",this.label="",this.required=!1,this.value="",this.name="",this.prefixText="",this.suffixText="",this.leadingIcon="",this.trailingIcon="",this.supportingText="",this.textDirection="",this.rows=2,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete=""}focus(){this.component.focus()}createRenderRoot(){return this}render(){var t,e;return"tel"===this.type?html`<ix-phone-input
+import{__decorate}from"tslib";import{LitElement,html,nothing}from"lit";import{literal,html as html$1}from"lit/static-html.js";import{query,property}from"lit/decorators.js";import"@material/web/textfield/filled-text-field.js";import"@material/web/textfield/outlined-text-field.js";import"@digital-realty/ix-icon/ix-icon.js";import"@digital-realty/ix-phone-input/ix-phone-input.js";class IxTextbox extends LitElement{constructor(){super(...arguments),this.filled=!1,this.disabled=!1,this.error=!1,this.errorText="",this.label="",this.required=!1,this.value="",this.name="",this.prefixText="",this.suffixText="",this.leadingIcon="",this.trailingIcon="",this.supportingText="",this.textDirection="",this.rows=2,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete=""}focus(){this.component.focus()}createRenderRoot(){return this}renderStyles(){return html`
+      <style>
+        [error] {
+          --md-outlined-field-outline-width: 2px;
+        }
+        ix-textbox {
+          &.comment {
+            --md-outlined-text-field-container-shape: 32px;
+            --md-outlined-text-field-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-outline-width: 1px;
+            --md-outlined-text-field-hover-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-hover-outline-width: 1px;
+            --md-outlined-text-field-focus-outline-color: rgba(9, 34, 65, 0.12);
+            --md-outlined-text-field-focus-outline-width: 1px;
+            --md-outlined-text-field-input-text-placeholder-color: rgba(
+              9,
+              34,
+              65,
+              0.42
+            );
+            --md-filled-text-field-focus-active-indicator-color: rgba(
+              9,
+              34,
+              65,
+              0.12
+            );
+            --md-outlined-text-field-input-text-color: rgb(9, 34, 65);
+            --md-outlined-field-leading-space: 8px;
+          }
+        }
+      </style>
+    `}render(){var t,e;return"tel"===this.type?html`<ix-phone-input
         class="textfield"
+        style="display: block;"
         ?disabled=${this.disabled}
         ?required=${this.required}
         ?error=${this.error}
@@ -10,8 +42,10 @@ import{LitElement,html,nothing,css}from"lit";import{__decorate}from"tslib";impor
         name=${this.name}
         .value=${null!=(e=this.value)?e:""}
       ></ix-phone-input>`:(e=this.filled?literal`md-filled-text-field`:literal`md-outlined-text-field`,html$1`
+        ${this.renderStyles()}
         <${e}
           class="textfield"
+          style="display: block;"
           ?disabled=${this.disabled}
           ?required=${this.required}
           ?error=${this.error}
@@ -44,4 +78,4 @@ import{LitElement,html,nothing,css}from"lit";import{__decorate}from"tslib";impor
                   >${this.trailingIcon}</ix-icon
                 >`:nothing}
         </${e}>
-      `)}}__decorate([query(".textfield")],IxTextbox.prototype,"component",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"filled",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"disabled",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"error",void 0),__decorate([property({attribute:"error-text"})],IxTextbox.prototype,"errorText",void 0),__decorate([property()],IxTextbox.prototype,"label",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"required",void 0),__decorate([property()],IxTextbox.prototype,"value",void 0),__decorate([property()],IxTextbox.prototype,"name",void 0),__decorate([property({attribute:"prefix-text"})],IxTextbox.prototype,"prefixText",void 0),__decorate([property({attribute:"suffix-text"})],IxTextbox.prototype,"suffixText",void 0),__decorate([property({attribute:"leading-icon"})],IxTextbox.prototype,"leadingIcon",void 0),__decorate([property({attribute:"trailing-icon"})],IxTextbox.prototype,"trailingIcon",void 0),__decorate([property({attribute:"supporting-text"})],IxTextbox.prototype,"supportingText",void 0),__decorate([property({attribute:"text-direction"})],IxTextbox.prototype,"textDirection",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"rows",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"inputMode",void 0),__decorate([property()],IxTextbox.prototype,"max",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"maxLength",void 0),__decorate([property()],IxTextbox.prototype,"min",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"minLength",void 0),__decorate([property()],IxTextbox.prototype,"pattern",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"placeholder",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"readOnly",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"multiple",void 0),__decorate([property()],IxTextbox.prototype,"step",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"type",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"autocomplete",void 0);class IxTextboxStyled extends IxTextbox{}IxTextboxStyled.styles=css`:host{display:block}.textfield{display:block}`,window.customElements.define("ix-textbox",IxTextboxStyled);export{IxTextboxStyled};
+      `)}}__decorate([query(".textfield")],IxTextbox.prototype,"component",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"filled",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"disabled",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"error",void 0),__decorate([property({attribute:"error-text"})],IxTextbox.prototype,"errorText",void 0),__decorate([property()],IxTextbox.prototype,"label",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"required",void 0),__decorate([property()],IxTextbox.prototype,"value",void 0),__decorate([property()],IxTextbox.prototype,"name",void 0),__decorate([property({attribute:"prefix-text"})],IxTextbox.prototype,"prefixText",void 0),__decorate([property({attribute:"suffix-text"})],IxTextbox.prototype,"suffixText",void 0),__decorate([property({attribute:"leading-icon"})],IxTextbox.prototype,"leadingIcon",void 0),__decorate([property({attribute:"trailing-icon"})],IxTextbox.prototype,"trailingIcon",void 0),__decorate([property({attribute:"supporting-text"})],IxTextbox.prototype,"supportingText",void 0),__decorate([property({attribute:"text-direction"})],IxTextbox.prototype,"textDirection",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"rows",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"inputMode",void 0),__decorate([property()],IxTextbox.prototype,"max",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"maxLength",void 0),__decorate([property()],IxTextbox.prototype,"min",void 0),__decorate([property({type:Number})],IxTextbox.prototype,"minLength",void 0),__decorate([property()],IxTextbox.prototype,"pattern",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"placeholder",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"readOnly",void 0),__decorate([property({type:Boolean,reflect:!0})],IxTextbox.prototype,"multiple",void 0),__decorate([property()],IxTextbox.prototype,"step",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"type",void 0),__decorate([property({reflect:!0})],IxTextbox.prototype,"autocomplete",void 0),window.customElements.define("ix-textbox",IxTextbox);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-realty/ix-textbox",
-  "version": "2.2.7",
+  "version": "2.2.8",
   "description": "Webcomponent ix-textbox following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
@@ -27,8 +27,8 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@digital-realty/ix-icon": "^1.1.4",
-    "@digital-realty/ix-phone-input": "^2.2.5",
+    "@digital-realty/ix-icon": "^1.1.5",
+    "@digital-realty/ix-phone-input": "^2.2.6",
     "@lit/react": "^1.0.2",
     "@material/web": "1.2.0",
     "lit": "^2.8.0 || ^3.0.0",
@@ -50,6 +50,7 @@
     "husky": "^4.3.8",
     "lint-staged": "^10.5.4",
     "prettier": "^2.4.1",
+    "rollup": "^4.29.1",
     "rollup-plugin-minify-html-literals": "^1.2.6",
     "rollup-plugin-summary": "^2.0.0",
     "rollup-plugin-uglify": "^6.0.4",
@@ -111,5 +112,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "cb4798e2a22a7e6b2eed58b8fc2d9fdddc875911"
+  "gitHead": "3590ef8890b3526a1395c48f0e94c72757c33c35"
 }