@phcdevworks/spectre-components 1.0.0 → 1.2.0

package/dist/textarea.js

@@ -7,22 +7,92 @@ import { getInputClasses } from '@phcdevworks/spectre-ui';
 var SpectreBaseElement = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.ariaLabel = null;
-    this.ariaLabelledBy = null;
-    this.ariaDescribedBy = null;
+    this._ariaLabel = null;
+    this._ariaLabelledBy = null;
+    this._ariaDescribedBy = null;
+    this._autocapitalize = "";
+    this._spellcheck = null;
+    this._title = "";
+    this._id = "";
+  }
+  get ariaLabel() {
+    return this._ariaLabel;
+  }
+  set ariaLabel(value) {
+    if (this._ariaLabel === value) {
+      return;
+    }
+    this._ariaLabel = value;
+    this._removeHostAttribute("aria-label");
+    this.requestUpdate();
+  }
+  get ariaLabelledBy() {
+    return this._ariaLabelledBy;
+  }
+  set ariaLabelledBy(value) {
+    if (this._ariaLabelledBy === value) {
+      return;
+    }
+    this._ariaLabelledBy = value;
+    this._removeHostAttribute("aria-labelledby");
+    this.requestUpdate();
+  }
+  get ariaDescribedBy() {
+    return this._ariaDescribedBy;
+  }
+  set ariaDescribedBy(value) {
+    if (this._ariaDescribedBy === value) {
+      return;
+    }
+    this._ariaDescribedBy = value;
+    this._removeHostAttribute("aria-describedby");
+    this.requestUpdate();
+  }
+  get autocapitalize() {
+    return this._autocapitalize;
+  }
+  set autocapitalize(value) {
+    const normalizedValue = value ?? "";
+    if (this._autocapitalize === normalizedValue) {
+      return;
+    }
+    this._autocapitalize = normalizedValue;
+    this._removeHostAttribute("autocapitalize");
+    this.requestUpdate();
+  }
+  get spellcheck() {
+    return this._spellcheck ?? super.spellcheck;
+  }
+  set spellcheck(value) {
+    if (this._spellcheck === value) {
+      return;
+    }
+    this._spellcheck = value ?? null;
+    this._removeHostAttribute("spellcheck");
+    this.requestUpdate();
+  }
+  get title() {
+    return this._title;
+  }
+  set title(value) {
+    const normalizedValue = value ?? "";
+    if (this._title === normalizedValue) {
+      return;
+    }
+    this._title = normalizedValue;
+    this._removeHostAttribute("title");
+    this.requestUpdate();
   }
   get id() {
-    return this._id ?? "";
+    return this._id;
   }
   set id(value) {
-    if ((this._id ?? "") === value) {
+    const normalizedValue = value ?? "";
+    if (this._id === normalizedValue) {
       return;
     }
-    this._id = value;
-    const host = this;
-    if (HTMLElement.prototype.hasAttribute.call(host, "id")) {
-      HTMLElement.prototype.removeAttribute.call(host, "id");
-    }
+    this._id = normalizedValue;
+    this._removeHostAttribute("id");
     this.requestUpdate();
   }
   // Spectre components intentionally render in light DOM so the global
@@ -32,36 +102,121 @@ var SpectreBaseElement = class extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    const hostId = super.getAttribute("id");
-    if (hostId !== null) {
-      this.id = hostId;
-    }
+    const proxiedAttributes = [
+      "id",
+      "title",
+      "autocapitalize",
+      "spellcheck",
+      "aria-label",
+      "aria-labelledby",
+      "aria-describedby"
+    ];
+    proxiedAttributes.forEach((attr) => {
+      const value = super.getAttribute(attr);
+      if (value !== null) {
+        this.setAttribute(attr, value);
+      }
+    });
   }
   getAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      return this.id || null;
+    switch (qualifiedName) {
+      case "id":
+        return this.id || null;
+      case "title":
+        return this.title || null;
+      case "autocapitalize":
+        return this.autocapitalize || null;
+      case "spellcheck":
+        return this._spellcheck !== null ? String(this._spellcheck) : null;
+      case "aria-label":
+        return this.ariaLabel;
+      case "aria-labelledby":
+        return this.ariaLabelledBy;
+      case "aria-describedby":
+        return this.ariaDescribedBy;
+      default:
+        return super.getAttribute(qualifiedName);
     }
-    return super.getAttribute(qualifiedName);
   }
   hasAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      return this.id !== "";
+    switch (qualifiedName) {
+      case "id":
+        return this.id !== "";
+      case "title":
+        return this.title !== "";
+      case "autocapitalize":
+        return this.autocapitalize !== "";
+      case "spellcheck":
+        return this._spellcheck !== null;
+      case "aria-label":
+        return this.ariaLabel !== null;
+      case "aria-labelledby":
+        return this.ariaLabelledBy !== null;
+      case "aria-describedby":
+        return this.ariaDescribedBy !== null;
+      default:
+        return super.hasAttribute(qualifiedName);
     }
-    return super.hasAttribute(qualifiedName);
   }
   setAttribute(qualifiedName, value) {
-    if (qualifiedName === "id") {
-      this.id = value;
-      return;
+    switch (qualifiedName) {
+      case "id":
+        this.id = value;
+        break;
+      case "title":
+        this.title = value;
+        break;
+      case "autocapitalize":
+        this.autocapitalize = value;
+        break;
+      case "spellcheck":
+        this.spellcheck = value !== "false";
+        break;
+      case "aria-label":
+        this.ariaLabel = value;
+        break;
+      case "aria-labelledby":
+        this.ariaLabelledBy = value;
+        break;
+      case "aria-describedby":
+        this.ariaDescribedBy = value;
+        break;
+      default:
+        super.setAttribute(qualifiedName, value);
     }
-    super.setAttribute(qualifiedName, value);
   }
   removeAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      this.id = "";
-      return;
+    switch (qualifiedName) {
+      case "id":
+        this.id = "";
+        break;
+      case "title":
+        this.title = "";
+        break;
+      case "autocapitalize":
+        this.autocapitalize = "";
+        break;
+      case "spellcheck":
+        this.spellcheck = null;
+        break;
+      case "aria-label":
+        this.ariaLabel = null;
+        break;
+      case "aria-labelledby":
+        this.ariaLabelledBy = null;
+        break;
+      case "aria-describedby":
+        this.ariaDescribedBy = null;
+        break;
+      default:
+        super.removeAttribute(qualifiedName);
+    }
+  }
+  _removeHostAttribute(name) {
+    const host = this;
+    if (HTMLElement.prototype.hasAttribute.call(host, name)) {
+      HTMLElement.prototype.removeAttribute.call(host, name);
     }
-    super.removeAttribute(qualifiedName);
   }
   get forwardedAriaLabel() {
     const value = this.ariaLabel?.trim();
@@ -76,15 +231,17 @@ var SpectreBaseElement = class extends LitElement {
     return value ? value : void 0;
   }
 };
-SpectreBaseElement.properties = {
-  ariaLabel: { attribute: "aria-label", type: String },
-  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
-  ariaDescribedBy: { attribute: "aria-describedby", type: String }
-};
+SpectreBaseElement.properties = {};
 var spectreInputSizes = ["sm", "md", "lg"];
 function isInputSize(value) {
   return spectreInputSizes.includes(value);
 }
+function normalizeInt(value, fallback, min = 0) {
+  if (value == null || typeof value !== "number" || !Number.isInteger(value) || value < min) {
+    return fallback;
+  }
+  return value;
+}
 var DEFAULT_ROWS = 2;
 var SpectreTextareaElement = class extends SpectreBaseElement {
   constructor() {
@@ -100,42 +257,59 @@ var SpectreTextareaElement = class extends SpectreBaseElement {
     this.rows = DEFAULT_ROWS;
     this.size = "md";
     this.success = false;
-    this.title = "";
     this.value = "";
   }
+  get autocapitalize() {
+    return super.autocapitalize;
+  }
+  set autocapitalize(value) {
+    super.autocapitalize = value;
+  }
+  get id() {
+    return super.id;
+  }
+  set id(value) {
+    super.id = value;
+  }
+  get spellcheck() {
+    return super.spellcheck;
+  }
+  set spellcheck(value) {
+    super.spellcheck = value;
+  }
+  get title() {
+    return super.title;
+  }
+  set title(value) {
+    super.title = value;
+  }
   willUpdate(changedProperties) {
-    if (changedProperties.has("size") && !isInputSize(this.size)) {
+    if (changedProperties.has("size") && (this.size == null || !isInputSize(this.size))) {
       this.size = "md";
     }
     if (changedProperties.has("rows")) {
-      if (this.rows == null || !Number.isInteger(this.rows) || this.rows < 1) {
-        this.rows = DEFAULT_ROWS;
-      }
+      this.rows = normalizeInt(this.rows, DEFAULT_ROWS, 1);
     }
     if (changedProperties.has("value") && this.value == null) {
       this.value = "";
     }
     if (changedProperties.has("maxlength")) {
-      if (this.maxlength == null || !Number.isInteger(this.maxlength) || this.maxlength < 0) {
-        this.maxlength = void 0;
-      }
+      this.maxlength = normalizeInt(this.maxlength, void 0);
     }
     if (changedProperties.has("minlength")) {
-      if (this.minlength == null || !Number.isInteger(this.minlength) || this.minlength < 0) {
-        this.minlength = void 0;
-      }
+      this.minlength = normalizeInt(this.minlength, void 0);
     }
   }
   get textareaClasses() {
     return getInputClasses({
-      fullWidth: this.fullWidth,
-      pill: this.pill,
+      fullWidth: this.fullWidth ?? false,
+      pill: this.pill ?? false,
       size: this.size,
       state: this.isDisabled ? this.disabled ? "disabled" : "loading" : this.invalid ? "error" : this.success ? "success" : "default"
     });
   }
   get isDisabled() {
-    return this.disabled || this.loading;
+    return (this.disabled ?? false) || (this.loading ?? false);
   }
   get nativeTextarea() {
     return this.querySelector("[data-sp-textarea-native]");
@@ -155,40 +329,45 @@ var SpectreTextareaElement = class extends SpectreBaseElement {
     this.nativeTextarea?.blur();
   }
   render() {
-    return html`
-      <textarea
-        aria-busy=${this.loading ? "true" : "false"}
-        aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}
-        aria-invalid=${ifDefined(this.invalid ? "true" : void 0)}
-        aria-label=${ifDefined(this.forwardedAriaLabel)}
-        aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}
-        autocomplete=${ifDefined(this.autocomplete)}
-        ?autofocus=${this.autofocus}
-        class=${this.textareaClasses}
-        data-sp-textarea-native
-        ?disabled=${this.isDisabled}
-        form=${ifDefined(this.form)}
-        inputmode=${ifDefined(this.inputmode)}
-        ?readonly=${this.readonly}
-        ?required=${this.required}
-        id=${ifDefined(this.id || void 0)}
-        maxlength=${ifDefined(this.maxlength)}
-        minlength=${ifDefined(this.minlength)}
-        name=${ifDefined(this.name)}
-        placeholder=${ifDefined(this.placeholder)}
-        rows=${this.rows}
-        title=${ifDefined(this.title || void 0)}
-        .value=${live(this.value)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-      ></textarea>
-    `;
+    return html`<textarea
+      aria-busy="${this.loading ? "true" : "false"}"
+      aria-describedby="${ifDefined(this.forwardedAriaDescribedBy)}"
+      aria-invalid="${ifDefined(this.invalid ? "true" : void 0)}"
+      aria-label="${ifDefined(this.forwardedAriaLabel)}"
+      aria-labelledby="${ifDefined(this.forwardedAriaLabelledBy)}"
+      autocapitalize="${ifDefined(this.autocapitalize || void 0)}"
+      autocomplete="${ifDefined(this.autocomplete || void 0)}"
+      ?autofocus="${this.autofocus}"
+      class="${this.textareaClasses}"
+      data-sp-textarea-native
+      ?disabled="${this.isDisabled}"
+      enterkeyhint="${ifDefined(this.enterkeyhint || void 0)}"
+      form="${ifDefined(this.form || void 0)}"
+      inputmode="${ifDefined(this.inputmode || void 0)}"
+      ?readonly="${this.readonly}"
+      ?required="${this.required}"
+      id="${ifDefined(this.id || void 0)}"
+      maxlength="${ifDefined(this.maxlength)}"
+      minlength="${ifDefined(this.minlength)}"
+      name="${ifDefined(this.name || void 0)}"
+      placeholder="${ifDefined(this.placeholder || void 0)}"
+      rows="${this.rows}"
+      spellcheck="${ifDefined(
+      this.spellcheck === void 0 ? void 0 : String(this.spellcheck)
+    )}"
+      title="${ifDefined(this.title || void 0)}"
+      .value="${live(this.value)}"
+      @change="${this.handleChange}"
+      @input="${this.handleInput}"
+    ></textarea>`;
   }
 };
 SpectreTextareaElement.properties = {
+  autocapitalize: { type: String, reflect: true },
   autocomplete: { type: String, reflect: true },
   autofocus: { type: Boolean, reflect: true },
   disabled: { type: Boolean, reflect: true },
+  enterkeyhint: { type: String, reflect: true },
   form: { type: String },
   fullWidth: { attribute: "full-width", type: Boolean, reflect: true },
   inputmode: { type: String, reflect: true },
@@ -201,10 +380,10 @@ SpectreTextareaElement.properties = {
   placeholder: { type: String, reflect: true },
   readonly: { type: Boolean, reflect: true },
   required: { type: Boolean, reflect: true },
-  rows: { type: Number },
+  rows: { type: Number, reflect: true },
   size: { type: String, reflect: true },
+  spellcheck: { type: Boolean, reflect: true },
   success: { type: Boolean, reflect: true },
-  title: { type: String, reflect: true },
   value: { type: String }
 };
 function defineSpectreTextarea(tagName = "sp-textarea") {

package/dist/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/base.ts","../src/utils/form.ts","../src/components/textarea/sp-textarea.ts"],"names":[],"mappings":"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","file":"textarea.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit';\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n  };\n\n  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n\n  private _id?: string;\n\n  override get id(): string {\n    return this._id ?? '';\n  }\n\n  override set id(value: string) {\n    if ((this._id ?? '') === value) {\n      return;\n    }\n\n    this._id = value;\n\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, 'id')) {\n      HTMLElement.prototype.removeAttribute.call(host, 'id');\n    }\n\n    this.requestUpdate();\n  }\n\n  // Spectre components intentionally render in light DOM so the global\n  // `@phcdevworks/spectre-ui` styling contract can apply directly.\n  createRenderRoot(): this {\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    const hostId = super.getAttribute('id');\n    if (hostId !== null) {\n      this.id = hostId;\n    }\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    if (qualifiedName === 'id') {\n      return this.id || null;\n    }\n\n    return super.getAttribute(qualifiedName);\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    if (qualifiedName === 'id') {\n      return this.id !== '';\n    }\n\n    return super.hasAttribute(qualifiedName);\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    if (qualifiedName === 'id') {\n      this.id = value;\n      return;\n    }\n\n    super.setAttribute(qualifiedName, value);\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    if (qualifiedName === 'id') {\n      this.id = '';\n      return;\n    }\n\n    super.removeAttribute(qualifiedName);\n  }\n\n  protected get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim();\n    return value ? value : undefined;\n  }\n\n  protected get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim();\n    return value ? value : undefined;\n  }\n\n  protected get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim();\n    return value ? value : undefined;\n  }\n}\n","import { type InputSize } from '@phcdevworks/spectre-ui';\n\nexport const spectreInputSizes = ['sm', 'md', 'lg'] as const;\nexport type SpectreInputSize = (typeof spectreInputSizes)[number];\n\nexport function isInputSize(value: string): value is InputSize {\n  return (spectreInputSizes as readonly string[]).includes(value);\n}\n\nexport const spectreInputTypes = [\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'datetime-local',\n  'month',\n  'time',\n  'week',\n] as const;\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number];\n\nexport function isInputType(value: string): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value);\n}\n","import { html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SpectreBaseElement } from '../../utils/base';\nimport { isInputSize, type SpectreInputSize } from '../../utils/form';\n\nimport { getInputClasses } from '@phcdevworks/spectre-ui';\n\nexport interface SpectreTextareaProps {\n  ariaLabel?: string | null;\n  ariaLabelledBy?: string | null;\n  ariaDescribedBy?: string | null;\n  autocomplete?: string;\n  autofocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  fullWidth?: boolean;\n  inputmode?: string;\n  invalid?: boolean;\n  loading?: boolean;\n  maxlength?: number | undefined;\n  minlength?: number | undefined;\n  name?: string | undefined;\n  pill?: boolean;\n  placeholder?: string | undefined;\n  readonly?: boolean;\n  required?: boolean;\n  rows?: number;\n  size?: SpectreInputSize;\n  success?: boolean;\n  title?: string;\n  value?: string;\n}\n\nconst DEFAULT_ROWS = 2;\n\nexport class SpectreTextareaElement\n  extends SpectreBaseElement\n  implements SpectreTextareaProps {\n  static properties = {\n    autocomplete: { type: String, reflect: true },\n    autofocus: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    form: { type: String },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    inputmode: { type: String, reflect: true },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    maxlength: { type: Number, reflect: true },\n    minlength: { type: Number, reflect: true },\n    name: { type: String, reflect: true },\n    pill: { type: Boolean, reflect: true },\n    placeholder: { type: String, reflect: true },\n    readonly: { type: Boolean, reflect: true },\n    required: { type: Boolean, reflect: true },\n    rows: { type: Number },\n    size: { type: String, reflect: true },\n    success: { type: Boolean, reflect: true },\n    title: { type: String, reflect: true },\n    value: { type: String },\n  };\n\n  autocomplete?: string;\n  autofocus = false;\n  disabled = false;\n  form?: string;\n  fullWidth = false;\n  inputmode?: string;\n  invalid = false;\n  loading = false;\n  maxlength?: number | undefined;\n  minlength?: number | undefined;\n  name?: string;\n  pill = false;\n  placeholder?: string;\n  readonly = false;\n  required = false;\n  rows = DEFAULT_ROWS;\n  size: SpectreInputSize = 'md';\n  success = false;\n  override title = '';\n  value = '';\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>,\n  ): void {\n    if (changedProperties.has('size') && !isInputSize(this.size)) {\n      this.size = 'md';\n    }\n\n    if (changedProperties.has('rows')) {\n      if (\n        this.rows == null ||\n        !Number.isInteger(this.rows) ||\n        this.rows < 1\n      ) {\n        this.rows = DEFAULT_ROWS;\n      }\n    }\n\n    if (changedProperties.has('value') && this.value == null) {\n      this.value = '';\n    }\n\n    if (changedProperties.has('maxlength')) {\n      if (\n        this.maxlength == null ||\n        !Number.isInteger(this.maxlength) ||\n        this.maxlength < 0\n      ) {\n        this.maxlength = undefined;\n      }\n    }\n\n    if (changedProperties.has('minlength')) {\n      if (\n        this.minlength == null ||\n        !Number.isInteger(this.minlength) ||\n        this.minlength < 0\n      ) {\n        this.minlength = undefined;\n      }\n    }\n  }\n\n  private get textareaClasses(): string {\n    return getInputClasses({\n      fullWidth: this.fullWidth,\n      pill: this.pill,\n      size: this.size,\n      state: this.isDisabled\n        ? this.disabled\n          ? 'disabled'\n          : 'loading'\n        : this.invalid\n          ? 'error'\n          : this.success\n            ? 'success'\n            : 'default',\n    });\n  }\n\n  private get isDisabled(): boolean {\n    return this.disabled || this.loading;\n  }\n\n  private get nativeTextarea(): HTMLTextAreaElement | null {\n    return this.querySelector('[data-sp-textarea-native]');\n  }\n\n  private handleInput(event: Event): void {\n    const textarea = event.currentTarget as HTMLTextAreaElement;\n    this.value = textarea.value;\n  }\n\n  private handleChange(event: Event): void {\n    const textarea = event.currentTarget as HTMLTextAreaElement;\n    this.value = textarea.value;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeTextarea?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeTextarea?.blur();\n  }\n\n  override render() {\n    return html`\n      <textarea\n        aria-busy=${this.loading ? 'true' : 'false'}\n        aria-describedby=${ifDefined(this.forwardedAriaDescribedBy)}\n        aria-invalid=${ifDefined(this.invalid ? 'true' : undefined)}\n        aria-label=${ifDefined(this.forwardedAriaLabel)}\n        aria-labelledby=${ifDefined(this.forwardedAriaLabelledBy)}\n        autocomplete=${ifDefined(this.autocomplete)}\n        ?autofocus=${this.autofocus}\n        class=${this.textareaClasses}\n        data-sp-textarea-native\n        ?disabled=${this.isDisabled}\n        form=${ifDefined(this.form)}\n        inputmode=${ifDefined(this.inputmode)}\n        ?readonly=${this.readonly}\n        ?required=${this.required}\n        id=${ifDefined(this.id || undefined)}\n        maxlength=${ifDefined(this.maxlength)}\n        minlength=${ifDefined(this.minlength)}\n        name=${ifDefined(this.name)}\n        placeholder=${ifDefined(this.placeholder)}\n        rows=${this.rows}\n        title=${ifDefined(this.title || undefined)}\n        .value=${live(this.value)}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n      ></textarea>\n    `;\n  }\n}\n\nexport function defineSpectreTextarea(\n  tagName = 'sp-textarea',\n): typeof SpectreTextareaElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreTextareaElement;\n  }\n\n  customElements.define(tagName, SpectreTextareaElement);\n  return SpectreTextareaElement;\n}\n"]}
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/form.ts","../src/components/textarea/sp-textarea.ts"],"names":[],"mappings":"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","file":"textarea.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit';\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {};\n\n  private _ariaLabel: string | null = null;\n  private _ariaLabelledBy: string | null = null;\n  private _ariaDescribedBy: string | null = null;\n  private _autocapitalize = '';\n  private _spellcheck: boolean | null = null;\n  private _title = '';\n  private _id = '';\n\n  get ariaLabel(): string | null {\n    return this._ariaLabel;\n  }\n\n  set ariaLabel(value: string | null) {\n    if (this._ariaLabel === value) {\n      return;\n    }\n    this._ariaLabel = value;\n    this._removeHostAttribute('aria-label');\n    this.requestUpdate();\n  }\n\n  get ariaLabelledBy(): string | null {\n    return this._ariaLabelledBy;\n  }\n\n  set ariaLabelledBy(value: string | null) {\n    if (this._ariaLabelledBy === value) {\n      return;\n    }\n    this._ariaLabelledBy = value;\n    this._removeHostAttribute('aria-labelledby');\n    this.requestUpdate();\n  }\n\n  get ariaDescribedBy(): string | null {\n    return this._ariaDescribedBy;\n  }\n\n  set ariaDescribedBy(value: string | null) {\n    if (this._ariaDescribedBy === value) {\n      return;\n    }\n    this._ariaDescribedBy = value;\n    this._removeHostAttribute('aria-describedby');\n    this.requestUpdate();\n  }\n\n  override get autocapitalize(): string {\n    return this._autocapitalize;\n  }\n\n  override set autocapitalize(value: string | undefined | null) {\n    const normalizedValue = value ?? '';\n    if (this._autocapitalize === normalizedValue) {\n      return;\n    }\n    this._autocapitalize = normalizedValue;\n    this._removeHostAttribute('autocapitalize');\n    this.requestUpdate();\n  }\n\n  override get spellcheck(): boolean {\n    return this._spellcheck ?? super.spellcheck;\n  }\n\n  override set spellcheck(value: boolean | undefined | null) {\n    if (this._spellcheck === value) {\n      return;\n    }\n    this._spellcheck = value ?? null;\n    this._removeHostAttribute('spellcheck');\n    this.requestUpdate();\n  }\n\n  override get title(): string {\n    return this._title;\n  }\n\n  override set title(value: string | undefined | null) {\n    const normalizedValue = value ?? '';\n    if (this._title === normalizedValue) {\n      return;\n    }\n    this._title = normalizedValue;\n    this._removeHostAttribute('title');\n    this.requestUpdate();\n  }\n\n  override get id(): string {\n    return this._id;\n  }\n\n  override set id(value: string | undefined | null) {\n    const normalizedValue = value ?? '';\n    if (this._id === normalizedValue) {\n      return;\n    }\n    this._id = normalizedValue;\n    this._removeHostAttribute('id');\n    this.requestUpdate();\n  }\n\n  // Spectre components intentionally render in light DOM so the global\n  // `@phcdevworks/spectre-ui` styling contract can apply directly.\n  createRenderRoot(): this {\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    const proxiedAttributes = [\n      'id',\n      'title',\n      'autocapitalize',\n      'spellcheck',\n      'aria-label',\n      'aria-labelledby',\n      'aria-describedby',\n    ];\n\n    proxiedAttributes.forEach((attr) => {\n      const value = super.getAttribute(attr);\n      if (value !== null) {\n        this.setAttribute(attr, value);\n      }\n    });\n  }\n\n  override getAttribute(qualifiedName: string): string | null {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id || null;\n      case 'title':\n        return this.title || null;\n      case 'autocapitalize':\n        return this.autocapitalize || null;\n      case 'spellcheck':\n        return this._spellcheck !== null ? String(this._spellcheck) : null;\n      case 'aria-label':\n        return this.ariaLabel;\n      case 'aria-labelledby':\n        return this.ariaLabelledBy;\n      case 'aria-describedby':\n        return this.ariaDescribedBy;\n      default:\n        return super.getAttribute(qualifiedName);\n    }\n  }\n\n  override hasAttribute(qualifiedName: string): boolean {\n    switch (qualifiedName) {\n      case 'id':\n        return this.id !== '';\n      case 'title':\n        return this.title !== '';\n      case 'autocapitalize':\n        return this.autocapitalize !== '';\n      case 'spellcheck':\n        return this._spellcheck !== null;\n      case 'aria-label':\n        return this.ariaLabel !== null;\n      case 'aria-labelledby':\n        return this.ariaLabelledBy !== null;\n      case 'aria-describedby':\n        return this.ariaDescribedBy !== null;\n      default:\n        return super.hasAttribute(qualifiedName);\n    }\n  }\n\n  override setAttribute(qualifiedName: string, value: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = value;\n        break;\n      case 'title':\n        this.title = value;\n        break;\n      case 'autocapitalize':\n        this.autocapitalize = value;\n        break;\n      case 'spellcheck':\n        this.spellcheck = value !== 'false';\n        break;\n      case 'aria-label':\n        this.ariaLabel = value;\n        break;\n      case 'aria-labelledby':\n        this.ariaLabelledBy = value;\n        break;\n      case 'aria-describedby':\n        this.ariaDescribedBy = value;\n        break;\n      default:\n        super.setAttribute(qualifiedName, value);\n    }\n  }\n\n  override removeAttribute(qualifiedName: string): void {\n    switch (qualifiedName) {\n      case 'id':\n        this.id = '';\n        break;\n      case 'title':\n        this.title = '';\n        break;\n      case 'autocapitalize':\n        this.autocapitalize = '';\n        break;\n      case 'spellcheck':\n        this.spellcheck = null;\n        break;\n      case 'aria-label':\n        this.ariaLabel = null;\n        break;\n      case 'aria-labelledby':\n        this.ariaLabelledBy = null;\n        break;\n      case 'aria-describedby':\n        this.ariaDescribedBy = null;\n        break;\n      default:\n        super.removeAttribute(qualifiedName);\n    }\n  }\n\n  private _removeHostAttribute(name: string): void {\n    const host = this as unknown as HTMLElement;\n    if (HTMLElement.prototype.hasAttribute.call(host, name)) {\n      // Use the native removeAttribute to avoid our own overridden version\n      // which would reset the internal state.\n      HTMLElement.prototype.removeAttribute.call(host, name);\n    }\n  }\n\n  protected get forwardedAriaLabel(): string | undefined {\n    const value = this.ariaLabel?.trim();\n    return value ? value : undefined;\n  }\n\n  protected get forwardedAriaLabelledBy(): string | undefined {\n    const value = this.ariaLabelledBy?.trim();\n    return value ? value : undefined;\n  }\n\n  protected get forwardedAriaDescribedBy(): string | undefined {\n    const value = this.ariaDescribedBy?.trim();\n    return value ? value : undefined;\n  }\n}\n","import {\n  type ButtonSize,\n  type ButtonVariant,\n  type InputSize,\n} from '@phcdevworks/spectre-ui';\n\nexport const spectreInputSizes = ['sm', 'md', 'lg'] as const;\nexport type SpectreInputSize = (typeof spectreInputSizes)[number];\n\nexport function isInputSize(value: unknown): value is InputSize | ButtonSize {\n  return (spectreInputSizes as readonly string[]).includes(value as string);\n}\n\nexport const spectreButtonVariants = [\n  'primary',\n  'secondary',\n  'ghost',\n  'danger',\n  'success',\n  'cta',\n  'accent',\n] as const;\n\nexport type SpectreButtonVariant = (typeof spectreButtonVariants)[number];\n\nexport function isButtonVariant(value: unknown): value is ButtonVariant {\n  return (spectreButtonVariants as readonly string[]).includes(value as string);\n}\n\nexport const spectreButtonTypes = ['button', 'submit', 'reset'] as const;\n\nexport type SpectreButtonType = (typeof spectreButtonTypes)[number];\n\nexport function isButtonType(value: unknown): value is SpectreButtonType {\n  return (spectreButtonTypes as readonly string[]).includes(value as string);\n}\n\nexport const spectreInputTypes = [\n  'text',\n  'email',\n  'password',\n  'search',\n  'tel',\n  'url',\n  'number',\n  'date',\n  'datetime-local',\n  'month',\n  'time',\n  'week',\n] as const;\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number];\n\nexport function isInputType(value: unknown): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value as string);\n}\n\nexport function normalizeInt(\n  value: unknown,\n  fallback: number | undefined,\n  min = 0,\n): number | undefined {\n  if (\n    value == null ||\n    typeof value !== 'number' ||\n    !Number.isInteger(value) ||\n    value < min\n  ) {\n    return fallback;\n  }\n  return value;\n}\n","import { html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SpectreBaseElement } from '../../utils/base';\nimport {\n  isInputSize,\n  type SpectreInputSize,\n  normalizeInt,\n} from '../../utils/form';\n\nimport { getInputClasses } from '@phcdevworks/spectre-ui';\n\nexport interface SpectreTextareaProps {\n  ariaLabel?: string | null;\n  ariaLabelledBy?: string | null;\n  ariaDescribedBy?: string | null;\n  autocapitalize?: string | undefined;\n  autocomplete?: string | undefined;\n  autofocus?: boolean | undefined;\n  disabled?: boolean | undefined;\n  enterkeyhint?: string | undefined;\n  form?: string | undefined;\n  fullWidth?: boolean | undefined;\n  id?: string | null | undefined;\n  inputmode?: string | undefined;\n  invalid?: boolean | undefined;\n  loading?: boolean | undefined;\n  maxlength?: number | undefined;\n  minlength?: number | undefined;\n  name?: string | undefined;\n  pill?: boolean | undefined;\n  placeholder?: string | undefined;\n  readonly?: boolean | undefined;\n  required?: boolean | undefined;\n  rows?: number | undefined;\n  size?: SpectreInputSize | undefined;\n  spellcheck?: boolean | undefined;\n  success?: boolean | undefined;\n  title?: string | null | undefined;\n  value?: string | undefined;\n}\n\nconst DEFAULT_ROWS = 2;\n\nexport class SpectreTextareaElement\n  extends SpectreBaseElement\n  implements SpectreTextareaProps {\n  static properties = {\n    autocapitalize: { type: String, reflect: true },\n    autocomplete: { type: String, reflect: true },\n    autofocus: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    enterkeyhint: { type: String, reflect: true },\n    form: { type: String },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    inputmode: { type: String, reflect: true },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    maxlength: { type: Number, reflect: true },\n    minlength: { type: Number, reflect: true },\n    name: { type: String, reflect: true },\n    pill: { type: Boolean, reflect: true },\n    placeholder: { type: String, reflect: true },\n    readonly: { type: Boolean, reflect: true },\n    required: { type: Boolean, reflect: true },\n    rows: { type: Number, reflect: true },\n    size: { type: String, reflect: true },\n    spellcheck: { type: Boolean, reflect: true },\n    success: { type: Boolean, reflect: true },\n    value: { type: String },\n  };\n\n  override get autocapitalize(): string {\n    return super.autocapitalize;\n  }\n\n  override set autocapitalize(value: string | null | undefined) {\n    super.autocapitalize = value;\n  }\n\n  autocomplete: string | undefined;\n  autofocus = false;\n  disabled = false;\n  enterkeyhint: string | undefined;\n  form: string | undefined;\n  fullWidth = false;\n\n  override get id(): string {\n    return super.id;\n  }\n\n  override set id(value: string | null | undefined) {\n    super.id = value;\n  }\n\n  inputmode: string | undefined;\n  invalid = false;\n  loading = false;\n  maxlength: number | undefined;\n  minlength: number | undefined;\n  name: string | undefined;\n  pill = false;\n  placeholder: string | undefined;\n  readonly = false;\n  required = false;\n  rows: number | undefined = DEFAULT_ROWS;\n  size: SpectreInputSize | undefined = 'md';\n\n  override get spellcheck(): boolean {\n    return super.spellcheck;\n  }\n\n  override set spellcheck(value: boolean | null | undefined) {\n    super.spellcheck = value;\n  }\n\n  success = false;\n\n  override get title(): string {\n    return super.title;\n  }\n\n  override set title(value: string | null | undefined) {\n    super.title = value;\n  }\n\n  value: string | undefined = '';\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>,\n  ): void {\n    if (changedProperties.has('size') && (this.size == null || !isInputSize(this.size))) {\n      this.size = 'md';\n    }\n\n    if (changedProperties.has('rows')) {\n      this.rows = normalizeInt(this.rows, DEFAULT_ROWS, 1) as number;\n    }\n\n    if (changedProperties.has('value') && this.value == null) {\n      this.value = '';\n    }\n\n    if (changedProperties.has('maxlength')) {\n      this.maxlength = normalizeInt(this.maxlength, undefined);\n    }\n\n    if (changedProperties.has('minlength')) {\n      this.minlength = normalizeInt(this.minlength, undefined);\n    }\n  }\n\n  private get textareaClasses(): string {\n    return getInputClasses({\n      fullWidth: this.fullWidth ?? false,\n      pill: this.pill ?? false,\n      size: this.size as SpectreInputSize,\n      state: this.isDisabled\n        ? this.disabled\n          ? 'disabled'\n          : 'loading'\n        : this.invalid\n          ? 'error'\n          : this.success\n            ? 'success'\n            : 'default',\n    });\n  }\n\n  private get isDisabled(): boolean {\n    return (this.disabled ?? false) || (this.loading ?? false);\n  }\n\n  private get nativeTextarea(): HTMLTextAreaElement | null {\n    return this.querySelector('[data-sp-textarea-native]');\n  }\n\n  private handleInput(event: Event): void {\n    const textarea = event.currentTarget as HTMLTextAreaElement;\n    this.value = textarea.value;\n  }\n\n  private handleChange(event: Event): void {\n    const textarea = event.currentTarget as HTMLTextAreaElement;\n    this.value = textarea.value;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeTextarea?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeTextarea?.blur();\n  }\n\n  override render() {\n    return html`<textarea\n      aria-busy=\"${this.loading ? 'true' : 'false'}\"\n      aria-describedby=\"${ifDefined(this.forwardedAriaDescribedBy)}\"\n      aria-invalid=\"${ifDefined(this.invalid ? 'true' : undefined)}\"\n      aria-label=\"${ifDefined(this.forwardedAriaLabel)}\"\n      aria-labelledby=\"${ifDefined(this.forwardedAriaLabelledBy)}\"\n      autocapitalize=\"${ifDefined(this.autocapitalize || undefined)}\"\n      autocomplete=\"${ifDefined(this.autocomplete || undefined)}\"\n      ?autofocus=\"${this.autofocus}\"\n      class=\"${this.textareaClasses}\"\n      data-sp-textarea-native\n      ?disabled=\"${this.isDisabled}\"\n      enterkeyhint=\"${ifDefined(this.enterkeyhint || undefined)}\"\n      form=\"${ifDefined(this.form || undefined)}\"\n      inputmode=\"${ifDefined(this.inputmode || undefined)}\"\n      ?readonly=\"${this.readonly}\"\n      ?required=\"${this.required}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      maxlength=\"${ifDefined(this.maxlength)}\"\n      minlength=\"${ifDefined(this.minlength)}\"\n      name=\"${ifDefined(this.name || undefined)}\"\n      placeholder=\"${ifDefined(this.placeholder || undefined)}\"\n      rows=\"${this.rows}\"\n      spellcheck=\"${ifDefined(\n        this.spellcheck === undefined ? undefined : String(this.spellcheck),\n      )}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n      .value=\"${live(this.value)}\"\n      @change=\"${this.handleChange}\"\n      @input=\"${this.handleInput}\"\n    ></textarea>`;\n  }\n}\n\nexport function defineSpectreTextarea(\n  tagName = 'sp-textarea',\n): typeof SpectreTextareaElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreTextareaElement;\n  }\n\n  customElements.define(tagName, SpectreTextareaElement);\n  return SpectreTextareaElement;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phcdevworks/spectre-components",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "@phcdevworks/spectre-components is the Lit-based component layer of the Spectre system for reusable, accessible, framework-agnostic web components.",
   "keywords": [
     "phcdevworks",
@@ -29,7 +29,11 @@
     "url": "https://github.com/phcdevworks/spectre-components/issues"
   },
   "homepage": "https://github.com/phcdevworks/spectre-components#readme",
+  "engines": {
+    "node": "^22.12.0 || >=24.0.0"
+  },
   "type": "module",
+  "packageManager": "npm@11.15.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -90,11 +94,14 @@
     "build": "tsup --config tsup.config.ts",
     "clean": "rm -rf dist coverage",
     "dev": "tsup --config tsup.config.ts --watch",
+    "typecheck": "tsc --noEmit",
+    "release:propose": "node --experimental-strip-types scripts/propose-version.ts",
     "lint": "eslint .",
     "format": "prettier --write .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "check": "npm run lint && npm run test && npm run build"
+    "check": "npm run lint && npm run typecheck && npm run test && npm run build && npm run check:exports",
+    "check:exports": "node --experimental-strip-types scripts/check-exports.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -103,22 +110,25 @@
     "typescript": "^5.9 || ^6.0"
   },
   "dependencies": {
-    "@phcdevworks/spectre-tokens": "^2.4.0",
-    "@phcdevworks/spectre-ui": "^1.4.0",
-    "lit": "^3.3.2"
+    "@phcdevworks/spectre-tokens": "^2.6.0",
+    "@phcdevworks/spectre-ui": "^1.6.0",
+    "lit": "^3.3.3"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^25.6.0",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
-    "eslint": "^10.2.1",
-    "globals": "^17.5.0",
+    "@types/node": "^25.9.1",
+    "@typescript-eslint/eslint-plugin": "^8.59.4",
+    "@typescript-eslint/parser": "^8.59.4",
+    "eslint": "^10.4.0",
+    "globals": "^17.6.0",
     "happy-dom": "^20.9.0",
+    "jiti": "^2.7.0",
     "prettier": "^3.8.3",
+    "tailwindcss": "^4.3.0",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.0",
-    "vitest": "^4.1.5"
+    "typescript-eslint": "^8.59.4",
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7"
   }
 }

package/dist/base-DQtCQ-dP.d.cts

@@ -1,22 +0,0 @@
-import { LitElement, PropertyDeclarations } from 'lit';
-
-declare class SpectreBaseElement extends LitElement {
-    static properties: PropertyDeclarations;
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
-    private _id?;
-    get id(): string;
-    set id(value: string);
-    createRenderRoot(): this;
-    connectedCallback(): void;
-    getAttribute(qualifiedName: string): string | null;
-    hasAttribute(qualifiedName: string): boolean;
-    setAttribute(qualifiedName: string, value: string): void;
-    removeAttribute(qualifiedName: string): void;
-    protected get forwardedAriaLabel(): string | undefined;
-    protected get forwardedAriaLabelledBy(): string | undefined;
-    protected get forwardedAriaDescribedBy(): string | undefined;
-}
-
-export { SpectreBaseElement as S };

package/dist/base-DQtCQ-dP.d.ts

@@ -1,22 +0,0 @@
-import { LitElement, PropertyDeclarations } from 'lit';
-
-declare class SpectreBaseElement extends LitElement {
-    static properties: PropertyDeclarations;
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
-    private _id?;
-    get id(): string;
-    set id(value: string);
-    createRenderRoot(): this;
-    connectedCallback(): void;
-    getAttribute(qualifiedName: string): string | null;
-    hasAttribute(qualifiedName: string): boolean;
-    setAttribute(qualifiedName: string, value: string): void;
-    removeAttribute(qualifiedName: string): void;
-    protected get forwardedAriaLabel(): string | undefined;
-    protected get forwardedAriaLabelledBy(): string | undefined;
-    protected get forwardedAriaDescribedBy(): string | undefined;
-}
-
-export { SpectreBaseElement as S };

package/dist/form-iI7vV-3W.d.cts

@@ -1,6 +0,0 @@
-declare const spectreInputSizes: readonly ["sm", "md", "lg"];
-type SpectreInputSize = (typeof spectreInputSizes)[number];
-declare const spectreInputTypes: readonly ["text", "email", "password", "search", "tel", "url", "number", "date", "datetime-local", "month", "time", "week"];
-type SpectreInputType = (typeof spectreInputTypes)[number];
-
-export { type SpectreInputSize as S, type SpectreInputType as a, spectreInputTypes as b, spectreInputSizes as s };