@unabridged/midwest 0.10.2 → 0.12.0

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

@@ -14,6 +14,9 @@ import FormLiveSummary from '../../../components/midwest/form/live_summary_compo
 import Form from '../../../components/midwest/form/form_controller.js';
 import CountdownTimer from '../../../components/midwest/countdown_timer_component/countdown_timer_component_controller.js';
 export { default as CountdownTimer } from '../../../components/midwest/countdown_timer_component/countdown_timer_component_controller.js';
+import Badge from '../../../components/midwest/badge_component/badge_component_controller.js';
+import ConfirmationController from '../../../components/midwest/confirmation_component/confirmation_component_controller.js';
+import AvatarGroup from '../../../components/midwest/avatar_group_component/avatar_group_component_controller.js';
 
 function registerMidwestControllers(application) {
   application.register("midwest-card", Card);
@@ -29,6 +32,9 @@ function registerMidwestControllers(application) {
   application.register("midwest-carousel", Carousel);
   application.register("midwest-form-live-summary", FormLiveSummary);
   application.register("midwest-form", Form);
+  application.register("midwest-badge", Badge);
+  application.register("midwest-confirmation", ConfirmationController);
+  application.register("midwest-avatar-group", AvatarGroup);
 }
 
 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'\n/* IMPORTS */\n\nexport { Card, Banner, CountdownTimer }\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  /* EXPORTS */\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBO,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;AAE3C;;;;"}
+{"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'\n/* IMPORTS */\n\nexport { Card, Banner, CountdownTimer }\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  /* EXPORTS */\n}\n"],"names":["Confirmation"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBO,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;AAE1D;;;;"}

package/dist/javascript/collection/app/components/midwest/accordion_component/accordion_component_controller.js

@@ -0,0 +1,30 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Accordion extends Controller {
+  static values = {
+    allowMultiple: { type: Boolean, default: false }
+  };
+  connect() {
+    this.element.addEventListener("click", this.handleClick);
+  }
+  disconnect() {
+    this.element.removeEventListener("click", this.handleClick);
+  }
+  handleClick = (event) => {
+    if (this.allowMultipleValue)
+      return;
+    const summary = event.target.closest("summary");
+    if (!summary)
+      return;
+    const clickedDetails = summary.closest("details");
+    if (!clickedDetails || clickedDetails.open)
+      return;
+    this.element.querySelectorAll("details[open]").forEach((details) => {
+      if (details !== clickedDetails)
+        details.open = false;
+    });
+  };
+}
+
+export { Accordion as default };
+//# sourceMappingURL=accordion_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/accordion_component/accordion_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_component_controller.js","sources":["../../../../../../../app/components/midwest/accordion_component/accordion_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Accordion extends Controller {\n  static values = {\n    allowMultiple: { type: Boolean, default: false }\n  }\n\n  declare allowMultipleValue: boolean\n\n  connect () {\n    this.element.addEventListener('click', this.handleClick)\n  }\n\n  disconnect () {\n    this.element.removeEventListener('click', this.handleClick)\n  }\n\n  private handleClick = (event: Event) => {\n    if (this.allowMultipleValue) return\n\n    const summary = (event.target as Element).closest('summary')\n    if (!summary) return\n\n    const clickedDetails = summary.closest('details') as HTMLDetailsElement\n    if (!clickedDetails || clickedDetails.open) return\n\n    this.element.querySelectorAll<HTMLDetailsElement>('details[open]').forEach(details => {\n      if (details !== clickedDetails) details.open = false\n    })\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,kBAAkB,UAAW,CAAA;AAAA,EAChD,OAAO,MAAS,GAAA;AAAA,IACd,aAAe,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,KAAM,EAAA;AAAA,GACjD,CAAA;AAAA,EAIA,OAAW,GAAA;AACT,IAAA,IAAA,CAAK,OAAQ,CAAA,gBAAA,CAAiB,OAAS,EAAA,IAAA,CAAK,WAAW,CAAA,CAAA;AAAA,GACzD;AAAA,EAEA,UAAc,GAAA;AACZ,IAAA,IAAA,CAAK,OAAQ,CAAA,mBAAA,CAAoB,OAAS,EAAA,IAAA,CAAK,WAAW,CAAA,CAAA;AAAA,GAC5D;AAAA,EAEQ,WAAA,GAAc,CAAC,KAAiB,KAAA;AACtC,IAAA,IAAI,IAAK,CAAA,kBAAA;AAAoB,MAAA,OAAA;AAE7B,IAAA,MAAM,OAAW,GAAA,KAAA,CAAM,MAAmB,CAAA,OAAA,CAAQ,SAAS,CAAA,CAAA;AAC3D,IAAA,IAAI,CAAC,OAAA;AAAS,MAAA,OAAA;AAEd,IAAM,MAAA,cAAA,GAAiB,OAAQ,CAAA,OAAA,CAAQ,SAAS,CAAA,CAAA;AAChD,IAAI,IAAA,CAAC,kBAAkB,cAAe,CAAA,IAAA;AAAM,MAAA,OAAA;AAE5C,IAAA,IAAA,CAAK,OAAQ,CAAA,gBAAA,CAAqC,eAAe,CAAA,CAAE,QAAQ,CAAW,OAAA,KAAA;AACpF,MAAA,IAAI,OAAY,KAAA,cAAA;AAAgB,QAAA,OAAA,CAAQ,IAAO,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAAA,GACH,CAAA;AACF;;;;"}

package/dist/javascript/collection/app/components/midwest/avatar_group_component/avatar_group_component_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from '@hotwired/stimulus';
+
+class AvatarGroup extends Controller {
+  static targets = ["overflow", "hidden"];
+  expand() {
+    this.element.classList.add("is-expanding");
+    this.hiddenTargets.forEach((wrapper) => {
+      wrapper.classList.add("is-visible");
+    });
+    if (this.hasOverflowTarget) {
+      this.overflowTarget.classList.add("avatar-overflow-hiding");
+      this.overflowTarget.addEventListener("transitionend", () => {
+        this.overflowTarget.remove();
+      }, { once: true });
+    }
+  }
+}
+
+export { AvatarGroup as default };
+//# sourceMappingURL=avatar_group_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/avatar_group_component/avatar_group_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar_group_component_controller.js","sources":["../../../../../../../app/components/midwest/avatar_group_component/avatar_group_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class AvatarGroup extends Controller<HTMLElement> {\n  static targets = ['overflow', 'hidden']\n\n  declare readonly overflowTarget: HTMLElement\n  declare readonly hiddenTargets: HTMLElement[]\n  declare readonly hasOverflowTarget: boolean\n\n  expand () {\n    this.element.classList.add('is-expanding')\n\n    this.hiddenTargets.forEach(wrapper => {\n      wrapper.classList.add('is-visible')\n    })\n\n    if (this.hasOverflowTarget) {\n      this.overflowTarget.classList.add('avatar-overflow-hiding')\n      this.overflowTarget.addEventListener('transitionend', () => {\n        this.overflowTarget.remove()\n      }, { once: true })\n    }\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,oBAAoB,UAAwB,CAAA;AAAA,EAC/D,OAAO,OAAA,GAAU,CAAC,UAAA,EAAY,QAAQ,CAAA,CAAA;AAAA,EAMtC,MAAU,GAAA;AACR,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,cAAc,CAAA,CAAA;AAEzC,IAAK,IAAA,CAAA,aAAA,CAAc,QAAQ,CAAW,OAAA,KAAA;AACpC,MAAQ,OAAA,CAAA,SAAA,CAAU,IAAI,YAAY,CAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAA,IAAI,KAAK,iBAAmB,EAAA;AAC1B,MAAK,IAAA,CAAA,cAAA,CAAe,SAAU,CAAA,GAAA,CAAI,wBAAwB,CAAA,CAAA;AAC1D,MAAK,IAAA,CAAA,cAAA,CAAe,gBAAiB,CAAA,eAAA,EAAiB,MAAM;AAC1D,QAAA,IAAA,CAAK,eAAe,MAAO,EAAA,CAAA;AAAA,OAC1B,EAAA,EAAE,IAAM,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,KACnB;AAAA,GACF;AACF;;;;"}

package/dist/javascript/collection/app/components/midwest/badge_component/badge_component_controller.js

@@ -0,0 +1,10 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Badge extends Controller {
+  remove() {
+    this.element.remove();
+  }
+}
+
+export { Badge as default };
+//# sourceMappingURL=badge_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/badge_component/badge_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge_component_controller.js","sources":["../../../../../../../app/components/midwest/badge_component/badge_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Badge extends Controller {\n  remove () {\n    this.element.remove()\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,cAAc,UAAW,CAAA;AAAA,EAC5C,MAAU,GAAA;AACR,IAAA,IAAA,CAAK,QAAQ,MAAO,EAAA,CAAA;AAAA,GACtB;AACF;;;;"}

package/dist/javascript/collection/app/components/midwest/banner_component/banner_component_controller.js

@@ -6,6 +6,11 @@ class Banner extends Controller {
     this.element.classList.add("visible");
   }
   close() {
+    if (!this.element.classList.contains("animated")) {
+      this.element.style.display = "none";
+      return;
+    }
+    this.element.classList.remove("shown");
     this.element.classList.add("closing");
     setTimeout(() => {
       this.element.classList.add("closed");

package/dist/javascript/collection/app/components/midwest/banner_component/banner_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner_component_controller.js","sources":["../../../../../../../app/components/midwest/banner_component/banner_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Banner extends Controller<HTMLFormElement> {\n  connect () {\n    this.element.classList.add('shown')\n    this.element.classList.add('visible')\n  }\n\n  close () {\n    this.element.classList.add('closing')\n    setTimeout(() => {\n      this.element.classList.add('closed')\n    }, 350)\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,eAAe,UAA4B,CAAA;AAAA,EAC9D,OAAW,GAAA;AACT,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAClC,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,KAAS,GAAA;AACP,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA;AACpC,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAAA,OAClC,GAAG,CAAA,CAAA;AAAA,GACR;AACF;;;;"}
+{"version":3,"file":"banner_component_controller.js","sources":["../../../../../../../app/components/midwest/banner_component/banner_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Banner extends Controller<HTMLFormElement> {\n  connect () {\n    this.element.classList.add('shown')\n    this.element.classList.add('visible')\n  }\n\n  close () {\n    if (!this.element.classList.contains('animated')) {\n      this.element.style.display = 'none'\n      return\n    }\n\n    this.element.classList.remove('shown')\n    this.element.classList.add('closing')\n    setTimeout(() => {\n      this.element.classList.add('closed')\n    }, 350)\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,eAAe,UAA4B,CAAA;AAAA,EAC9D,OAAW,GAAA;AACT,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAClC,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,KAAS,GAAA;AACP,IAAA,IAAI,CAAC,IAAK,CAAA,OAAA,CAAQ,SAAU,CAAA,QAAA,CAAS,UAAU,CAAG,EAAA;AAChD,MAAK,IAAA,CAAA,OAAA,CAAQ,MAAM,OAAU,GAAA,MAAA,CAAA;AAC7B,MAAA,OAAA;AAAA,KACF;AAEA,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACrC,IAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,SAAS,CAAA,CAAA;AACpC,IAAA,UAAA,CAAW,MAAM;AACf,MAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAAA,OAClC,GAAG,CAAA,CAAA;AAAA,GACR;AACF;;;;"}

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

@@ -12,18 +12,22 @@ const NON_SUBMITTING_INPUT_TYPES = /* @__PURE__ */ new Set([
   "reset",
   "submit"
 ]);
+const FORM_ELEMENT_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
 class Carousel extends Controller {
   static targets = ["track", "prev", "next", "dot"];
   static values = {
-    wizard: { type: Boolean, default: false }
+    wizard: { type: Boolean, default: false },
+    autoplay: { type: Number, default: 0 }
   };
   observer = null;
   _currentIndex = 0;
   _maxUnlocked = 0;
   _lastTouchX = 0;
+  _autoplayTimer = null;
   connect() {
     this.setupObserver();
     this.updateNavigation();
+    this.element.addEventListener("keydown", this.handleArrowKeys);
     if (this.wizardValue) {
       this.element.addEventListener("keydown", this.handleKeydown);
       this.trackTarget.addEventListener("wheel", this.handleWheel, { passive: false });
@@ -31,13 +35,22 @@ class Carousel extends Controller {
       this.trackTarget.addEventListener("touchmove", this.handleTouchMove, { passive: false });
       this.updateSlideAccessibility();
     }
+    if (this.autoplayValue > 0) {
+      this.startAutoplay();
+      this.element.addEventListener("mouseenter", this.pauseAutoplay);
+      this.element.addEventListener("mouseleave", this.resumeAutoplay);
+    }
   }
   disconnect() {
     this.observer?.disconnect();
+    this.element.removeEventListener("keydown", this.handleArrowKeys);
     this.element.removeEventListener("keydown", this.handleKeydown);
+    this.element.removeEventListener("mouseenter", this.pauseAutoplay);
+    this.element.removeEventListener("mouseleave", this.resumeAutoplay);
     this.trackTarget.removeEventListener("wheel", this.handleWheel);
     this.trackTarget.removeEventListener("touchstart", this.handleTouchStart);
     this.trackTarget.removeEventListener("touchmove", this.handleTouchMove);
+    this.stopAutoplay();
   }
   next() {
     this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: "smooth" });
@@ -73,6 +86,22 @@ class Carousel extends Controller {
     this.updateNavigation();
   }
   // Arrow function so `this` is stable for add/removeEventListener pairing.
+  // Handles ArrowLeft/ArrowRight for keyboard slide navigation. Skips form
+  // elements so arrow keys continue to work normally inside inputs and selects.
+  handleArrowKeys = (event) => {
+    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight")
+      return;
+    const target = event.target;
+    if (FORM_ELEMENT_TAGS.has(target.tagName) || target.isContentEditable)
+      return;
+    event.preventDefault();
+    if (event.key === "ArrowLeft") {
+      this.previous();
+    } else {
+      this.next();
+    }
+  };
+  // Arrow function so `this` is stable for add/removeEventListener pairing.
   handleKeydown = (event) => {
     if (event.key !== "Enter")
       return;
@@ -107,6 +136,34 @@ class Carousel extends Controller {
       event.preventDefault();
     }
   };
+  pauseAutoplay = () => {
+    this.stopAutoplay();
+  };
+  resumeAutoplay = () => {
+    this.startAutoplay();
+  };
+  startAutoplay() {
+    if (this.autoplayValue <= 0 || this._autoplayTimer !== null)
+      return;
+    this._autoplayTimer = setInterval(() => {
+      this.autoplayAdvance();
+    }, this.autoplayValue);
+  }
+  stopAutoplay() {
+    if (this._autoplayTimer === null)
+      return;
+    clearInterval(this._autoplayTimer);
+    this._autoplayTimer = null;
+  }
+  autoplayAdvance() {
+    const atEnd = this._currentIndex >= this.slides.length - 1;
+    if (atEnd) {
+      const firstSlide = this.slides[0];
+      firstSlide?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    } else {
+      this.next();
+    }
+  }
   get slides() {
     return Array.from(this.trackTarget.children);
   }

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\nexport default class Carousel extends Controller<HTMLElement> {\n  static targets = ['track', 'prev', 'next', 'dot']\n  static values = {\n    wizard: { 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\n  private observer: IntersectionObserver | null = null\n  private _currentIndex = 0\n  private _maxUnlocked = 0\n  private _lastTouchX = 0\n\n  connect () {\n    this.setupObserver()\n    this.updateNavigation()\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  }\n\n  disconnect () {\n    this.observer?.disconnect()\n    this.element.removeEventListener('keydown', this.handleKeydown)\n    this.trackTarget.removeEventListener('wheel', this.handleWheel)\n    this.trackTarget.removeEventListener('touchstart', this.handleTouchStart)\n    this.trackTarget.removeEventListener('touchmove', this.handleTouchMove)\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  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 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  }\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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"}

package/dist/javascript/collection/app/components/midwest/confirmation_component/confirmation_component_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from '@hotwired/stimulus';
+
+class ConfirmationController extends Controller {
+  static targets = ["input", "submitButton"];
+  static values = { confirmText: String };
+  connect() {
+    this.validate();
+  }
+  validate() {
+    const matches = this.inputTarget.value === this.confirmTextValue;
+    this.submitButtonTarget.classList.toggle("disabled", !matches);
+    this.submitButtonTarget.setAttribute("aria-disabled", String(!matches));
+    if (matches) {
+      this.submitButtonTarget.removeAttribute("tabindex");
+    } else {
+      this.submitButtonTarget.setAttribute("tabindex", "-1");
+    }
+  }
+}
+
+export { ConfirmationController as default };
+//# sourceMappingURL=confirmation_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/confirmation_component/confirmation_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation_component_controller.js","sources":["../../../../../../../app/components/midwest/confirmation_component/confirmation_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class ConfirmationController extends Controller {\n  static targets = ['input', 'submitButton']\n  static values = { confirmText: String }\n\n  declare readonly inputTarget: HTMLInputElement\n  declare readonly submitButtonTarget: HTMLElement\n  declare confirmTextValue: string\n\n  connect () {\n    this.validate()\n  }\n\n  validate () {\n    const matches = this.inputTarget.value === this.confirmTextValue\n    this.submitButtonTarget.classList.toggle('disabled', !matches)\n    this.submitButtonTarget.setAttribute('aria-disabled', String(!matches))\n\n    if (matches) {\n      this.submitButtonTarget.removeAttribute('tabindex')\n    } else {\n      this.submitButtonTarget.setAttribute('tabindex', '-1')\n    }\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,+BAA+B,UAAW,CAAA;AAAA,EAC7D,OAAO,OAAA,GAAU,CAAC,OAAA,EAAS,cAAc,CAAA,CAAA;AAAA,EACzC,OAAO,MAAA,GAAS,EAAE,WAAA,EAAa,MAAO,EAAA,CAAA;AAAA,EAMtC,OAAW,GAAA;AACT,IAAA,IAAA,CAAK,QAAS,EAAA,CAAA;AAAA,GAChB;AAAA,EAEA,QAAY,GAAA;AACV,IAAA,MAAM,OAAU,GAAA,IAAA,CAAK,WAAY,CAAA,KAAA,KAAU,IAAK,CAAA,gBAAA,CAAA;AAChD,IAAA,IAAA,CAAK,kBAAmB,CAAA,SAAA,CAAU,MAAO,CAAA,UAAA,EAAY,CAAC,OAAO,CAAA,CAAA;AAC7D,IAAA,IAAA,CAAK,mBAAmB,YAAa,CAAA,eAAA,EAAiB,MAAO,CAAA,CAAC,OAAO,CAAC,CAAA,CAAA;AAEtE,IAAA,IAAI,OAAS,EAAA;AACX,MAAK,IAAA,CAAA,kBAAA,CAAmB,gBAAgB,UAAU,CAAA,CAAA;AAAA,KAC7C,MAAA;AACL,MAAK,IAAA,CAAA,kBAAA,CAAmB,YAAa,CAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAAA,KACvD;AAAA,GACF;AACF;;;;"}

package/dist/javascript/collection/app/components/midwest/tooltip_component/tooltip_component_controller.js

@@ -2,21 +2,37 @@ import { Controller } from '@hotwired/stimulus';
 
 class Tooltip extends Controller {
   static targets = ["popover"];
+  static values = {
+    delay: { type: Number, default: 0 }
+  };
+  showTimer = null;
   connect() {
     document.addEventListener("keydown", this.handleKeydown);
   }
   disconnect() {
     document.removeEventListener("keydown", this.handleKeydown);
+    this.cancelShow();
   }
   show() {
-    this.popoverTarget.showPopover();
+    if (this.delayValue > 0) {
+      this.showTimer = setTimeout(() => this.popoverTarget.showPopover(), this.delayValue);
+    } else {
+      this.popoverTarget.showPopover();
+    }
   }
   hide() {
+    this.cancelShow();
     try {
       this.popoverTarget.hidePopover();
     } catch {
     }
   }
+  cancelShow() {
+    if (this.showTimer !== null) {
+      clearTimeout(this.showTimer);
+      this.showTimer = null;
+    }
+  }
   handleKeydown = (event) => {
     if (event.key !== "Escape")
       return;

package/dist/javascript/collection/app/components/midwest/tooltip_component/tooltip_component_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_component_controller.js","sources":["../../../../../../../app/components/midwest/tooltip_component/tooltip_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Tooltip extends Controller<HTMLElement> {\n  static targets = ['popover']\n\n  declare readonly popoverTarget: HTMLElement\n\n  connect () {\n    document.addEventListener('keydown', this.handleKeydown)\n  }\n\n  disconnect () {\n    document.removeEventListener('keydown', this.handleKeydown)\n  }\n\n  show () {\n    this.popoverTarget.showPopover()\n  }\n\n  hide () {\n    try {\n      this.popoverTarget.hidePopover()\n    } catch {\n      // already hidden\n    }\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape') return\n    this.hide()\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,gBAAgB,UAAwB,CAAA;AAAA,EAC3D,OAAO,OAAU,GAAA,CAAC,SAAS,CAAA,CAAA;AAAA,EAI3B,OAAW,GAAA;AACT,IAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAAA,GACzD;AAAA,EAEA,UAAc,GAAA;AACZ,IAAS,QAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAAA,GAC5D;AAAA,EAEA,IAAQ,GAAA;AACN,IAAA,IAAA,CAAK,cAAc,WAAY,EAAA,CAAA;AAAA,GACjC;AAAA,EAEA,IAAQ,GAAA;AACN,IAAI,IAAA;AACF,MAAA,IAAA,CAAK,cAAc,WAAY,EAAA,CAAA;AAAA,KAC/B,CAAA,MAAA;AAAA,KAEF;AAAA,GACF;AAAA,EAEQ,aAAA,GAAgB,CAAC,KAAyB,KAAA;AAChD,IAAA,IAAI,MAAM,GAAQ,KAAA,QAAA;AAAU,MAAA,OAAA;AAC5B,IAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,GACZ,CAAA;AACF;;;;"}
+{"version":3,"file":"tooltip_component_controller.js","sources":["../../../../../../../app/components/midwest/tooltip_component/tooltip_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\nexport default class Tooltip extends Controller<HTMLElement> {\n  static targets = ['popover']\n  static values = {\n    delay: { type: Number, default: 0 }\n  }\n\n  declare readonly popoverTarget: HTMLElement\n  declare delayValue: number\n\n  private showTimer: ReturnType<typeof setTimeout> | null = null\n\n  connect () {\n    document.addEventListener('keydown', this.handleKeydown)\n  }\n\n  disconnect () {\n    document.removeEventListener('keydown', this.handleKeydown)\n    this.cancelShow()\n  }\n\n  show () {\n    if (this.delayValue > 0) {\n      this.showTimer = setTimeout(() => this.popoverTarget.showPopover(), this.delayValue)\n    } else {\n      this.popoverTarget.showPopover()\n    }\n  }\n\n  hide () {\n    this.cancelShow()\n    try {\n      this.popoverTarget.hidePopover()\n    } catch {\n      // already hidden\n    }\n  }\n\n  private cancelShow () {\n    if (this.showTimer !== null) {\n      clearTimeout(this.showTimer)\n      this.showTimer = null\n    }\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape') return\n    this.hide()\n  }\n}\n"],"names":[],"mappings":";;AAEA,MAAqB,gBAAgB,UAAwB,CAAA;AAAA,EAC3D,OAAO,OAAU,GAAA,CAAC,SAAS,CAAA,CAAA;AAAA,EAC3B,OAAO,MAAS,GAAA;AAAA,IACd,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,CAAE,EAAA;AAAA,GACpC,CAAA;AAAA,EAKQ,SAAkD,GAAA,IAAA,CAAA;AAAA,EAE1D,OAAW,GAAA;AACT,IAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAAA,GACzD;AAAA,EAEA,UAAc,GAAA;AACZ,IAAS,QAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAC1D,IAAA,IAAA,CAAK,UAAW,EAAA,CAAA;AAAA,GAClB;AAAA,EAEA,IAAQ,GAAA;AACN,IAAI,IAAA,IAAA,CAAK,aAAa,CAAG,EAAA;AACvB,MAAK,IAAA,CAAA,SAAA,GAAY,WAAW,MAAM,IAAA,CAAK,cAAc,WAAY,EAAA,EAAG,KAAK,UAAU,CAAA,CAAA;AAAA,KAC9E,MAAA;AACL,MAAA,IAAA,CAAK,cAAc,WAAY,EAAA,CAAA;AAAA,KACjC;AAAA,GACF;AAAA,EAEA,IAAQ,GAAA;AACN,IAAA,IAAA,CAAK,UAAW,EAAA,CAAA;AAChB,IAAI,IAAA;AACF,MAAA,IAAA,CAAK,cAAc,WAAY,EAAA,CAAA;AAAA,KAC/B,CAAA,MAAA;AAAA,KAEF;AAAA,GACF;AAAA,EAEQ,UAAc,GAAA;AACpB,IAAI,IAAA,IAAA,CAAK,cAAc,IAAM,EAAA;AAC3B,MAAA,YAAA,CAAa,KAAK,SAAS,CAAA,CAAA;AAC3B,MAAA,IAAA,CAAK,SAAY,GAAA,IAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAAA,EAEQ,aAAA,GAAgB,CAAC,KAAyB,KAAA;AAChD,IAAA,IAAI,MAAM,GAAQ,KAAA,QAAA;AAAU,MAAA,OAAA;AAC5B,IAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,GACZ,CAAA;AACF;;;;"}

package/dist/javascript/midwest.js

@@ -536,6 +536,11 @@ class Banner extends Controller {
     this.element.classList.add("visible");
   }
   close() {
+    if (!this.element.classList.contains("animated")) {
+      this.element.style.display = "none";
+      return;
+    }
+    this.element.classList.remove("shown");
     this.element.classList.add("closing");
     setTimeout(() => {
       this.element.classList.add("closed");
@@ -3155,21 +3160,37 @@ class Tabs extends Controller {
 
 class Tooltip extends Controller {
   static targets = ["popover"];
+  static values = {
+    delay: { type: Number, default: 0 }
+  };
+  showTimer = null;
   connect() {
     document.addEventListener("keydown", this.handleKeydown);
   }
   disconnect() {
     document.removeEventListener("keydown", this.handleKeydown);
+    this.cancelShow();
   }
   show() {
-    this.popoverTarget.showPopover();
+    if (this.delayValue > 0) {
+      this.showTimer = setTimeout(() => this.popoverTarget.showPopover(), this.delayValue);
+    } else {
+      this.popoverTarget.showPopover();
+    }
   }
   hide() {
+    this.cancelShow();
     try {
       this.popoverTarget.hidePopover();
     } catch {
     }
   }
+  cancelShow() {
+    if (this.showTimer !== null) {
+      clearTimeout(this.showTimer);
+      this.showTimer = null;
+    }
+  }
   handleKeydown = (event) => {
     if (event.key !== "Escape")
       return;
@@ -3189,18 +3210,22 @@ const NON_SUBMITTING_INPUT_TYPES = /* @__PURE__ */ new Set([
   "reset",
   "submit"
 ]);
+const FORM_ELEMENT_TAGS = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT"]);
 class Carousel extends Controller {
   static targets = ["track", "prev", "next", "dot"];
   static values = {
-    wizard: { type: Boolean, default: false }
+    wizard: { type: Boolean, default: false },
+    autoplay: { type: Number, default: 0 }
   };
   observer = null;
   _currentIndex = 0;
   _maxUnlocked = 0;
   _lastTouchX = 0;
+  _autoplayTimer = null;
   connect() {
     this.setupObserver();
     this.updateNavigation();
+    this.element.addEventListener("keydown", this.handleArrowKeys);
     if (this.wizardValue) {
       this.element.addEventListener("keydown", this.handleKeydown);
       this.trackTarget.addEventListener("wheel", this.handleWheel, { passive: false });
@@ -3208,13 +3233,22 @@ class Carousel extends Controller {
       this.trackTarget.addEventListener("touchmove", this.handleTouchMove, { passive: false });
       this.updateSlideAccessibility();
     }
+    if (this.autoplayValue > 0) {
+      this.startAutoplay();
+      this.element.addEventListener("mouseenter", this.pauseAutoplay);
+      this.element.addEventListener("mouseleave", this.resumeAutoplay);
+    }
   }
   disconnect() {
     this.observer?.disconnect();
+    this.element.removeEventListener("keydown", this.handleArrowKeys);
     this.element.removeEventListener("keydown", this.handleKeydown);
+    this.element.removeEventListener("mouseenter", this.pauseAutoplay);
+    this.element.removeEventListener("mouseleave", this.resumeAutoplay);
     this.trackTarget.removeEventListener("wheel", this.handleWheel);
     this.trackTarget.removeEventListener("touchstart", this.handleTouchStart);
     this.trackTarget.removeEventListener("touchmove", this.handleTouchMove);
+    this.stopAutoplay();
   }
   next() {
     this.trackTarget.scrollBy({ left: this.trackTarget.clientWidth, behavior: "smooth" });
@@ -3250,6 +3284,22 @@ class Carousel extends Controller {
     this.updateNavigation();
   }
   // Arrow function so `this` is stable for add/removeEventListener pairing.
+  // Handles ArrowLeft/ArrowRight for keyboard slide navigation. Skips form
+  // elements so arrow keys continue to work normally inside inputs and selects.
+  handleArrowKeys = (event) => {
+    if (event.key !== "ArrowLeft" && event.key !== "ArrowRight")
+      return;
+    const target = event.target;
+    if (FORM_ELEMENT_TAGS.has(target.tagName) || target.isContentEditable)
+      return;
+    event.preventDefault();
+    if (event.key === "ArrowLeft") {
+      this.previous();
+    } else {
+      this.next();
+    }
+  };
+  // Arrow function so `this` is stable for add/removeEventListener pairing.
   handleKeydown = (event) => {
     if (event.key !== "Enter")
       return;
@@ -3284,6 +3334,34 @@ class Carousel extends Controller {
       event.preventDefault();
     }
   };
+  pauseAutoplay = () => {
+    this.stopAutoplay();
+  };
+  resumeAutoplay = () => {
+    this.startAutoplay();
+  };
+  startAutoplay() {
+    if (this.autoplayValue <= 0 || this._autoplayTimer !== null)
+      return;
+    this._autoplayTimer = setInterval(() => {
+      this.autoplayAdvance();
+    }, this.autoplayValue);
+  }
+  stopAutoplay() {
+    if (this._autoplayTimer === null)
+      return;
+    clearInterval(this._autoplayTimer);
+    this._autoplayTimer = null;
+  }
+  autoplayAdvance() {
+    const atEnd = this._currentIndex >= this.slides.length - 1;
+    if (atEnd) {
+      const firstSlide = this.slides[0];
+      firstSlide?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    } else {
+      this.next();
+    }
+  }
   get slides() {
     return Array.from(this.trackTarget.children);
   }
@@ -3538,6 +3616,46 @@ class CountdownTimer extends Controller {
   }
 }
 
+class Badge extends Controller {
+  remove() {
+    this.element.remove();
+  }
+}
+
+class ConfirmationController extends Controller {
+  static targets = ["input", "submitButton"];
+  static values = { confirmText: String };
+  connect() {
+    this.validate();
+  }
+  validate() {
+    const matches = this.inputTarget.value === this.confirmTextValue;
+    this.submitButtonTarget.classList.toggle("disabled", !matches);
+    this.submitButtonTarget.setAttribute("aria-disabled", String(!matches));
+    if (matches) {
+      this.submitButtonTarget.removeAttribute("tabindex");
+    } else {
+      this.submitButtonTarget.setAttribute("tabindex", "-1");
+    }
+  }
+}
+
+class AvatarGroup extends Controller {
+  static targets = ["overflow", "hidden"];
+  expand() {
+    this.element.classList.add("is-expanding");
+    this.hiddenTargets.forEach((wrapper) => {
+      wrapper.classList.add("is-visible");
+    });
+    if (this.hasOverflowTarget) {
+      this.overflowTarget.classList.add("avatar-overflow-hiding");
+      this.overflowTarget.addEventListener("transitionend", () => {
+        this.overflowTarget.remove();
+      }, { once: true });
+    }
+  }
+}
+
 function registerMidwestControllers(application) {
   application.register("midwest-card", Card);
   application.register("midwest-banner", Banner);
@@ -3552,6 +3670,9 @@ function registerMidwestControllers(application) {
   application.register("midwest-carousel", Carousel);
   application.register("midwest-form-live-summary", FormLiveSummary);
   application.register("midwest-form", Form);
+  application.register("midwest-badge", Badge);
+  application.register("midwest-confirmation", ConfirmationController);
+  application.register("midwest-avatar-group", AvatarGroup);
 }
 
 export { Banner, Card, CountdownTimer, registerMidwestControllers };