@phcdevworks/spectre-components 1.6.0 → 1.8.0

package/dist/dropdown.cjs

@@ -0,0 +1,486 @@
+'use strict';
+
+var spectreUi = require('@phcdevworks/spectre-ui');
+var lit = require('lit');
+var ifDefined_js = require('lit/directives/if-defined.js');
+
+// src/utils/form.ts
+var spectreDropdownPlacements = [
+  "bottom-start",
+  "bottom-end",
+  "top-start",
+  "top-end"
+];
+function isDropdownPlacement(value) {
+  return spectreDropdownPlacements.includes(
+    value
+  );
+}
+var SpectreBaseElement = class extends lit.LitElement {
+  constructor() {
+    super(...arguments);
+    this._ariaLabel = null;
+    this._ariaLabelledBy = null;
+    this._ariaDescribedBy = null;
+    this._autocapitalize = "";
+    this._autofocus = false;
+    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;
+  }
+  set id(value) {
+    const normalizedValue = value ?? "";
+    if (this._id === normalizedValue) {
+      return;
+    }
+    this._id = normalizedValue;
+    this._removeHostAttribute("id");
+    this.requestUpdate();
+  }
+  get autofocus() {
+    return this._autofocus;
+  }
+  set autofocus(value) {
+    const normalizedValue = !!value;
+    if (this._autofocus === normalizedValue) {
+      return;
+    }
+    this._autofocus = normalizedValue;
+    this._removeHostAttribute("autofocus");
+    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 proxiedAttributes = [
+      "id",
+      "title",
+      "autocapitalize",
+      "autofocus",
+      "spellcheck",
+      "aria-label",
+      "aria-labelledby",
+      "aria-describedby"
+    ];
+    proxiedAttributes.forEach((attr) => {
+      const value = super.getAttribute(attr);
+      if (value !== null) {
+        this.setAttribute(attr, value);
+      }
+    });
+  }
+  getAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        return this.id || null;
+      case "title":
+        return this.title || null;
+      case "autocapitalize":
+        return this.autocapitalize || null;
+      case "autofocus":
+        return this.autofocus ? "" : 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);
+    }
+  }
+  hasAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        return this.id !== "";
+      case "title":
+        return this.title !== "";
+      case "autocapitalize":
+        return this.autocapitalize !== "";
+      case "autofocus":
+        return this.autofocus;
+      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);
+    }
+  }
+  setAttribute(qualifiedName, value) {
+    switch (qualifiedName) {
+      case "id":
+        this.id = value;
+        break;
+      case "title":
+        this.title = value;
+        break;
+      case "autocapitalize":
+        this.autocapitalize = value;
+        break;
+      case "autofocus":
+        this.autofocus = true;
+        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);
+    }
+  }
+  removeAttribute(qualifiedName) {
+    switch (qualifiedName) {
+      case "id":
+        this.id = "";
+        break;
+      case "title":
+        this.title = "";
+        break;
+      case "autocapitalize":
+        this.autocapitalize = "";
+        break;
+      case "autofocus":
+        this.autofocus = false;
+        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);
+    }
+  }
+  get forwardedAriaLabel() {
+    const value = this.ariaLabel?.trim();
+    return value ? value : void 0;
+  }
+  get forwardedAriaLabelledBy() {
+    const value = this.ariaLabelledBy?.trim();
+    return value ? value : void 0;
+  }
+  get forwardedAriaDescribedBy() {
+    const value = this.ariaDescribedBy?.trim();
+    return value ? value : void 0;
+  }
+  // Subclasses that expose `disabled`/`loading` properties get this disabled
+  // calculation for free instead of redeclaring it per component.
+  get isDisabled() {
+    const self = this;
+    return (self.disabled ?? false) || (self.loading ?? false);
+  }
+  // Subclasses get this for free instead of redeclaring it per component.
+  get hasForwardedLabel() {
+    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy);
+  }
+};
+SpectreBaseElement.properties = {};
+
+// src/utils/dom.ts
+function hasMeaningfulContent(nodes) {
+  return nodes.some((node) => {
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      return true;
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      return (node.textContent?.trim().length ?? 0) > 0;
+    }
+    return false;
+  });
+}
+var SpectreDropdownElement = class extends SpectreBaseElement {
+  constructor() {
+    super(...arguments);
+    this.fullWidth = false;
+    this.open = false;
+    this.placement = "bottom-start";
+    this.triggerLabel = "Toggle menu";
+    this.triggerContent = [];
+    this.menuContent = [];
+    this.handleDocumentClick = (event) => {
+      if (!this.open) {
+        return;
+      }
+      if (!event.composedPath().includes(this)) {
+        this.close();
+      }
+    };
+    this.handleDocumentKeydown = (event) => {
+      if (event.key === "Escape" && this.open) {
+        this.close();
+        this.triggerElement?.focus();
+      }
+    };
+  }
+  get id() {
+    return super.id;
+  }
+  set id(value) {
+    super.id = value;
+  }
+  get title() {
+    return super.title;
+  }
+  set title(value) {
+    super.title = value;
+  }
+  isInternalNode(node) {
+    if (node.nodeType !== Node.ELEMENT_NODE) {
+      return false;
+    }
+    const el = node;
+    return el.hasAttribute("data-sp-dropdown-menu") || el.hasAttribute("data-sp-dropdown-trigger");
+  }
+  syncProjectedContent() {
+    const nextTriggerContent = [];
+    const nextMenuContent = [];
+    this.childNodes.forEach((node) => {
+      if (this.isInternalNode(node)) {
+        return;
+      }
+      const isTriggerSlot = node.nodeType === Node.ELEMENT_NODE && node.getAttribute("slot") === "trigger";
+      if (isTriggerSlot) {
+        nextTriggerContent.push(node);
+      } else {
+        nextMenuContent.push(node);
+      }
+    });
+    const changed = nextTriggerContent.length !== this.triggerContent.length || nextTriggerContent.some((n, i) => n !== this.triggerContent[i]) || nextMenuContent.length !== this.menuContent.length || nextMenuContent.some((n, i) => n !== this.menuContent[i]);
+    if (changed) {
+      this.triggerContent = nextTriggerContent;
+      this.menuContent = nextMenuContent;
+    }
+    return changed;
+  }
+  get hasTriggerContent() {
+    return hasMeaningfulContent(this.triggerContent);
+  }
+  get hasMenuContent() {
+    return hasMeaningfulContent(this.menuContent);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.syncProjectedContent();
+    this.startContentObserver();
+    document.addEventListener("click", this.handleDocumentClick);
+    document.addEventListener("keydown", this.handleDocumentKeydown);
+  }
+  disconnectedCallback() {
+    this.stopContentObserver();
+    document.removeEventListener("click", this.handleDocumentClick);
+    document.removeEventListener("keydown", this.handleDocumentKeydown);
+    super.disconnectedCallback();
+  }
+  update(changedProperties) {
+    this.stopContentObserver();
+    super.update(changedProperties);
+    this.startContentObserver();
+  }
+  startContentObserver() {
+    if (this.contentObserver) {
+      return;
+    }
+    this.contentObserver = new MutationObserver(() => {
+      if (this.syncProjectedContent()) {
+        this.requestUpdate();
+      }
+    });
+    this.contentObserver.observe(this, { childList: true });
+  }
+  stopContentObserver() {
+    this.contentObserver?.disconnect();
+    this.contentObserver = void 0;
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("fullWidth") && this.fullWidth == null) {
+      this.fullWidth = false;
+    }
+    if (changedProperties.has("open") && this.open == null) {
+      this.open = false;
+    }
+    if (changedProperties.has("placement") && (this.placement == null || !isDropdownPlacement(this.placement))) {
+      this.placement = "bottom-start";
+    }
+    if (changedProperties.has("triggerLabel") && !this.triggerLabel) {
+      this.triggerLabel = "Toggle menu";
+    }
+  }
+  get triggerElement() {
+    return this.querySelector("[data-sp-dropdown-trigger]");
+  }
+  toggle() {
+    if (this.open) {
+      this.close();
+    } else {
+      this.openMenu();
+    }
+  }
+  openMenu() {
+    if (this.open) {
+      return;
+    }
+    this.open = true;
+    this.dispatchEvent(new CustomEvent("sp-open", { bubbles: true }));
+  }
+  close() {
+    if (!this.open) {
+      return;
+    }
+    this.open = false;
+    this.dispatchEvent(new CustomEvent("sp-close", { bubbles: true }));
+  }
+  get dropdownClasses() {
+    return spectreUi.getDropdownClasses({ fullWidth: this.fullWidth ?? false });
+  }
+  get menuClasses() {
+    return spectreUi.getDropdownMenuClasses({
+      open: this.open ?? false,
+      placement: this.placement
+    });
+  }
+  render() {
+    return lit.html`<div
+      class="${this.dropdownClasses}"
+      id="${ifDefined_js.ifDefined(this.id || void 0)}"
+      title="${ifDefined_js.ifDefined(this.title || void 0)}"
+    >
+      <button
+        aria-expanded="${this.open ? "true" : "false"}"
+        aria-haspopup="true"
+        aria-label="${ifDefined_js.ifDefined(this.forwardedAriaLabel ?? this.triggerLabel)}"
+        class="sp-dropdown__trigger"
+        data-sp-dropdown-trigger
+        type="button"
+        @click="${() => this.toggle()}"
+      >
+        ${this.hasTriggerContent ? this.triggerContent : this.triggerLabel}
+      </button>
+      <div class="${this.menuClasses}" data-sp-dropdown-menu>
+        ${this.hasMenuContent ? this.menuContent : lit.nothing}
+      </div>
+    </div>`;
+  }
+};
+SpectreDropdownElement.properties = {
+  fullWidth: { attribute: "full-width", type: Boolean, reflect: true },
+  open: { type: Boolean, reflect: true },
+  placement: { type: String, reflect: true },
+  triggerLabel: { attribute: "trigger-label", type: String }
+};
+function defineSpectreDropdown(tagName = "sp-dropdown") {
+  const existingElement = customElements.get(tagName);
+  if (existingElement) {
+    return existingElement;
+  }
+  customElements.define(tagName, SpectreDropdownElement);
+  return SpectreDropdownElement;
+}
+
+exports.SpectreDropdownElement = SpectreDropdownElement;
+exports.defineSpectreDropdown = defineSpectreDropdown;
+exports.spectreDropdownPlacements = spectreDropdownPlacements;
+//# sourceMappingURL=dropdown.cjs.map
+//# sourceMappingURL=dropdown.cjs.map

package/dist/dropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/form.ts","../src/utils/base.ts","../src/utils/dom.ts","../src/components/dropdown/sp-dropdown.ts"],"names":["LitElement","getDropdownClasses","getDropdownMenuClasses","html","ifDefined","nothing"],"mappings":"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","file":"dropdown.cjs","sourcesContent":["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 const spectreBadgeVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'neutral',\n  'info',\n  'ghost',\n  'outline',\n  'accent',\n  'cta'\n] as const\n\nexport type SpectreBadgeVariant = (typeof spectreBadgeVariants)[number]\n\nexport function isBadgeVariant(value: unknown): value is SpectreBadgeVariant {\n  return (spectreBadgeVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAlertVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'neutral'\n] as const\n\nexport type SpectreAlertVariant = (typeof spectreAlertVariants)[number]\n\nexport function isAlertVariant(value: unknown): value is SpectreAlertVariant {\n  return (spectreAlertVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreCardVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreCardVariant = (typeof spectreCardVariants)[number]\n\nexport function isCardVariant(value: unknown): value is SpectreCardVariant {\n  return (spectreCardVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreIconBoxVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'ghost',\n  'accent',\n  'cta',\n  'outline'\n] as const\n\nexport type SpectreIconBoxVariant = (typeof spectreIconBoxVariants)[number]\n\nexport function isIconBoxVariant(\n  value: unknown\n): value is SpectreIconBoxVariant {\n  return (spectreIconBoxVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTestimonialVariants = [\n  'elevated',\n  'flat',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTestimonialVariant =\n  (typeof spectreTestimonialVariants)[number]\n\nexport function isTestimonialVariant(\n  value: unknown\n): value is SpectreTestimonialVariant {\n  return (spectreTestimonialVariants as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreSpinnerVariants = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta'\n] as const\n\nexport type SpectreSpinnerVariant = (typeof spectreSpinnerVariants)[number]\n\nexport function isSpinnerVariant(\n  value: unknown\n): value is SpectreSpinnerVariant {\n  return (spectreSpinnerVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTagVariants = [\n  'default',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'neutral',\n  'accent',\n  'cta',\n  'outline',\n  'ghost'\n] as const\n\nexport type SpectreTagVariant = (typeof spectreTagVariants)[number]\n\nexport function isTagVariant(value: unknown): value is SpectreTagVariant {\n  return (spectreTagVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n\nexport type SpectreAvatarSize = (typeof spectreAvatarSizes)[number]\n\nexport function isAvatarSize(value: unknown): value is SpectreAvatarSize {\n  return (spectreAvatarSizes as readonly string[]).includes(value as string)\n}\n\nexport const spectreAvatarShapes = ['circle', 'square'] as const\n\nexport type SpectreAvatarShape = (typeof spectreAvatarShapes)[number]\n\nexport function isAvatarShape(value: unknown): value is SpectreAvatarShape {\n  return (spectreAvatarShapes as readonly string[]).includes(value as string)\n}\n\nexport const spectreContainerMaxWidths = ['prose'] as const\n\nexport type SpectreContainerMaxWidth =\n  (typeof spectreContainerMaxWidths)[number]\n\nexport function isContainerMaxWidth(\n  value: unknown\n): value is SpectreContainerMaxWidth {\n  return (spectreContainerMaxWidths as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreGridColumns = [1, 2, 3, 4, 6, 12] as const\n\nexport type SpectreGridColumns = (typeof spectreGridColumns)[number]\n\nexport function isGridColumns(value: unknown): value is SpectreGridColumns {\n  return (spectreGridColumns as readonly number[]).includes(value as number)\n}\n\nexport const spectreGridGaps = ['sm', 'md', 'lg'] as const\n\nexport type SpectreGridGap = (typeof spectreGridGaps)[number]\n\nexport function isGridGap(value: unknown): value is SpectreGridGap {\n  return (spectreGridGaps as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackDirections = ['vertical', 'horizontal'] as const\n\nexport type SpectreStackDirection = (typeof spectreStackDirections)[number]\n\nexport function isStackDirection(\n  value: unknown\n): value is SpectreStackDirection {\n  return (spectreStackDirections as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreStackBases = ['sidebar'] as const\n\nexport type SpectreStackBasis = (typeof spectreStackBases)[number]\n\nexport function isStackBasis(value: unknown): value is SpectreStackBasis {\n  return (spectreStackBases as readonly string[]).includes(value as string)\n}\n\nexport const spectreStackAligns = ['center', 'stretch'] as const\n\nexport type SpectreStackAlign = (typeof spectreStackAligns)[number]\n\nexport function isStackAlign(value: unknown): value is SpectreStackAlign {\n  return (spectreStackAligns as readonly string[]).includes(value as string)\n}\n\nexport const spectreDropdownPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end'\n] as const\n\nexport type SpectreDropdownPlacement =\n  (typeof spectreDropdownPlacements)[number]\n\nexport function isDropdownPlacement(\n  value: unknown\n): value is SpectreDropdownPlacement {\n  return (spectreDropdownPlacements as readonly string[]).includes(\n    value as string\n  )\n}\n\nexport const spectreToastVariants = [\n  'info',\n  'success',\n  'warning',\n  'danger'\n] as const\n\nexport type SpectreToastVariant = (typeof spectreToastVariants)[number]\n\nexport function isToastVariant(value: unknown): value is SpectreToastVariant {\n  return (spectreToastVariants as readonly string[]).includes(value as string)\n}\n\nexport const spectreTooltipPlacements = [\n  'top',\n  'bottom',\n  'left',\n  'right'\n] as const\n\nexport type SpectreTooltipPlacement = (typeof spectreTooltipPlacements)[number]\n\nexport function isTooltipPlacement(\n  value: unknown\n): value is SpectreTooltipPlacement {\n  return (spectreTooltipPlacements as readonly string[]).includes(\n    value as string\n  )\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 { 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 _autofocus = false\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  override get autofocus(): boolean {\n    return this._autofocus\n  }\n\n  override set autofocus(value: boolean | undefined | null) {\n    const normalizedValue = !!value\n    if (this._autofocus === normalizedValue) {\n      return\n    }\n    this._autofocus = normalizedValue\n    this._removeHostAttribute('autofocus')\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      'autofocus',\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 'autofocus':\n        return this.autofocus ? '' : 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 'autofocus':\n        return this.autofocus\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 'autofocus':\n        this.autofocus = true\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 'autofocus':\n        this.autofocus = false\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  // Subclasses that expose `disabled`/`loading` properties get this disabled\n  // calculation for free instead of redeclaring it per component.\n  protected get isDisabled(): boolean {\n    const self = this as unknown as { disabled?: boolean; loading?: boolean }\n    return (self.disabled ?? false) || (self.loading ?? false)\n  }\n\n  // Subclasses get this for free instead of redeclaring it per component.\n  protected get hasForwardedLabel(): boolean {\n    return Boolean(this.forwardedAriaLabel || this.forwardedAriaLabelledBy)\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 { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { SpectreBaseElement } from '../../utils/base'\nimport { hasMeaningfulContent } from '../../utils/dom'\nimport {\n  isDropdownPlacement,\n  type SpectreDropdownPlacement\n} from '../../utils/form'\n\nimport {\n  getDropdownClasses,\n  getDropdownMenuClasses\n} from '@phcdevworks/spectre-ui'\n\nexport interface SpectreDropdownProps {\n  ariaLabel?: string | null\n  fullWidth?: boolean | undefined\n  id?: string | null | undefined\n  open?: boolean | undefined\n  placement?: SpectreDropdownPlacement | undefined\n  title?: string | null | undefined\n  triggerLabel?: string | undefined\n}\n\nexport class SpectreDropdownElement\n  extends SpectreBaseElement\n  implements SpectreDropdownProps\n{\n  static properties = {\n    fullWidth: { attribute: 'full-width', type: Boolean, reflect: true },\n    open: { type: Boolean, reflect: true },\n    placement: { type: String, reflect: true },\n    triggerLabel: { attribute: 'trigger-label', type: String }\n  }\n\n  fullWidth: boolean | undefined = false\n  open: boolean | undefined = false\n  placement: SpectreDropdownPlacement | undefined = 'bottom-start'\n  triggerLabel: string | undefined = 'Toggle menu'\n\n  private triggerContent: Node[] = []\n  private menuContent: Node[] = []\n  private contentObserver?: MutationObserver | undefined\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  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  private isInternalNode(node: Node): boolean {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return false\n    }\n    const el = node as Element\n    return (\n      el.hasAttribute('data-sp-dropdown-menu') ||\n      el.hasAttribute('data-sp-dropdown-trigger')\n    )\n  }\n\n  private syncProjectedContent(): boolean {\n    const nextTriggerContent: Node[] = []\n    const nextMenuContent: Node[] = []\n\n    this.childNodes.forEach((node) => {\n      if (this.isInternalNode(node)) {\n        return\n      }\n      const isTriggerSlot =\n        node.nodeType === Node.ELEMENT_NODE &&\n        (node as Element).getAttribute('slot') === 'trigger'\n      if (isTriggerSlot) {\n        nextTriggerContent.push(node)\n      } else {\n        nextMenuContent.push(node)\n      }\n    })\n\n    const changed =\n      nextTriggerContent.length !== this.triggerContent.length ||\n      nextTriggerContent.some((n, i) => n !== this.triggerContent[i]) ||\n      nextMenuContent.length !== this.menuContent.length ||\n      nextMenuContent.some((n, i) => n !== this.menuContent[i])\n\n    if (changed) {\n      this.triggerContent = nextTriggerContent\n      this.menuContent = nextMenuContent\n    }\n\n    return changed\n  }\n\n  private get hasTriggerContent(): boolean {\n    return hasMeaningfulContent(this.triggerContent)\n  }\n\n  private get hasMenuContent(): boolean {\n    return hasMeaningfulContent(this.menuContent)\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.syncProjectedContent()\n    this.startContentObserver()\n    document.addEventListener('click', this.handleDocumentClick)\n    document.addEventListener('keydown', this.handleDocumentKeydown)\n  }\n\n  override disconnectedCallback(): void {\n    this.stopContentObserver()\n    document.removeEventListener('click', this.handleDocumentClick)\n    document.removeEventListener('keydown', this.handleDocumentKeydown)\n    super.disconnectedCallback()\n  }\n\n  protected override update(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    this.stopContentObserver()\n    super.update(changedProperties)\n    this.startContentObserver()\n  }\n\n  private startContentObserver(): void {\n    if (this.contentObserver) {\n      return\n    }\n    this.contentObserver = new MutationObserver(() => {\n      if (this.syncProjectedContent()) {\n        this.requestUpdate()\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  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    if (changedProperties.has('fullWidth') && this.fullWidth == null) {\n      this.fullWidth = false\n    }\n    if (changedProperties.has('open') && this.open == null) {\n      this.open = false\n    }\n    if (\n      changedProperties.has('placement') &&\n      (this.placement == null || !isDropdownPlacement(this.placement))\n    ) {\n      this.placement = 'bottom-start'\n    }\n    if (changedProperties.has('triggerLabel') && !this.triggerLabel) {\n      this.triggerLabel = 'Toggle menu'\n    }\n  }\n\n  private handleDocumentClick = (event: MouseEvent): void => {\n    if (!this.open) {\n      return\n    }\n    if (!event.composedPath().includes(this)) {\n      this.close()\n    }\n  }\n\n  private handleDocumentKeydown = (event: KeyboardEvent): void => {\n    if (event.key === 'Escape' && this.open) {\n      this.close()\n      this.triggerElement?.focus()\n    }\n  }\n\n  private get triggerElement(): HTMLButtonElement | null {\n    return this.querySelector('[data-sp-dropdown-trigger]')\n  }\n\n  private toggle(): void {\n    if (this.open) {\n      this.close()\n    } else {\n      this.openMenu()\n    }\n  }\n\n  private openMenu(): void {\n    if (this.open) {\n      return\n    }\n    this.open = true\n    this.dispatchEvent(new CustomEvent('sp-open', { bubbles: true }))\n  }\n\n  private close(): void {\n    if (!this.open) {\n      return\n    }\n    this.open = false\n    this.dispatchEvent(new CustomEvent('sp-close', { bubbles: true }))\n  }\n\n  private get dropdownClasses(): string {\n    return getDropdownClasses({ fullWidth: this.fullWidth ?? false })\n  }\n\n  private get menuClasses(): string {\n    return getDropdownMenuClasses({\n      open: this.open ?? false,\n      placement: this.placement as SpectreDropdownPlacement\n    })\n  }\n\n  override render() {\n    return html`<div\n      class=\"${this.dropdownClasses}\"\n      id=\"${ifDefined(this.id || undefined)}\"\n      title=\"${ifDefined(this.title || undefined)}\"\n    >\n      <button\n        aria-expanded=\"${this.open ? 'true' : 'false'}\"\n        aria-haspopup=\"true\"\n        aria-label=\"${ifDefined(this.forwardedAriaLabel ?? this.triggerLabel)}\"\n        class=\"sp-dropdown__trigger\"\n        data-sp-dropdown-trigger\n        type=\"button\"\n        @click=\"${() => this.toggle()}\"\n      >\n        ${this.hasTriggerContent ? this.triggerContent : this.triggerLabel}\n      </button>\n      <div class=\"${this.menuClasses}\" data-sp-dropdown-menu>\n        ${this.hasMenuContent ? this.menuContent : nothing}\n      </div>\n    </div>`\n  }\n}\n\nexport function defineSpectreDropdown(\n  tagName = 'sp-dropdown'\n): typeof SpectreDropdownElement {\n  const existingElement = customElements.get(tagName)\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreDropdownElement\n  }\n\n  customElements.define(tagName, SpectreDropdownElement)\n  return SpectreDropdownElement\n}\n"]}

package/dist/dropdown.d.cts

@@ -0,0 +1,69 @@
+import { i as SpectreDropdownPlacement } from './form-DgzRhNmg.cjs';
+export { E as spectreDropdownPlacements } from './form-DgzRhNmg.cjs';
+import * as lit_html from 'lit-html';
+import { S as SpectreBaseElement } from './base-D0s95V2v.cjs';
+import 'lit';
+
+interface SpectreDropdownProps {
+    ariaLabel?: string | null;
+    fullWidth?: boolean | undefined;
+    id?: string | null | undefined;
+    open?: boolean | undefined;
+    placement?: SpectreDropdownPlacement | undefined;
+    title?: string | null | undefined;
+    triggerLabel?: string | undefined;
+}
+declare class SpectreDropdownElement extends SpectreBaseElement implements SpectreDropdownProps {
+    static properties: {
+        fullWidth: {
+            attribute: string;
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        placement: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        triggerLabel: {
+            attribute: string;
+            type: StringConstructor;
+        };
+    };
+    fullWidth: boolean | undefined;
+    open: boolean | undefined;
+    placement: SpectreDropdownPlacement | undefined;
+    triggerLabel: string | undefined;
+    private triggerContent;
+    private menuContent;
+    private contentObserver?;
+    get id(): string;
+    set id(value: string | null | undefined);
+    get title(): string;
+    set title(value: string | null | undefined);
+    private isInternalNode;
+    private syncProjectedContent;
+    private get hasTriggerContent();
+    private get hasMenuContent();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected update(changedProperties: Map<PropertyKey, unknown>): void;
+    private startContentObserver;
+    private stopContentObserver;
+    protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
+    private handleDocumentClick;
+    private handleDocumentKeydown;
+    private get triggerElement();
+    private toggle;
+    private openMenu;
+    private close;
+    private get dropdownClasses();
+    private get menuClasses();
+    render(): lit_html.TemplateResult<1>;
+}
+declare function defineSpectreDropdown(tagName?: string): typeof SpectreDropdownElement;
+
+export { SpectreDropdownElement, SpectreDropdownPlacement, type SpectreDropdownProps, defineSpectreDropdown };