@phcdevworks/spectre-components 0.0.1 → 1.0.0

package/dist/textarea.cjs

@@ -6,46 +6,12 @@ var ifDefined_js = require('lit/directives/if-defined.js');
 var spectreUi = require('@phcdevworks/spectre-ui');
 
 // src/components/textarea/sp-textarea.ts
-var spectreInputTypes = [
-  "text",
-  "email",
-  "password",
-  "search",
-  "tel",
-  "url",
-  "number",
-  "date",
-  "datetime-local",
-  "month",
-  "time",
-  "week"
-];
-var spectreInputSizes = ["sm", "md", "lg"];
-function isInputType(value) {
-  return spectreInputTypes.includes(value);
-}
-function isInputSize(value) {
-  return spectreInputSizes.includes(value);
-}
-var SpectreInputElement = class extends lit.LitElement {
+var SpectreBaseElement = class extends lit.LitElement {
   constructor() {
     super(...arguments);
     this.ariaLabel = null;
     this.ariaLabelledBy = null;
     this.ariaDescribedBy = null;
-    this.autofocus = false;
-    this.disabled = false;
-    this.fullWidth = false;
-    this.invalid = false;
-    this.loading = false;
-    this.pill = false;
-    this.readonly = false;
-    this.required = false;
-    this.size = "md";
-    this.success = false;
-    this.title = "";
-    this.type = "text";
-    this.value = "";
   }
   get id() {
     return this._id ?? "";
@@ -61,6 +27,8 @@ var SpectreInputElement = class extends lit.LitElement {
     }
     this.requestUpdate();
   }
+  // Spectre components intentionally render in light DOM so the global
+  // `@phcdevworks/spectre-ui` styling contract can apply directly.
   createRenderRoot() {
     return this;
   }
@@ -97,136 +65,32 @@ var SpectreInputElement = class extends lit.LitElement {
     }
     super.removeAttribute(qualifiedName);
   }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("size") && !isInputSize(this.size)) {
-      this.size = "md";
-    }
-    if (changedProperties.has("type") && !isInputType(this.type)) {
-      this.type = "text";
-    }
-    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;
-      }
-    }
-    if (changedProperties.has("minlength")) {
-      if (this.minlength == null || !Number.isInteger(this.minlength) || this.minlength < 0) {
-        this.minlength = void 0;
-      }
-    }
-  }
-  get inputClasses() {
-    return spectreUi.getInputClasses({
-      fullWidth: this.fullWidth,
-      pill: this.pill,
-      size: this.size,
-      state: this.isDisabled ? this.disabled ? "disabled" : "loading" : this.invalid ? "error" : this.success ? "success" : "default"
-    });
-  }
-  get isDisabled() {
-    return this.disabled || this.loading;
-  }
-  get nativeInput() {
-    return this.querySelector("[data-sp-input-native]");
-  }
   get forwardedAriaLabel() {
-    const ariaLabel = this.ariaLabel?.trim();
-    return ariaLabel ? ariaLabel : void 0;
+    const value = this.ariaLabel?.trim();
+    return value ? value : void 0;
   }
   get forwardedAriaLabelledBy() {
-    const ariaLabelledBy = this.ariaLabelledBy?.trim();
-    return ariaLabelledBy ? ariaLabelledBy : void 0;
+    const value = this.ariaLabelledBy?.trim();
+    return value ? value : void 0;
   }
   get forwardedAriaDescribedBy() {
-    const ariaDescribedBy = this.ariaDescribedBy?.trim();
-    return ariaDescribedBy ? ariaDescribedBy : void 0;
-  }
-  handleInput(event) {
-    const input = event.currentTarget;
-    this.value = input.value;
-  }
-  handleChange(event) {
-    const input = event.currentTarget;
-    this.value = input.value;
-  }
-  focus(options) {
-    this.nativeInput?.focus(options);
-  }
-  blur() {
-    this.nativeInput?.blur();
-  }
-  render() {
-    return lit.html`
-      <input
-        aria-busy=${this.loading ? "true" : "false"}
-        aria-describedby=${ifDefined_js.ifDefined(this.forwardedAriaDescribedBy)}
-        aria-invalid=${ifDefined_js.ifDefined(this.invalid ? "true" : void 0)}
-        aria-label=${ifDefined_js.ifDefined(this.forwardedAriaLabel)}
-        aria-labelledby=${ifDefined_js.ifDefined(this.forwardedAriaLabelledBy)}
-        autocomplete=${ifDefined_js.ifDefined(this.autocomplete)}
-        ?autofocus=${this.autofocus}
-        class=${this.inputClasses}
-        data-sp-input-native
-        ?disabled=${this.isDisabled}
-        ?readonly=${this.readonly}
-        ?required=${this.required}
-        id=${ifDefined_js.ifDefined(this.id || void 0)}
-        inputmode=${ifDefined_js.ifDefined(this.inputmode)}
-        max=${ifDefined_js.ifDefined(this.max)}
-        maxlength=${ifDefined_js.ifDefined(this.maxlength)}
-        min=${ifDefined_js.ifDefined(this.min)}
-        minlength=${ifDefined_js.ifDefined(this.minlength)}
-        name=${ifDefined_js.ifDefined(this.name)}
-        placeholder=${ifDefined_js.ifDefined(this.placeholder)}
-        step=${ifDefined_js.ifDefined(this.step)}
-        title=${ifDefined_js.ifDefined(this.title || void 0)}
-        type=${this.type}
-        .value=${live_js.live(this.value)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-      />
-    `;
+    const value = this.ariaDescribedBy?.trim();
+    return value ? value : void 0;
   }
 };
-SpectreInputElement.properties = {
+SpectreBaseElement.properties = {
   ariaLabel: { attribute: "aria-label", type: String },
   ariaLabelledBy: { attribute: "aria-labelledby", type: String },
-  ariaDescribedBy: { attribute: "aria-describedby", type: String },
-  autocomplete: { type: String },
-  autofocus: { type: Boolean, reflect: true },
-  disabled: { type: Boolean, reflect: true },
-  fullWidth: { attribute: "full-width", type: Boolean, reflect: true },
-  inputmode: { type: String },
-  invalid: { type: Boolean, reflect: true },
-  loading: { type: Boolean, reflect: true },
-  max: { type: String },
-  maxlength: { type: Number },
-  min: { type: String },
-  minlength: { type: Number },
-  name: { type: String },
-  pill: { type: Boolean, reflect: true },
-  placeholder: { type: String },
-  readonly: { type: Boolean, reflect: true },
-  required: { type: Boolean, reflect: true },
-  size: { type: String, reflect: true },
-  step: { type: String },
-  success: { type: Boolean, reflect: true },
-  title: { type: String, reflect: true },
-  type: { type: String, reflect: true },
-  value: { type: String }
+  ariaDescribedBy: { attribute: "aria-describedby", type: String }
 };
-
-// src/components/textarea/sp-textarea.ts
+var spectreInputSizes = ["sm", "md", "lg"];
+function isInputSize(value) {
+  return spectreInputSizes.includes(value);
+}
 var DEFAULT_ROWS = 2;
-var SpectreTextareaElement = class extends lit.LitElement {
+var SpectreTextareaElement = class extends SpectreBaseElement {
   constructor() {
     super(...arguments);
-    this.ariaLabel = null;
-    this.ariaLabelledBy = null;
-    this.ariaDescribedBy = null;
     this.autofocus = false;
     this.disabled = false;
     this.fullWidth = false;
@@ -241,56 +105,6 @@ var SpectreTextareaElement = class extends lit.LitElement {
     this.title = "";
     this.value = "";
   }
-  get id() {
-    return this._id ?? "";
-  }
-  set id(value) {
-    if ((this._id ?? "") === value) {
-      return;
-    }
-    this._id = value;
-    const host = this;
-    if (HTMLElement.prototype.hasAttribute.call(host, "id")) {
-      HTMLElement.prototype.removeAttribute.call(host, "id");
-    }
-    this.requestUpdate();
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const hostId = super.getAttribute("id");
-    if (hostId !== null) {
-      this.id = hostId;
-    }
-  }
-  getAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      return this.id || null;
-    }
-    return super.getAttribute(qualifiedName);
-  }
-  hasAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      return this.id !== "";
-    }
-    return super.hasAttribute(qualifiedName);
-  }
-  setAttribute(qualifiedName, value) {
-    if (qualifiedName === "id") {
-      this.id = value;
-      return;
-    }
-    super.setAttribute(qualifiedName, value);
-  }
-  removeAttribute(qualifiedName) {
-    if (qualifiedName === "id") {
-      this.id = "";
-      return;
-    }
-    super.removeAttribute(qualifiedName);
-  }
   willUpdate(changedProperties) {
     if (changedProperties.has("size") && !isInputSize(this.size)) {
       this.size = "md";
@@ -328,18 +142,6 @@ var SpectreTextareaElement = class extends lit.LitElement {
   get nativeTextarea() {
     return this.querySelector("[data-sp-textarea-native]");
   }
-  get forwardedAriaLabel() {
-    const ariaLabel = this.ariaLabel?.trim();
-    return ariaLabel ? ariaLabel : void 0;
-  }
-  get forwardedAriaLabelledBy() {
-    const ariaLabelledBy = this.ariaLabelledBy?.trim();
-    return ariaLabelledBy ? ariaLabelledBy : void 0;
-  }
-  get forwardedAriaDescribedBy() {
-    const ariaDescribedBy = this.ariaDescribedBy?.trim();
-    return ariaDescribedBy ? ariaDescribedBy : void 0;
-  }
   handleInput(event) {
     const textarea = event.currentTarget;
     this.value = textarea.value;
@@ -367,6 +169,7 @@ var SpectreTextareaElement = class extends lit.LitElement {
         class=${this.textareaClasses}
         data-sp-textarea-native
         ?disabled=${this.isDisabled}
+        form=${ifDefined_js.ifDefined(this.form)}
         inputmode=${ifDefined_js.ifDefined(this.inputmode)}
         ?readonly=${this.readonly}
         ?required=${this.required}
@@ -385,21 +188,19 @@ var SpectreTextareaElement = class extends lit.LitElement {
   }
 };
 SpectreTextareaElement.properties = {
-  ariaLabel: { attribute: "aria-label", type: String },
-  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
-  ariaDescribedBy: { attribute: "aria-describedby", type: String },
-  autocomplete: { type: String },
+  autocomplete: { type: String, reflect: true },
   autofocus: { type: Boolean, reflect: true },
   disabled: { type: Boolean, reflect: true },
+  form: { type: String },
   fullWidth: { attribute: "full-width", type: Boolean, reflect: true },
-  inputmode: { type: String },
+  inputmode: { type: String, reflect: true },
   invalid: { type: Boolean, reflect: true },
   loading: { type: Boolean, reflect: true },
-  maxlength: { type: Number },
-  minlength: { type: Number },
-  name: { type: String },
+  maxlength: { type: Number, reflect: true },
+  minlength: { type: Number, reflect: true },
+  name: { type: String, reflect: true },
   pill: { type: Boolean, reflect: true },
-  placeholder: { type: String },
+  placeholder: { type: String, reflect: true },
   readonly: { type: Boolean, reflect: true },
   required: { type: Boolean, reflect: true },
   rows: { type: Number },

package/dist/textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/input/sp-input.ts","../src/components/textarea/sp-textarea.ts"],"names":["LitElement","getInputClasses","html","ifDefined","live"],"mappings":"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","file":"textarea.cjs","sourcesContent":["import { LitElement, html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport {\n  getInputClasses,\n  type InputSize,\n} from '@phcdevworks/spectre-ui';\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 const spectreInputSizes = ['sm', 'md', 'lg'] as const;\n\nexport type SpectreInputType = (typeof spectreInputTypes)[number];\nexport type SpectreInputSize = (typeof spectreInputSizes)[number];\n\nexport interface SpectreInputProps {\n  autocomplete?: string;\n  autofocus?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n  inputmode?: string;\n  invalid?: boolean;\n  loading?: boolean;\n  max?: string;\n  maxlength?: number | undefined;\n  min?: string;\n  minlength?: number | undefined;\n  name?: string;\n  pill?: boolean;\n  placeholder?: string;\n  readonly?: boolean;\n  required?: boolean;\n  size?: SpectreInputSize;\n  step?: string;\n  success?: boolean;\n  title?: string;\n  type?: SpectreInputType;\n  value?: string;\n}\n\nfunction isInputType(value: string): value is SpectreInputType {\n  return (spectreInputTypes as readonly string[]).includes(value);\n}\n\nexport function isInputSize(value: string): value is InputSize {\n  return (spectreInputSizes as readonly string[]).includes(value);\n}\n\nexport class SpectreInputElement extends LitElement implements SpectreInputProps {\n  static properties = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n    autocomplete: { type: String },\n    autofocus: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    inputmode: { type: String },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    max: { type: String },\n    maxlength: { type: Number },\n    min: { type: String },\n    minlength: { type: Number },\n    name: { type: String },\n    pill: { type: Boolean, reflect: true },\n    placeholder: { type: String },\n    readonly: { type: Boolean, reflect: true },\n    required: { type: Boolean, reflect: true },\n    size: { type: String, reflect: true },\n    step: { type: String },\n    success: { type: Boolean, reflect: true },\n    title: { type: String, reflect: true },\n    type: { type: String, reflect: true },\n    value: { type: String },\n  };\n\n  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n  autocomplete?: string;\n  autofocus = false;\n  disabled = false;\n  fullWidth = false;\n  inputmode?: string;\n  invalid = false;\n  loading = false;\n  max?: string;\n  maxlength?: number | undefined;\n  min?: string;\n  minlength?: number | undefined;\n  name?: string;\n  pill = false;\n  placeholder?: string;\n  readonly = false;\n  required = false;\n  size: SpectreInputSize = 'md';\n  step?: string;\n  success = false;\n  override title = '';\n  type: SpectreInputType = 'text';\n  value = '';\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  createRenderRoot(): this {\n    // Spectre components intentionally render in light DOM so the global\n    // `@phcdevworks/spectre-ui` styling contract can apply directly.\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    const hostId = super.getAttribute('id');\n\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 override willUpdate(changedProperties: Map<PropertyKey, unknown>): void {\n    if (changedProperties.has('size') && !isInputSize(this.size)) {\n      this.size = 'md';\n    }\n\n    if (changedProperties.has('type') && !isInputType(this.type)) {\n      this.type = 'text';\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 inputClasses(): 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 nativeInput(): HTMLInputElement | null {\n    return this.querySelector('[data-sp-input-native]');\n  }\n\n  private get forwardedAriaLabel(): string | undefined {\n    const ariaLabel = this.ariaLabel?.trim();\n    return ariaLabel ? ariaLabel : undefined;\n  }\n\n  private get forwardedAriaLabelledBy(): string | undefined {\n    const ariaLabelledBy = this.ariaLabelledBy?.trim();\n    return ariaLabelledBy ? ariaLabelledBy : undefined;\n  }\n\n  private get forwardedAriaDescribedBy(): string | undefined {\n    const ariaDescribedBy = this.ariaDescribedBy?.trim();\n    return ariaDescribedBy ? ariaDescribedBy : undefined;\n  }\n\n  private handleInput(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.value = input.value;\n  }\n\n  private handleChange(event: Event): void {\n    const input = event.currentTarget as HTMLInputElement;\n    this.value = input.value;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeInput?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeInput?.blur();\n  }\n\n  override render() {\n    return html`\n      <input\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.inputClasses}\n        data-sp-input-native\n        ?disabled=${this.isDisabled}\n        ?readonly=${this.readonly}\n        ?required=${this.required}\n        id=${ifDefined(this.id || undefined)}\n        inputmode=${ifDefined(this.inputmode)}\n        max=${ifDefined(this.max)}\n        maxlength=${ifDefined(this.maxlength)}\n        min=${ifDefined(this.min)}\n        minlength=${ifDefined(this.minlength)}\n        name=${ifDefined(this.name)}\n        placeholder=${ifDefined(this.placeholder)}\n        step=${ifDefined(this.step)}\n        title=${ifDefined(this.title || undefined)}\n        type=${this.type}\n        .value=${live(this.value)}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n      />\n    `;\n  }\n}\n\nexport function defineSpectreInput(tagName = 'sp-input'): typeof SpectreInputElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreInputElement;\n  }\n\n  customElements.define(tagName, SpectreInputElement);\n  return SpectreInputElement;\n}\n","import { LitElement, html } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { getInputClasses } from '@phcdevworks/spectre-ui';\n\nimport {\n  isInputSize,\n  type SpectreInputSize,\n} from '../input/sp-input';\n\nexport interface SpectreTextareaProps {\n  autocomplete?: string;\n  autofocus?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n  inputmode?: string;\n  invalid?: boolean;\n  loading?: boolean;\n  maxlength?: number | undefined;\n  minlength?: number | undefined;\n  name?: string;\n  pill?: boolean;\n  placeholder?: string;\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 LitElement\n  implements SpectreTextareaProps {\n  static properties = {\n    ariaLabel: { attribute: 'aria-label', type: String },\n    ariaLabelledBy: { attribute: 'aria-labelledby', type: String },\n    ariaDescribedBy: { attribute: 'aria-describedby', type: String },\n    autocomplete: { type: String },\n    autofocus: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    inputmode: { type: String },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    maxlength: { type: Number },\n    minlength: { type: Number },\n    name: { type: String },\n    pill: { type: Boolean, reflect: true },\n    placeholder: { type: String },\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  ariaLabel: string | null = null;\n  ariaLabelledBy: string | null = null;\n  ariaDescribedBy: string | null = null;\n  autocomplete?: string;\n  autofocus = false;\n  disabled = false;\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  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  createRenderRoot(): this {\n    // Spectre components intentionally render in light DOM so the global\n    // `@phcdevworks/spectre-ui` styling contract can apply directly.\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    const hostId = super.getAttribute('id');\n\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 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 get forwardedAriaLabel(): string | undefined {\n    const ariaLabel = this.ariaLabel?.trim();\n    return ariaLabel ? ariaLabel : undefined;\n  }\n\n  private get forwardedAriaLabelledBy(): string | undefined {\n    const ariaLabelledBy = this.ariaLabelledBy?.trim();\n    return ariaLabelledBy ? ariaLabelledBy : undefined;\n  }\n\n  private get forwardedAriaDescribedBy(): string | undefined {\n    const ariaDescribedBy = this.ariaDescribedBy?.trim();\n    return ariaDescribedBy ? ariaDescribedBy : undefined;\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        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":["LitElement","getInputClasses","html","ifDefined","live"],"mappings":"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","file":"textarea.cjs","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"]}

package/dist/textarea.d.cts

@@ -1,20 +1,25 @@
 import * as lit_html from 'lit-html';
-import { LitElement } from 'lit';
-import { SpectreInputSize } from './input.cjs';
+import { S as SpectreBaseElement } from './base-DQtCQ-dP.cjs';
+import { S as SpectreInputSize } from './form-iI7vV-3W.cjs';
+import 'lit';
 
 interface SpectreTextareaProps {
+    ariaLabel?: string | null;
+    ariaLabelledBy?: string | null;
+    ariaDescribedBy?: string | null;
     autocomplete?: string;
     autofocus?: boolean;
     disabled?: boolean;
+    form?: string;
     fullWidth?: boolean;
     inputmode?: string;
     invalid?: boolean;
     loading?: boolean;
     maxlength?: number | undefined;
     minlength?: number | undefined;
-    name?: string;
+    name?: string | undefined;
     pill?: boolean;
-    placeholder?: string;
+    placeholder?: string | undefined;
     readonly?: boolean;
     required?: boolean;
     rows?: number;
@@ -23,22 +28,11 @@ interface SpectreTextareaProps {
     title?: string;
     value?: string;
 }
-declare class SpectreTextareaElement extends LitElement implements SpectreTextareaProps {
+declare class SpectreTextareaElement extends SpectreBaseElement implements SpectreTextareaProps {
     static properties: {
-        ariaLabel: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaLabelledBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaDescribedBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
         autocomplete: {
             type: StringConstructor;
+            reflect: boolean;
         };
         autofocus: {
             type: BooleanConstructor;
@@ -48,6 +42,9 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
             type: BooleanConstructor;
             reflect: boolean;
         };
+        form: {
+            type: StringConstructor;
+        };
         fullWidth: {
             attribute: string;
             type: BooleanConstructor;
@@ -55,6 +52,7 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
         };
         inputmode: {
             type: StringConstructor;
+            reflect: boolean;
         };
         invalid: {
             type: BooleanConstructor;
@@ -66,12 +64,15 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
         };
         maxlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         minlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         name: {
             type: StringConstructor;
+            reflect: boolean;
         };
         pill: {
             type: BooleanConstructor;
@@ -79,6 +80,7 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
         };
         placeholder: {
             type: StringConstructor;
+            reflect: boolean;
         };
         readonly: {
             type: BooleanConstructor;
@@ -107,12 +109,10 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
             type: StringConstructor;
         };
     };
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
     autocomplete?: string;
     autofocus: boolean;
     disabled: boolean;
+    form?: string;
     fullWidth: boolean;
     inputmode?: string;
     invalid: boolean;
@@ -129,22 +129,10 @@ declare class SpectreTextareaElement extends LitElement implements SpectreTextar
     success: boolean;
     title: string;
     value: string;
-    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 willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
     private get textareaClasses();
     private get isDisabled();
     private get nativeTextarea();
-    private get forwardedAriaLabel();
-    private get forwardedAriaLabelledBy();
-    private get forwardedAriaDescribedBy();
     private handleInput;
     private handleChange;
     focus(options?: FocusOptions): void;