@unabridged/midwest 0.17.0 → 0.18.0

package/dist/javascript/collection/app/components/midwest/form/autocomplete_component/autocomplete_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/autocomplete_component/autocomplete_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\ninterface Option {\n  value: string\n  label: string\n  support?: string\n}\n\nexport default class Autocomplete extends Controller<HTMLElement> {\n  static targets = ['input', 'dropdown', 'list', 'tokens', 'multipleTokenTemplate', 'singleTokenTemplate', 'status', 'turboList', 'loader']\n  static values = {\n    options: { type: Array, default: [] },\n    url: { type: String, default: '' },\n    multiple: { type: Boolean, default: true },\n    turboFrameUrl: { type: String, default: '' }\n  }\n\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly dropdownTarget: HTMLElement\n  declare readonly listTarget: HTMLElement\n  declare readonly hasListTarget: boolean\n  declare readonly tokensTarget: HTMLElement\n  declare readonly multipleTokenTemplateTarget: HTMLTemplateElement\n  declare readonly singleTokenTemplateTarget: HTMLTemplateElement\n  declare readonly statusTarget: HTMLElement\n  declare readonly hasStatusTarget: boolean\n  declare readonly turboListTarget: HTMLElement\n  declare readonly hasTurboListTarget: boolean\n  declare readonly loaderTarget: HTMLElement\n  declare readonly hasLoaderTarget: boolean\n\n  declare optionsValue: Option[]\n  declare urlValue: string\n  declare multipleValue: boolean\n  declare turboFrameUrlValue: string\n\n  private highlightedIndex = -1\n  private fetchAbort: AbortController | null = null\n  private searchTimer: number | undefined\n\n  // ── Named handlers ─────────────────────────────────────────────────────────\n  // Arrow-function class properties preserve `this` and produce a stable\n  // reference so addEventListener/removeEventListener pairs always match.\n\n  private onFrameLoad = () => {\n    // syncSelectedState marks already-selected items as aria-selected=\"true\" (CSS hides them).\n    // We hide the loader only after that DOM update so the brief flash of selected items\n    // is covered by the overlay and never visible to the user.\n    this.syncSelectedState()\n    this.loading = false\n    this.showDropdown()\n  }\n\n  private onToggle = (e: Event) => {\n    const opened = (e as ToggleEvent).newState === 'open'\n    this.inputTarget.setAttribute('aria-expanded', String(opened))\n    if (!opened) {\n      this.inputTarget.removeAttribute('aria-activedescendant')\n      this.highlightedIndex = -1\n    }\n  }\n\n  private onFocusOut = (e: FocusEvent) => {\n    if (!this.element.contains(e.relatedTarget as Node)) {\n      this.hideDropdown()\n    }\n  }\n\n  private onListMouseDown = (e: MouseEvent) => {\n    const option = (e.target as HTMLElement).closest<HTMLElement>('.midwest-autocomplete-option')\n    if (option) { e.preventDefault(); this.pickItem(option) }\n  }\n\n  // ── Lifecycle ───────────────────────────────────────────────────────────────\n\n  connect () {\n    // focusout is on the controller root — not a target — so it lives here.\n    this.element.addEventListener('focusout', this.onFocusOut)\n  }\n\n  disconnect () {\n    this.fetchAbort?.abort()\n    clearTimeout(this.searchTimer)\n    this.element.removeEventListener('focusout', this.onFocusOut)\n  }\n\n  // Target callbacks — Stimulus calls these automatically when targets connect\n  // or disconnect, including after the initial connect(). This replaces manual\n  // hasTurboListTarget guards and addEventListener calls inside connect().\n\n  dropdownTargetConnected (el: HTMLElement) {\n    el.addEventListener('toggle', this.onToggle)\n  }\n\n  dropdownTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('toggle', this.onToggle)\n  }\n\n  listTargetConnected (el: HTMLElement) {\n    // Single delegated listener for client-rendered options.\n    el.addEventListener('mousedown', this.onListMouseDown)\n  }\n\n  listTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('mousedown', this.onListMouseDown)\n  }\n\n  turboListTargetConnected (el: HTMLElement) {\n    el.addEventListener('turbo:frame-load', this.onFrameLoad)\n  }\n\n  turboListTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('turbo:frame-load', this.onFrameLoad)\n  }\n\n  // ── Public actions ──────────────────────────────────────────────────────────\n\n  focusInput () {\n    this.inputTarget.focus()\n    this.open()\n  }\n\n  open () {\n    if (this.dropdownTarget.matches(':popover-open')) return\n    // Cancel any pending debounced search so open() always shows results immediately.\n    clearTimeout(this.searchTimer)\n    this.resolve(this.inputTarget.value.trim())\n  }\n\n  search () {\n    const query = this.inputTarget.value.trim()\n\n    // Static options filter instantly — no debounce needed.\n    if (!this.hasTurboListTarget && !this.urlValue) {\n      this.renderOptions(this.filteredOptions(query))\n      return\n    }\n\n    // Debounce network requests so only the final keystroke fires.\n    clearTimeout(this.searchTimer)\n    this.searchTimer = window.setTimeout(() => {\n      this.searchTimer = undefined\n      this.resolve(query)\n    }, 200)\n  }\n\n  navigate (event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault()\n        if (!this.dropdownTarget.matches(':popover-open')) this.open()\n        const items = this.visibleOptions()\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, items.length - 1)\n        this.syncHighlight(items)\n        break\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault()\n        if (!this.dropdownTarget.matches(':popover-open')) break\n        const items = this.visibleOptions()\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0)\n        this.syncHighlight(items)\n        break\n      }\n\n      case 'Enter': {\n        event.preventDefault()\n        if (!this.dropdownTarget.matches(':popover-open')) break\n        const items = this.visibleOptions()\n        if (this.highlightedIndex >= 0 && items[this.highlightedIndex]) {\n          this.pickItem(items[this.highlightedIndex])\n        }\n        break\n      }\n\n      case 'Escape':\n        this.hideDropdown()\n        break\n\n      case 'Backspace':\n        if (this.inputTarget.value === '' && this.multipleValue) {\n          const tokens = this.tokensTarget.querySelectorAll<HTMLElement>('[data-value]')\n          const last = tokens[tokens.length - 1]\n          if (last?.dataset.value) this.deselect(last.dataset.value)\n        }\n        break\n    }\n  }\n\n  removeToken (event: MouseEvent) {\n    event.stopPropagation()\n    const btn = event.currentTarget as HTMLElement\n    const value = btn.dataset.value\n    if (value) this.deselect(value)\n  }\n\n  // Public action used by turbo-frame option items via data-action.\n  // Each server-rendered <li> should have:\n  //   data-action=\"mousedown->midwest-autocomplete#selectOption\"\n  selectOption (event: MouseEvent) {\n    event.preventDefault()\n    this.pickItem(event.currentTarget as HTMLElement)\n  }\n\n  // ── Private ─────────────────────────────────────────────────────────────────\n\n  private get optionIdPrefix (): string {\n    return `ac-opt-${(this.element.dataset.name ?? 'field').replace(/\\W/g, '-')}`\n  }\n\n  private isSelected (value: string): boolean {\n    return !!this.tokensTarget.querySelector(`[data-value=\"${CSS.escape(value)}\"]`)\n  }\n\n  // Routes to the correct data source. Shared by open() and the debounced search path.\n  private resolve (query: string) {\n    if (this.hasTurboListTarget) { this.navigateFrame(query); return }\n    if (this.urlValue) { this.fetch(query); return }\n    this.renderOptions(this.filteredOptions(query))\n  }\n\n  private filteredOptions (query: string): Option[] {\n    const q = query.toLowerCase()\n    return (this.optionsValue as Option[]).filter(\n      o => q === '' || o.label.toLowerCase().includes(q) || (o.support?.toLowerCase().includes(q) ?? false)\n    )\n  }\n\n  private navigateFrame (query: string) {\n    const url = new URL(this.turboFrameUrlValue, window.location.href)\n    if (query) url.searchParams.set('q', query)\n    // Send already-selected values so the server can exclude duplicates.\n    this.tokensTarget.querySelectorAll<HTMLInputElement>('input[type=hidden]').forEach(input => {\n      url.searchParams.append('selected[]', input.value)\n    })\n    this.loading = true\n    this.turboListTarget.setAttribute('src', url.toString())\n    this.showDropdown()\n  }\n\n  // After a turbo frame loads, mark already-selected items and update the live region.\n  // The empty state element is always present in the frame and CSS shows/hides it\n  // based on whether any non-selected options exist.\n  private syncSelectedState () {\n    const options = this.turboListTarget.querySelectorAll<HTMLElement>('.midwest-autocomplete-option')\n    options.forEach(option => {\n      const val = option.dataset.value ?? ''\n      option.setAttribute('aria-selected', this.isSelected(val) ? 'true' : 'false')\n    })\n\n    const visibleCount = this.visibleOptions().length\n    this.announce(visibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available` : 'No more options')\n  }\n\n  private async fetch (query: string) {\n    this.fetchAbort?.abort()\n    this.fetchAbort = new AbortController()\n\n    this.listTarget.replaceChildren()\n    this.loading = true\n    this.announce('Loading')\n    this.showDropdown()\n\n    try {\n      const url = new URL(this.urlValue, window.location.href)\n      if (query) url.searchParams.set('q', query)\n\n      const res = await globalThis.fetch(url.toString(), {\n        signal: this.fetchAbort.signal,\n        headers: { Accept: 'application/json' }\n      })\n\n      const data: Option[] = await res.json()\n      this.renderOptions(data)\n    } catch (err) {\n      if ((err as Error).name !== 'AbortError') {\n        this.renderEmpty()\n      }\n    }\n  }\n\n  private select (option: Option) {\n    this.appendToken(option)\n    this.hideDropdown()\n    this.inputTarget.value = ''\n    this.inputTarget.focus()\n    this.announce(`${option.label} selected`)\n\n    this.dispatch('change', { detail: { value: option.value, label: option.label } })\n  }\n\n  private deselect (value: string) {\n    const token = this.tokensTarget.querySelector(`[data-value=\"${CSS.escape(value)}\"]`)\n    const label = token?.querySelector('.value')?.textContent?.trim()\n    token?.remove()\n    if (label) this.announce(`${label} removed`)\n    this.dispatch('change', { detail: { value: null } })\n  }\n\n  private appendToken (option: Option) {\n    if (!this.multipleValue) {\n      this.tokensTarget.querySelectorAll<HTMLElement>('[data-value]').forEach(el => el.remove())\n    }\n    const template = this.multipleValue ? this.multipleTokenTemplateTarget : this.singleTokenTemplateTarget\n    const fragment = template.content.cloneNode(true) as DocumentFragment\n    const badge = fragment.querySelector<HTMLElement>('.midwest-badge')\n    if (!badge) return\n    badge.dataset.value = option.value\n    const valueEl = badge.querySelector<HTMLElement>('.value')\n    if (valueEl) valueEl.textContent = option.label\n    if (this.multipleValue) {\n      const removeBtn = badge.querySelector<HTMLElement>('.remove')\n      if (removeBtn) {\n        removeBtn.dataset.value = option.value\n        removeBtn.setAttribute('aria-label', `Remove ${option.label}`)\n      }\n    }\n    const input = badge.querySelector<HTMLInputElement>('input[type=hidden]')\n    if (input) {\n      input.name = this.element.dataset.name ?? ''\n      input.value = option.value\n    }\n    this.tokensTarget.appendChild(fragment)\n  }\n\n  private renderOptions (options: Option[]) {\n    this.highlightedIndex = -1\n\n    if (options.length === 0) {\n      this.renderEmpty()\n      return\n    }\n\n    this.listTarget.replaceChildren()\n\n    options.forEach((option, index) => {\n      const li = document.createElement('li')\n      li.id = `${this.optionIdPrefix}-${index}`\n      li.className = 'midwest-autocomplete-option'\n      li.setAttribute('role', 'option')\n      li.setAttribute('aria-selected', this.isSelected(option.value) ? 'true' : 'false')\n      li.dataset.value = option.value\n\n      const label = document.createElement('span')\n      label.className = 'midwest-autocomplete-option-label'\n      label.textContent = option.label\n      li.appendChild(label)\n\n      if (option.support) {\n        const support = document.createElement('span')\n        support.className = 'midwest-autocomplete-option-support'\n        support.textContent = option.support\n        li.appendChild(support)\n      }\n\n      this.listTarget.appendChild(li)\n    })\n\n    const availableCount = options.filter(o => !this.isSelected(o.value)).length\n    if (availableCount === 0) {\n      this.renderEmpty('No more options')\n      return\n    }\n    this.loading = false\n    this.announce(`${availableCount} option${availableCount === 1 ? '' : 's'} available`)\n    this.showDropdown()\n  }\n\n  private renderEmpty (message = 'No results') {\n    const li = document.createElement('li')\n    li.className = 'midwest-autocomplete-empty'\n    li.setAttribute('aria-hidden', 'true')\n    li.textContent = message\n    this.listTarget.replaceChildren(li)\n    this.loading = false\n    this.announce(message)\n    this.showDropdown()\n  }\n\n  private set loading (on: boolean) {\n    if (this.hasLoaderTarget) this.loaderTarget.hidden = !on\n  }\n\n  private showDropdown () {\n    if (!this.dropdownTarget.matches(':popover-open')) this.dropdownTarget.showPopover()\n  }\n\n  private hideDropdown () {\n    if (this.dropdownTarget.matches(':popover-open')) this.dropdownTarget.hidePopover()\n  }\n\n  private visibleOptions (): NodeListOf<HTMLElement> {\n    const container = this.hasTurboListTarget ? this.turboListTarget : this.listTarget\n    return container.querySelectorAll<HTMLElement>('.midwest-autocomplete-option:not([aria-selected=\"true\"])')\n  }\n\n  private syncHighlight (items: NodeListOf<HTMLElement>) {\n    items.forEach((item, i) => item.classList.toggle('is-highlighted', i === this.highlightedIndex))\n    const active = items[this.highlightedIndex]\n    active?.scrollIntoView({ block: 'nearest' })\n    if (active?.id) {\n      this.inputTarget.setAttribute('aria-activedescendant', active.id)\n    } else {\n      this.inputTarget.removeAttribute('aria-activedescendant')\n    }\n  }\n\n  private pickItem (item: HTMLElement) {\n    const value = item.dataset.value ?? ''\n    // Prefer data-label (set by AutocompleteOptionComponent) so rich slot content\n    // like avatars does not corrupt the badge text via textContent.\n    const label = item.dataset.label?.trim() || item.querySelector('.midwest-autocomplete-option-label')?.textContent?.trim() || value\n    const support = item.querySelector('.midwest-autocomplete-option-support')?.textContent?.trim()\n    this.select({ value, label, support })\n  }\n\n  private announce (message: string) {\n    if (this.hasStatusTarget) this.statusTarget.textContent = message\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"autocomplete_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/autocomplete_component/autocomplete_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\ninterface Option {\n  value: string\n  label: string\n  support?: string\n}\n\nexport default class Autocomplete extends Controller<HTMLElement> {\n  static targets = [\n    'input', 'dropdown', 'list', 'tokens',\n    'multipleTokenTemplate', 'singleTokenTemplate',\n    'status', 'turboList', 'loader',\n    'freeFormHintList', 'freeFormHintValue'\n  ]\n\n  static values = {\n    options: { type: Array, default: [] },\n    url: { type: String, default: '' },\n    multiple: { type: Boolean, default: true },\n    turboFrameUrl: { type: String, default: '' },\n    freeForm: { type: Boolean, default: false }\n  }\n\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly dropdownTarget: HTMLElement\n  declare readonly hasDropdownTarget: boolean\n  declare readonly listTarget: HTMLElement\n  declare readonly hasListTarget: boolean\n  declare readonly tokensTarget: HTMLElement\n  declare readonly multipleTokenTemplateTarget: HTMLTemplateElement\n  declare readonly singleTokenTemplateTarget: HTMLTemplateElement\n  declare readonly statusTarget: HTMLElement\n  declare readonly hasStatusTarget: boolean\n  declare readonly turboListTarget: HTMLElement\n  declare readonly hasTurboListTarget: boolean\n  declare readonly loaderTarget: HTMLElement\n  declare readonly hasLoaderTarget: boolean\n  declare readonly freeFormHintListTarget: HTMLElement\n  declare readonly hasFreeFormHintListTarget: boolean\n  declare readonly freeFormHintValueTarget: HTMLElement\n  declare readonly hasFreeFormHintValueTarget: boolean\n\n  declare optionsValue: Option[]\n  declare urlValue: string\n  declare multipleValue: boolean\n  declare turboFrameUrlValue: string\n  declare freeFormValue: boolean\n\n  private highlightedIndex = -1\n  private fetchAbort: AbortController | null = null\n  private searchTimer: number | undefined\n\n  // ── Named handlers ─────────────────────────────────────────────────────────\n\n  private onFrameLoad = () => {\n    this.syncSelectedState()\n    this.loading = false\n    this.showDropdown()\n  }\n\n  private onToggle = (e: Event) => {\n    const opened = (e as ToggleEvent).newState === 'open'\n    this.inputTarget.setAttribute('aria-expanded', String(opened))\n    if (!opened) {\n      this.inputTarget.removeAttribute('aria-activedescendant')\n      this.highlightedIndex = -1\n    }\n  }\n\n  private onFocusOut = (e: FocusEvent) => {\n    if (!this.element.contains(e.relatedTarget as Node)) {\n      this.hideDropdown()\n    }\n  }\n\n  private onListMouseDown = (e: MouseEvent) => {\n    const option = (e.target as HTMLElement).closest<HTMLElement>('.midwest-autocomplete-option')\n    if (option) { e.preventDefault(); this.pickItem(option) }\n  }\n\n  // ── Lifecycle ───────────────────────────────────────────────────────────────\n\n  connect () {\n    this.element.addEventListener('focusout', this.onFocusOut)\n  }\n\n  disconnect () {\n    this.fetchAbort?.abort()\n    clearTimeout(this.searchTimer)\n    this.element.removeEventListener('focusout', this.onFocusOut)\n  }\n\n  dropdownTargetConnected (el: HTMLElement) {\n    el.addEventListener('toggle', this.onToggle)\n  }\n\n  dropdownTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('toggle', this.onToggle)\n  }\n\n  listTargetConnected (el: HTMLElement) {\n    el.addEventListener('mousedown', this.onListMouseDown)\n  }\n\n  listTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('mousedown', this.onListMouseDown)\n  }\n\n  turboListTargetConnected (el: HTMLElement) {\n    el.addEventListener('turbo:frame-load', this.onFrameLoad)\n  }\n\n  turboListTargetDisconnected (el: HTMLElement) {\n    el.removeEventListener('turbo:frame-load', this.onFrameLoad)\n  }\n\n  // ── Public actions ──────────────────────────────────────────────────────────\n\n  focusInput () {\n    this.inputTarget.focus()\n    this.open()\n  }\n\n  open () {\n    if (!this.hasDropdownTarget) return\n    if (this.dropdownTarget.matches(':popover-open')) return\n\n    const query = this.inputTarget.value.trim()\n\n    // In pure free-form mode (no suggestions list), only open when there's\n    // something typed — an empty input has nothing to hint about.\n    if (this.freeFormValue && !this.hasListTarget && !this.hasTurboListTarget) {\n      if (query) {\n        this.updateFreeFormHint(query)\n        this.showDropdown()\n      }\n      return\n    }\n\n    clearTimeout(this.searchTimer)\n    this.resolve(query)\n  }\n\n  search () {\n    const query = this.inputTarget.value.trim()\n\n    // Always keep the free-form hint in sync while the user types.\n    if (this.freeFormValue) this.updateFreeFormHint(query)\n\n    // Pure free-form with no suggestions list: nothing else to do.\n    if (!this.hasListTarget && !this.hasTurboListTarget) return\n\n    if (!this.hasTurboListTarget && !this.urlValue) {\n      this.renderOptions(this.filteredOptions(query))\n      return\n    }\n\n    clearTimeout(this.searchTimer)\n    this.searchTimer = window.setTimeout(() => {\n      this.searchTimer = undefined\n      this.resolve(query)\n    }, 200)\n  }\n\n  navigate (event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault()\n        if (!this.hasDropdownTarget) break\n        if (!this.dropdownTarget.matches(':popover-open')) this.open()\n        const items = this.visibleOptions()\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, items.length - 1)\n        this.syncHighlight(items)\n        break\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault()\n        if (!this.hasDropdownTarget || !this.dropdownTarget.matches(':popover-open')) break\n        const items = this.visibleOptions()\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0)\n        this.syncHighlight(items)\n        break\n      }\n\n      case 'Enter': {\n        event.preventDefault()\n        // If a suggestions list is open and something is highlighted, pick it.\n        if (this.hasDropdownTarget && this.dropdownTarget.matches(':popover-open') &&\n            (this.hasListTarget || this.hasTurboListTarget)) {\n          const items = this.visibleOptions()\n          if (this.highlightedIndex >= 0 && items[this.highlightedIndex]) {\n            this.pickItem(items[this.highlightedIndex])\n            break\n          }\n        }\n        // In free-form mode, commit whatever is typed.\n        if (this.freeFormValue) {\n          this.commitFreeFormTag()\n        }\n        break\n      }\n\n      case ',': {\n        // Comma immediately commits in free-form mode (keydown fires before char is inserted).\n        if (this.freeFormValue && this.inputTarget.value.trim()) {\n          event.preventDefault()\n          this.commitFreeFormTag()\n        }\n        break\n      }\n\n      case 'Escape':\n        this.hideDropdown()\n        break\n\n      case 'Backspace':\n        if (this.inputTarget.value === '' && this.multipleValue) {\n          const tokens = this.tokensTarget.querySelectorAll<HTMLElement>('[data-value]')\n          const last = tokens[tokens.length - 1]\n          if (last?.dataset.value) this.deselect(last.dataset.value)\n        }\n        break\n    }\n  }\n\n  // Splits pasted text on commas and newlines into individual tags (free-form mode only).\n  pasteTag (event: ClipboardEvent) {\n    if (!this.freeFormValue) return\n    const text = event.clipboardData?.getData('text') ?? ''\n    const tags = text.split(/[\\n,]+/).map(t => t.trim()).filter(Boolean)\n    if (tags.length === 0) return\n    event.preventDefault()\n    tags.forEach(tag => this.addFreeFormTag(tag))\n  }\n\n  // Mousedown on the \"Hit Enter to add 'X'\" hint row.\n  addFreeFormTagFromHint (event: MouseEvent) {\n    event.preventDefault()\n    this.commitFreeFormTag()\n  }\n\n  removeToken (event: MouseEvent) {\n    event.stopPropagation()\n    const btn = event.currentTarget as HTMLElement\n    const value = btn.dataset.value\n    if (value) this.deselect(value)\n  }\n\n  selectOption (event: MouseEvent) {\n    event.preventDefault()\n    this.pickItem(event.currentTarget as HTMLElement)\n  }\n\n  // ── Private ─────────────────────────────────────────────────────────────────\n\n  private get optionIdPrefix (): string {\n    return `ac-opt-${(this.element.dataset.name ?? 'field').replace(/\\W/g, '-')}`\n  }\n\n  private isSelected (value: string): boolean {\n    return !!this.tokensTarget.querySelector(`[data-value=\"${CSS.escape(value)}\"]`)\n  }\n\n  private resolve (query: string) {\n    if (this.hasTurboListTarget) { this.navigateFrame(query); return }\n    if (this.urlValue) { this.fetch(query); return }\n    this.renderOptions(this.filteredOptions(query))\n  }\n\n  private filteredOptions (query: string): Option[] {\n    const q = query.toLowerCase()\n    return (this.optionsValue as Option[]).filter(\n      o => q === '' || o.label.toLowerCase().includes(q) || (o.support?.toLowerCase().includes(q) ?? false)\n    )\n  }\n\n  private navigateFrame (query: string) {\n    const url = new URL(this.turboFrameUrlValue, window.location.href)\n    if (query) url.searchParams.set('q', query)\n    this.tokensTarget.querySelectorAll<HTMLInputElement>('input[type=hidden]').forEach(input => {\n      url.searchParams.append('selected[]', input.value)\n    })\n    this.loading = true\n    this.turboListTarget.setAttribute('src', url.toString())\n    this.showDropdown()\n  }\n\n  private syncSelectedState () {\n    const options = this.turboListTarget.querySelectorAll<HTMLElement>('.midwest-autocomplete-option')\n    options.forEach(option => {\n      const val = option.dataset.value ?? ''\n      option.setAttribute('aria-selected', this.isSelected(val) ? 'true' : 'false')\n    })\n\n    const visibleCount = this.visibleOptions().length\n    this.announce(visibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available` : 'No more options')\n  }\n\n  private async fetch (query: string) {\n    this.fetchAbort?.abort()\n    this.fetchAbort = new AbortController()\n\n    this.listTarget.replaceChildren()\n    this.loading = true\n    this.announce('Loading')\n    this.showDropdown()\n\n    try {\n      const url = new URL(this.urlValue, window.location.href)\n      if (query) url.searchParams.set('q', query)\n\n      const res = await globalThis.fetch(url.toString(), {\n        signal: this.fetchAbort.signal,\n        headers: { Accept: 'application/json' }\n      })\n\n      const data: Option[] = await res.json()\n      this.renderOptions(data)\n    } catch (err) {\n      if ((err as Error).name !== 'AbortError') {\n        this.renderEmpty()\n      }\n    }\n  }\n\n  private select (option: Option) {\n    this.appendToken(option)\n    this.hideDropdown()\n    this.hideFreeFormHint()\n    this.inputTarget.value = ''\n    this.inputTarget.focus()\n    this.announce(`${option.label} selected`)\n\n    this.dispatch('change', { detail: { value: option.value, label: option.label } })\n  }\n\n  private deselect (value: string) {\n    const token = this.tokensTarget.querySelector(`[data-value=\"${CSS.escape(value)}\"]`)\n    const label = token?.querySelector('.value')?.textContent?.trim()\n    token?.remove()\n    if (label) this.announce(`${label} removed`)\n    this.dispatch('change', { detail: { value: null } })\n  }\n\n  private appendToken (option: Option) {\n    if (!this.multipleValue) {\n      this.tokensTarget.querySelectorAll<HTMLElement>('[data-value]').forEach(el => el.remove())\n    }\n    const template = this.multipleValue ? this.multipleTokenTemplateTarget : this.singleTokenTemplateTarget\n    const fragment = template.content.cloneNode(true) as DocumentFragment\n    const badge = fragment.querySelector<HTMLElement>('.midwest-badge')\n    if (!badge) return\n    badge.dataset.value = option.value\n    const valueEl = badge.querySelector<HTMLElement>('.value')\n    if (valueEl) valueEl.textContent = option.label\n    if (this.multipleValue) {\n      const removeBtn = badge.querySelector<HTMLElement>('.remove')\n      if (removeBtn) {\n        removeBtn.dataset.value = option.value\n        removeBtn.setAttribute('aria-label', `Remove ${option.label}`)\n      }\n    }\n    const input = badge.querySelector<HTMLInputElement>('input[type=hidden]')\n    if (input) {\n      input.name = this.element.dataset.name ?? ''\n      input.value = option.value\n    }\n    this.tokensTarget.appendChild(fragment)\n  }\n\n  private renderOptions (options: Option[]) {\n    this.highlightedIndex = -1\n\n    if (options.length === 0) {\n      this.renderEmpty()\n      return\n    }\n\n    this.listTarget.replaceChildren()\n\n    options.forEach((option, index) => {\n      const li = document.createElement('li')\n      li.id = `${this.optionIdPrefix}-${index}`\n      li.className = 'midwest-autocomplete-option'\n      li.setAttribute('role', 'option')\n      li.setAttribute('aria-selected', this.isSelected(option.value) ? 'true' : 'false')\n      li.dataset.value = option.value\n\n      const label = document.createElement('span')\n      label.className = 'midwest-autocomplete-option-label'\n      label.textContent = option.label\n      li.appendChild(label)\n\n      if (option.support) {\n        const support = document.createElement('span')\n        support.className = 'midwest-autocomplete-option-support'\n        support.textContent = option.support\n        li.appendChild(support)\n      }\n\n      this.listTarget.appendChild(li)\n    })\n\n    const availableCount = options.filter(o => !this.isSelected(o.value)).length\n    if (availableCount === 0) {\n      this.renderEmpty('No more options')\n      return\n    }\n\n    // Suggestions are showing — hide the free-form hint so it doesn't double up.\n    this.hideFreeFormHint()\n    this.loading = false\n    this.announce(`${availableCount} option${availableCount === 1 ? '' : 's'} available`)\n    this.showDropdown()\n  }\n\n  private renderEmpty (message = 'No results') {\n    // In free-form mode, swap \"No results\" for the actionable hint so the user\n    // knows they can press Enter to add whatever they typed.\n    if (this.freeFormValue && this.inputTarget.value.trim()) {\n      if (this.hasListTarget) this.listTarget.replaceChildren()\n      this.loading = false\n      this.updateFreeFormHint(this.inputTarget.value.trim())\n      return\n    }\n\n    const li = document.createElement('li')\n    li.className = 'midwest-autocomplete-empty'\n    li.setAttribute('aria-hidden', 'true')\n    li.textContent = message\n    this.listTarget.replaceChildren(li)\n    this.loading = false\n    this.announce(message)\n    this.showDropdown()\n  }\n\n  // Shows or hides the \"Hit Enter to add 'X'\" hint based on the current query.\n  private updateFreeFormHint (query: string) {\n    if (!this.hasFreeFormHintListTarget) return\n\n    if (query && !this.isSelected(query)) {\n      if (this.hasFreeFormHintValueTarget) {\n        this.freeFormHintValueTarget.textContent = `\"${query}\"`\n      }\n      this.freeFormHintListTarget.hidden = false\n      this.showDropdown()\n    } else {\n      this.hideFreeFormHint()\n      // In pure free-form mode (no suggestions list), close the dropdown when empty.\n      if (!this.hasListTarget && !this.hasTurboListTarget) this.hideDropdown()\n    }\n  }\n\n  private hideFreeFormHint () {\n    if (this.hasFreeFormHintListTarget) this.freeFormHintListTarget.hidden = true\n  }\n\n  private set loading (on: boolean) {\n    if (this.hasLoaderTarget) this.loaderTarget.hidden = !on\n  }\n\n  private showDropdown () {\n    if (!this.hasDropdownTarget) return\n    if (!this.dropdownTarget.matches(':popover-open')) this.dropdownTarget.showPopover()\n  }\n\n  private hideDropdown () {\n    if (!this.hasDropdownTarget) return\n    if (this.dropdownTarget.matches(':popover-open')) this.dropdownTarget.hidePopover()\n  }\n\n  private visibleOptions (): NodeListOf<HTMLElement> {\n    const container = this.hasTurboListTarget ? this.turboListTarget : this.listTarget\n    return container.querySelectorAll<HTMLElement>('.midwest-autocomplete-option:not([aria-selected=\"true\"])')\n  }\n\n  private syncHighlight (items: NodeListOf<HTMLElement>) {\n    items.forEach((item, i) => item.classList.toggle('is-highlighted', i === this.highlightedIndex))\n    const active = items[this.highlightedIndex]\n    active?.scrollIntoView({ block: 'nearest' })\n    if (active?.id) {\n      this.inputTarget.setAttribute('aria-activedescendant', active.id)\n    } else {\n      this.inputTarget.removeAttribute('aria-activedescendant')\n    }\n  }\n\n  private pickItem (item: HTMLElement) {\n    const value = item.dataset.value ?? ''\n    const label = item.dataset.label?.trim() || item.querySelector('.midwest-autocomplete-option-label')?.textContent?.trim() || value\n    const support = item.querySelector('.midwest-autocomplete-option-support')?.textContent?.trim()\n    this.select({ value, label, support })\n  }\n\n  private commitFreeFormTag () {\n    const value = this.inputTarget.value.trim()\n    this.addFreeFormTag(value)\n  }\n\n  private addFreeFormTag (value: string) {\n    if (!value) return\n    if (this.isSelected(value)) return\n    this.select({ value, label: value })\n  }\n\n  private announce (message: string) {\n    if (this.hasStatusTarget) this.statusTarget.textContent = message\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/javascript/collection/app/components/midwest/form/color_picker_component/color_picker_component_controller.js

@@ -0,0 +1,129 @@
+import { Controller } from '@hotwired/stimulus';
+
+class ColorPicker extends Controller {
+  static targets = ["input", "swatch", "customSwatch", "colorInput"];
+  onCustomColorChange = null;
+  get scaleTarget() {
+    return this.element.dataset.scaleTarget ?? "theme";
+  }
+  connect() {
+    if (this.hasColorInputTarget) {
+      this.onCustomColorChange = (e) => this.handleCustomColor(e);
+      this.colorInputTarget.addEventListener("input", this.onCustomColorChange);
+    }
+    if (this.hasInputTarget && this.inputTarget.value.startsWith("#")) {
+      this.restoreCustom(this.inputTarget.value);
+    }
+  }
+  disconnect() {
+    if (this.hasColorInputTarget && this.onCustomColorChange) {
+      this.colorInputTarget.removeEventListener("input", this.onCustomColorChange);
+      this.onCustomColorChange = null;
+    }
+  }
+  select(e) {
+    const button = e.currentTarget;
+    const color = button.dataset.color ?? "";
+    this.applySelection(color);
+    this.dispatch("update", { detail: { color, scaleTarget: this.scaleTarget } });
+  }
+  openCustom(e) {
+    e.preventDefault();
+    this.colorInputTarget.click();
+  }
+  handleCustomColor(e) {
+    const hex = e.target.value;
+    if (this.hasCustomSwatchTarget) {
+      this.customSwatchTarget.dataset.color = hex;
+      this.customSwatchTarget.style.background = hex;
+    }
+    const scale = this.generateScale(hex);
+    this.applyScale(scale);
+    this.applySelection(hex);
+    this.dispatch("update", { detail: { color: hex, scale, scaleTarget: this.scaleTarget } });
+  }
+  restoreCustom(hex) {
+    if (this.hasColorInputTarget) {
+      this.colorInputTarget.value = hex;
+    }
+    if (this.hasCustomSwatchTarget) {
+      this.customSwatchTarget.style.background = hex;
+    }
+    const scale = this.generateScale(hex);
+    this.applyScale(scale);
+  }
+  applySelection(color) {
+    if (this.hasInputTarget) {
+      this.inputTarget.value = color;
+    }
+    this.swatchTargets.forEach((swatch) => {
+      const isSelected = swatch.dataset.color === color;
+      swatch.classList.toggle("is-selected", isSelected);
+      swatch.setAttribute("aria-pressed", String(isSelected));
+    });
+  }
+  // Generates 13 RGB channel strings (space-separated, matching --{color}-{n}-channels format)
+  // from a hex color by fixing the hue/saturation and distributing lightness across the scale.
+  generateScale(hex) {
+    const [h, s] = this.hexToHsl(hex);
+    const lightnessSteps = [97, 90, 82, 74, 65, 56, 48, 40, 33, 26, 18, 10, 3];
+    return Object.fromEntries(
+      lightnessSteps.map((l, i) => {
+        const [r, g, b] = this.hslToRgb(h, s, l);
+        return [String(i), `${r} ${g} ${b}`];
+      })
+    );
+  }
+  applyScale(scale) {
+    const el = this.element;
+    Object.entries(scale).forEach(([step, channels]) => {
+      el.style.setProperty(`--${this.scaleTarget}-${step}-channels`, channels);
+    });
+  }
+  hexToHsl(hex) {
+    const r = parseInt(hex.slice(1, 3), 16) / 255;
+    const g = parseInt(hex.slice(3, 5), 16) / 255;
+    const b = parseInt(hex.slice(5, 7), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const l = (max + min) / 2;
+    if (max === min)
+      return [0, 0, l * 100];
+    const d = max - min;
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    const h = max === r ? ((g - b) / d + (g < b ? 6 : 0)) / 6 : max === g ? ((b - r) / d + 2) / 6 : ((r - g) / d + 4) / 6;
+    return [h * 360, s * 100, l * 100];
+  }
+  hslToRgb(h, s, l) {
+    h /= 360;
+    s /= 100;
+    l /= 100;
+    if (s === 0) {
+      const v = Math.round(l * 255);
+      return [v, v, v];
+    }
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    return [
+      Math.round(this.hue2rgb(p, q, h + 1 / 3) * 255),
+      Math.round(this.hue2rgb(p, q, h) * 255),
+      Math.round(this.hue2rgb(p, q, h - 1 / 3) * 255)
+    ];
+  }
+  hue2rgb(p, q, t) {
+    if (t < 0)
+      t += 1;
+    if (t > 1)
+      t -= 1;
+    if (t < 1 / 6)
+      return p + (q - p) * 6 * t;
+    if (t < 1 / 2)
+      return q;
+    if (t < 2 / 3)
+      return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  }
+}
+
+export { ColorPicker as default };
+//# sourceMappingURL=color_picker_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/form/color_picker_component/color_picker_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/color_picker_component/color_picker_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class ColorPicker extends Controller {\n  static targets = ['input', 'swatch', 'customSwatch', 'colorInput']\n\n  declare readonly hasInputTarget: boolean\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly swatchTargets: HTMLElement[]\n  declare readonly hasCustomSwatchTarget: boolean\n  declare readonly customSwatchTarget: HTMLButtonElement\n  declare readonly hasColorInputTarget: boolean\n  declare readonly colorInputTarget: HTMLInputElement\n\n  private onCustomColorChange: ((e: Event) => void) | null = null\n\n  get scaleTarget (): string {\n    return (this.element as HTMLElement).dataset.scaleTarget ?? 'theme'\n  }\n\n  connect () {\n    if (this.hasColorInputTarget) {\n      this.onCustomColorChange = (e: Event) => this.handleCustomColor(e)\n      this.colorInputTarget.addEventListener('input', this.onCustomColorChange)\n    }\n\n    // Restore state when initial value is a custom hex color\n    if (this.hasInputTarget && this.inputTarget.value.startsWith('#')) {\n      this.restoreCustom(this.inputTarget.value)\n    }\n  }\n\n  disconnect () {\n    if (this.hasColorInputTarget && this.onCustomColorChange) {\n      this.colorInputTarget.removeEventListener('input', this.onCustomColorChange)\n      this.onCustomColorChange = null\n    }\n  }\n\n  select (e: Event) {\n    const button = e.currentTarget as HTMLElement\n    const color = button.dataset.color ?? ''\n    this.applySelection(color)\n    this.dispatch('update', { detail: { color, scaleTarget: this.scaleTarget } })\n  }\n\n  openCustom (e: Event) {\n    e.preventDefault()\n    this.colorInputTarget.click()\n  }\n\n  private handleCustomColor (e: Event) {\n    const hex = (e.target as HTMLInputElement).value\n\n    if (this.hasCustomSwatchTarget) {\n      this.customSwatchTarget.dataset.color = hex\n      this.customSwatchTarget.style.background = hex\n    }\n\n    const scale = this.generateScale(hex)\n    this.applyScale(scale)\n    this.applySelection(hex)\n    this.dispatch('update', { detail: { color: hex, scale, scaleTarget: this.scaleTarget } })\n  }\n\n  private restoreCustom (hex: string) {\n    if (this.hasColorInputTarget) {\n      this.colorInputTarget.value = hex\n    }\n    if (this.hasCustomSwatchTarget) {\n      this.customSwatchTarget.style.background = hex\n    }\n    const scale = this.generateScale(hex)\n    this.applyScale(scale)\n  }\n\n  private applySelection (color: string) {\n    if (this.hasInputTarget) {\n      this.inputTarget.value = color\n    }\n\n    this.swatchTargets.forEach(swatch => {\n      const isSelected = swatch.dataset.color === color\n      swatch.classList.toggle('is-selected', isSelected)\n      swatch.setAttribute('aria-pressed', String(isSelected))\n    })\n  }\n\n  // Generates 13 RGB channel strings (space-separated, matching --{color}-{n}-channels format)\n  // from a hex color by fixing the hue/saturation and distributing lightness across the scale.\n  private generateScale (hex: string): Record<string, string> {\n    const [h, s] = this.hexToHsl(hex)\n\n    // Lightness curve derived from the built-in named color scales (0 = lightest, 12 = darkest)\n    const lightnessSteps = [97, 90, 82, 74, 65, 56, 48, 40, 33, 26, 18, 10, 3]\n\n    return Object.fromEntries(\n      lightnessSteps.map((l, i) => {\n        const [r, g, b] = this.hslToRgb(h, s, l)\n        return [String(i), `${r} ${g} ${b}`]\n      })\n    )\n  }\n\n  private applyScale (scale: Record<string, string>) {\n    const el = this.element as HTMLElement\n    Object.entries(scale).forEach(([step, channels]) => {\n      el.style.setProperty(`--${this.scaleTarget}-${step}-channels`, channels)\n    })\n  }\n\n  private hexToHsl (hex: string): [number, number, number] {\n    const r = parseInt(hex.slice(1, 3), 16) / 255\n    const g = parseInt(hex.slice(3, 5), 16) / 255\n    const b = parseInt(hex.slice(5, 7), 16) / 255\n\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n\n    if (max === min) return [0, 0, l * 100]\n\n    const d = max - min\n    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n\n    const h = max === r\n      ? ((g - b) / d + (g < b ? 6 : 0)) / 6\n      : max === g\n        ? ((b - r) / d + 2) / 6\n        : ((r - g) / d + 4) / 6\n\n    return [h * 360, s * 100, l * 100]\n  }\n\n  private hslToRgb (h: number, s: number, l: number): [number, number, number] {\n    h /= 360\n    s /= 100\n    l /= 100\n\n    if (s === 0) {\n      const v = Math.round(l * 255)\n      return [v, v, v]\n    }\n\n    const q = l < 0.5 ? l * (1 + s) : l + s - l * s\n    const p = 2 * l - q\n\n    return [\n      Math.round(this.hue2rgb(p, q, h + 1 / 3) * 255),\n      Math.round(this.hue2rgb(p, q, h) * 255),\n      Math.round(this.hue2rgb(p, q, h - 1 / 3) * 255)\n    ]\n  }\n\n  private hue2rgb (p: number, q: number, t: number): number {\n    if (t < 0) t += 1\n    if (t > 1) t -= 1\n    if (t < 1 / 6) return p + (q - p) * 6 * t\n    if (t < 1 / 2) return q\n    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6\n    return p\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/javascript/collection/app/components/midwest/form/input_component/input_component_controller.js

@@ -1,13 +1,16 @@
 import { Controller } from '@hotwired/stimulus';
 
 class Input extends Controller {
-  static targets = ["input", "counter"];
+  static targets = ["input", "counter", "capsLockWarning"];
   updateClearButton = null;
   updateCounter = null;
+  updateCapsLock = null;
+  hideCapsLock = null;
   connect() {
     this.applyColor();
     this.applySearchClear();
     this.applyCounter();
+    this.applyPassword();
   }
   disconnect() {
     if (this.updateClearButton) {
@@ -18,6 +21,38 @@ class Input extends Controller {
       this.inputTarget.removeEventListener("input", this.updateCounter);
       this.updateCounter = null;
     }
+    if (this.updateCapsLock) {
+      this.inputTarget.removeEventListener("keydown", this.updateCapsLock);
+      this.inputTarget.removeEventListener("keyup", this.updateCapsLock);
+      this.inputTarget.removeEventListener("mousedown", this.updateCapsLock);
+      this.updateCapsLock = null;
+    }
+    if (this.hideCapsLock) {
+      this.inputTarget.removeEventListener("blur", this.hideCapsLock);
+      this.hideCapsLock = null;
+    }
+  }
+  increment() {
+    const input = this.inputTarget;
+    const step = parseFloat(input.step) || 1;
+    const max = input.max !== "" ? parseFloat(input.max) : Infinity;
+    const newValue = (parseFloat(input.value) || 0) + step;
+    if (newValue <= max) {
+      input.value = String(newValue);
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+      input.dispatchEvent(new Event("change", { bubbles: true }));
+    }
+  }
+  decrement() {
+    const input = this.inputTarget;
+    const step = parseFloat(input.step) || 1;
+    const min = input.min !== "" ? parseFloat(input.min) : -Infinity;
+    const newValue = (parseFloat(input.value) || 0) - step;
+    if (newValue >= min) {
+      input.value = String(newValue);
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+      input.dispatchEvent(new Event("change", { bubbles: true }));
+    }
   }
   applyColor() {
     if (this.inputTarget.type !== "color") {
@@ -36,6 +71,20 @@ class Input extends Controller {
     };
     this.inputTarget.addEventListener("input", this.updateCounter);
   }
+  applyPassword() {
+    if (!this.hasCapsLockWarningTarget)
+      return;
+    this.updateCapsLock = (e) => {
+      this.capsLockWarningTarget.hidden = !e.getModifierState("CapsLock");
+    };
+    this.hideCapsLock = () => {
+      this.capsLockWarningTarget.hidden = true;
+    };
+    this.inputTarget.addEventListener("keydown", this.updateCapsLock);
+    this.inputTarget.addEventListener("keyup", this.updateCapsLock);
+    this.inputTarget.addEventListener("mousedown", this.updateCapsLock);
+    this.inputTarget.addEventListener("blur", this.hideCapsLock);
+  }
   applySearchClear() {
     if (this.inputTarget.type !== "search")
       return;

package/dist/javascript/collection/app/components/midwest/form/input_component/input_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"input_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/input_component/input_component_controller.ts"],"sourcesContent":["\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class Input extends Controller<HTMLFormElement> {\n  static targets = ['input', 'counter']\n\n  declare readonly hasInputTarget: boolean\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly inputTargets: HTMLInputElement[]\n  declare readonly hasCounterTarget: boolean\n  declare readonly counterTarget: HTMLElement\n\n  private updateClearButton: (() => void) | null = null\n  private updateCounter: (() => void) | null = null\n\n  connect () {\n    this.applyColor()\n    this.applySearchClear()\n    this.applyCounter()\n  }\n\n  disconnect () {\n    if (this.updateClearButton) {\n      this.inputTarget.removeEventListener('input', this.updateClearButton)\n      this.updateClearButton = null\n    }\n    if (this.updateCounter) {\n      this.inputTarget.removeEventListener('input', this.updateCounter)\n      this.updateCounter = null\n    }\n  }\n\n  applyColor () {\n    if (this.inputTarget.type !== 'color') {\n      return\n    }\n\n    this.inputTarget.addEventListener('input', () => {\n      this.inputTarget.setAttribute('value', this.inputTarget.value)\n    })\n  }\n\n  private applyCounter () {\n    if (!this.hasCounterTarget) return\n\n    this.counterTarget.textContent = String(this.inputTarget.value.length)\n\n    this.updateCounter = () => {\n      this.counterTarget.textContent = String(this.inputTarget.value.length)\n    }\n\n    this.inputTarget.addEventListener('input', this.updateCounter)\n  }\n\n  private applySearchClear () {\n    if (this.inputTarget.type !== 'search') return\n    // Browsers that natively render a cancel button (Chrome, Safari, Edge)\n    // already handle clearing. Only inject for browsers that don't (Firefox).\n    if (CSS.supports('selector(::-webkit-search-cancel-button)')) return\n\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.setAttribute('aria-label', 'Clear search')\n    button.classList.add('midwest-input-search-clear')\n    button.hidden = this.inputTarget.value.length === 0\n\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    svg.setAttribute('viewBox', '0 0 24 24')\n    svg.setAttribute('fill', 'none')\n    svg.setAttribute('stroke', 'currentColor')\n    svg.setAttribute('stroke-width', '2')\n    svg.setAttribute('aria-hidden', 'true')\n    svg.setAttribute('width', '16')\n    svg.setAttribute('height', '16')\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    path.setAttribute('stroke-linecap', 'round')\n    path.setAttribute('stroke-linejoin', 'round')\n    path.setAttribute('d', 'M6 18L18 6M6 6l12 12')\n    svg.appendChild(path)\n    button.appendChild(svg)\n\n    const wrapper = document.createElement('div')\n    wrapper.classList.add('midwest-input-search-wrapper')\n    this.inputTarget.parentElement?.insertBefore(wrapper, this.inputTarget)\n    wrapper.appendChild(this.inputTarget)\n    wrapper.appendChild(button)\n\n    this.updateClearButton = () => {\n      button.hidden = this.inputTarget.value.length === 0\n    }\n\n    this.inputTarget.addEventListener('input', this.updateClearButton)\n\n    button.addEventListener('click', () => {\n      this.inputTarget.value = ''\n      button.hidden = true\n      this.inputTarget.dispatchEvent(new Event('input', { bubbles: true }))\n      this.inputTarget.focus()\n    })\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"input_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/input_component/input_component_controller.ts"],"sourcesContent":["\nimport { Controller } from '@hotwired/stimulus'\n\nexport default class Input extends Controller<HTMLFormElement> {\n  static targets = ['input', 'counter', 'capsLockWarning']\n\n  declare readonly hasInputTarget: boolean\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly inputTargets: HTMLInputElement[]\n  declare readonly hasCounterTarget: boolean\n  declare readonly counterTarget: HTMLElement\n  declare readonly hasCapsLockWarningTarget: boolean\n  declare readonly capsLockWarningTarget: HTMLElement\n\n  private updateClearButton: (() => void) | null = null\n  private updateCounter: (() => void) | null = null\n  private updateCapsLock: ((e: KeyboardEvent | MouseEvent) => void) | null = null\n  private hideCapsLock: (() => void) | null = null\n\n  connect () {\n    this.applyColor()\n    this.applySearchClear()\n    this.applyCounter()\n    this.applyPassword()\n  }\n\n  disconnect () {\n    if (this.updateClearButton) {\n      this.inputTarget.removeEventListener('input', this.updateClearButton)\n      this.updateClearButton = null\n    }\n    if (this.updateCounter) {\n      this.inputTarget.removeEventListener('input', this.updateCounter)\n      this.updateCounter = null\n    }\n    if (this.updateCapsLock) {\n      this.inputTarget.removeEventListener('keydown', this.updateCapsLock)\n      this.inputTarget.removeEventListener('keyup', this.updateCapsLock)\n      this.inputTarget.removeEventListener('mousedown', this.updateCapsLock)\n      this.updateCapsLock = null\n    }\n    if (this.hideCapsLock) {\n      this.inputTarget.removeEventListener('blur', this.hideCapsLock)\n      this.hideCapsLock = null\n    }\n  }\n\n  increment () {\n    const input = this.inputTarget\n    const step = parseFloat(input.step) || 1\n    const max = input.max !== '' ? parseFloat(input.max) : Infinity\n    const newValue = (parseFloat(input.value) || 0) + step\n    if (newValue <= max) {\n      input.value = String(newValue)\n      input.dispatchEvent(new Event('input', { bubbles: true }))\n      input.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  decrement () {\n    const input = this.inputTarget\n    const step = parseFloat(input.step) || 1\n    const min = input.min !== '' ? parseFloat(input.min) : -Infinity\n    const newValue = (parseFloat(input.value) || 0) - step\n    if (newValue >= min) {\n      input.value = String(newValue)\n      input.dispatchEvent(new Event('input', { bubbles: true }))\n      input.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  applyColor () {\n    if (this.inputTarget.type !== 'color') {\n      return\n    }\n\n    this.inputTarget.addEventListener('input', () => {\n      this.inputTarget.setAttribute('value', this.inputTarget.value)\n    })\n  }\n\n  private applyCounter () {\n    if (!this.hasCounterTarget) return\n\n    this.counterTarget.textContent = String(this.inputTarget.value.length)\n\n    this.updateCounter = () => {\n      this.counterTarget.textContent = String(this.inputTarget.value.length)\n    }\n\n    this.inputTarget.addEventListener('input', this.updateCounter)\n  }\n\n  private applyPassword () {\n    if (!this.hasCapsLockWarningTarget) return\n\n    this.updateCapsLock = (e: KeyboardEvent | MouseEvent) => {\n      this.capsLockWarningTarget.hidden = !e.getModifierState('CapsLock')\n    }\n\n    this.hideCapsLock = () => {\n      this.capsLockWarningTarget.hidden = true\n    }\n\n    this.inputTarget.addEventListener('keydown', this.updateCapsLock)\n    this.inputTarget.addEventListener('keyup', this.updateCapsLock)\n    this.inputTarget.addEventListener('mousedown', this.updateCapsLock)\n    this.inputTarget.addEventListener('blur', this.hideCapsLock)\n  }\n\n  private applySearchClear () {\n    if (this.inputTarget.type !== 'search') return\n    // Browsers that natively render a cancel button (Chrome, Safari, Edge)\n    // already handle clearing. Only inject for browsers that don't (Firefox).\n    if (CSS.supports('selector(::-webkit-search-cancel-button)')) return\n\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.setAttribute('aria-label', 'Clear search')\n    button.classList.add('midwest-input-search-clear')\n    button.hidden = this.inputTarget.value.length === 0\n\n    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    svg.setAttribute('viewBox', '0 0 24 24')\n    svg.setAttribute('fill', 'none')\n    svg.setAttribute('stroke', 'currentColor')\n    svg.setAttribute('stroke-width', '2')\n    svg.setAttribute('aria-hidden', 'true')\n    svg.setAttribute('width', '16')\n    svg.setAttribute('height', '16')\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    path.setAttribute('stroke-linecap', 'round')\n    path.setAttribute('stroke-linejoin', 'round')\n    path.setAttribute('d', 'M6 18L18 6M6 6l12 12')\n    svg.appendChild(path)\n    button.appendChild(svg)\n\n    const wrapper = document.createElement('div')\n    wrapper.classList.add('midwest-input-search-wrapper')\n    this.inputTarget.parentElement?.insertBefore(wrapper, this.inputTarget)\n    wrapper.appendChild(this.inputTarget)\n    wrapper.appendChild(button)\n\n    this.updateClearButton = () => {\n      button.hidden = this.inputTarget.value.length === 0\n    }\n\n    this.inputTarget.addEventListener('input', this.updateClearButton)\n\n    button.addEventListener('click', () => {\n      this.inputTarget.value = ''\n      button.hidden = true\n      this.inputTarget.dispatchEvent(new Event('input', { bubbles: true }))\n      this.inputTarget.focus()\n    })\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/javascript/collection/app/components/midwest/form/live_summary_component/live_summary_component_controller.js

@@ -14,11 +14,13 @@ class FormLiveSummary extends Controller {
     this.form?.addEventListener("input", this.render);
     this.form?.addEventListener("change", this.render);
     this.form?.addEventListener("midwest-autocomplete:change", this.render);
+    this.form?.addEventListener("midwest-color-picker:update", this.render);
   }
   disconnect() {
     this.form?.removeEventListener("input", this.render);
     this.form?.removeEventListener("change", this.render);
     this.form?.removeEventListener("midwest-autocomplete:change", this.render);
+    this.form?.removeEventListener("midwest-color-picker:update", this.render);
   }
   get form() {
     return this.element.closest("form");
@@ -36,15 +38,18 @@ class FormLiveSummary extends Controller {
     }
     const dl = document.createElement("dl");
     dl.className = "midwest-form-live-summary-list";
-    fields.forEach(({ label, value }) => {
+    fields.forEach(({ label, value, swatchColor }) => {
       const dt = Object.assign(document.createElement("dt"), {
         className: "midwest-form-live-summary-term",
         textContent: label
       });
-      const dd = Object.assign(document.createElement("dd"), {
-        className: "midwest-form-live-summary-definition",
-        textContent: value || "\u2014"
-      });
+      const dd = document.createElement("dd");
+      dd.className = "midwest-form-live-summary-definition";
+      if (swatchColor !== void 0) {
+        dd.append(this.buildSwatch(swatchColor), value || "\u2014");
+      } else {
+        dd.textContent = value || "\u2014";
+      }
       dl.append(dt, dd);
     });
     this.listTarget.replaceChildren(dl);
@@ -101,6 +106,18 @@ class FormLiveSummary extends Controller {
         value: element.value
       });
     });
+    form.querySelectorAll('[data-midwest-color-picker-target="input"]').forEach((input) => {
+      if (this.element.contains(input))
+        return;
+      if (!input.name)
+        return;
+      const picker = input.closest(".midwest-color-picker");
+      const labelEl = picker?.querySelector(".midwest-form-group__top label") ?? this.form?.querySelector(`label[for="${CSS.escape(input.id)}"]`);
+      const label = labelEl?.textContent?.trim() || this.prettifyName(input.name.replace(/\[.*\]$/, ""));
+      const value = input.value;
+      const display = value.startsWith("#") ? value : value ? value.charAt(0).toUpperCase() + value.slice(1) : "\u2014";
+      fields.push({ label, value: display, swatchColor: value || void 0 });
+    });
     form.querySelectorAll(".midwest-autocomplete").forEach((ac) => {
       if (this.element.contains(ac))
         return;
@@ -113,6 +130,22 @@ class FormLiveSummary extends Controller {
     });
     return fields;
   }
+  // Builds a small inline colour swatch to display alongside a colour value.
+  // Hex values are applied as an inline background-color; named theme colours
+  // use a scoped theme-{color} class so the CSS variable cascade does the work.
+  // An empty/transparent value renders a diagonal-stripe placeholder.
+  buildSwatch(color) {
+    const swatch = document.createElement("span");
+    swatch.className = "midwest-form-live-summary-swatch";
+    if (color.startsWith("#")) {
+      swatch.style.backgroundColor = color;
+    } else if (color && color !== "transparent") {
+      swatch.classList.add(`theme-${color}`, "bg-theme-6");
+    } else {
+      swatch.classList.add("is-transparent");
+    }
+    return swatch;
+  }
   // Finds the label associated with a specific element via `for` attribute,
   // wrapping label, or falls back to a prettified version of the element name.
   labelFor(el) {

package/dist/javascript/collection/app/components/midwest/form/live_summary_component/live_summary_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"live_summary_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/live_summary_component/live_summary_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\n// Input types that should never appear in a form live summary.\nconst SKIPPED_INPUT_TYPES = new Set([\n  'hidden', 'submit', 'reset', 'button', 'image'\n])\n\ninterface FieldSummary {\n  label: string\n  value: string\n}\n\nexport default class FormLiveSummary extends Controller<HTMLElement> {\n  static targets = ['list']\n\n  declare readonly listTarget: HTMLElement\n\n  connect () {\n    this.render()\n    this.form?.addEventListener('input', this.render)\n    this.form?.addEventListener('change', this.render)\n    this.form?.addEventListener('midwest-autocomplete:change', this.render)\n  }\n\n  disconnect () {\n    this.form?.removeEventListener('input', this.render)\n    this.form?.removeEventListener('change', this.render)\n    this.form?.removeEventListener('midwest-autocomplete:change', this.render)\n  }\n\n  private get form (): HTMLFormElement | null {\n    return this.element.closest('form')\n  }\n\n  private render = () => {\n    const fields = this.collectFields()\n\n    if (fields.length === 0) {\n      this.listTarget.replaceChildren(\n        Object.assign(document.createElement('p'), {\n          className: 'midwest-form-live-summary-empty',\n          textContent: 'No values to display.'\n        })\n      )\n      return\n    }\n\n    const dl = document.createElement('dl')\n    dl.className = 'midwest-form-live-summary-list'\n\n    fields.forEach(({ label, value }) => {\n      const dt = Object.assign(document.createElement('dt'), {\n        className: 'midwest-form-live-summary-term',\n        textContent: label\n      })\n      const dd = Object.assign(document.createElement('dd'), {\n        className: 'midwest-form-live-summary-definition',\n        textContent: value || '—'\n      })\n      dl.append(dt, dd)\n    })\n\n    this.listTarget.replaceChildren(dl)\n  }\n\n  private collectFields (): FieldSummary[] {\n    const form = this.form\n    if (!form) return []\n\n    const fields: FieldSummary[] = []\n    const seenRadioNames = new Set<string>()\n\n    Array.from(form.elements).forEach(el => {\n      const element = el as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement\n\n      if (!element.name) return\n\n      // Skip elements that live inside the summary itself.\n      if (this.element.contains(element)) return\n\n      // Skip all button elements regardless of how they are declared.\n      if (element instanceof HTMLButtonElement) return\n\n      if (element instanceof HTMLInputElement) {\n        if (SKIPPED_INPUT_TYPES.has(element.type)) return\n\n        if (element.type === 'radio') {\n          if (seenRadioNames.has(element.name)) return\n          seenRadioNames.add(element.name)\n\n          const checked = form.querySelector<HTMLInputElement>(\n            `input[type=\"radio\"][name=\"${CSS.escape(element.name)}\"]:checked`\n          )\n          if (!checked) return\n\n          fields.push({\n            label: this.groupLabelFor(element),\n            value: this.labelFor(checked) || checked.value\n          })\n          return\n        }\n\n        if (element.type === 'checkbox') {\n          fields.push({\n            label: this.labelFor(element),\n            value: element.checked ? 'Yes' : 'No'\n          })\n          return\n        }\n      }\n\n      if (element instanceof HTMLSelectElement) {\n        fields.push({\n          label: this.labelFor(element),\n          value: Array.from(element.selectedOptions).map(o => o.text).join(', ') || '—'\n        })\n        return\n      }\n\n      // Text-like inputs and textareas only reach this point.\n      fields.push({\n        label: this.labelFor(element),\n        value: element.value\n      })\n    })\n\n    // Autocomplete components use a nameless combobox input + hidden inputs —\n    // neither surfaces through the standard form.elements loop. Query them\n    // separately so their selected badge labels appear in the summary.\n    // Note: labelFor(input) doesn't work here because InputComponent assigns\n    // its own id to the <input>, which won't match the <label>'s for attribute.\n    form.querySelectorAll<HTMLElement>('.midwest-autocomplete').forEach(ac => {\n      if (this.element.contains(ac)) return\n      if (!ac.querySelector('[role=\"combobox\"]')) return\n\n      const labelEl = ac.querySelector<HTMLElement>('label')\n      const label = labelEl?.textContent?.trim() ||\n        this.prettifyName((ac.dataset.name ?? '').replace(/\\[.*\\]$/, ''))\n\n      const selected = Array.from(ac.querySelectorAll<HTMLElement>('.midwest-autocomplete-tokens .value'))\n        .map(el => el.textContent?.trim())\n        .filter(Boolean)\n        .join(', ')\n      fields.push({ label, value: selected || '—' })\n    })\n\n    return fields\n  }\n\n  // Finds the label associated with a specific element via `for` attribute,\n  // wrapping label, or falls back to a prettified version of the element name.\n  private labelFor (el: Element): string {\n    const id = (el as HTMLElement).id\n    if (id) {\n      const label = this.form?.querySelector(`label[for=\"${CSS.escape(id)}\"]`)\n      if (label) return label.textContent?.trim() ?? ''\n    }\n    const wrapper = el.closest('label')\n    if (wrapper) return wrapper.textContent?.trim() ?? ''\n    return this.prettifyName((el as HTMLInputElement).name ?? '')\n  }\n\n  // For radio groups, prefer the containing fieldset legend over the\n  // individual radio's label, then fall back to prettifying the name.\n  private groupLabelFor (el: Element): string {\n    const legend = el.closest('fieldset')?.querySelector('legend')\n    if (legend) return legend.textContent?.trim() ?? ''\n    return this.prettifyName((el as HTMLInputElement).name ?? '')\n  }\n\n  // Converts \"user[first_name]\" or \"first_name\" into \"First name\".\n  private prettifyName (name: string): string {\n    return name\n      .replace(/\\[.*?\\]/g, '')\n      .replace(/_/g, ' ')\n      .replace(/^\\w/, c => c.toUpperCase())\n      .trim()\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"live_summary_component_controller.js","sources":["../../../../../../../../app/components/midwest/form/live_summary_component/live_summary_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\n// Input types that should never appear in a form live summary.\nconst SKIPPED_INPUT_TYPES = new Set([\n  'hidden', 'submit', 'reset', 'button', 'image'\n])\n\ninterface FieldSummary {\n  label: string\n  value: string\n  /** When set, a colour swatch is prepended to the value cell. */\n  swatchColor?: string\n}\n\nexport default class FormLiveSummary extends Controller<HTMLElement> {\n  static targets = ['list']\n\n  declare readonly listTarget: HTMLElement\n\n  connect () {\n    this.render()\n    this.form?.addEventListener('input', this.render)\n    this.form?.addEventListener('change', this.render)\n    this.form?.addEventListener('midwest-autocomplete:change', this.render)\n    this.form?.addEventListener('midwest-color-picker:update', this.render)\n  }\n\n  disconnect () {\n    this.form?.removeEventListener('input', this.render)\n    this.form?.removeEventListener('change', this.render)\n    this.form?.removeEventListener('midwest-autocomplete:change', this.render)\n    this.form?.removeEventListener('midwest-color-picker:update', this.render)\n  }\n\n  private get form (): HTMLFormElement | null {\n    return this.element.closest('form')\n  }\n\n  private render = () => {\n    const fields = this.collectFields()\n\n    if (fields.length === 0) {\n      this.listTarget.replaceChildren(\n        Object.assign(document.createElement('p'), {\n          className: 'midwest-form-live-summary-empty',\n          textContent: 'No values to display.'\n        })\n      )\n      return\n    }\n\n    const dl = document.createElement('dl')\n    dl.className = 'midwest-form-live-summary-list'\n\n    fields.forEach(({ label, value, swatchColor }) => {\n      const dt = Object.assign(document.createElement('dt'), {\n        className: 'midwest-form-live-summary-term',\n        textContent: label\n      })\n      const dd = document.createElement('dd')\n      dd.className = 'midwest-form-live-summary-definition'\n\n      if (swatchColor !== undefined) {\n        dd.append(this.buildSwatch(swatchColor), value || '—')\n      } else {\n        dd.textContent = value || '—'\n      }\n\n      dl.append(dt, dd)\n    })\n\n    this.listTarget.replaceChildren(dl)\n  }\n\n  private collectFields (): FieldSummary[] {\n    const form = this.form\n    if (!form) return []\n\n    const fields: FieldSummary[] = []\n    const seenRadioNames = new Set<string>()\n\n    Array.from(form.elements).forEach(el => {\n      const element = el as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement\n\n      if (!element.name) return\n\n      // Skip elements that live inside the summary itself.\n      if (this.element.contains(element)) return\n\n      // Skip all button elements regardless of how they are declared.\n      if (element instanceof HTMLButtonElement) return\n\n      if (element instanceof HTMLInputElement) {\n        if (SKIPPED_INPUT_TYPES.has(element.type)) return\n\n        if (element.type === 'radio') {\n          if (seenRadioNames.has(element.name)) return\n          seenRadioNames.add(element.name)\n\n          const checked = form.querySelector<HTMLInputElement>(\n            `input[type=\"radio\"][name=\"${CSS.escape(element.name)}\"]:checked`\n          )\n          if (!checked) return\n\n          fields.push({\n            label: this.groupLabelFor(element),\n            value: this.labelFor(checked) || checked.value\n          })\n          return\n        }\n\n        if (element.type === 'checkbox') {\n          fields.push({\n            label: this.labelFor(element),\n            value: element.checked ? 'Yes' : 'No'\n          })\n          return\n        }\n      }\n\n      if (element instanceof HTMLSelectElement) {\n        fields.push({\n          label: this.labelFor(element),\n          value: Array.from(element.selectedOptions).map(o => o.text).join(', ') || '—'\n        })\n        return\n      }\n\n      // Text-like inputs and textareas only reach this point.\n      fields.push({\n        label: this.labelFor(element),\n        value: element.value\n      })\n    })\n\n    // Color picker components store their value in a hidden input tagged with\n    // data-midwest-color-picker-target=\"input\". The standard loop skips hidden\n    // inputs, so query them separately and render with an inline colour swatch.\n    form.querySelectorAll<HTMLInputElement>('[data-midwest-color-picker-target=\"input\"]').forEach(input => {\n      if (this.element.contains(input)) return\n      if (!input.name) return\n\n      // Prefer the label inside the picker's own form-group header; fall back\n      // to a label[for] match or a prettified version of the input name.\n      const picker = input.closest<HTMLElement>('.midwest-color-picker')\n      const labelEl = picker?.querySelector<HTMLElement>('.midwest-form-group__top label') ??\n        this.form?.querySelector<HTMLElement>(`label[for=\"${CSS.escape(input.id)}\"]`)\n      const label = labelEl?.textContent?.trim() ||\n        this.prettifyName(input.name.replace(/\\[.*\\]$/, ''))\n\n      const value = input.value\n      const display = value.startsWith('#') ? value : (value ? value.charAt(0).toUpperCase() + value.slice(1) : '—')\n\n      fields.push({ label, value: display, swatchColor: value || undefined })\n    })\n\n    // Autocomplete components use a nameless combobox input + hidden inputs —\n    // neither surfaces through the standard form.elements loop. Query them\n    // separately so their selected badge labels appear in the summary.\n    // Note: labelFor(input) doesn't work here because InputComponent assigns\n    // its own id to the <input>, which won't match the <label>'s for attribute.\n    form.querySelectorAll<HTMLElement>('.midwest-autocomplete').forEach(ac => {\n      if (this.element.contains(ac)) return\n      if (!ac.querySelector('[role=\"combobox\"]')) return\n\n      const labelEl = ac.querySelector<HTMLElement>('label')\n      const label = labelEl?.textContent?.trim() ||\n        this.prettifyName((ac.dataset.name ?? '').replace(/\\[.*\\]$/, ''))\n\n      const selected = Array.from(ac.querySelectorAll<HTMLElement>('.midwest-autocomplete-tokens .value'))\n        .map(el => el.textContent?.trim())\n        .filter(Boolean)\n        .join(', ')\n      fields.push({ label, value: selected || '—' })\n    })\n\n    return fields\n  }\n\n  // Builds a small inline colour swatch to display alongside a colour value.\n  // Hex values are applied as an inline background-color; named theme colours\n  // use a scoped theme-{color} class so the CSS variable cascade does the work.\n  // An empty/transparent value renders a diagonal-stripe placeholder.\n  private buildSwatch (color: string): HTMLElement {\n    const swatch = document.createElement('span')\n    swatch.className = 'midwest-form-live-summary-swatch'\n\n    if (color.startsWith('#')) {\n      swatch.style.backgroundColor = color\n    } else if (color && color !== 'transparent') {\n      swatch.classList.add(`theme-${color}`, 'bg-theme-6')\n    } else {\n      swatch.classList.add('is-transparent')\n    }\n\n    return swatch\n  }\n\n  // Finds the label associated with a specific element via `for` attribute,\n  // wrapping label, or falls back to a prettified version of the element name.\n  private labelFor (el: Element): string {\n    const id = (el as HTMLElement).id\n    if (id) {\n      const label = this.form?.querySelector(`label[for=\"${CSS.escape(id)}\"]`)\n      if (label) return label.textContent?.trim() ?? ''\n    }\n    const wrapper = el.closest('label')\n    if (wrapper) return wrapper.textContent?.trim() ?? ''\n    return this.prettifyName((el as HTMLInputElement).name ?? '')\n  }\n\n  // For radio groups, prefer the containing fieldset legend over the\n  // individual radio's label, then fall back to prettifying the name.\n  private groupLabelFor (el: Element): string {\n    const legend = el.closest('fieldset')?.querySelector('legend')\n    if (legend) return legend.textContent?.trim() ?? ''\n    return this.prettifyName((el as HTMLInputElement).name ?? '')\n  }\n\n  // Converts \"user[first_name]\" or \"first_name\" into \"First name\".\n  private prettifyName (name: string): string {\n    return name\n      .replace(/\\[.*?\\]/g, '')\n      .replace(/_/g, ' ')\n      .replace(/^\\w/, c => c.toUpperCase())\n      .trim()\n  }\n}\n"],"names":[],"mappings":"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"}