@unabridged/midwest 0.23.4 → 0.24.3

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

@@ -36,6 +36,9 @@ import ViewportObserver from '../../../components/midwest/intersection_observer_
 import FocusTrap from '../../../components/midwest/focus_trap_component/focus_trap_component_controller.js';
 import Onboarding from '../../../components/midwest/onboarding_component/onboarding_component_controller.js';
 import ThemeSwitch from '../../../components/midwest/form/switch_component/theme_switch_controller.js';
+import Panorama from '../../../components/midwest/panorama_component/panorama_component_controller.js';
+import Playlist from '../../../components/midwest/playlist_component/playlist_component_controller.js';
+import Motion from '../../../components/midwest/motion_component/motion_component_controller.js';
 
 function registerMidwestControllers(application) {
   application.register("midwest-card", Card);
@@ -76,6 +79,9 @@ function registerMidwestControllers(application) {
   application.register("midwest-focus-trap", FocusTrap);
   application.register("midwest-onboarding", Onboarding);
   application.register("midwest-theme-switch", ThemeSwitch);
+  application.register("midwest-panorama", Panorama);
+  application.register("midwest-playlist", Playlist);
+  application.register("midwest-motion", Motion);
 }
 
 export { Banner, Card, Chart, CountdownTimer, 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 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'\nimport ColorPicker from '../../../components/midwest/form/color_picker_component/color_picker_component_controller'\nimport Notification from '../../../components/midwest/notification_component/notification_component_controller'\nimport HorizontalScroll from '../../../components/midwest/horizontal_scroll_component/horizontal_scroll_component_controller'\nimport Table from '../../../components/midwest/table_component/table_component_controller'\nimport LoadMore from '../../../components/midwest/table_component/load_more_controller'\nimport Pagination from '../../../components/midwest/pagination_component/pagination_component_controller'\nimport ShowIf from '../../../components/midwest/show_if_component/show_if_component_controller'\nimport TreeView from '../../../components/midwest/tree_view_component/tree_view_component_controller'\nimport CommandPalette from '../../../components/midwest/command_palette_component/command_palette_component_controller'\nimport Repeatable from '../../../components/midwest/form/repeatable_component/repeatable_component_controller'\nimport PasswordRequirements from '../../../components/midwest/password_requirements_component/password_requirements_component_controller'\nimport CodeBlock from '../../../components/midwest/code_block_component/code_block_component_controller'\nimport DatePicker from '../../../components/midwest/form/date_picker_component/date_picker_component_controller'\nimport TimePicker from '../../../components/midwest/form/time_picker_component/time_picker_component_controller'\nimport IntersectionObserver from '../../../components/midwest/intersection_observer_component/intersection_observer_component_controller'\nimport FocusTrap from '../../../components/midwest/focus_trap_component/focus_trap_component_controller'\nimport Onboarding from '../../../components/midwest/onboarding_component/onboarding_component_controller'\nimport ThemeSwitch from '../../../components/midwest/form/switch_component/theme_switch_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-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  application.register('midwest-color-picker', ColorPicker)\n  application.register('midwest-notification', Notification)\n  application.register('midwest-horizontal-scroll', HorizontalScroll)\n  application.register('midwest-table', Table)\n  application.register('midwest-load-more', LoadMore)\n  application.register('midwest-pagination', Pagination)\n  application.register('midwest-show-if', ShowIf)\n  application.register('midwest-tree-view', TreeView)\n  application.register('midwest-command-palette', CommandPalette)\n  application.register('midwest-repeatable', Repeatable)\n  application.register('midwest-password-requirements', PasswordRequirements)\n  application.register('midwest-code-block', CodeBlock)\n  application.register('midwest-date-picker', DatePicker)\n  application.register('midwest-time-picker', TimePicker)\n  application.register('midwest-intersection-observer', IntersectionObserver)\n  application.register('midwest-focus-trap', FocusTrap)\n  application.register('midwest-onboarding', Onboarding)\n  application.register('midwest-theme-switch', ThemeSwitch)\n  /* EXPORTS */\n}\n"],"names":["Confirmation","IntersectionObserver"],"mappings":"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"}
+{"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 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'\nimport ColorPicker from '../../../components/midwest/form/color_picker_component/color_picker_component_controller'\nimport Notification from '../../../components/midwest/notification_component/notification_component_controller'\nimport HorizontalScroll from '../../../components/midwest/horizontal_scroll_component/horizontal_scroll_component_controller'\nimport Table from '../../../components/midwest/table_component/table_component_controller'\nimport LoadMore from '../../../components/midwest/table_component/load_more_controller'\nimport Pagination from '../../../components/midwest/pagination_component/pagination_component_controller'\nimport ShowIf from '../../../components/midwest/show_if_component/show_if_component_controller'\nimport TreeView from '../../../components/midwest/tree_view_component/tree_view_component_controller'\nimport CommandPalette from '../../../components/midwest/command_palette_component/command_palette_component_controller'\nimport Repeatable from '../../../components/midwest/form/repeatable_component/repeatable_component_controller'\nimport PasswordRequirements from '../../../components/midwest/password_requirements_component/password_requirements_component_controller'\nimport CodeBlock from '../../../components/midwest/code_block_component/code_block_component_controller'\nimport DatePicker from '../../../components/midwest/form/date_picker_component/date_picker_component_controller'\nimport TimePicker from '../../../components/midwest/form/time_picker_component/time_picker_component_controller'\nimport IntersectionObserver from '../../../components/midwest/intersection_observer_component/intersection_observer_component_controller'\nimport FocusTrap from '../../../components/midwest/focus_trap_component/focus_trap_component_controller'\nimport Onboarding from '../../../components/midwest/onboarding_component/onboarding_component_controller'\nimport ThemeSwitch from '../../../components/midwest/form/switch_component/theme_switch_controller'\nimport Panorama from '../../../components/midwest/panorama_component/panorama_component_controller'\nimport Playlist from '../../../components/midwest/playlist_component/playlist_component_controller'\nimport Motion from '../../../components/midwest/motion_component/motion_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-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  application.register('midwest-color-picker', ColorPicker)\n  application.register('midwest-notification', Notification)\n  application.register('midwest-horizontal-scroll', HorizontalScroll)\n  application.register('midwest-table', Table)\n  application.register('midwest-load-more', LoadMore)\n  application.register('midwest-pagination', Pagination)\n  application.register('midwest-show-if', ShowIf)\n  application.register('midwest-tree-view', TreeView)\n  application.register('midwest-command-palette', CommandPalette)\n  application.register('midwest-repeatable', Repeatable)\n  application.register('midwest-password-requirements', PasswordRequirements)\n  application.register('midwest-code-block', CodeBlock)\n  application.register('midwest-date-picker', DatePicker)\n  application.register('midwest-time-picker', TimePicker)\n  application.register('midwest-intersection-observer', IntersectionObserver)\n  application.register('midwest-focus-trap', FocusTrap)\n  application.register('midwest-onboarding', Onboarding)\n  application.register('midwest-theme-switch', ThemeSwitch)\n  application.register('midwest-panorama', Panorama)\n  application.register('midwest-playlist', Playlist)\n  application.register('midwest-motion', Motion)\n  /* EXPORTS */\n}\n"],"names":["Confirmation","IntersectionObserver"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+function observeViewport(element, options = {}) {
+  const { threshold = 0, rootMargin = "0px", once = false, onEnter, onLeave } = options;
+  const observer = new IntersectionObserver(
+    (entries) => {
+      for (const entry of entries) {
+        if (entry.isIntersecting) {
+          onEnter?.(entry);
+          if (once)
+            observer.disconnect();
+        } else {
+          onLeave?.(entry);
+        }
+      }
+    },
+    { threshold, rootMargin }
+  );
+  observer.observe(element);
+  return () => observer.disconnect();
+}
+
+export { observeViewport };
+//# sourceMappingURL=viewport_observer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewport_observer.js","sources":["../../../../../../../app/assets/javascript/midwest/viewport_observer.ts"],"sourcesContent":["// Shared viewport-detection helper for components that react to scrolling into\n// and out of view (IntersectionObserverComponent, MotionComponent, …).\n//\n// Wraps the IntersectionObserver API so controllers only describe *what* to do\n// on enter/leave, not the observer plumbing. Components own the reaction (toggle\n// a class, dispatch an event, reveal an animation); this module owns creating,\n// observing, and tearing down the observer so the behavior stays consistent.\n\nexport interface ViewportObserverOptions {\n  // Fraction(s) of the element that must be visible to count as intersecting.\n  threshold?: number | number[]\n  // Margin around the viewport root (CSS shorthand string).\n  rootMargin?: string\n  // Stop observing after the first time the element enters the viewport.\n  once?: boolean\n  // Called each time the element enters the viewport.\n  onEnter?: (entry: IntersectionObserverEntry) => void\n  // Called each time the element leaves the viewport. Never called after the\n  // first enter when `once` is true (the observer has disconnected by then).\n  onLeave?: (entry: IntersectionObserverEntry) => void\n}\n\n// Observe `element` crossing the viewport threshold, invoking the callbacks as\n// it enters and leaves. Returns a teardown function that disconnects the\n// observer; callers should invoke it from their controller's `disconnect()`.\nexport function observeViewport (\n  element: Element,\n  options: ViewportObserverOptions = {}\n): () => void {\n  const { threshold = 0, rootMargin = '0px', once = false, onEnter, onLeave } = options\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      for (const entry of entries) {\n        if (entry.isIntersecting) {\n          onEnter?.(entry)\n          if (once) observer.disconnect()\n        } else {\n          onLeave?.(entry)\n        }\n      }\n    },\n    { threshold, rootMargin }\n  )\n\n  observer.observe(element)\n\n  return () => observer.disconnect()\n}\n"],"names":[],"mappings":"AAyBO,SAAS,eACd,CAAA,OAAA,EACA,OAAmC,GAAA,EACvB,EAAA;AACZ,EAAM,MAAA,EAAE,YAAY,CAAG,EAAA,UAAA,GAAa,OAAO,IAAO,GAAA,KAAA,EAAO,OAAS,EAAA,OAAA,EAAY,GAAA,OAAA,CAAA;AAE9E,EAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,IACnB,CAAC,OAAY,KAAA;AACX,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,IAAI,MAAM,cAAgB,EAAA;AACxB,UAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AACf,UAAI,IAAA,IAAA;AAAM,YAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,SACzB,MAAA;AACL,UAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,SACjB;AAAA,OACF;AAAA,KACF;AAAA,IACA,EAAE,WAAW,UAAW,EAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,QAAA,CAAS,QAAQ,OAAO,CAAA,CAAA;AAExB,EAAO,OAAA,MAAM,SAAS,UAAW,EAAA,CAAA;AACnC;;;;"}

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

@@ -71,7 +71,7 @@ class Carousel extends Controller {
     }
     const atEnd = this._currentIndex >= this.slides.length - 1;
     if (this.loopValue && atEnd) {
-      this.slides[0]?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+      this.trackTarget.scrollTo({ left: 0, behavior: "smooth" });
     } else {
       this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: "smooth" });
     }
@@ -85,8 +85,7 @@ class Carousel extends Controller {
     }
     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" });
+      this.trackTarget.scrollTo({ left: (this.slides.length - 1) * this.trackTarget.clientWidth, behavior: "smooth" });
     } else {
       this.trackTarget.scrollBy({ left: -this.trackTarget.clientWidth, behavior: "smooth" });
     }
@@ -98,8 +97,7 @@ class Carousel extends Controller {
       this.activateSlide(index);
       return;
     }
-    const slide = this.slides[index];
-    slide?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    this.trackTarget.scrollTo({ left: index * this.trackTarget.clientWidth, behavior: "smooth" });
   }
   // Unlocks the next slide and advances to it. Intended for wizard mode: wire
   // a "Continue" button inside a slide to this action so users progress
@@ -203,8 +201,7 @@ class Carousel extends Controller {
     }
     const atEnd = this._currentIndex >= this.slides.length - 1;
     if (atEnd) {
-      const firstSlide = this.slides[0];
-      firstSlide?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+      this.trackTarget.scrollTo({ left: 0, behavior: "smooth" });
     } else {
       this.next();
     }

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', 'status']\n  static values = {\n    wizard: { type: Boolean, default: false },\n    autoplay: { type: Number, default: 0 },\n    loop: { type: Boolean, default: false },\n    fade: { 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 statusTarget: HTMLElement\n  declare readonly hasPrevTarget: boolean\n  declare readonly hasNextTarget: boolean\n  declare readonly hasDotTarget: boolean\n  declare readonly hasStatusTarget: boolean\n  declare wizardValue: boolean\n  declare autoplayValue: number\n  declare loopValue: boolean\n  declare fadeValue: 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    if (this.fadeValue) {\n      this.initFade()\n    } else {\n      this.setupObserver()\n    }\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      // Pause when keyboard focus enters the carousel (WCAG 2.2.2)\n      this.element.addEventListener('focusin', this.pauseAutoplay)\n      this.element.addEventListener('focusout', 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.element.removeEventListener('focusin', this.pauseAutoplay)\n    this.element.removeEventListener('focusout', 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    if (this.fadeValue) {\n      const atEnd = this._currentIndex >= this.slides.length - 1\n      const nextIndex = this.loopValue && atEnd ? 0 : Math.min(this._currentIndex + 1, this.slides.length - 1)\n      this.activateSlide(nextIndex)\n      return\n    }\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    if (this.fadeValue) {\n      const atStart = this._currentIndex <= 0\n      const prevIndex = this.loopValue && atStart ? this.slides.length - 1 : Math.max(this._currentIndex - 1, 0)\n      this.activateSlide(prevIndex)\n      return\n    }\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    if (this.fadeValue) {\n      this.activateSlide(index)\n      return\n    }\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.fadeValue) return\n    if (this.wizardValue) this.clampToFrontier()\n    this.updateCurrentIndex()\n    this.updateNavigation()\n    this.announceSlide()\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    if (this.fadeValue) {\n      const nextIndex = (this._currentIndex + 1) % this.slides.length\n      this.activateSlide(nextIndex)\n      return\n    }\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  // Sets up the fade mode initial state. Marks the first slide active, hides\n  // all others from the accessibility tree, and adds .fade-ready so CSS hands\n  // control over to .is-active.\n  private initFade () {\n    this.slides.forEach((slide, i) => {\n      const active = i === 0\n      slide.classList.toggle('is-active', active)\n      slide.toggleAttribute('inert', !active)\n      slide.setAttribute('aria-hidden', String(!active))\n    })\n    this.element.classList.add('fade-ready')\n    this.syncPagerDots()\n  }\n\n  // Transitions to the slide at `index` in fade mode by swapping .is-active and\n  // hiding non-active slides from the accessibility tree.\n  private activateSlide (index: number) {\n    this.slides.forEach((slide, i) => {\n      const active = i === index\n      slide.classList.toggle('is-active', active)\n      slide.toggleAttribute('inert', !active)\n      slide.setAttribute('aria-hidden', String(!active))\n    })\n    this._currentIndex = index\n    this.updateNavigation()\n    this.syncPagerDots()\n    this.announceSlide()\n  }\n\n  // Syncs pager dot active state from _currentIndex. Used in fade mode where\n  // IntersectionObserver is not set up (the track doesn't scroll).\n  private syncPagerDots () {\n    if (!this.hasDotTarget) return\n    this.dotTargets.forEach((dot, i) => {\n      dot.classList.toggle('active', i === this._currentIndex)\n      if (i === this._currentIndex) {\n        dot.setAttribute('aria-current', 'true')\n      } else {\n        dot.removeAttribute('aria-current')\n      }\n    })\n  }\n\n  // Updates the sr-only live region so screen readers announce the new slide.\n  private announceSlide () {\n    if (!this.hasStatusTarget) return\n    this.statusTarget.textContent = `Slide ${this._currentIndex + 1} of ${this.slides.length}`\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    if (this.fadeValue) {\n      const atStart = this._currentIndex <= 0\n      const atEnd = this._currentIndex >= this.slides.length - 1\n      if (this.hasPrevTarget) {\n        const hide = atStart && !this.loopValue\n        this.prevTarget.classList.toggle('hide', hide)\n        this.prevTarget.disabled = hide\n      }\n      if (this.hasNextTarget) {\n        const hide = atEnd && !this.loopValue\n        this.nextTarget.classList.toggle('hide', hide)\n        this.nextTarget.disabled = hide\n      }\n      return\n    }\n\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) {\n      const hide = atStart && !this.loopValue\n      this.prevTarget.classList.toggle('hide', hide)\n      this.prevTarget.disabled = hide\n    }\n\n    if (this.hasNextTarget) {\n      const atLastSlide = this._currentIndex >= this.slides.length - 1\n      const frontierReached = this.wizardValue && this._currentIndex >= this._maxUnlocked\n      const hide = (atEnd || atLastSlide || frontierReached) && !this.loopValue\n      this.nextTarget.classList.toggle('hide', hide)\n      this.nextTarget.disabled = hide\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":["atEnd","atStart"],"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', 'status']\n  static values = {\n    wizard: { type: Boolean, default: false },\n    autoplay: { type: Number, default: 0 },\n    loop: { type: Boolean, default: false },\n    fade: { 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 statusTarget: HTMLElement\n  declare readonly hasPrevTarget: boolean\n  declare readonly hasNextTarget: boolean\n  declare readonly hasDotTarget: boolean\n  declare readonly hasStatusTarget: boolean\n  declare wizardValue: boolean\n  declare autoplayValue: number\n  declare loopValue: boolean\n  declare fadeValue: 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    if (this.fadeValue) {\n      this.initFade()\n    } else {\n      this.setupObserver()\n    }\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      // Pause when keyboard focus enters the carousel (WCAG 2.2.2)\n      this.element.addEventListener('focusin', this.pauseAutoplay)\n      this.element.addEventListener('focusout', 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.element.removeEventListener('focusin', this.pauseAutoplay)\n    this.element.removeEventListener('focusout', 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    if (this.fadeValue) {\n      const atEnd = this._currentIndex >= this.slides.length - 1\n      const nextIndex = this.loopValue && atEnd ? 0 : Math.min(this._currentIndex + 1, this.slides.length - 1)\n      this.activateSlide(nextIndex)\n      return\n    }\n    const atEnd = this._currentIndex >= this.slides.length - 1\n    if (this.loopValue && atEnd) {\n      this.trackTarget.scrollTo({ left: 0, behavior: 'smooth' })\n    } else {\n      this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: 'smooth' })\n    }\n  }\n\n  previous () {\n    if (this.fadeValue) {\n      const atStart = this._currentIndex <= 0\n      const prevIndex = this.loopValue && atStart ? this.slides.length - 1 : Math.max(this._currentIndex - 1, 0)\n      this.activateSlide(prevIndex)\n      return\n    }\n    const atStart = this._currentIndex <= 0\n    if (this.loopValue && atStart) {\n      this.trackTarget.scrollTo({ left: (this.slides.length - 1) * this.trackTarget.clientWidth, behavior: 'smooth' })\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    if (this.fadeValue) {\n      this.activateSlide(index)\n      return\n    }\n    this.trackTarget.scrollTo({ left: index * this.trackTarget.clientWidth, behavior: 'smooth' })\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.fadeValue) return\n    if (this.wizardValue) this.clampToFrontier()\n    this.updateCurrentIndex()\n    this.updateNavigation()\n    this.announceSlide()\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    if (this.fadeValue) {\n      const nextIndex = (this._currentIndex + 1) % this.slides.length\n      this.activateSlide(nextIndex)\n      return\n    }\n    const atEnd = this._currentIndex >= this.slides.length - 1\n    if (atEnd) {\n      this.trackTarget.scrollTo({ left: 0, behavior: 'smooth' })\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  // Sets up the fade mode initial state. Marks the first slide active, hides\n  // all others from the accessibility tree, and adds .fade-ready so CSS hands\n  // control over to .is-active.\n  private initFade () {\n    this.slides.forEach((slide, i) => {\n      const active = i === 0\n      slide.classList.toggle('is-active', active)\n      slide.toggleAttribute('inert', !active)\n      slide.setAttribute('aria-hidden', String(!active))\n    })\n    this.element.classList.add('fade-ready')\n    this.syncPagerDots()\n  }\n\n  // Transitions to the slide at `index` in fade mode by swapping .is-active and\n  // hiding non-active slides from the accessibility tree.\n  private activateSlide (index: number) {\n    this.slides.forEach((slide, i) => {\n      const active = i === index\n      slide.classList.toggle('is-active', active)\n      slide.toggleAttribute('inert', !active)\n      slide.setAttribute('aria-hidden', String(!active))\n    })\n    this._currentIndex = index\n    this.updateNavigation()\n    this.syncPagerDots()\n    this.announceSlide()\n  }\n\n  // Syncs pager dot active state from _currentIndex. Used in fade mode where\n  // IntersectionObserver is not set up (the track doesn't scroll).\n  private syncPagerDots () {\n    if (!this.hasDotTarget) return\n    this.dotTargets.forEach((dot, i) => {\n      dot.classList.toggle('active', i === this._currentIndex)\n      if (i === this._currentIndex) {\n        dot.setAttribute('aria-current', 'true')\n      } else {\n        dot.removeAttribute('aria-current')\n      }\n    })\n  }\n\n  // Updates the sr-only live region so screen readers announce the new slide.\n  private announceSlide () {\n    if (!this.hasStatusTarget) return\n    this.statusTarget.textContent = `Slide ${this._currentIndex + 1} of ${this.slides.length}`\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    if (this.fadeValue) {\n      const atStart = this._currentIndex <= 0\n      const atEnd = this._currentIndex >= this.slides.length - 1\n      if (this.hasPrevTarget) {\n        const hide = atStart && !this.loopValue\n        this.prevTarget.classList.toggle('hide', hide)\n        this.prevTarget.disabled = hide\n      }\n      if (this.hasNextTarget) {\n        const hide = atEnd && !this.loopValue\n        this.nextTarget.classList.toggle('hide', hide)\n        this.nextTarget.disabled = hide\n      }\n      return\n    }\n\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) {\n      const hide = atStart && !this.loopValue\n      this.prevTarget.classList.toggle('hide', hide)\n      this.prevTarget.disabled = hide\n    }\n\n    if (this.hasNextTarget) {\n      const atLastSlide = this._currentIndex >= this.slides.length - 1\n      const frontierReached = this.wizardValue && this._currentIndex >= this._maxUnlocked\n      const hide = (atEnd || atLastSlide || frontierReached) && !this.loopValue\n      this.nextTarget.classList.toggle('hide', hide)\n      this.nextTarget.disabled = hide\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":["atEnd","atStart"],"mappings":"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"}

package/dist/javascript/collection/app/components/midwest/command_palette_component/command_palette_component_controller.js

@@ -40,11 +40,16 @@ class CommandPalette extends Controller {
   commandPlaceholder = "";
   messages = [];
   streamAbort = null;
+  // While true, new/streamed content pins the transcript to the bottom. Turns
+  // false when the user scrolls up to read history so we don't yank them down.
+  stickToBottom = true;
   connect() {
     this.allItems = this.itemsValue;
     this.commandPlaceholder = this.inputTarget.placeholder;
     document.addEventListener("keydown", this.handleGlobalKeydown);
     this.element.addEventListener("click", this.handleBackdropClick);
+    if (this.hasBodyTarget)
+      this.bodyTarget.addEventListener("scroll", this.handleTranscriptScroll, { passive: true });
     if (!this.turboFrameUrlValue) {
       this.renderItems(this.allItems);
     }
@@ -52,6 +57,8 @@ class CommandPalette extends Controller {
   disconnect() {
     document.removeEventListener("keydown", this.handleGlobalKeydown);
     this.element.removeEventListener("click", this.handleBackdropClick);
+    if (this.hasBodyTarget)
+      this.bodyTarget.removeEventListener("scroll", this.handleTranscriptScroll);
     if (this.fetchAbort)
       this.fetchAbort.abort();
     if (this.streamAbort)
@@ -195,6 +202,7 @@ class CommandPalette extends Controller {
       this.transcriptTarget.innerHTML = "";
     if (this.hasStartersTarget)
       this.startersTarget.hidden = false;
+    this.stickToBottom = true;
     this.setBusy(false);
     this.setMode("command");
   }
@@ -234,6 +242,7 @@ class CommandPalette extends Controller {
     const text = this.inputTarget.value.trim();
     if (!text)
       return;
+    this.stickToBottom = true;
     this.appendMessage("user", text);
     this.messages.push({ role: "user", content: text });
     this.inputTarget.value = "";
@@ -305,16 +314,31 @@ class CommandPalette extends Controller {
       return null;
     }
   }
-  // Agentic events: the server streams a tool "action row" and/or a client
-  // directive (navigate / run a palette command). Directives reuse the same
-  // execution path as manual selection.
+  // Agentic events: the server streams a tool "action row", a live preview
+  // ("embed"), and/or a client directive (navigate / run a palette command).
+  // Directives reuse the same execution path as manual selection.
   handleAgentEvent(event) {
     if (event.type === "tool") {
       this.appendActionRow(event);
+    } else if (event.type === "embed" && event.srcdoc) {
+      this.appendEmbed(event);
     } else if (event.type === "directive" && event.directive) {
       this.performDirective(event.directive);
+    } else if (event.type === "error") {
+      this.renderStreamError(event.message);
     }
   }
+  // A server-reported failure (e.g. provider billing/rate-limit error). Render
+  // it into the current assistant bubble instead of failing silently.
+  renderStreamError(message) {
+    const last = this.currentAssistantMessage();
+    if (!last)
+      return;
+    last.classList.add("is-error");
+    const bubble = last.querySelector(".command-palette-message-bubble");
+    if (bubble)
+      bubble.textContent = message || "Something went wrong. Please try again.";
+  }
   // Action rows live in the current assistant message's card footer.
   appendActionRow(event) {
     if (!this.hasActionTemplateTarget)
@@ -323,19 +347,42 @@ class CommandPalette extends Controller {
     if (!footer)
       return;
     const action = cloneTemplate(this.actionTemplateTarget);
-    const label = action.querySelector(".command-palette-action-label");
+    const label = action.querySelector(".value");
     if (label)
       label.textContent = event.label || "Action";
     footer.hidden = false;
     footer.appendChild(action);
     this.scrollTranscript();
   }
+  // A live preview streamed by an agentic tool (e.g. generate_iframe). The
+  // server sends only the inner document; the client owns the <iframe> element
+  // and hard-codes the sandbox (no allow-scripts) so injected markup is styled
+  // but never executed — the markdown text path can't render HTML at all.
+  appendEmbed(event) {
+    const message = this.currentAssistantMessage();
+    if (!message || !event.srcdoc)
+      return;
+    const body = message.querySelector(".command-palette-message-body") || message;
+    const frame = document.createElement("iframe");
+    frame.className = "command-palette-embed";
+    frame.setAttribute("sandbox", "allow-same-origin");
+    frame.setAttribute("loading", "lazy");
+    frame.title = event.title || "Preview";
+    frame.srcdoc = event.srcdoc;
+    if (event.height)
+      frame.style.height = `${event.height}px`;
+    body.appendChild(frame);
+    this.scrollTranscript();
+  }
   currentActionFooter() {
+    const last = this.currentAssistantMessage();
+    return last ? last.querySelector(".command-palette-action-footer") : null;
+  }
+  currentAssistantMessage() {
     const messages = this.transcriptTarget.querySelectorAll(
       ".command-palette-message.role-assistant"
     );
-    const last = messages[messages.length - 1];
-    return last ? last.querySelector(".command-palette-action-footer") : null;
+    return messages[messages.length - 1] || null;
   }
   performDirective(directive) {
     if (directive.url) {
@@ -375,10 +422,21 @@ class CommandPalette extends Controller {
     if (this.hasTranscriptTarget)
       this.transcriptTarget.setAttribute("aria-busy", String(busy));
   }
+  // The body is the scrollable region; the transcript itself does not scroll.
   scrollTranscript() {
-    if (this.hasTranscriptTarget)
-      this.transcriptTarget.scrollTop = this.transcriptTarget.scrollHeight;
+    if (this.hasBodyTarget && this.stickToBottom) {
+      this.bodyTarget.scrollTop = this.bodyTarget.scrollHeight;
+    }
   }
+  // Track whether the user is anchored to the bottom. Once they scroll up to
+  // read earlier messages we stop auto-scrolling; returning to the bottom
+  // re-arms it so streamed text keeps the latest content on screen.
+  handleTranscriptScroll = () => {
+    if (!this.hasBodyTarget)
+      return;
+    const { scrollHeight, scrollTop, clientHeight } = this.bodyTarget;
+    this.stickToBottom = scrollHeight - scrollTop - clientHeight < 24;
+  };
   appendMessage(role, text) {
     const li = cloneTemplate(this.messageTemplateTarget);
     li.classList.add(`role-${role}`);