@phcdevworks/spectre-components 0.0.1 → 1.1.0

package/dist/select.cjs

@@ -6,199 +6,331 @@ var ifDefined_js = require('lit/directives/if-defined.js');
 var spectreUi = require('@phcdevworks/spectre-ui');
 
 // src/components/select/sp-select.ts
-var spectreSelectSizes = ["sm", "md", "lg"];
-function isSelectSize(value) {
-  return spectreSelectSizes.includes(value);
-}
-function isSelectableContent(node) {
-  if (node.nodeType === Node.ELEMENT_NODE) {
-    const tagName = node.tagName;
-    return tagName === "OPTION" || tagName === "OPTGROUP";
-  }
-  if (node.nodeType === Node.TEXT_NODE) {
-    return (node.textContent?.trim().length ?? 0) > 0;
-  }
-  return false;
-}
-var SpectreSelectElement = 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.required = false;
-    this.size = "md";
-    this.success = false;
-    this.title = "";
-    this.value = "";
-    this.projectedOptions = [];
+    this._ariaLabel = null;
+    this._ariaLabelledBy = null;
+    this._ariaDescribedBy = 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 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
+  // `@phcdevworks/spectre-ui` styling contract can apply directly.
   createRenderRoot() {
     return this;
   }
   connectedCallback() {
     super.connectedCallback();
-    const hostId = super.getAttribute("id");
-    if (hostId !== null) {
-      this.id = hostId;
-    }
-    this.syncProjectedOptions();
-    this.startContentObserver();
-  }
-  disconnectedCallback() {
-    this.stopContentObserver();
-    super.disconnectedCallback();
+    const proxiedAttributes = [
+      "id",
+      "title",
+      "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 "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 "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 "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 "aria-label":
+        this.ariaLabel = null;
+        break;
+      case "aria-labelledby":
+        this.ariaLabelledBy = null;
+        break;
+      case "aria-describedby":
+        this.ariaDescribedBy = null;
+        break;
+      default:
+        super.removeAttribute(qualifiedName);
     }
-    super.removeAttribute(qualifiedName);
   }
-  willUpdate(changedProperties) {
-    if (changedProperties.has("size") && !isSelectSize(this.size)) {
-      this.size = "md";
-    }
-    if (changedProperties.has("value") && this.value == null) {
-      this.value = "";
+  _removeHostAttribute(name) {
+    const host = this;
+    if (HTMLElement.prototype.hasAttribute.call(host, name)) {
+      HTMLElement.prototype.removeAttribute.call(host, name);
     }
   }
-  update(changedProperties) {
-    this.stopContentObserver();
-    super.update(changedProperties);
-    this.startContentObserver();
+  get forwardedAriaLabel() {
+    const value = this.ariaLabel?.trim();
+    return value ? value : void 0;
   }
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    const nativeSelect = this.nativeSelect;
-    if (!nativeSelect) {
-      return;
-    }
-    if (this.value !== "" && nativeSelect.value !== this.value) {
-      nativeSelect.value = this.value;
-      return;
+  get forwardedAriaLabelledBy() {
+    const value = this.ariaLabelledBy?.trim();
+    return value ? value : void 0;
+  }
+  get forwardedAriaDescribedBy() {
+    const value = this.ariaDescribedBy?.trim();
+    return value ? value : void 0;
+  }
+};
+SpectreBaseElement.properties = {};
+
+// src/utils/dom.ts
+function hasMeaningfulContent(nodes) {
+  return nodes.some((node) => {
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      return true;
     }
-    if (this.value === "" && !this.hasAttribute("value")) {
-      const nativeValue = nativeSelect.value ?? "";
-      if (nativeValue !== "") {
-        this.value = nativeValue;
-      }
+    if (node.nodeType === Node.TEXT_NODE) {
+      return (node.textContent?.trim().length ?? 0) > 0;
     }
+    return false;
+  });
+}
+
+// src/utils/projectable.ts
+var SpectreProjectableElement = class extends SpectreBaseElement {
+  constructor() {
+    super(...arguments);
+    this.projectedContent = [];
   }
-  get selectClasses() {
-    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 hasProjectedContent() {
+    return hasMeaningfulContent(this.projectedContent);
   }
-  get nativeSelect() {
-    return this.querySelector("[data-sp-select-native]");
+  connectedCallback() {
+    super.connectedCallback();
+    this.syncProjectedContent();
+    this.startContentObserver();
   }
-  get forwardedAriaLabel() {
-    const ariaLabel = this.ariaLabel?.trim();
-    return ariaLabel ? ariaLabel : void 0;
+  disconnectedCallback() {
+    this.stopContentObserver();
+    super.disconnectedCallback();
   }
-  get forwardedAriaLabelledBy() {
-    const ariaLabelledBy = this.ariaLabelledBy?.trim();
-    return ariaLabelledBy ? ariaLabelledBy : void 0;
+  update(changedProperties) {
+    this.stopContentObserver();
+    super.update(changedProperties);
+    this.startContentObserver();
   }
-  get forwardedAriaDescribedBy() {
-    const ariaDescribedBy = this.ariaDescribedBy?.trim();
-    return ariaDescribedBy ? ariaDescribedBy : void 0;
+  syncProjectedContent() {
+    const nextProjectedContent = [];
+    const sourceNodes = [
+      ...this.childNodes,
+      ...this.getContentContainer()?.childNodes ?? []
+    ];
+    sourceNodes.forEach((node) => {
+      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {
+        nextProjectedContent.push(node);
+      }
+    });
+    const hasChanged = nextProjectedContent.length !== this.projectedContent.length || nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);
+    if (hasChanged) {
+      this.projectedContent = nextProjectedContent;
+    }
+    return hasChanged;
   }
   startContentObserver() {
     if (this.contentObserver) {
       return;
     }
     this.contentObserver = new MutationObserver((mutations) => {
-      const isInternalMovement = mutations.every((mutation) => {
-        return Array.from(mutation.removedNodes).every(
-          (node) => this.isInternalSelectNode(node) || this.contains(node)
-        ) && Array.from(mutation.addedNodes).every((node) => this.isInternalSelectNode(node));
-      });
+      const isInternalMovement = mutations.every(
+        (mutation) => [...mutation.removedNodes].every(
+          (node) => this.isInternalNode(node) || this.contains(node)
+        ) && [...mutation.addedNodes].every((node) => this.isInternalNode(node))
+      );
       if (isInternalMovement) {
         return;
       }
-      if (this.syncProjectedOptions()) {
+      if (this.syncProjectedContent()) {
         this.requestUpdate();
       }
     });
-    this.contentObserver.observe(this, {
-      childList: true
-    });
+    this.contentObserver.observe(this, { childList: true });
   }
   stopContentObserver() {
     this.contentObserver?.disconnect();
     this.contentObserver = void 0;
   }
-  syncProjectedOptions() {
-    const nextProjectedOptions = [];
-    Array.from(this.childNodes).forEach((node) => {
-      if (this.isInternalSelectNode(node)) {
-        this.projectedOptions.forEach((projectedNode) => {
-          if (projectedNode.parentNode !== this && this.contains(projectedNode)) {
-            nextProjectedOptions.push(projectedNode);
+};
+var spectreInputSizes = ["sm", "md", "lg"];
+function isInputSize(value) {
+  return spectreInputSizes.includes(value);
+}
+var SpectreSelectElement = class extends SpectreProjectableElement {
+  constructor() {
+    super(...arguments);
+    this.autofocus = false;
+    this.disabled = false;
+    this.fullWidth = false;
+    this.invalid = false;
+    this.loading = false;
+    this.pill = false;
+    this.required = false;
+    this.size = "md";
+    this.success = false;
+    this.value = "";
+  }
+  getContentContainer() {
+    return this.querySelector("[data-sp-select-native]");
+  }
+  isInternalNode(node) {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
+      return false;
+    }
+    const el = node;
+    return el.hasAttribute("data-sp-select-native");
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("size") && !isInputSize(this.size)) {
+      this.size = "md";
+    }
+    if (changedProperties.has("value") && this.value == null) {
+      this.value = "";
+    }
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    const nativeSelect = this.getContentContainer();
+    if (!nativeSelect) {
+      return;
+    }
+    if (this.value !== "" && nativeSelect.value !== this.value) {
+      nativeSelect.value = this.value;
+    }
+    if (this.value === "" && !this.hasAttribute("value")) {
+      const nativeValue = nativeSelect.value ?? "";
+      if (nativeValue !== "" && nativeValue !== this.value) {
+        this.updateComplete.then(() => {
+          if (this.value === "" && !this.hasAttribute("value")) {
+            this.value = nativeValue;
           }
         });
-        return;
       }
-      if (isSelectableContent(node)) {
-        nextProjectedOptions.push(node);
-      }
-    });
-    const hasChanged = nextProjectedOptions.length !== this.projectedOptions.length || nextProjectedOptions.some((node, index) => node !== this.projectedOptions[index]);
-    if (hasChanged) {
-      this.projectedOptions = nextProjectedOptions;
     }
-    return hasChanged;
   }
-  isInternalSelectNode(node) {
-    return node.nodeType === Node.ELEMENT_NODE && node.hasAttribute("data-sp-select-native");
+  get selectClasses() {
+    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;
   }
   handleInput(event) {
     const select = event.currentTarget;
@@ -209,51 +341,49 @@ var SpectreSelectElement = class extends lit.LitElement {
     this.value = select.value;
   }
   focus(options) {
-    this.nativeSelect?.focus(options);
+    this.getContentContainer()?.focus(options);
   }
   blur() {
-    this.nativeSelect?.blur();
+    this.getContentContainer()?.blur();
   }
   render() {
-    return lit.html`
-      <select
-        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)}
-        ?autofocus=${this.autofocus}
-        class=${this.selectClasses}
-        data-sp-select-native
-        ?disabled=${this.isDisabled}
-        id=${ifDefined_js.ifDefined(this.id || void 0)}
-        name=${ifDefined_js.ifDefined(this.name)}
-        ?required=${this.required}
-        title=${ifDefined_js.ifDefined(this.title || void 0)}
-        .value=${live_js.live(this.value)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-      >
-        ${this.projectedOptions.length > 0 ? this.projectedOptions : lit.nothing}
-      </select>
-    `;
+    return lit.html`<select
+      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 || void 0)}"
+      ?autofocus="${this.autofocus}"
+      class="${this.selectClasses}"
+      data-sp-select-native
+      ?disabled="${this.isDisabled}"
+      form="${ifDefined_js.ifDefined(this.form || void 0)}"
+      id="${ifDefined_js.ifDefined(this.id || void 0)}"
+      name="${ifDefined_js.ifDefined(this.name || void 0)}"
+      ?required="${this.required}"
+      title="${ifDefined_js.ifDefined(this.title || void 0)}"
+      .value="${live_js.live(this.value)}"
+      @change="${this.handleChange}"
+      @input="${this.handleInput}"
+    >
+      ${this.hasProjectedContent ? this.projectedContent : lit.nothing}
+    </select>`;
   }
 };
 SpectreSelectElement.properties = {
-  ariaLabel: { attribute: "aria-label", type: String },
-  ariaLabelledBy: { attribute: "aria-labelledby", type: String },
-  ariaDescribedBy: { attribute: "aria-describedby", 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 },
   invalid: { type: Boolean, reflect: true },
   loading: { type: Boolean, reflect: true },
-  name: { type: String },
+  name: { type: String, reflect: true },
   pill: { type: Boolean, reflect: true },
   required: { type: Boolean, reflect: true },
   size: { type: String, reflect: true },
   success: { type: Boolean, reflect: true },
-  title: { type: String, reflect: true },
   value: { type: String }
 };
 function defineSpectreSelect(tagName = "sp-select") {
@@ -267,6 +397,5 @@ function defineSpectreSelect(tagName = "sp-select") {
 
 exports.SpectreSelectElement = SpectreSelectElement;
 exports.defineSpectreSelect = defineSpectreSelect;
-exports.spectreSelectSizes = spectreSelectSizes;
 //# sourceMappingURL=select.cjs.map
 //# sourceMappingURL=select.cjs.map

package/dist/select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/select/sp-select.ts"],"names":["LitElement","getInputClasses","html","ifDefined","live","nothing"],"mappings":"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","file":"select.cjs","sourcesContent":["import { LitElement, html, nothing } 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 spectreSelectSizes = ['sm', 'md', 'lg'] as const;\n\nexport type SpectreSelectSize = (typeof spectreSelectSizes)[number];\n\nexport interface SpectreSelectProps {\n  autofocus?: boolean;\n  disabled?: boolean;\n  fullWidth?: boolean;\n  invalid?: boolean;\n  loading?: boolean;\n  name?: string;\n  pill?: boolean;\n  required?: boolean;\n  size?: SpectreSelectSize;\n  success?: boolean;\n  title?: string;\n  value?: string;\n}\n\nfunction isSelectSize(value: string): value is InputSize {\n  return (spectreSelectSizes as readonly string[]).includes(value);\n}\n\nfunction isSelectableContent(node: Node): boolean {\n  if (node.nodeType === Node.ELEMENT_NODE) {\n    const tagName = (node as Element).tagName;\n    return tagName === 'OPTION' || tagName === 'OPTGROUP';\n  }\n\n  if (node.nodeType === Node.TEXT_NODE) {\n    return (node.textContent?.trim().length ?? 0) > 0;\n  }\n\n  return false;\n}\n\nexport class SpectreSelectElement extends LitElement implements SpectreSelectProps {\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    autofocus: { type: Boolean, reflect: true },\n    disabled: { type: Boolean, reflect: true },\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    name: { type: String },\n    pill: { type: Boolean, reflect: true },\n    required: { type: Boolean, reflect: true },\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  autofocus = false;\n  disabled = false;\n  fullWidth = false;\n  invalid = false;\n  loading = false;\n  name?: string;\n  pill = false;\n  required = false;\n  size: SpectreSelectSize = 'md';\n  success = false;\n  override title = '';\n  value = '';\n  private _id?: string;\n  private projectedOptions: Node[] = [];\n  private contentObserver?: MutationObserver | undefined;\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    // 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    this.syncProjectedOptions();\n    this.startContentObserver();\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver();\n    super.disconnectedCallback();\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') && !isSelectSize(this.size)) {\n      this.size = 'md';\n    }\n\n    if (changedProperties.has('value') && this.value == null) {\n      this.value = '';\n    }\n\n  }\n\n  protected override update(changedProperties: Map<PropertyKey, unknown>): void {\n    this.stopContentObserver();\n    super.update(changedProperties);\n    this.startContentObserver();\n  }\n\n  protected override updated(changedProperties: Map<PropertyKey, unknown>): void {\n    super.updated(changedProperties);\n\n    const nativeSelect = this.nativeSelect;\n    if (!nativeSelect) {\n      return;\n    }\n\n    if (this.value !== '' && nativeSelect.value !== this.value) {\n      nativeSelect.value = this.value;\n      return;\n    }\n\n    if (this.value === '' && !this.hasAttribute('value')) {\n      const nativeValue = nativeSelect.value ?? '';\n      if (nativeValue !== '') {\n        this.value = nativeValue;\n      }\n    }\n  }\n\n  private get selectClasses(): 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 nativeSelect(): HTMLSelectElement | null {\n    return this.querySelector('[data-sp-select-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 startContentObserver(): void {\n    if (this.contentObserver) {\n      return;\n    }\n\n    this.contentObserver = new MutationObserver((mutations) => {\n      const isInternalMovement = mutations.every((mutation) => {\n        return (\n          Array.from(mutation.removedNodes).every(\n            (node) => this.isInternalSelectNode(node) || this.contains(node),\n          ) &&\n          Array.from(mutation.addedNodes).every((node) => this.isInternalSelectNode(node))\n        );\n      });\n\n      if (isInternalMovement) {\n        return;\n      }\n\n      if (this.syncProjectedOptions()) {\n        this.requestUpdate();\n      }\n    });\n\n    this.contentObserver.observe(this, {\n      childList: true,\n    });\n  }\n\n  private stopContentObserver(): void {\n    this.contentObserver?.disconnect();\n    this.contentObserver = undefined;\n  }\n\n  private syncProjectedOptions(): boolean {\n    const nextProjectedOptions: Node[] = [];\n\n    Array.from(this.childNodes).forEach((node) => {\n      if (this.isInternalSelectNode(node)) {\n        this.projectedOptions.forEach((projectedNode) => {\n          if (projectedNode.parentNode !== this && this.contains(projectedNode)) {\n            nextProjectedOptions.push(projectedNode);\n          }\n        });\n        return;\n      }\n\n      if (isSelectableContent(node)) {\n        nextProjectedOptions.push(node);\n      }\n    });\n\n    const hasChanged =\n      nextProjectedOptions.length !== this.projectedOptions.length ||\n      nextProjectedOptions.some((node, index) => node !== this.projectedOptions[index]);\n\n    if (hasChanged) {\n      this.projectedOptions = nextProjectedOptions;\n    }\n\n    return hasChanged;\n  }\n\n  private isInternalSelectNode(node: Node): boolean {\n    return (\n      node.nodeType === Node.ELEMENT_NODE && (node as Element).hasAttribute('data-sp-select-native')\n    );\n  }\n\n  private handleInput(event: Event): void {\n    const select = event.currentTarget as HTMLSelectElement;\n    this.value = select.value;\n  }\n\n  private handleChange(event: Event): void {\n    const select = event.currentTarget as HTMLSelectElement;\n    this.value = select.value;\n  }\n\n  override focus(options?: FocusOptions): void {\n    this.nativeSelect?.focus(options);\n  }\n\n  override blur(): void {\n    this.nativeSelect?.blur();\n  }\n\n\n  override render() {\n    return html`\n      <select\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        ?autofocus=${this.autofocus}\n        class=${this.selectClasses}\n        data-sp-select-native\n        ?disabled=${this.isDisabled}\n        id=${ifDefined(this.id || undefined)}\n        name=${ifDefined(this.name)}\n        ?required=${this.required}\n        title=${ifDefined(this.title || undefined)}\n        .value=${live(this.value)}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n      >\n        ${this.projectedOptions.length > 0 ? this.projectedOptions : nothing}\n      </select>\n    `;\n  }\n}\n\nexport function defineSpectreSelect(tagName = 'sp-select'): typeof SpectreSelectElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreSelectElement;\n  }\n\n  customElements.define(tagName, SpectreSelectElement);\n  return SpectreSelectElement;\n}\n"]}
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/projectable.ts","../src/utils/form.ts","../src/components/select/sp-select.ts"],"names":["LitElement","getInputClasses","html","ifDefined","live","nothing"],"mappings":"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","file":"select.cjs","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 _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 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      '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 '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 '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 '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 '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      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","export function hasMeaningfulContent(nodes: readonly Node[]): boolean {\n  return nodes.some((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      return true;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      return (node.textContent?.trim().length ?? 0) > 0;\n    }\n\n    return false;\n  });\n}\n","import { SpectreBaseElement } from './base';\nimport { hasMeaningfulContent } from './dom';\n\nexport abstract class SpectreProjectableElement extends SpectreBaseElement {\n  protected projectedContent: Node[] = [];\n  private contentObserver?: MutationObserver | undefined;\n\n  // Return the native container whose existing children are also treated as\n  // projected content sources (e.g. the rendered <button>, <select>, <label>).\n  protected abstract getContentContainer(): Element | null;\n\n  // Return true if the node was rendered by this component and should not be\n  // treated as external projected content.\n  protected abstract isInternalNode(node: Node): boolean;\n\n  protected get hasProjectedContent(): boolean {\n    return hasMeaningfulContent(this.projectedContent);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.syncProjectedContent();\n    this.startContentObserver();\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver();\n    super.disconnectedCallback();\n  }\n\n  protected override update(changedProperties: Map<PropertyKey, unknown>): void {\n    this.stopContentObserver();\n    super.update(changedProperties);\n    this.startContentObserver();\n  }\n\n  protected syncProjectedContent(): boolean {\n    const nextProjectedContent: Node[] = [];\n    const sourceNodes = [\n      ...this.childNodes,\n      ...(this.getContentContainer()?.childNodes ?? []),\n    ];\n\n    sourceNodes.forEach((node) => {\n      if (!this.isInternalNode(node) && !nextProjectedContent.includes(node)) {\n        nextProjectedContent.push(node);\n      }\n    });\n\n    const hasChanged =\n      nextProjectedContent.length !== this.projectedContent.length ||\n      nextProjectedContent.some((node, index) => node !== this.projectedContent[index]);\n\n    if (hasChanged) {\n      this.projectedContent = nextProjectedContent;\n    }\n\n    return hasChanged;\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return;\n    }\n\n    this.contentObserver = new MutationObserver((mutations) => {\n      const isInternalMovement = mutations.every((mutation) =>\n        [...mutation.removedNodes].every(\n          (node) => this.isInternalNode(node) || this.contains(node),\n        ) &&\n        [...mutation.addedNodes].every((node) => this.isInternalNode(node)),\n      );\n\n      if (isInternalMovement) {\n        return;\n      }\n\n      if (this.syncProjectedContent()) {\n        this.requestUpdate();\n      }\n    });\n\n    this.contentObserver.observe(this, { childList: true });\n  }\n\n  private stopContentObserver(): void {\n    this.contentObserver?.disconnect();\n    this.contentObserver = 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: unknown): value is InputSize {\n  return (spectreInputSizes 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, nothing } from 'lit';\nimport { live } from 'lit/directives/live.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { SpectreProjectableElement } from '../../utils/projectable';\nimport { isInputSize, type SpectreInputSize } from '../../utils/form';\n\nimport { getInputClasses } from '@phcdevworks/spectre-ui';\n\nexport interface SpectreSelectProps {\n  ariaLabel: string | null;\n  ariaLabelledBy: string | null;\n  ariaDescribedBy: string | null;\n  autocomplete?: string | undefined;\n  autofocus?: boolean | undefined;\n  disabled?: boolean | undefined;\n  form?: string | undefined;\n  fullWidth?: boolean | undefined;\n  invalid?: boolean | undefined;\n  loading?: boolean | undefined;\n  name?: string | undefined;\n  pill?: boolean | undefined;\n  required?: boolean | undefined;\n  size?: SpectreInputSize | undefined;\n  success?: boolean | undefined;\n  title?: string | undefined;\n  value?: string | undefined;\n}\n\nexport class SpectreSelectElement extends SpectreProjectableElement implements SpectreSelectProps {\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    invalid: { type: Boolean, reflect: true },\n    loading: { type: Boolean, reflect: true },\n    name: { type: String, reflect: true },\n    pill: { type: Boolean, reflect: true },\n    required: { type: Boolean, reflect: true },\n    size: { type: String, reflect: true },\n    success: { type: Boolean, reflect: true },\n    value: { type: String },\n  };\n\n  autocomplete: string | undefined;\n  autofocus = false;\n  disabled = false;\n  form: string | undefined;\n  fullWidth = false;\n  invalid = false;\n  loading = false;\n  name: string | undefined;\n  pill = false;\n  required = false;\n  size: SpectreInputSize = 'md';\n  success = false;\n  value = '';\n\n  protected override getContentContainer(): Element | null {\n    return this.querySelector('[data-sp-select-native]');\n  }\n\n  protected override isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false;\n    }\n\n    const el = node as Element;\n    return el.hasAttribute('data-sp-select-native');\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('value') && this.value == null) {\n      this.value = '';\n    }\n  }\n\n  protected override updated(changedProperties: Map<PropertyKey, unknown>): void {\n    super.updated(changedProperties);\n\n    const nativeSelect = this.getContentContainer() as HTMLSelectElement | null;\n    if (!nativeSelect) {\n      return;\n    }\n\n    if (this.value !== '' && nativeSelect.value !== this.value) {\n      nativeSelect.value = this.value;\n    }\n\n    if (this.value === '' && !this.hasAttribute('value')) {\n      const nativeValue = nativeSelect.value ?? '';\n      if (nativeValue !== '' && nativeValue !== this.value) {\n        this.updateComplete.then(() => {\n          if (this.value === '' && !this.hasAttribute('value')) {\n            this.value = nativeValue;\n          }\n        });\n      }\n    }\n  }\n\n  private get selectClasses(): 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 handleInput(event: Event): void {\n    const select = event.currentTarget as HTMLSelectElement;\n    this.value = select.value;\n  }\n\n  private handleChange(event: Event): void {\n    const select = event.currentTarget as HTMLSelectElement;\n    this.value = select.value;\n  }\n\n  override focus(options?: FocusOptions): void {\n    (this.getContentContainer() as HTMLSelectElement | null)?.focus(options);\n  }\n\n  override blur(): void {\n    (this.getContentContainer() as HTMLSelectElement | null)?.blur();\n  }\n\n  override render() {\n    return html`<select\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 || undefined)}\"\n      ?autofocus=\"${this.autofocus}\"\n      class=\"${this.selectClasses}\"\n      data-sp-select-native\n      ?disabled=\"${this.isDisabled}\"\n      form=\"${ifDefined(this.form || undefined)}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      name=\"${ifDefined(this.name || undefined)}\"\n      ?required=\"${this.required}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n      .value=\"${live(this.value)}\"\n      @change=\"${this.handleChange}\"\n      @input=\"${this.handleInput}\"\n    >\n      ${this.hasProjectedContent ? this.projectedContent : nothing}\n    </select>`;\n  }\n}\n\nexport function defineSpectreSelect(tagName = 'sp-select'): typeof SpectreSelectElement {\n  const existingElement = customElements.get(tagName);\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreSelectElement;\n  }\n\n  customElements.define(tagName, SpectreSelectElement);\n  return SpectreSelectElement;\n}\n"]}