@phcdevworks/spectre-components 1.19.0 → 1.21.0

package/dist/accordion-item.d.ts

@@ -0,0 +1,59 @@
+import * as lit_html from 'lit-html';
+import { S as SpectreBaseElement } from './base-D0s95V2v.js';
+import { s as spectreKindKey } from './dom-CX9bgbcQ.js';
+import { S as SpectreHoverFocusStateProps } from './states-Bgzwu_XZ.js';
+import 'lit';
+
+interface SpectreAccordionItemProps extends SpectreHoverFocusStateProps {
+    ariaLabel?: string | null;
+    disabled?: boolean | undefined;
+    id?: string | null | undefined;
+    label?: string | undefined;
+    open?: boolean | undefined;
+    title?: string | null | undefined;
+}
+declare class SpectreAccordionItemElement extends SpectreBaseElement implements SpectreAccordionItemProps {
+    static properties: {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        focused: {
+            readonly type: BooleanConstructor;
+            readonly reflect: true;
+        };
+        hovered: {
+            readonly type: BooleanConstructor;
+            readonly reflect: true;
+        };
+    };
+    readonly [spectreKindKey] = "accordion-item";
+    focused: boolean | undefined;
+    hovered: boolean | undefined;
+    disabled: boolean | undefined;
+    label: string | undefined;
+    open: boolean | undefined;
+    private readonly generatedId;
+    private appliedHostClasses;
+    private readonly projection;
+    get id(): string;
+    set id(value: string | null | undefined);
+    get title(): string;
+    set title(value: string | null | undefined);
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
+    private get headerId();
+    private get panelId();
+    private toggle;
+    render(): lit_html.TemplateResult<1>;
+}
+declare function defineSpectreAccordionItem(tagName?: string): typeof SpectreAccordionItemElement;
+
+export { SpectreAccordionItemElement, type SpectreAccordionItemProps, defineSpectreAccordionItem };

package/dist/accordion-item.js

@@ -0,0 +1,537 @@
+import { svg, LitElement, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { getAccordionItemClasses, getAccordionHeaderClasses, getAccordionIconClasses, getAccordionPanelClasses } from '@phcdevworks/spectre-ui';
+
+// src/components/accordion-item/sp-accordion-item.ts
+var SpectreBaseElement = class extends 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 idCounter = 0;
+function createUniqueId(prefix) {
+  idCounter += 1;
+  return `${prefix}-${idCounter}`;
+}
+function replaceClasses(element, previous, next) {
+  const nextTokens = next.split(/\s+/).filter(Boolean);
+  previous.split(/\s+/).filter((token) => token && !nextTokens.includes(token)).forEach((token) => element.classList.remove(token));
+  element.classList.add(...nextTokens);
+}
+var spectreKindKey = /* @__PURE__ */ Symbol.for(
+  "phcdevworks.spectre-components.kind"
+);
+var paths = {
+  check: svg`<path d="M3 8.5l3 3 7-7" />`,
+  chevronDown: svg`<path d="M4 6l4 4 4-4" />`,
+  chevronLeft: svg`<path d="M10 4l-4 4 4 4" />`,
+  chevronRight: svg`<path d="M6 4l4 4-4 4" />`,
+  close: svg`<path d="M4 4l8 8M12 4l-8 8" />`
+};
+function renderIcon(name, sizeClass = "sp-icon-sm") {
+  return html`<svg
+    aria-hidden="true"
+    class="${sizeClass}"
+    fill="none"
+    focusable="false"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    viewBox="0 0 16 16"
+  >
+    ${paths[name]}
+  </svg>`;
+}
+
+// src/utils/projection.ts
+function slotOf(node) {
+  if (node.nodeType !== Node.ELEMENT_NODE) {
+    return void 0;
+  }
+  return node.getAttribute("slot") ?? void 0;
+}
+var ProjectionController = class {
+  constructor(host, internalAttributes) {
+    this.host = host;
+    this.internalAttributes = internalAttributes;
+    this.projected = [];
+    host.addController(this);
+  }
+  hostConnected() {
+    this.sync();
+    this.observe();
+  }
+  hostDisconnected() {
+    this.disconnect();
+  }
+  hostUpdate() {
+    this.sync();
+    this.disconnect();
+  }
+  hostUpdated() {
+    this.observe();
+  }
+  // Every projected node in authored order, regardless of slot.
+  all() {
+    return [...this.projected];
+  }
+  // Omitting `slot` returns the nodes without a slot attribute.
+  nodes(slot) {
+    return this.projected.filter((node) => slotOf(node) === slot);
+  }
+  elements(slot) {
+    return this.nodes(slot).filter(
+      (node) => node.nodeType === Node.ELEMENT_NODE
+    );
+  }
+  has(slot) {
+    return hasMeaningfulContent(this.nodes(slot));
+  }
+  isInternalNode(node) {
+    return node.nodeType === Node.ELEMENT_NODE && this.internalAttributes.some(
+      (name) => node.hasAttribute(name)
+    );
+  }
+  isProjectable(node) {
+    if (node.nodeType === Node.COMMENT_NODE || this.isInternalNode(node)) {
+      return false;
+    }
+    if (node.nodeType === Node.TEXT_NODE && this.hostHasRendered) {
+      return Boolean(node.textContent?.trim());
+    }
+    return true;
+  }
+  get hostHasRendered() {
+    return this.host.hasUpdated;
+  }
+  sync() {
+    const next = [
+      .../* @__PURE__ */ new Set([
+        ...this.projected.filter((node) => this.host.contains(node)),
+        ...Array.from(this.host.childNodes).filter(
+          (node) => this.isProjectable(node)
+        )
+      ])
+    ];
+    const changed = next.length !== this.projected.length || next.some((node, index) => node !== this.projected[index]);
+    if (changed) {
+      this.projected = next;
+    }
+    return changed;
+  }
+  observe() {
+    if (this.observer || !this.host.isConnected) {
+      return;
+    }
+    this.observer = new MutationObserver(() => {
+      if (this.sync()) {
+        this.host.requestUpdate();
+      }
+    });
+    this.observer.observe(this.host, { childList: true });
+  }
+  disconnect() {
+    this.observer?.disconnect();
+    this.observer = void 0;
+  }
+};
+
+// src/utils/states.ts
+var hoverFocusStateProperties = {
+  focused: { type: Boolean, reflect: true },
+  hovered: { type: Boolean, reflect: true }
+};
+function hoverFocusStates(element) {
+  return {
+    focused: element.focused ?? false,
+    hovered: element.hovered ?? false
+  };
+}
+var _a, _b;
+var SpectreAccordionItemElement = class extends (_b = SpectreBaseElement, _a = spectreKindKey, _b) {
+  constructor() {
+    super(...arguments);
+    this[_a] = "accordion-item";
+    this.focused = false;
+    this.hovered = false;
+    this.disabled = false;
+    this.label = void 0;
+    this.open = false;
+    this.generatedId = createUniqueId("sp-accordion-item");
+    this.appliedHostClasses = "";
+    this.projection = new ProjectionController(this, [
+      "data-sp-accordion-item-header",
+      "data-sp-accordion-item-panel"
+    ]);
+  }
+  get id() {
+    return super.id;
+  }
+  set id(value) {
+    super.id = value;
+  }
+  get title() {
+    return super.title;
+  }
+  set title(value) {
+    super.title = value;
+  }
+  connectedCallback() {
+    var _a2;
+    super.connectedCallback();
+    (_a2 = this.style).display || (_a2.display = "block");
+  }
+  willUpdate(changedProperties) {
+    if (changedProperties.has("disabled") && this.disabled == null) {
+      this.disabled = false;
+    }
+    if (changedProperties.has("open") && this.open == null) {
+      this.open = false;
+    }
+    const hostClasses = getAccordionItemClasses({
+      disabled: this.disabled ?? false,
+      expanded: this.open ?? false
+    });
+    replaceClasses(this, this.appliedHostClasses, hostClasses);
+    this.appliedHostClasses = hostClasses;
+  }
+  get headerId() {
+    return this.id || `${this.generatedId}-header`;
+  }
+  get panelId() {
+    return `${this.generatedId}-panel`;
+  }
+  toggle() {
+    if (this.disabled) {
+      return;
+    }
+    this.open = !this.open;
+    this.dispatchEvent(
+      new CustomEvent(this.open ? "sp-open" : "sp-close", { bubbles: true })
+    );
+  }
+  render() {
+    const expanded = this.open ?? false;
+    const disabled = this.disabled ?? false;
+    return html`<button
+        aria-controls="${this.panelId}"
+        aria-expanded="${expanded ? "true" : "false"}"
+        aria-label="${ifDefined(this.forwardedAriaLabel)}"
+        class="${getAccordionHeaderClasses({
+      ...hoverFocusStates(this),
+      disabled,
+      expanded
+    })}"
+        data-sp-accordion-item-header
+        ?disabled="${disabled}"
+        id="${this.headerId}"
+        title="${ifDefined(this.title || void 0)}"
+        type="button"
+        @click="${() => this.toggle()}"
+      >
+        ${this.projection.has("header") ? this.projection.nodes("header") : this.label ?? ""}
+        <span class="${getAccordionIconClasses({ expanded })}"
+          >${renderIcon("chevronDown")}</span
+        >
+      </button>
+      <div
+        aria-labelledby="${this.headerId}"
+        class="${getAccordionPanelClasses({ expanded })}"
+        data-sp-accordion-item-panel
+        ?hidden="${!expanded}"
+        id="${this.panelId}"
+        role="region"
+      >
+        ${this.projection.nodes()}
+      </div>`;
+  }
+};
+SpectreAccordionItemElement.properties = {
+  ...hoverFocusStateProperties,
+  disabled: { type: Boolean, reflect: true },
+  label: { type: String },
+  open: { type: Boolean, reflect: true }
+};
+function defineSpectreAccordionItem(tagName = "sp-accordion-item") {
+  const existingElement = customElements.get(tagName);
+  if (existingElement) {
+    return existingElement;
+  }
+  customElements.define(tagName, SpectreAccordionItemElement);
+  return SpectreAccordionItemElement;
+}
+
+export { SpectreAccordionItemElement, defineSpectreAccordionItem };
+//# sourceMappingURL=accordion-item.js.map
+//# sourceMappingURL=accordion-item.js.map

package/dist/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/base.ts","../src/utils/dom.ts","../src/utils/icons.ts","../src/utils/projection.ts","../src/utils/states.ts","../src/components/accordion-item/sp-accordion-item.ts"],"names":["_a","html"],"mappings":"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","file":"accordion-item.js","sourcesContent":["import { LitElement, type PropertyDeclarations } from 'lit'\n\nexport class SpectreBaseElement extends LitElement {\n  static properties: PropertyDeclarations = {}\n\n  private _ariaLabel: string | null = null\n  private _ariaLabelledBy: string | null = null\n  private _ariaDescribedBy: string | null = null\n  private _autocapitalize = ''\n  private _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\nlet idCounter = 0\n\nexport function createUniqueId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${idCounter}`\n}\n\n// Swaps the recipe classes this component previously applied to `element`\n// without touching classes the author set.\nexport function replaceClasses(\n  element: Element,\n  previous: string,\n  next: string\n): void {\n  const nextTokens = next.split(/\\s+/).filter(Boolean)\n  previous\n    .split(/\\s+/)\n    .filter((token) => token && !nextTokens.includes(token))\n    .forEach((token) => element.classList.remove(token))\n  element.classList.add(...nextTokens)\n}\n\n// Parent/child component pairs identify each other through a global symbol\n// rather than `instanceof`, because every subpath entry bundles its own copy\n// of the child class.\nexport const spectreKindKey: unique symbol = Symbol.for(\n  'phcdevworks.spectre-components.kind'\n)\n\nexport function isSpectreKind<T extends Element>(\n  node: Node,\n  kind: string\n): node is T {\n  return (node as { [spectreKindKey]?: string })[spectreKindKey] === kind\n}\n","import { html, svg, type TemplateResult } from 'lit'\n\nconst paths = {\n  check: svg`<path d=\"M3 8.5l3 3 7-7\" />`,\n  chevronDown: svg`<path d=\"M4 6l4 4 4-4\" />`,\n  chevronLeft: svg`<path d=\"M10 4l-4 4 4 4\" />`,\n  chevronRight: svg`<path d=\"M6 4l4 4-4 4\" />`,\n  close: svg`<path d=\"M4 4l8 8M12 4l-8 8\" />`\n}\n\nexport type SpectreIconName = keyof typeof paths\n\n// Decorative stroke icons; sizing comes from an `sp-icon-*` utility class.\nexport function renderIcon(\n  name: SpectreIconName,\n  sizeClass = 'sp-icon-sm'\n): TemplateResult {\n  return html`<svg\n    aria-hidden=\"true\"\n    class=\"${sizeClass}\"\n    fill=\"none\"\n    focusable=\"false\"\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n    viewBox=\"0 0 16 16\"\n  >\n    ${paths[name]}\n  </svg>`\n}\n","import type { ReactiveController, ReactiveControllerHost } from 'lit'\n\nimport { hasMeaningfulContent } from './dom'\n\ntype ProjectionHost = ReactiveControllerHost & HTMLElement\n\nfunction slotOf(node: Node): string | undefined {\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return undefined\n  }\n  return (node as Element).getAttribute('slot') ?? undefined\n}\n\n// Tracks authored light-DOM nodes for components that project content into\n// more than one rendered container, partitioned by their `slot` attribute.\nexport class ProjectionController implements ReactiveController {\n  private projected: Node[] = []\n  private observer: MutationObserver | undefined\n\n  constructor(\n    private readonly host: ProjectionHost,\n    private readonly internalAttributes: readonly string[]\n  ) {\n    host.addController(this)\n  }\n\n  hostConnected(): void {\n    this.sync()\n    this.observe()\n  }\n\n  hostDisconnected(): void {\n    this.disconnect()\n  }\n\n  hostUpdate(): void {\n    this.sync()\n    this.disconnect()\n  }\n\n  hostUpdated(): void {\n    this.observe()\n  }\n\n  // Every projected node in authored order, regardless of slot.\n  all(): Node[] {\n    return [...this.projected]\n  }\n\n  // Omitting `slot` returns the nodes without a slot attribute.\n  nodes(slot?: string): Node[] {\n    return this.projected.filter((node) => slotOf(node) === slot)\n  }\n\n  elements(slot?: string): Element[] {\n    return this.nodes(slot).filter(\n      (node): node is Element => node.nodeType === Node.ELEMENT_NODE\n    )\n  }\n\n  has(slot?: string): boolean {\n    return hasMeaningfulContent(this.nodes(slot))\n  }\n\n  private isInternalNode(node: Node): boolean {\n    return (\n      node.nodeType === Node.ELEMENT_NODE &&\n      this.internalAttributes.some((name) =>\n        (node as Element).hasAttribute(name)\n      )\n    )\n  }\n\n  private isProjectable(node: Node): boolean {\n    if (node.nodeType === Node.COMMENT_NODE || this.isInternalNode(node)) {\n      return false\n    }\n    // After the first render, whitespace between rendered siblings belongs to\n    // the template, not the author.\n    if (node.nodeType === Node.TEXT_NODE && this.hostHasRendered) {\n      return Boolean(node.textContent?.trim())\n    }\n    return true\n  }\n\n  private get hostHasRendered(): boolean {\n    return (this.host as unknown as { hasUpdated: boolean }).hasUpdated\n  }\n\n  private sync(): boolean {\n    // Authored nodes already moved into rendered containers are retained;\n    // re-reading those containers would also capture Lit's own nodes.\n    const next = [\n      ...new Set([\n        ...this.projected.filter((node) => this.host.contains(node)),\n        ...Array.from(this.host.childNodes).filter((node) =>\n          this.isProjectable(node)\n        )\n      ])\n    ]\n\n    const changed =\n      next.length !== this.projected.length ||\n      next.some((node, index) => node !== this.projected[index])\n\n    if (changed) {\n      this.projected = next\n    }\n    return changed\n  }\n\n  private observe(): void {\n    if (this.observer || !this.host.isConnected) {\n      return\n    }\n    this.observer = new MutationObserver(() => {\n      if (this.sync()) {\n        this.host.requestUpdate()\n      }\n    })\n    this.observer.observe(this.host, { childList: true })\n  }\n\n  private disconnect(): void {\n    this.observer?.disconnect()\n    this.observer = undefined\n  }\n}\n","// Recipe-forced interaction states. Real interaction is styled by native\n// pseudo-classes; these force the look for documentation, previews, and\n// visual tests.\nexport const hoverFocusStateProperties = {\n  focused: { type: Boolean, reflect: true },\n  hovered: { type: Boolean, reflect: true }\n} as const\n\nexport const interactionStateProperties = {\n  ...hoverFocusStateProperties,\n  active: { type: Boolean, reflect: true }\n} as const\n\nexport interface SpectreHoverFocusStateProps {\n  focused?: boolean | undefined\n  hovered?: boolean | undefined\n}\n\nexport interface SpectreInteractionStateProps extends SpectreHoverFocusStateProps {\n  active?: boolean | undefined\n}\n\nexport function hoverFocusStates(element: SpectreHoverFocusStateProps): {\n  focused: boolean\n  hovered: boolean\n} {\n  return {\n    focused: element.focused ?? false,\n    hovered: element.hovered ?? false\n  }\n}\n\nexport function interactionStates(element: SpectreInteractionStateProps): {\n  active: boolean\n  focused: boolean\n  hovered: boolean\n} {\n  return { ...hoverFocusStates(element), active: element.active ?? false }\n}\n","import { html } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { SpectreBaseElement } from '../../utils/base'\nimport { createUniqueId, replaceClasses, spectreKindKey } from '../../utils/dom'\nimport { renderIcon } from '../../utils/icons'\nimport { ProjectionController } from '../../utils/projection'\nimport {\n  hoverFocusStateProperties,\n  hoverFocusStates,\n  type SpectreHoverFocusStateProps\n} from '../../utils/states'\n\nimport {\n  getAccordionHeaderClasses,\n  getAccordionIconClasses,\n  getAccordionItemClasses,\n  getAccordionPanelClasses\n} from '@phcdevworks/spectre-ui'\n\nexport interface SpectreAccordionItemProps extends SpectreHoverFocusStateProps {\n  ariaLabel?: string | null\n  disabled?: boolean | undefined\n  id?: string | null | undefined\n  label?: string | undefined\n  open?: boolean | undefined\n  title?: string | null | undefined\n}\n\nexport class SpectreAccordionItemElement\n  extends SpectreBaseElement\n  implements SpectreAccordionItemProps\n{\n  static properties = {\n    ...hoverFocusStateProperties,\n    disabled: { type: Boolean, reflect: true },\n    label: { type: String },\n    open: { type: Boolean, reflect: true }\n  }\n\n  readonly [spectreKindKey] = 'accordion-item'\n\n  focused: boolean | undefined = false\n  hovered: boolean | undefined = false\n  disabled: boolean | undefined = false\n  label: string | undefined = undefined\n  open: boolean | undefined = false\n\n  private readonly generatedId = createUniqueId('sp-accordion-item')\n  private appliedHostClasses = ''\n  private readonly projection = new ProjectionController(this, [\n    'data-sp-accordion-item-header',\n    'data-sp-accordion-item-panel'\n  ])\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  override connectedCallback(): void {\n    super.connectedCallback()\n    this.style.display ||= 'block'\n  }\n\n  protected override willUpdate(\n    changedProperties: Map<PropertyKey, unknown>\n  ): void {\n    if (changedProperties.has('disabled') && this.disabled == null) {\n      this.disabled = false\n    }\n    if (changedProperties.has('open') && this.open == null) {\n      this.open = false\n    }\n\n    // The host is the item so the recipe's `item + item` divider applies\n    // between sibling accordion items.\n    const hostClasses = getAccordionItemClasses({\n      disabled: this.disabled ?? false,\n      expanded: this.open ?? false\n    })\n    replaceClasses(this, this.appliedHostClasses, hostClasses)\n    this.appliedHostClasses = hostClasses\n  }\n\n  private get headerId(): string {\n    return this.id || `${this.generatedId}-header`\n  }\n\n  private get panelId(): string {\n    return `${this.generatedId}-panel`\n  }\n\n  private toggle(): void {\n    if (this.disabled) {\n      return\n    }\n    this.open = !this.open\n    this.dispatchEvent(\n      new CustomEvent(this.open ? 'sp-open' : 'sp-close', { bubbles: true })\n    )\n  }\n\n  override render() {\n    const expanded = this.open ?? false\n    const disabled = this.disabled ?? false\n\n    return html`<button\n        aria-controls=\"${this.panelId}\"\n        aria-expanded=\"${expanded ? 'true' : 'false'}\"\n        aria-label=\"${ifDefined(this.forwardedAriaLabel)}\"\n        class=\"${getAccordionHeaderClasses({\n          ...hoverFocusStates(this),\n          disabled,\n          expanded\n        })}\"\n        data-sp-accordion-item-header\n        ?disabled=\"${disabled}\"\n        id=\"${this.headerId}\"\n        title=\"${ifDefined(this.title || undefined)}\"\n        type=\"button\"\n        @click=\"${() => this.toggle()}\"\n      >\n        ${\n          this.projection.has('header')\n            ? this.projection.nodes('header')\n            : (this.label ?? '')\n        }\n        <span class=\"${getAccordionIconClasses({ expanded })}\"\n          >${renderIcon('chevronDown')}</span\n        >\n      </button>\n      <div\n        aria-labelledby=\"${this.headerId}\"\n        class=\"${getAccordionPanelClasses({ expanded })}\"\n        data-sp-accordion-item-panel\n        ?hidden=\"${!expanded}\"\n        id=\"${this.panelId}\"\n        role=\"region\"\n      >\n        ${this.projection.nodes()}\n      </div>`\n  }\n}\n\nexport function defineSpectreAccordionItem(\n  tagName = 'sp-accordion-item'\n): typeof SpectreAccordionItemElement {\n  const existingElement = customElements.get(tagName)\n\n  if (existingElement) {\n    return existingElement as unknown as typeof SpectreAccordionItemElement\n  }\n\n  customElements.define(tagName, SpectreAccordionItemElement)\n  return SpectreAccordionItemElement\n}\n"]}