@unabridged/midwest 0.16.1 → 0.18.0

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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"}

package/dist/javascript/collection/app/components/midwest/image_component/color_thief.js

@@ -0,0 +1,490 @@
+/*
+ * Color Thief v2.0
+ * by Lokesh Dhakar - http://www.lokeshdhakar.com
+ *
+ * Thanks
+ * ------
+ * Nick Rabinowitz - For creating quantize.js.
+ * John Schulz - For clean up and optimization. @JFSIII
+ * Nathan Spady - For adding drag and drop support to the demo page.
+ *
+ * License
+ * -------
+ * Copyright 2011, 2015 Lokesh Dhakar
+ * Released under the MIT license
+ * https://raw.githubusercontent.com/lokesh/color-thief/master/LICENSE
+ *
+ * @license
+ */
+const CanvasImage = function(image) {
+  this.canvas = document.createElement("canvas");
+  this.context = this.canvas.getContext("2d");
+  document.body.appendChild(this.canvas);
+  this.width = this.canvas.width = image.width;
+  this.height = this.canvas.height = image.height;
+  this.context.drawImage(image, 0, 0, this.width, this.height);
+};
+CanvasImage.prototype.clear = function() {
+  this.context.clearRect(0, 0, this.width, this.height);
+};
+CanvasImage.prototype.update = function(imageData) {
+  this.context.putImageData(imageData, 0, 0);
+};
+CanvasImage.prototype.getPixelCount = function() {
+  return this.width * this.height;
+};
+CanvasImage.prototype.getImageData = function() {
+  return this.context.getImageData(0, 0, this.width, this.height);
+};
+CanvasImage.prototype.removeCanvas = function() {
+  this.canvas.parentNode.removeChild(this.canvas);
+};
+const ColorThief = function() {
+};
+ColorThief.prototype.getColor = function(sourceImage2, quality) {
+  const palette = this.getPalette(sourceImage2, 5, quality);
+  const dominantColor = palette[0];
+  return dominantColor;
+};
+ColorThief.prototype.getPalette = function(sourceImage2, colorCount, quality) {
+  if (typeof colorCount === "undefined" || colorCount < 2 || colorCount > 256) {
+    colorCount = 10;
+  }
+  if (typeof quality === "undefined" || quality < 1) {
+    quality = 10;
+  }
+  const image = new CanvasImage(sourceImage2);
+  const imageData = image.getImageData();
+  const pixels = imageData.data;
+  const pixelCount = image.getPixelCount();
+  const pixelArray = [];
+  for (var i = 0, offset, r, g, b, a; i < pixelCount; i = i + quality) {
+    offset = i * 4;
+    r = pixels[offset + 0];
+    g = pixels[offset + 1];
+    b = pixels[offset + 2];
+    a = pixels[offset + 3];
+    if (a >= 125) {
+      if (!(r > 250 && g > 250 && b > 250)) {
+        pixelArray.push([r, g, b]);
+      }
+    }
+  }
+  const cmap = MMCQ.quantize(pixelArray, colorCount);
+  const palette = cmap ? cmap.palette() : null;
+  image.removeCanvas();
+  return palette;
+};
+ColorThief.prototype.getColorFromUrl = function(imageUrl, callback, quality) {
+  sourceImage = document.createElement("img");
+  const thief = this;
+  sourceImage.addEventListener("load", function() {
+    const palette = thief.getPalette(sourceImage, 5, quality);
+    const dominantColor = palette[0];
+    callback(dominantColor, imageUrl);
+  });
+  sourceImage.src = imageUrl;
+};
+ColorThief.prototype.getImageData = function(imageUrl, callback) {
+  xhr = new XMLHttpRequest();
+  xhr.open("GET", imageUrl, true);
+  xhr.responseType = "arraybuffer";
+  xhr.onload = function(e) {
+    if (this.status == 200) {
+      uInt8Array = new Uint8Array(this.response);
+      i = uInt8Array.length;
+      binaryString = new Array(i);
+      for (var i = 0; i < uInt8Array.length; i++) {
+        binaryString[i] = String.fromCharCode(uInt8Array[i]);
+      }
+      data = binaryString.join("");
+      base64 = window.btoa(data);
+      callback("data:image/png;base64," + base64);
+    }
+  };
+  xhr.send();
+};
+ColorThief.prototype.getColorAsync = function(imageUrl, callback, quality) {
+  const thief = this;
+  this.getImageData(imageUrl, function(imageData) {
+    sourceImage = document.createElement("img");
+    sourceImage.addEventListener("load", function() {
+      const palette = thief.getPalette(sourceImage, 5, quality);
+      const dominantColor = palette[0];
+      callback(dominantColor, this);
+    });
+    sourceImage.src = imageData;
+  });
+};
+/*!
+ * quantize.js Copyright 2008 Nick Rabinowitz.
+ * Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+ * @license
+ */
+/*!
+ * Block below copied from Protovis: http://mbostock.github.com/protovis/
+ * Copyright 2010 Stanford Visualization Group
+ * Licensed under the BSD License: http://www.opensource.org/licenses/bsd-license.php
+ * @license
+ */
+if (!pv) {
+  var pv = {
+    map: function(array, f) {
+      const o = {};
+      return f ? array.map(function(d, i) {
+        o.index = i;
+        return f.call(o, d);
+      }) : array.slice();
+    },
+    naturalOrder: function(a, b) {
+      return a < b ? -1 : a > b ? 1 : 0;
+    },
+    sum: function(array, f) {
+      const o = {};
+      return array.reduce(f ? function(p, d, i) {
+        o.index = i;
+        return p + f.call(o, d);
+      } : function(p, d) {
+        return p + d;
+      }, 0);
+    },
+    max: function(array, f) {
+      return Math.max.apply(null, f ? pv.map(array, f) : array);
+    }
+  };
+}
+var MMCQ = function() {
+  const sigbits = 5, rshift = 8 - sigbits, maxIterations = 1e3, fractByPopulations = 0.75;
+  function getColorIndex(r, g, b) {
+    return (r << 2 * sigbits) + (g << sigbits) + b;
+  }
+  function PQueue(comparator) {
+    let contents = [], sorted = false;
+    function sort() {
+      contents.sort(comparator);
+      sorted = true;
+    }
+    return {
+      push: function(o) {
+        contents.push(o);
+        sorted = false;
+      },
+      peek: function(index) {
+        if (!sorted)
+          sort();
+        if (index === void 0)
+          index = contents.length - 1;
+        return contents[index];
+      },
+      pop: function() {
+        if (!sorted)
+          sort();
+        return contents.pop();
+      },
+      size: function() {
+        return contents.length;
+      },
+      map: function(f) {
+        return contents.map(f);
+      },
+      debug: function() {
+        if (!sorted)
+          sort();
+        return contents;
+      }
+    };
+  }
+  function VBox(r1, r2, g1, g2, b1, b2, histo) {
+    const vbox = this;
+    vbox.r1 = r1;
+    vbox.r2 = r2;
+    vbox.g1 = g1;
+    vbox.g2 = g2;
+    vbox.b1 = b1;
+    vbox.b2 = b2;
+    vbox.histo = histo;
+  }
+  VBox.prototype = {
+    volume: function(force) {
+      const vbox = this;
+      if (!vbox._volume || force) {
+        vbox._volume = (vbox.r2 - vbox.r1 + 1) * (vbox.g2 - vbox.g1 + 1) * (vbox.b2 - vbox.b1 + 1);
+      }
+      return vbox._volume;
+    },
+    count: function(force) {
+      const vbox = this, histo = vbox.histo;
+      if (!vbox._count_set || force) {
+        let npix = 0, index, i, j, k;
+        for (i = vbox.r1; i <= vbox.r2; i++) {
+          for (j = vbox.g1; j <= vbox.g2; j++) {
+            for (k = vbox.b1; k <= vbox.b2; k++) {
+              index = getColorIndex(i, j, k);
+              npix += histo[index] || 0;
+            }
+          }
+        }
+        vbox._count = npix;
+        vbox._count_set = true;
+      }
+      return vbox._count;
+    },
+    copy: function() {
+      const vbox = this;
+      return new VBox(vbox.r1, vbox.r2, vbox.g1, vbox.g2, vbox.b1, vbox.b2, vbox.histo);
+    },
+    avg: function(force) {
+      const vbox = this, histo = vbox.histo;
+      if (!vbox._avg || force) {
+        let ntot = 0, mult = 1 << 8 - sigbits, rsum = 0, gsum = 0, bsum = 0, hval, i, j, k, histoindex;
+        for (i = vbox.r1; i <= vbox.r2; i++) {
+          for (j = vbox.g1; j <= vbox.g2; j++) {
+            for (k = vbox.b1; k <= vbox.b2; k++) {
+              histoindex = getColorIndex(i, j, k);
+              hval = histo[histoindex] || 0;
+              ntot += hval;
+              rsum += hval * (i + 0.5) * mult;
+              gsum += hval * (j + 0.5) * mult;
+              bsum += hval * (k + 0.5) * mult;
+            }
+          }
+        }
+        if (ntot) {
+          vbox._avg = [~~(rsum / ntot), ~~(gsum / ntot), ~~(bsum / ntot)];
+        } else {
+          vbox._avg = [
+            ~~(mult * (vbox.r1 + vbox.r2 + 1) / 2),
+            ~~(mult * (vbox.g1 + vbox.g2 + 1) / 2),
+            ~~(mult * (vbox.b1 + vbox.b2 + 1) / 2)
+          ];
+        }
+      }
+      return vbox._avg;
+    },
+    contains: function(pixel) {
+      const vbox = this, rval = pixel[0] >> rshift;
+      gval = pixel[1] >> rshift;
+      bval = pixel[2] >> rshift;
+      return rval >= vbox.r1 && rval <= vbox.r2 && gval >= vbox.g1 && gval <= vbox.g2 && bval >= vbox.b1 && bval <= vbox.b2;
+    }
+  };
+  function CMap() {
+    this.vboxes = new PQueue(function(a, b) {
+      return pv.naturalOrder(
+        a.vbox.count() * a.vbox.volume(),
+        b.vbox.count() * b.vbox.volume()
+      );
+    });
+  }
+  CMap.prototype = {
+    push: function(vbox) {
+      this.vboxes.push({
+        vbox,
+        color: vbox.avg()
+      });
+    },
+    palette: function() {
+      return this.vboxes.map(function(vb) {
+        return vb.color;
+      });
+    },
+    size: function() {
+      return this.vboxes.size();
+    },
+    map: function(color) {
+      const vboxes = this.vboxes;
+      for (let i = 0; i < vboxes.size(); i++) {
+        if (vboxes.peek(i).vbox.contains(color)) {
+          return vboxes.peek(i).color;
+        }
+      }
+      return this.nearest(color);
+    },
+    nearest: function(color) {
+      let vboxes = this.vboxes, d1, d2, pColor;
+      for (let i = 0; i < vboxes.size(); i++) {
+        d2 = Math.sqrt(
+          Math.pow(color[0] - vboxes.peek(i).color[0], 2) + Math.pow(color[1] - vboxes.peek(i).color[1], 2) + Math.pow(color[2] - vboxes.peek(i).color[2], 2)
+        );
+        if (d2 < d1 || d1 === void 0) {
+          d1 = d2;
+          pColor = vboxes.peek(i).color;
+        }
+      }
+      return pColor;
+    },
+    forcebw: function() {
+      const vboxes = this.vboxes;
+      vboxes.sort(function(a, b) {
+        return pv.naturalOrder(pv.sum(a.color), pv.sum(b.color));
+      });
+      const lowest = vboxes[0].color;
+      if (lowest[0] < 5 && lowest[1] < 5 && lowest[2] < 5)
+        vboxes[0].color = [0, 0, 0];
+      const idx = vboxes.length - 1, highest = vboxes[idx].color;
+      if (highest[0] > 251 && highest[1] > 251 && highest[2] > 251)
+        vboxes[idx].color = [255, 255, 255];
+    }
+  };
+  function getHisto(pixels) {
+    let histosize = 1 << 3 * sigbits, histo = new Array(histosize), index, rval, gval2, bval2;
+    pixels.forEach(function(pixel) {
+      rval = pixel[0] >> rshift;
+      gval2 = pixel[1] >> rshift;
+      bval2 = pixel[2] >> rshift;
+      index = getColorIndex(rval, gval2, bval2);
+      histo[index] = (histo[index] || 0) + 1;
+    });
+    return histo;
+  }
+  function vboxFromPixels(pixels, histo) {
+    let rmin = 1e6, rmax = 0, gmin = 1e6, gmax = 0, bmin = 1e6, bmax = 0, rval, gval2, bval2;
+    pixels.forEach(function(pixel) {
+      rval = pixel[0] >> rshift;
+      gval2 = pixel[1] >> rshift;
+      bval2 = pixel[2] >> rshift;
+      if (rval < rmin)
+        rmin = rval;
+      else if (rval > rmax)
+        rmax = rval;
+      if (gval2 < gmin)
+        gmin = gval2;
+      else if (gval2 > gmax)
+        gmax = gval2;
+      if (bval2 < bmin)
+        bmin = bval2;
+      else if (bval2 > bmax)
+        bmax = bval2;
+    });
+    return new VBox(rmin, rmax, gmin, gmax, bmin, bmax, histo);
+  }
+  function medianCutApply(histo, vbox) {
+    if (!vbox.count())
+      return;
+    const rw = vbox.r2 - vbox.r1 + 1, gw = vbox.g2 - vbox.g1 + 1, bw = vbox.b2 - vbox.b1 + 1, maxw = pv.max([rw, gw, bw]);
+    if (vbox.count() == 1) {
+      return [vbox.copy()];
+    }
+    let total = 0, partialsum = [], lookaheadsum = [], i, j, k, sum, index;
+    if (maxw == rw) {
+      for (i = vbox.r1; i <= vbox.r2; i++) {
+        sum = 0;
+        for (j = vbox.g1; j <= vbox.g2; j++) {
+          for (k = vbox.b1; k <= vbox.b2; k++) {
+            index = getColorIndex(i, j, k);
+            sum += histo[index] || 0;
+          }
+        }
+        total += sum;
+        partialsum[i] = total;
+      }
+    } else if (maxw == gw) {
+      for (i = vbox.g1; i <= vbox.g2; i++) {
+        sum = 0;
+        for (j = vbox.r1; j <= vbox.r2; j++) {
+          for (k = vbox.b1; k <= vbox.b2; k++) {
+            index = getColorIndex(j, i, k);
+            sum += histo[index] || 0;
+          }
+        }
+        total += sum;
+        partialsum[i] = total;
+      }
+    } else {
+      for (i = vbox.b1; i <= vbox.b2; i++) {
+        sum = 0;
+        for (j = vbox.r1; j <= vbox.r2; j++) {
+          for (k = vbox.g1; k <= vbox.g2; k++) {
+            index = getColorIndex(j, k, i);
+            sum += histo[index] || 0;
+          }
+        }
+        total += sum;
+        partialsum[i] = total;
+      }
+    }
+    partialsum.forEach(function(d, i2) {
+      lookaheadsum[i2] = total - d;
+    });
+    function doCut(color) {
+      let dim1 = color + "1", dim2 = color + "2", left, right, vbox1, vbox2, d2, count2 = 0;
+      for (i = vbox[dim1]; i <= vbox[dim2]; i++) {
+        if (partialsum[i] > total / 2) {
+          vbox1 = vbox.copy();
+          vbox2 = vbox.copy();
+          left = i - vbox[dim1];
+          right = vbox[dim2] - i;
+          if (left <= right)
+            d2 = Math.min(vbox[dim2] - 1, ~~(i + right / 2));
+          else
+            d2 = Math.max(vbox[dim1], ~~(i - 1 - left / 2));
+          while (!partialsum[d2])
+            d2++;
+          count2 = lookaheadsum[d2];
+          while (!count2 && partialsum[d2 - 1])
+            count2 = lookaheadsum[--d2];
+          vbox1[dim2] = d2;
+          vbox2[dim1] = vbox1[dim2] + 1;
+          return [vbox1, vbox2];
+        }
+      }
+    }
+    return maxw == rw ? doCut("r") : maxw == gw ? doCut("g") : doCut("b");
+  }
+  function quantize(pixels, maxcolors) {
+    if (!pixels.length || maxcolors < 2 || maxcolors > 256) {
+      return false;
+    }
+    const histo = getHisto(pixels);
+    histo.forEach(function() {
+    });
+    const vbox = vboxFromPixels(pixels, histo), pq = new PQueue(function(a, b) {
+      return pv.naturalOrder(a.count(), b.count());
+    });
+    pq.push(vbox);
+    function iter(lh, target) {
+      let ncolors = 1, niters = 0, vbox2;
+      while (niters < maxIterations) {
+        vbox2 = lh.pop();
+        if (!vbox2.count()) {
+          lh.push(vbox2);
+          niters++;
+          continue;
+        }
+        const vboxes = medianCutApply(histo, vbox2), vbox1 = vboxes[0], vbox22 = vboxes[1];
+        if (!vbox1) {
+          return;
+        }
+        lh.push(vbox1);
+        if (vbox22) {
+          lh.push(vbox22);
+          ncolors++;
+        }
+        if (ncolors >= target)
+          return;
+        if (niters++ > maxIterations) {
+          return;
+        }
+      }
+    }
+    iter(pq, fractByPopulations * maxcolors);
+    const pq2 = new PQueue(function(a, b) {
+      return pv.naturalOrder(a.count() * a.volume(), b.count() * b.volume());
+    });
+    while (pq.size()) {
+      pq2.push(pq.pop());
+    }
+    iter(pq2, maxcolors - pq2.size());
+    const cmap = new CMap();
+    while (pq2.size()) {
+      cmap.push(pq2.pop());
+    }
+    return cmap;
+  }
+  return {
+    quantize
+  };
+}();
+
+export { CanvasImage, ColorThief };
+//# sourceMappingURL=color_thief.js.map