@unabridged/midwest 0.16.0 → 0.17.0

package/dist/javascript/collection/app/assets/javascript/midwest/index.js

@@ -22,6 +22,7 @@ export { default as Chart } from '../../../components/midwest/chart_component/ch
 import Range from '../../../components/midwest/form/range_component/range_component_controller.js';
 import Rating from '../../../components/midwest/rating_component/rating_component_controller.js';
 import Autocomplete from '../../../components/midwest/form/autocomplete_component/autocomplete_component_controller.js';
+import Image from '../../../components/midwest/image_component/image_component_controller.js';
 
 function registerMidwestControllers(application) {
   application.register("midwest-card", Card);
@@ -44,6 +45,7 @@ function registerMidwestControllers(application) {
   application.register("midwest-range", Range);
   application.register("midwest-rating", Rating);
   application.register("midwest-autocomplete", Autocomplete);
+  application.register("midwest-image", Image);
 }
 
 export { registerMidwestControllers };

package/dist/javascript/collection/app/assets/javascript/midwest/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../app/assets/javascript/midwest/index.ts"],"sourcesContent":["import Card from '../../../components/midwest/card_component/card_component_controller'\nimport Banner from '../../../components/midwest/banner_component/banner_component_controller'\nimport Input from '../../../components/midwest/form/input_component/input_component_controller'\nimport File from '../../../components/midwest/form/file_component/file_component_controller'\nimport Dropdown from '../../../components/midwest/dropdown_component/dropdown_component_controller'\nimport Prose from '../../../components/midwest/prose_component/prose_component_controller'\nimport Dialog from '../../../components/midwest/dialog_component/dialog_component_controller'\nimport Tabs from '../../../components/midwest/tabs_component/tabs_component_controller'\nimport Tooltip from '../../../components/midwest/tooltip_component/tooltip_component_controller'\nimport Carousel from '../../../components/midwest/carousel_component/carousel_component_controller'\nimport FormLiveSummary from '../../../components/midwest/form/live_summary_component/live_summary_component_controller'\nimport Form from '../../../components/midwest/form/form_controller'\nimport CountdownTimer from '../../../components/midwest/countdown_timer_component/countdown_timer_component_controller'\nimport Badge from '../../../components/midwest/badge_component/badge_component_controller'\nimport Confirmation from '../../../components/midwest/confirmation_component/confirmation_component_controller'\nimport AvatarGroup from '../../../components/midwest/avatar_group_component/avatar_group_component_controller'\nimport Chart from '../../../components/midwest/chart_component/chart_component_controller'\nimport Range from '../../../components/midwest/form/range_component/range_component_controller'\nimport Rating from '../../../components/midwest/rating_component/rating_component_controller'\nimport Autocomplete from '../../../components/midwest/form/autocomplete_component/autocomplete_component_controller'\n/* IMPORTS */\n\nexport { Card, Banner, CountdownTimer, Chart }\n\nexport function registerMidwestControllers (application: any) {\n  application.register('midwest-card', Card)\n  application.register('midwest-banner', Banner)\n  application.register('midwest-countdown-timer', CountdownTimer)\n  application.register('midwest-input', Input)\n  application.register('midwest-file', File)\n  application.register('midwest-dropdown', Dropdown)\n  application.register('midwest-prose', Prose)\n  application.register('midwest-dialog', Dialog)\n  application.register('midwest-tabs', Tabs)\n  application.register('midwest-tooltip', Tooltip)\n  application.register('midwest-carousel', Carousel)\n  application.register('midwest-form-live-summary', FormLiveSummary)\n  application.register('midwest-form', Form)\n  application.register('midwest-badge', Badge)\n  application.register('midwest-confirmation', Confirmation)\n  application.register('midwest-avatar-group', AvatarGroup)\n  application.register('midwest-chart', Chart)\n  application.register('midwest-range', Range)\n  application.register('midwest-rating', Rating)\n  application.register('midwest-autocomplete', Autocomplete)\n  /* EXPORTS */\n}\n"],"names":["Confirmation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAAS,2BAA4B,WAAkB,EAAA;AAC5D,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,2BAA2B,cAAc,CAAA,CAAA;AAC9D,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,oBAAoB,QAAQ,CAAA,CAAA;AACjD,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,mBAAmB,OAAO,CAAA,CAAA;AAC/C,EAAY,WAAA,CAAA,QAAA,CAAS,oBAAoB,QAAQ,CAAA,CAAA;AACjD,EAAY,WAAA,CAAA,QAAA,CAAS,6BAA6B,eAAe,CAAA,CAAA;AACjE,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwBA,sBAAY,CAAA,CAAA;AACzD,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwB,WAAW,CAAA,CAAA;AACxD,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwB,YAAY,CAAA,CAAA;AAE3D;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../app/assets/javascript/midwest/index.ts"],"sourcesContent":["import Card from '../../../components/midwest/card_component/card_component_controller'\nimport Banner from '../../../components/midwest/banner_component/banner_component_controller'\nimport Input from '../../../components/midwest/form/input_component/input_component_controller'\nimport File from '../../../components/midwest/form/file_component/file_component_controller'\nimport Dropdown from '../../../components/midwest/dropdown_component/dropdown_component_controller'\nimport Prose from '../../../components/midwest/prose_component/prose_component_controller'\nimport Dialog from '../../../components/midwest/dialog_component/dialog_component_controller'\nimport Tabs from '../../../components/midwest/tabs_component/tabs_component_controller'\nimport Tooltip from '../../../components/midwest/tooltip_component/tooltip_component_controller'\nimport Carousel from '../../../components/midwest/carousel_component/carousel_component_controller'\nimport FormLiveSummary from '../../../components/midwest/form/live_summary_component/live_summary_component_controller'\nimport Form from '../../../components/midwest/form/form_controller'\nimport CountdownTimer from '../../../components/midwest/countdown_timer_component/countdown_timer_component_controller'\nimport Badge from '../../../components/midwest/badge_component/badge_component_controller'\nimport Confirmation from '../../../components/midwest/confirmation_component/confirmation_component_controller'\nimport AvatarGroup from '../../../components/midwest/avatar_group_component/avatar_group_component_controller'\nimport Chart from '../../../components/midwest/chart_component/chart_component_controller'\nimport Range from '../../../components/midwest/form/range_component/range_component_controller'\nimport Rating from '../../../components/midwest/rating_component/rating_component_controller'\nimport Autocomplete from '../../../components/midwest/form/autocomplete_component/autocomplete_component_controller'\nimport Image from '../../../components/midwest/image_component/image_component_controller'\n/* IMPORTS */\n\nexport { Card, Banner, CountdownTimer, Chart }\n\nexport function registerMidwestControllers (application: any) {\n  application.register('midwest-card', Card)\n  application.register('midwest-banner', Banner)\n  application.register('midwest-countdown-timer', CountdownTimer)\n  application.register('midwest-input', Input)\n  application.register('midwest-file', File)\n  application.register('midwest-dropdown', Dropdown)\n  application.register('midwest-prose', Prose)\n  application.register('midwest-dialog', Dialog)\n  application.register('midwest-tabs', Tabs)\n  application.register('midwest-tooltip', Tooltip)\n  application.register('midwest-carousel', Carousel)\n  application.register('midwest-form-live-summary', FormLiveSummary)\n  application.register('midwest-form', Form)\n  application.register('midwest-badge', Badge)\n  application.register('midwest-confirmation', Confirmation)\n  application.register('midwest-avatar-group', AvatarGroup)\n  application.register('midwest-chart', Chart)\n  application.register('midwest-range', Range)\n  application.register('midwest-rating', Rating)\n  application.register('midwest-autocomplete', Autocomplete)\n  application.register('midwest-image', Image)\n  /* EXPORTS */\n}\n"],"names":["Confirmation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,SAAS,2BAA4B,WAAkB,EAAA;AAC5D,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,2BAA2B,cAAc,CAAA,CAAA;AAC9D,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,oBAAoB,QAAQ,CAAA,CAAA;AACjD,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,mBAAmB,OAAO,CAAA,CAAA;AAC/C,EAAY,WAAA,CAAA,QAAA,CAAS,oBAAoB,QAAQ,CAAA,CAAA;AACjD,EAAY,WAAA,CAAA,QAAA,CAAS,6BAA6B,eAAe,CAAA,CAAA;AACjE,EAAY,WAAA,CAAA,QAAA,CAAS,gBAAgB,IAAI,CAAA,CAAA;AACzC,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwBA,sBAAY,CAAA,CAAA;AACzD,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwB,WAAW,CAAA,CAAA;AACxD,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAC3C,EAAY,WAAA,CAAA,QAAA,CAAS,kBAAkB,MAAM,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,QAAA,CAAS,wBAAwB,YAAY,CAAA,CAAA;AACzD,EAAY,WAAA,CAAA,QAAA,CAAS,iBAAiB,KAAK,CAAA,CAAA;AAE7C;;;;"}

package/dist/javascript/collection/app/components/midwest/carousel_component/carousel_component_controller.js

@@ -17,7 +17,8 @@ class Carousel extends Controller {
   static targets = ["track", "prev", "next", "dot"];
   static values = {
     wizard: { type: Boolean, default: false },
-    autoplay: { type: Number, default: 0 }
+    autoplay: { type: Number, default: 0 },
+    loop: { type: Boolean, default: false }
   };
   observer = null;
   _currentIndex = 0;
@@ -53,10 +54,21 @@ class Carousel extends Controller {
     this.stopAutoplay();
   }
   next() {
-    this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: "smooth" });
+    const atEnd = this._currentIndex >= this.slides.length - 1;
+    if (this.loopValue && atEnd) {
+      this.slides[0]?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    } else {
+      this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: "smooth" });
+    }
   }
   previous() {
-    this.trackTarget.scrollBy({ left: -this.trackTarget.clientWidth, behavior: "smooth" });
+    const atStart = this._currentIndex <= 0;
+    if (this.loopValue && atStart) {
+      const last = this.slides[this.slides.length - 1];
+      last?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    } else {
+      this.trackTarget.scrollBy({ left: -this.trackTarget.clientWidth, behavior: "smooth" });
+    }
   }
   goto(event) {
     const button = event.currentTarget;
@@ -223,11 +235,11 @@ class Carousel extends Controller {
     const atStart = track.scrollLeft <= 0;
     const atEnd = track.scrollLeft >= track.scrollWidth - track.clientWidth - 1;
     if (this.hasPrevTarget)
-      this.prevTarget.classList.toggle("hide", atStart);
+      this.prevTarget.classList.toggle("hide", atStart && !this.loopValue);
     if (this.hasNextTarget) {
       const atLastSlide = this._currentIndex >= this.slides.length - 1;
       const frontierReached = this.wizardValue && this._currentIndex >= this._maxUnlocked;
-      this.nextTarget.classList.toggle("hide", atEnd || atLastSlide || frontierReached);
+      this.nextTarget.classList.toggle("hide", (atEnd || atLastSlide || frontierReached) && !this.loopValue);
     }
     if (this.wizardValue && this.hasDotTarget) {
       this.dotTargets.forEach((dot, i) => {

package/dist/javascript/collection/app/components/midwest/carousel_component/carousel_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel_component_controller.js","sources":["../../../../../../../app/components/midwest/carousel_component/carousel_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\n// Input types where pressing Enter in a form does NOT normally submit it.\n// For all other input types, Enter submits — so wizard mode intercepts it.\nconst NON_SUBMITTING_INPUT_TYPES = new Set([\n  'button', 'checkbox', 'color', 'file', 'hidden', 'image', 'radio', 'range', 'reset', 'submit'\n])\n\n// Tags that should receive arrow key events without carousel interception.\nconst FORM_ELEMENT_TAGS = new Set(['INPUT', 'TEXTAREA', 'SELECT'])\n\nexport default class Carousel extends Controller<HTMLElement> {\n  static targets = ['track', 'prev', 'next', 'dot']\n  static values = {\n    wizard: { type: Boolean, default: false },\n    autoplay: { type: Number, default: 0 }\n  }\n\n  declare readonly trackTarget: HTMLElement\n  declare readonly prevTarget: HTMLButtonElement\n  declare readonly nextTarget: HTMLButtonElement\n  declare readonly dotTargets: HTMLButtonElement[]\n  declare readonly hasPrevTarget: boolean\n  declare readonly hasNextTarget: boolean\n  declare readonly hasDotTarget: boolean\n  declare wizardValue: boolean\n  declare autoplayValue: number\n\n  private observer: IntersectionObserver | null = null\n  private _currentIndex = 0\n  private _maxUnlocked = 0\n  private _lastTouchX = 0\n  private _autoplayTimer: ReturnType<typeof setInterval> | null = null\n\n  connect () {\n    this.setupObserver()\n    this.updateNavigation()\n    this.element.addEventListener('keydown', this.handleArrowKeys)\n    if (this.wizardValue) {\n      this.element.addEventListener('keydown', this.handleKeydown)\n      this.trackTarget.addEventListener('wheel', this.handleWheel, { passive: false })\n      this.trackTarget.addEventListener('touchstart', this.handleTouchStart, { passive: true })\n      this.trackTarget.addEventListener('touchmove', this.handleTouchMove, { passive: false })\n      this.updateSlideAccessibility()\n    }\n    if (this.autoplayValue > 0) {\n      this.startAutoplay()\n      this.element.addEventListener('mouseenter', this.pauseAutoplay)\n      this.element.addEventListener('mouseleave', this.resumeAutoplay)\n    }\n  }\n\n  disconnect () {\n    this.observer?.disconnect()\n    this.element.removeEventListener('keydown', this.handleArrowKeys)\n    this.element.removeEventListener('keydown', this.handleKeydown)\n    this.element.removeEventListener('mouseenter', this.pauseAutoplay)\n    this.element.removeEventListener('mouseleave', this.resumeAutoplay)\n    this.trackTarget.removeEventListener('wheel', this.handleWheel)\n    this.trackTarget.removeEventListener('touchstart', this.handleTouchStart)\n    this.trackTarget.removeEventListener('touchmove', this.handleTouchMove)\n    this.stopAutoplay()\n  }\n\n  next () {\n    this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: 'smooth' })\n  }\n\n  previous () {\n    this.trackTarget.scrollBy({ left: -this.trackTarget.clientWidth, behavior: 'smooth' })\n  }\n\n  goto (event: Event) {\n    const button = event.currentTarget as HTMLButtonElement\n    const index = parseInt(button.dataset.index ?? '0', 10)\n    const slide = this.slides[index]\n    slide?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n  }\n\n  // Unlocks the next slide and advances to it. Intended for wizard mode: wire\n  // a \"Continue\" button inside a slide to this action so users progress\n  // linearly through steps before the carousel nav becomes available.\n  //\n  //   <button type=\"button\" data-action=\"click->midwest-carousel#unlockNext\">\n  //     Continue\n  //   </button>\n  unlockNext () {\n    const nextIndex = this._currentIndex + 1\n    if (nextIndex > this._maxUnlocked) {\n      this._maxUnlocked = nextIndex\n      this.updateSlideAccessibility()\n    }\n    this.next()\n  }\n\n  scrolled () {\n    if (this.wizardValue) this.clampToFrontier()\n    this.updateCurrentIndex()\n    this.updateNavigation()\n  }\n\n  // Arrow function so `this` is stable for add/removeEventListener pairing.\n  // Handles ArrowLeft/ArrowRight for keyboard slide navigation. Skips form\n  // elements so arrow keys continue to work normally inside inputs and selects.\n  private handleArrowKeys = (event: KeyboardEvent) => {\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return\n\n    const target = event.target as HTMLElement\n    if (FORM_ELEMENT_TAGS.has(target.tagName) || target.isContentEditable) return\n\n    event.preventDefault()\n    if (event.key === 'ArrowLeft') {\n      this.previous()\n    } else {\n      this.next()\n    }\n  }\n\n  // Arrow function so `this` is stable for add/removeEventListener pairing.\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter') return\n\n    const target = event.target as HTMLElement\n    // Only intercept Enter on text-like inputs; textarea newlines and button\n    // activations should pass through untouched.\n    if (target.tagName === 'TEXTAREA' || target.tagName !== 'INPUT') return\n    if (NON_SUBMITTING_INPUT_TYPES.has((target as HTMLInputElement).type)) return\n\n    // On the final step let Enter submit the form normally.\n    if (this._currentIndex >= this.slides.length - 1) return\n\n    event.preventDefault()\n    this.unlockNext()\n  }\n\n  // Blocks wheel-based horizontal scrolling past the wizard frontier.\n  private handleWheel = (event: WheelEvent) => {\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (event.deltaX > 0 && this.trackTarget.scrollLeft >= maxLeft - 2) {\n      event.preventDefault()\n    }\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    this._lastTouchX = event.touches[0].clientX\n  }\n\n  // Blocks touch-swipe scrolling past the wizard frontier. Tracks incremental\n  // delta per move event so direction is accurate mid-gesture.\n  private handleTouchMove = (event: TouchEvent) => {\n    const currentX = event.touches[0].clientX\n    const delta = currentX - this._lastTouchX // positive = swiping right (going back)\n    this._lastTouchX = currentX\n\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (delta < 0 && this.trackTarget.scrollLeft >= maxLeft - 2) {\n      event.preventDefault()\n    }\n  }\n\n  private pauseAutoplay = () => {\n    this.stopAutoplay()\n  }\n\n  private resumeAutoplay = () => {\n    this.startAutoplay()\n  }\n\n  private startAutoplay () {\n    if (this.autoplayValue <= 0 || this._autoplayTimer !== null) return\n    this._autoplayTimer = setInterval(() => { this.autoplayAdvance() }, this.autoplayValue)\n  }\n\n  private stopAutoplay () {\n    if (this._autoplayTimer === null) return\n    clearInterval(this._autoplayTimer)\n    this._autoplayTimer = null\n  }\n\n  private autoplayAdvance () {\n    const atEnd = this._currentIndex >= this.slides.length - 1\n    if (atEnd) {\n      const firstSlide = this.slides[0]\n      firstSlide?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    } else {\n      this.next()\n    }\n  }\n\n  private get slides (): HTMLElement[] {\n    return Array.from(this.trackTarget.children) as HTMLElement[]\n  }\n\n  // Snaps scroll position back to the frontier if the user somehow scrolled\n  // past it (e.g. momentum after a partially-blocked gesture).\n  private clampToFrontier () {\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (this.trackTarget.scrollLeft > maxLeft + 2) {\n      this.trackTarget.scrollLeft = maxLeft\n    }\n  }\n\n  // Applies/removes `inert` on each slide based on the wizard frontier,\n  // removing locked slides from the tab order and accessibility tree.\n  private updateSlideAccessibility () {\n    this.slides.forEach((slide, i) => {\n      if (i > this._maxUnlocked) {\n        slide.setAttribute('inert', '')\n      } else {\n        slide.removeAttribute('inert')\n      }\n    })\n  }\n\n  private updateCurrentIndex () {\n    const track = this.trackTarget\n    if (track.clientWidth > 0) {\n      this._currentIndex = Math.round(track.scrollLeft / track.clientWidth)\n    }\n  }\n\n  private setupObserver () {\n    if (!this.hasDotTarget) return\n    if (!('IntersectionObserver' in window)) return\n\n    this.observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach(entry => {\n          const index = this.slides.indexOf(entry.target as HTMLElement)\n          if (index >= 0) {\n            const dot = this.dotTargets[index]\n            if (!dot) return\n            dot.classList.toggle('active', entry.isIntersecting)\n            if (entry.isIntersecting) {\n              dot.setAttribute('aria-current', 'true')\n            } else {\n              dot.removeAttribute('aria-current')\n            }\n          }\n        })\n      },\n      { root: this.trackTarget, threshold: 0.5 }\n    )\n\n    this.slides.forEach(slide => this.observer?.observe(slide))\n  }\n\n  private updateNavigation () {\n    const track = this.trackTarget\n    const atStart = track.scrollLeft <= 0\n    const atEnd = track.scrollLeft >= track.scrollWidth - track.clientWidth - 1\n\n    if (this.hasPrevTarget) this.prevTarget.classList.toggle('hide', atStart)\n\n    if (this.hasNextTarget) {\n      const atLastSlide = this._currentIndex >= this.slides.length - 1\n      const frontierReached = this.wizardValue && this._currentIndex >= this._maxUnlocked\n      this.nextTarget.classList.toggle('hide', atEnd || atLastSlide || frontierReached)\n    }\n\n    if (this.wizardValue && this.hasDotTarget) {\n      this.dotTargets.forEach((dot, i) => {\n        const locked = i > this._maxUnlocked\n        dot.disabled = locked\n        dot.classList.toggle('locked', locked)\n      })\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"carousel_component_controller.js","sources":["../../../../../../../app/components/midwest/carousel_component/carousel_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\n// Input types where pressing Enter in a form does NOT normally submit it.\n// For all other input types, Enter submits — so wizard mode intercepts it.\nconst NON_SUBMITTING_INPUT_TYPES = new Set([\n  'button', 'checkbox', 'color', 'file', 'hidden', 'image', 'radio', 'range', 'reset', 'submit'\n])\n\n// Tags that should receive arrow key events without carousel interception.\nconst FORM_ELEMENT_TAGS = new Set(['INPUT', 'TEXTAREA', 'SELECT'])\n\nexport default class Carousel extends Controller<HTMLElement> {\n  static targets = ['track', 'prev', 'next', 'dot']\n  static values = {\n    wizard: { type: Boolean, default: false },\n    autoplay: { type: Number, default: 0 },\n    loop: { type: Boolean, default: false }\n  }\n\n  declare readonly trackTarget: HTMLElement\n  declare readonly prevTarget: HTMLButtonElement\n  declare readonly nextTarget: HTMLButtonElement\n  declare readonly dotTargets: HTMLButtonElement[]\n  declare readonly hasPrevTarget: boolean\n  declare readonly hasNextTarget: boolean\n  declare readonly hasDotTarget: boolean\n  declare wizardValue: boolean\n  declare autoplayValue: number\n  declare loopValue: boolean\n\n  private observer: IntersectionObserver | null = null\n  private _currentIndex = 0\n  private _maxUnlocked = 0\n  private _lastTouchX = 0\n  private _autoplayTimer: ReturnType<typeof setInterval> | null = null\n\n  connect () {\n    this.setupObserver()\n    this.updateNavigation()\n    this.element.addEventListener('keydown', this.handleArrowKeys)\n    if (this.wizardValue) {\n      this.element.addEventListener('keydown', this.handleKeydown)\n      this.trackTarget.addEventListener('wheel', this.handleWheel, { passive: false })\n      this.trackTarget.addEventListener('touchstart', this.handleTouchStart, { passive: true })\n      this.trackTarget.addEventListener('touchmove', this.handleTouchMove, { passive: false })\n      this.updateSlideAccessibility()\n    }\n    if (this.autoplayValue > 0) {\n      this.startAutoplay()\n      this.element.addEventListener('mouseenter', this.pauseAutoplay)\n      this.element.addEventListener('mouseleave', this.resumeAutoplay)\n    }\n  }\n\n  disconnect () {\n    this.observer?.disconnect()\n    this.element.removeEventListener('keydown', this.handleArrowKeys)\n    this.element.removeEventListener('keydown', this.handleKeydown)\n    this.element.removeEventListener('mouseenter', this.pauseAutoplay)\n    this.element.removeEventListener('mouseleave', this.resumeAutoplay)\n    this.trackTarget.removeEventListener('wheel', this.handleWheel)\n    this.trackTarget.removeEventListener('touchstart', this.handleTouchStart)\n    this.trackTarget.removeEventListener('touchmove', this.handleTouchMove)\n    this.stopAutoplay()\n  }\n\n  next () {\n    const atEnd = this._currentIndex >= this.slides.length - 1\n    if (this.loopValue && atEnd) {\n      this.slides[0]?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    } else {\n      this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: 'smooth' })\n    }\n  }\n\n  previous () {\n    const atStart = this._currentIndex <= 0\n    if (this.loopValue && atStart) {\n      const last = this.slides[this.slides.length - 1]\n      last?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    } else {\n      this.trackTarget.scrollBy({ left: -this.trackTarget.clientWidth, behavior: 'smooth' })\n    }\n  }\n\n  goto (event: Event) {\n    const button = event.currentTarget as HTMLButtonElement\n    const index = parseInt(button.dataset.index ?? '0', 10)\n    const slide = this.slides[index]\n    slide?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n  }\n\n  // Unlocks the next slide and advances to it. Intended for wizard mode: wire\n  // a \"Continue\" button inside a slide to this action so users progress\n  // linearly through steps before the carousel nav becomes available.\n  //\n  //   <button type=\"button\" data-action=\"click->midwest-carousel#unlockNext\">\n  //     Continue\n  //   </button>\n  unlockNext () {\n    const nextIndex = this._currentIndex + 1\n    if (nextIndex > this._maxUnlocked) {\n      this._maxUnlocked = nextIndex\n      this.updateSlideAccessibility()\n    }\n    this.next()\n  }\n\n  scrolled () {\n    if (this.wizardValue) this.clampToFrontier()\n    this.updateCurrentIndex()\n    this.updateNavigation()\n  }\n\n  // Arrow function so `this` is stable for add/removeEventListener pairing.\n  // Handles ArrowLeft/ArrowRight for keyboard slide navigation. Skips form\n  // elements so arrow keys continue to work normally inside inputs and selects.\n  private handleArrowKeys = (event: KeyboardEvent) => {\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return\n\n    const target = event.target as HTMLElement\n    if (FORM_ELEMENT_TAGS.has(target.tagName) || target.isContentEditable) return\n\n    event.preventDefault()\n    if (event.key === 'ArrowLeft') {\n      this.previous()\n    } else {\n      this.next()\n    }\n  }\n\n  // Arrow function so `this` is stable for add/removeEventListener pairing.\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter') return\n\n    const target = event.target as HTMLElement\n    // Only intercept Enter on text-like inputs; textarea newlines and button\n    // activations should pass through untouched.\n    if (target.tagName === 'TEXTAREA' || target.tagName !== 'INPUT') return\n    if (NON_SUBMITTING_INPUT_TYPES.has((target as HTMLInputElement).type)) return\n\n    // On the final step let Enter submit the form normally.\n    if (this._currentIndex >= this.slides.length - 1) return\n\n    event.preventDefault()\n    this.unlockNext()\n  }\n\n  // Blocks wheel-based horizontal scrolling past the wizard frontier.\n  private handleWheel = (event: WheelEvent) => {\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (event.deltaX > 0 && this.trackTarget.scrollLeft >= maxLeft - 2) {\n      event.preventDefault()\n    }\n  }\n\n  private handleTouchStart = (event: TouchEvent) => {\n    this._lastTouchX = event.touches[0].clientX\n  }\n\n  // Blocks touch-swipe scrolling past the wizard frontier. Tracks incremental\n  // delta per move event so direction is accurate mid-gesture.\n  private handleTouchMove = (event: TouchEvent) => {\n    const currentX = event.touches[0].clientX\n    const delta = currentX - this._lastTouchX // positive = swiping right (going back)\n    this._lastTouchX = currentX\n\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (delta < 0 && this.trackTarget.scrollLeft >= maxLeft - 2) {\n      event.preventDefault()\n    }\n  }\n\n  private pauseAutoplay = () => {\n    this.stopAutoplay()\n  }\n\n  private resumeAutoplay = () => {\n    this.startAutoplay()\n  }\n\n  private startAutoplay () {\n    if (this.autoplayValue <= 0 || this._autoplayTimer !== null) return\n    this._autoplayTimer = setInterval(() => { this.autoplayAdvance() }, this.autoplayValue)\n  }\n\n  private stopAutoplay () {\n    if (this._autoplayTimer === null) return\n    clearInterval(this._autoplayTimer)\n    this._autoplayTimer = null\n  }\n\n  private autoplayAdvance () {\n    const atEnd = this._currentIndex >= this.slides.length - 1\n    if (atEnd) {\n      const firstSlide = this.slides[0]\n      firstSlide?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' })\n    } else {\n      this.next()\n    }\n  }\n\n  private get slides (): HTMLElement[] {\n    return Array.from(this.trackTarget.children) as HTMLElement[]\n  }\n\n  // Snaps scroll position back to the frontier if the user somehow scrolled\n  // past it (e.g. momentum after a partially-blocked gesture).\n  private clampToFrontier () {\n    const maxLeft = this._maxUnlocked * this.trackTarget.clientWidth\n    if (this.trackTarget.scrollLeft > maxLeft + 2) {\n      this.trackTarget.scrollLeft = maxLeft\n    }\n  }\n\n  // Applies/removes `inert` on each slide based on the wizard frontier,\n  // removing locked slides from the tab order and accessibility tree.\n  private updateSlideAccessibility () {\n    this.slides.forEach((slide, i) => {\n      if (i > this._maxUnlocked) {\n        slide.setAttribute('inert', '')\n      } else {\n        slide.removeAttribute('inert')\n      }\n    })\n  }\n\n  private updateCurrentIndex () {\n    const track = this.trackTarget\n    if (track.clientWidth > 0) {\n      this._currentIndex = Math.round(track.scrollLeft / track.clientWidth)\n    }\n  }\n\n  private setupObserver () {\n    if (!this.hasDotTarget) return\n    if (!('IntersectionObserver' in window)) return\n\n    this.observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach(entry => {\n          const index = this.slides.indexOf(entry.target as HTMLElement)\n          if (index >= 0) {\n            const dot = this.dotTargets[index]\n            if (!dot) return\n            dot.classList.toggle('active', entry.isIntersecting)\n            if (entry.isIntersecting) {\n              dot.setAttribute('aria-current', 'true')\n            } else {\n              dot.removeAttribute('aria-current')\n            }\n          }\n        })\n      },\n      { root: this.trackTarget, threshold: 0.5 }\n    )\n\n    this.slides.forEach(slide => this.observer?.observe(slide))\n  }\n\n  private updateNavigation () {\n    const track = this.trackTarget\n    const atStart = track.scrollLeft <= 0\n    const atEnd = track.scrollLeft >= track.scrollWidth - track.clientWidth - 1\n\n    if (this.hasPrevTarget) this.prevTarget.classList.toggle('hide', atStart && !this.loopValue)\n\n    if (this.hasNextTarget) {\n      const atLastSlide = this._currentIndex >= this.slides.length - 1\n      const frontierReached = this.wizardValue && this._currentIndex >= this._maxUnlocked\n      this.nextTarget.classList.toggle('hide', (atEnd || atLastSlide || frontierReached) && !this.loopValue)\n    }\n\n    if (this.wizardValue && this.hasDotTarget) {\n      this.dotTargets.forEach((dot, i) => {\n        const locked = i > this._maxUnlocked\n        dot.disabled = locked\n        dot.classList.toggle('locked', locked)\n      })\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,22 +1,75 @@
 import { Controller } from '@hotwired/stimulus';
 
 class Autocomplete extends Controller {
-  static targets = ["input", "dropdown", "list", "tokens", "token", "multipleTokenTemplate", "singleTokenTemplate", "status"];
+  static targets = ["input", "dropdown", "list", "tokens", "multipleTokenTemplate", "singleTokenTemplate", "status", "turboList", "loader"];
   static values = {
     options: { type: Array, default: [] },
     url: { type: String, default: "" },
-    multiple: { type: Boolean, default: true }
+    multiple: { type: Boolean, default: true },
+    turboFrameUrl: { type: String, default: "" }
   };
-  selectedValues = /* @__PURE__ */ new Map();
   highlightedIndex = -1;
   fetchAbort = null;
+  searchTimer;
+  // ── Named handlers ─────────────────────────────────────────────────────────
+  // Arrow-function class properties preserve `this` and produce a stable
+  // reference so addEventListener/removeEventListener pairs always match.
+  onFrameLoad = () => {
+    this.syncSelectedState();
+    this.loading = false;
+    this.showDropdown();
+  };
+  onToggle = (e) => {
+    const opened = e.newState === "open";
+    this.inputTarget.setAttribute("aria-expanded", String(opened));
+    if (!opened) {
+      this.inputTarget.removeAttribute("aria-activedescendant");
+      this.highlightedIndex = -1;
+    }
+  };
+  onFocusOut = (e) => {
+    if (!this.element.contains(e.relatedTarget)) {
+      this.hideDropdown();
+    }
+  };
+  onListMouseDown = (e) => {
+    const option = e.target.closest(".midwest-autocomplete-option");
+    if (option) {
+      e.preventDefault();
+      this.pickItem(option);
+    }
+  };
+  // ── Lifecycle ───────────────────────────────────────────────────────────────
   connect() {
-    this.loadInitialTokens();
+    this.element.addEventListener("focusout", this.onFocusOut);
   }
   disconnect() {
     this.fetchAbort?.abort();
+    clearTimeout(this.searchTimer);
+    this.element.removeEventListener("focusout", this.onFocusOut);
   }
-  // ── Public actions ─────────────────────────────────────────────────────────
+  // Target callbacks — Stimulus calls these automatically when targets connect
+  // or disconnect, including after the initial connect(). This replaces manual
+  // hasTurboListTarget guards and addEventListener calls inside connect().
+  dropdownTargetConnected(el) {
+    el.addEventListener("toggle", this.onToggle);
+  }
+  dropdownTargetDisconnected(el) {
+    el.removeEventListener("toggle", this.onToggle);
+  }
+  listTargetConnected(el) {
+    el.addEventListener("mousedown", this.onListMouseDown);
+  }
+  listTargetDisconnected(el) {
+    el.removeEventListener("mousedown", this.onListMouseDown);
+  }
+  turboListTargetConnected(el) {
+    el.addEventListener("turbo:frame-load", this.onFrameLoad);
+  }
+  turboListTargetDisconnected(el) {
+    el.removeEventListener("turbo:frame-load", this.onFrameLoad);
+  }
+  // ── Public actions ──────────────────────────────────────────────────────────
   focusInput() {
     this.inputTarget.focus();
     this.open();
@@ -24,21 +77,20 @@ class Autocomplete extends Controller {
   open() {
     if (this.dropdownTarget.matches(":popover-open"))
       return;
-    const query = this.inputTarget.value.trim();
-    if (this.urlValue) {
-      this.fetch(query);
-    } else {
-      this.renderOptions(this.filteredOptions(query));
-    }
+    clearTimeout(this.searchTimer);
+    this.resolve(this.inputTarget.value.trim());
   }
-  async search() {
+  search() {
     const query = this.inputTarget.value.trim();
-    if (this.urlValue) {
-      await this.fetch(query);
-    } else {
+    if (!this.hasTurboListTarget && !this.urlValue) {
       this.renderOptions(this.filteredOptions(query));
+      return;
     }
-    this.showDropdown();
+    clearTimeout(this.searchTimer);
+    this.searchTimer = window.setTimeout(() => {
+      this.searchTimer = void 0;
+      this.resolve(query);
+    }, 200);
   }
   navigate(event) {
     switch (event.key) {
@@ -53,6 +105,8 @@ class Autocomplete extends Controller {
       }
       case "ArrowUp": {
         event.preventDefault();
+        if (!this.dropdownTarget.matches(":popover-open"))
+          break;
         const items = this.visibleOptions();
         this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);
         this.syncHighlight(items);
@@ -60,6 +114,8 @@ class Autocomplete extends Controller {
       }
       case "Enter": {
         event.preventDefault();
+        if (!this.dropdownTarget.matches(":popover-open"))
+          break;
         const items = this.visibleOptions();
         if (this.highlightedIndex >= 0 && items[this.highlightedIndex]) {
           this.pickItem(items[this.highlightedIndex]);
@@ -71,19 +127,14 @@ class Autocomplete extends Controller {
         break;
       case "Backspace":
         if (this.inputTarget.value === "" && this.multipleValue) {
-          const entries = Array.from(this.selectedValues.keys());
-          if (entries.length > 0)
-            this.deselect(entries[entries.length - 1]);
+          const tokens = this.tokensTarget.querySelectorAll("[data-value]");
+          const last = tokens[tokens.length - 1];
+          if (last?.dataset.value)
+            this.deselect(last.dataset.value);
         }
         break;
     }
   }
-  visibleOptions() {
-    return this.listTarget.querySelectorAll('.midwest-autocomplete-option:not([aria-selected="true"])');
-  }
-  handleBlur() {
-    setTimeout(() => this.hideDropdown(), 150);
-  }
   removeToken(event) {
     event.stopPropagation();
     const btn = event.currentTarget;
@@ -91,16 +142,31 @@ class Autocomplete extends Controller {
     if (value)
       this.deselect(value);
   }
-  // ── Private ────────────────────────────────────────────────────────────────
+  // Public action used by turbo-frame option items via data-action.
+  // Each server-rendered <li> should have:
+  //   data-action="mousedown->midwest-autocomplete#selectOption"
+  selectOption(event) {
+    event.preventDefault();
+    this.pickItem(event.currentTarget);
+  }
+  // ── Private ─────────────────────────────────────────────────────────────────
   get optionIdPrefix() {
     return `ac-opt-${(this.element.dataset.name ?? "field").replace(/\W/g, "-")}`;
   }
-  loadInitialTokens() {
-    this.tokenTargets.forEach((token) => {
-      const value = token.dataset.value ?? "";
-      const label = token.querySelector(".value")?.textContent?.trim() ?? value;
-      this.selectedValues.set(value, { value, label });
-    });
+  isSelected(value) {
+    return !!this.tokensTarget.querySelector(`[data-value="${CSS.escape(value)}"]`);
+  }
+  // Routes to the correct data source. Shared by open() and the debounced search path.
+  resolve(query) {
+    if (this.hasTurboListTarget) {
+      this.navigateFrame(query);
+      return;
+    }
+    if (this.urlValue) {
+      this.fetch(query);
+      return;
+    }
+    this.renderOptions(this.filteredOptions(query));
   }
   filteredOptions(query) {
     const q = query.toLowerCase();
@@ -108,10 +174,36 @@ class Autocomplete extends Controller {
       (o) => q === "" || o.label.toLowerCase().includes(q) || (o.support?.toLowerCase().includes(q) ?? false)
     );
   }
+  navigateFrame(query) {
+    const url = new URL(this.turboFrameUrlValue, window.location.href);
+    if (query)
+      url.searchParams.set("q", query);
+    this.tokensTarget.querySelectorAll("input[type=hidden]").forEach((input) => {
+      url.searchParams.append("selected[]", input.value);
+    });
+    this.loading = true;
+    this.turboListTarget.setAttribute("src", url.toString());
+    this.showDropdown();
+  }
+  // After a turbo frame loads, mark already-selected items and update the live region.
+  // The empty state element is always present in the frame and CSS shows/hides it
+  // based on whether any non-selected options exist.
+  syncSelectedState() {
+    const options = this.turboListTarget.querySelectorAll(".midwest-autocomplete-option");
+    options.forEach((option) => {
+      const val = option.dataset.value ?? "";
+      option.setAttribute("aria-selected", this.isSelected(val) ? "true" : "false");
+    });
+    const visibleCount = this.visibleOptions().length;
+    this.announce(visibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? "" : "s"} available` : "No more options");
+  }
   async fetch(query) {
     this.fetchAbort?.abort();
     this.fetchAbort = new AbortController();
-    this.showLoading();
+    this.listTarget.replaceChildren();
+    this.loading = true;
+    this.announce("Loading");
+    this.showDropdown();
     try {
       const url = new URL(this.urlValue, window.location.href);
       if (query)
@@ -129,11 +221,6 @@ class Autocomplete extends Controller {
     }
   }
   select(option) {
-    if (!this.multipleValue) {
-      this.selectedValues.forEach((_, val) => this.removeTokenElement(val));
-      this.selectedValues.clear();
-    }
-    this.selectedValues.set(option.value, option);
     this.appendToken(option);
     this.hideDropdown();
     this.inputTarget.value = "";
@@ -142,102 +229,106 @@ class Autocomplete extends Controller {
     this.dispatch("change", { detail: { value: option.value, label: option.label } });
   }
   deselect(value) {
-    const option = this.selectedValues.get(value);
-    this.selectedValues.delete(value);
-    this.removeTokenElement(value);
-    if (option)
-      this.announce(`${option.label} removed`);
+    const token = this.tokensTarget.querySelector(`[data-value="${CSS.escape(value)}"]`);
+    const label = token?.querySelector(".value")?.textContent?.trim();
+    token?.remove();
+    if (label)
+      this.announce(`${label} removed`);
     this.dispatch("change", { detail: { value: null } });
   }
   appendToken(option) {
-    const name = this.element.dataset.name ?? "";
+    if (!this.multipleValue) {
+      this.tokensTarget.querySelectorAll("[data-value]").forEach((el) => el.remove());
+    }
+    const template = this.multipleValue ? this.multipleTokenTemplateTarget : this.singleTokenTemplateTarget;
+    const fragment = template.content.cloneNode(true);
+    const badge = fragment.querySelector(".midwest-badge");
+    if (!badge)
+      return;
+    badge.dataset.value = option.value;
+    const valueEl = badge.querySelector(".value");
+    if (valueEl)
+      valueEl.textContent = option.label;
     if (this.multipleValue) {
-      const fragment = this.multipleTokenTemplateTarget.content.cloneNode(true);
-      const badge = fragment.querySelector(".midwest-badge");
-      badge.dataset.value = option.value;
-      badge.querySelector(".value").textContent = option.label;
       const removeBtn = badge.querySelector(".remove");
-      removeBtn.dataset.value = option.value;
-      removeBtn.setAttribute("aria-label", `Remove ${option.label}`);
-      const input = badge.querySelector("input[type=hidden]");
-      input.name = name;
-      input.value = option.value;
-      this.tokensTarget.appendChild(fragment);
-    } else {
-      this.tokensTarget.querySelectorAll("[data-value]").forEach((el) => el.remove());
-      const fragment = this.singleTokenTemplateTarget.content.cloneNode(true);
-      const badge = fragment.querySelector(".midwest-badge");
-      badge.dataset.value = option.value;
-      badge.querySelector(".value").textContent = option.label;
-      const input = badge.querySelector("input[type=hidden]");
-      input.name = name;
+      if (removeBtn) {
+        removeBtn.dataset.value = option.value;
+        removeBtn.setAttribute("aria-label", `Remove ${option.label}`);
+      }
+    }
+    const input = badge.querySelector("input[type=hidden]");
+    if (input) {
+      input.name = this.element.dataset.name ?? "";
       input.value = option.value;
-      this.tokensTarget.appendChild(fragment);
     }
-  }
-  removeTokenElement(value) {
-    const token = this.tokensTarget.querySelector(`[data-value="${CSS.escape(value)}"]`);
-    token?.remove();
+    this.tokensTarget.appendChild(fragment);
   }
   renderOptions(options) {
-    this.listTarget.innerHTML = "";
     this.highlightedIndex = -1;
     if (options.length === 0) {
       this.renderEmpty();
       return;
     }
+    this.listTarget.replaceChildren();
     options.forEach((option, index) => {
       const li = document.createElement("li");
       li.id = `${this.optionIdPrefix}-${index}`;
       li.className = "midwest-autocomplete-option";
       li.setAttribute("role", "option");
-      li.setAttribute("aria-selected", this.selectedValues.has(option.value) ? "true" : "false");
+      li.setAttribute("aria-selected", this.isSelected(option.value) ? "true" : "false");
       li.dataset.value = option.value;
-      li.innerHTML = `
-        <span class="midwest-autocomplete-option-label">${this.escapeHtml(option.label)}</span>
-        ${option.support ? `<span class="midwest-autocomplete-option-support">${this.escapeHtml(option.support)}</span>` : ""}
-      `;
-      li.addEventListener("mousedown", (e) => {
-        e.preventDefault();
-        this.select(option);
-      });
+      const label = document.createElement("span");
+      label.className = "midwest-autocomplete-option-label";
+      label.textContent = option.label;
+      li.appendChild(label);
+      if (option.support) {
+        const support = document.createElement("span");
+        support.className = "midwest-autocomplete-option-support";
+        support.textContent = option.support;
+        li.appendChild(support);
+      }
       this.listTarget.appendChild(li);
     });
-    const availableCount = options.filter((o) => !this.selectedValues.has(o.value)).length;
+    const availableCount = options.filter((o) => !this.isSelected(o.value)).length;
     if (availableCount === 0) {
       this.renderEmpty("No more options");
       return;
     }
+    this.loading = false;
     this.announce(`${availableCount} option${availableCount === 1 ? "" : "s"} available`);
     this.showDropdown();
   }
   renderEmpty(message = "No results") {
-    this.listTarget.innerHTML = `<li class="midwest-autocomplete-empty" aria-hidden="true">${this.escapeHtml(message)}</li>`;
+    const li = document.createElement("li");
+    li.className = "midwest-autocomplete-empty";
+    li.setAttribute("aria-hidden", "true");
+    li.textContent = message;
+    this.listTarget.replaceChildren(li);
+    this.loading = false;
     this.announce(message);
     this.showDropdown();
   }
-  showLoading() {
-    this.listTarget.innerHTML = '<li class="midwest-autocomplete-loading" aria-hidden="true">Loading\u2026</li>';
-    this.announce("Loading");
-    this.showDropdown();
+  set loading(on) {
+    if (this.hasLoaderTarget)
+      this.loaderTarget.hidden = !on;
   }
   showDropdown() {
     if (!this.dropdownTarget.matches(":popover-open"))
       this.dropdownTarget.showPopover();
-    this.inputTarget.setAttribute("aria-expanded", "true");
   }
   hideDropdown() {
     if (this.dropdownTarget.matches(":popover-open"))
       this.dropdownTarget.hidePopover();
-    this.inputTarget.setAttribute("aria-expanded", "false");
-    this.inputTarget.removeAttribute("aria-activedescendant");
-    this.highlightedIndex = -1;
+  }
+  visibleOptions() {
+    const container = this.hasTurboListTarget ? this.turboListTarget : this.listTarget;
+    return container.querySelectorAll('.midwest-autocomplete-option:not([aria-selected="true"])');
   }
   syncHighlight(items) {
     items.forEach((item, i) => item.classList.toggle("is-highlighted", i === this.highlightedIndex));
     const active = items[this.highlightedIndex];
     active?.scrollIntoView({ block: "nearest" });
-    if (active) {
+    if (active?.id) {
       this.inputTarget.setAttribute("aria-activedescendant", active.id);
     } else {
       this.inputTarget.removeAttribute("aria-activedescendant");
@@ -245,7 +336,7 @@ class Autocomplete extends Controller {
   }
   pickItem(item) {
     const value = item.dataset.value ?? "";
-    const label = item.querySelector(".midwest-autocomplete-option-label")?.textContent?.trim() ?? value;
+    const label = item.dataset.label?.trim() || item.querySelector(".midwest-autocomplete-option-label")?.textContent?.trim() || value;
     const support = item.querySelector(".midwest-autocomplete-option-support")?.textContent?.trim();
     this.select({ value, label, support });
   }
@@ -253,9 +344,6 @@ class Autocomplete extends Controller {
     if (this.hasStatusTarget)
       this.statusTarget.textContent = message;
   }
-  escapeHtml(str) {
-    return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-  }
 }
 
 export { Autocomplete as default };