@energysage/es-ds-components 5.7.2 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [6.0.0](https://github.com/EnergySage/es-ds/compare/es-ds-components-v5.7.3...es-ds-components-v6.0.0) (2026-09-08)
+
+
+### ⚠ BREAKING CHANGES
+
+* dependency updates ([#1782](https://github.com/EnergySage/es-ds/issues/1782))
+
+### Features
+
+* dependency updates ([#1782](https://github.com/EnergySage/es-ds/issues/1782)) ([a0cdac3](https://github.com/EnergySage/es-ds/commit/a0cdac3e425d38b6636e631a380a362ffe7fb9bc))
+
+
+### Dependencies
+
+* The following workspace dependencies were updated
+  * devDependencies
+    * @energysage/es-ds-styles bumped from ^3.5.9 to ^4.0.0
+
+## [5.7.3](https://github.com/EnergySage/es-ds/compare/es-ds-components-v5.7.2...es-ds-components-v5.7.3) (2026-07-31)
+
+
+### Bug Fixes
+
+* make EsCarousel autoplay stop upon interaction ([#1780](https://github.com/EnergySage/es-ds/issues/1780)) ([e5acf03](https://github.com/EnergySage/es-ds/commit/e5acf034f1af59d2ff25b5f50873c8a4312a1f5e))
+
 ## [5.7.2](https://github.com/EnergySage/es-ds/compare/es-ds-components-v5.7.1...es-ds-components-v5.7.2) (2026-07-29)
 
 

package/app/components/es-carousel.vue

@@ -156,11 +156,14 @@ const emblaOptions = computed<EmblaOptionsType>(() => {
     auto-advancing content is motion in its own right, so the preference should stop it entirely
     rather than merely removing the slide animation. (Manual paging stays instant via `duration`.)
 
-    It is a plugin, added at creation time. stopOnInteraction is false so it matches the previous
-    behavior of running until the user presses Esc.
+    It is a plugin, added at creation time. `stopOnInteraction` is on so that dragging the slides
+    stops autoplay and leaves it stopped — with it off, the plugin restarts the timer on pointer-up.
+    The plugin's own stop doesn't record anything on our side though, so we listen for the same
+    events (see onMounted) and route them through `stopAutoplay`, which remembers the stop and keeps
+    it from being undone by a reinitialization.
 */
 const autoplayEnabled = props.autoPlay && !prefersReducedMotion.value;
-const autoplayPlugins = autoplayEnabled ? [Autoplay({ delay: props.autoPlayInterval, stopOnInteraction: false })] : [];
+const autoplayPlugins = autoplayEnabled ? [Autoplay({ delay: props.autoPlayInterval, stopOnInteraction: true })] : [];
 
 // `emblaOptions` is passed as a ref, not unwrapped: the composable then watches it and reinitializes
 // the carousel itself when the options change, skipping the work when the new options are equivalent.
@@ -202,15 +205,31 @@ const onReInit = () => {
     }
 };
 
-const scrollPrev = () => emblaApi.value?.scrollPrev();
-const scrollNext = () => emblaApi.value?.scrollNext();
-const scrollTo = (index: number) => emblaApi.value?.scrollTo(index);
-
 const stopAutoplay = () => {
     autoplayStopped.value = true;
     emblaApi.value?.plugins()?.autoplay?.stop();
 };
 
+/*
+    Paging the carousel yourself stops autoplay for good. Once someone has taken control, having the
+    carousel keep moving under them fights whatever they were trying to look at.
+
+    These three cover the arrows and the dots. Dragging and swiping are handled separately, by the
+    `pointerDown` listener in onMounted, since those never come through here.
+*/
+const scrollPrev = () => {
+    stopAutoplay();
+    emblaApi.value?.scrollPrev();
+};
+const scrollNext = () => {
+    stopAutoplay();
+    emblaApi.value?.scrollNext();
+};
+const scrollTo = (index: number) => {
+    stopAutoplay();
+    emblaApi.value?.scrollTo(index);
+};
+
 // stop carousel when user presses Escape key, in lieu of a pause button
 // https://www.w3.org/WAI/WCAG22/Techniques/general/G187.html
 const onEscapeKeyup = (e: KeyboardEvent) => {
@@ -298,6 +317,16 @@ onMounted(() => {
         onReInit();
         api.on('select', onSelect);
         api.on('reInit', onReInit);
+        /*
+            The autoplay plugin stops itself on these two, but doesn't tell us, so a later
+            reinitialization would start it up again. Running our own handler on the same events
+            records the stop and keeps it stopped. Dragging and swiping arrive as `pointerDown`;
+            `slideFocusStart` is a slide receiving focus.
+        */
+        if (autoplayEnabled) {
+            api.on('pointerDown', stopAutoplay);
+            api.on('slideFocusStart', stopAutoplay);
+        }
     }
 
     if (autoplayEnabled) {
@@ -310,6 +339,8 @@ onBeforeUnmount(() => {
     if (api) {
         api.off('select', onSelect);
         api.off('reInit', onReInit);
+        api.off('pointerDown', stopAutoplay);
+        api.off('slideFocusStart', stopAutoplay);
     }
     document.removeEventListener('keyup', onEscapeKeyup);
 });

package/app/composables/forms.ts

@@ -15,7 +15,7 @@ export function useEsForms<T extends { [key in keyof Vargs]: any }, Vargs extend
     const isSubmitInProgress = computed(() => submitInProgress.value);
 
     const getFields = (obj: any, valueKey = 'obj') => {
-        let objKeys = null;
+        let objKeys;
         try {
             objKeys = Object.keys(obj);
 

package/nuxt.config.ts

@@ -39,6 +39,12 @@ export default defineNuxtConfig({
         components: {
             include: [],
         },
+        // None of the PrimeVue composables (usePrimeVue, useStyle, useConfirm, useToast, useDialog)
+        // are used. Their auto-import presets also fail Nuxt's NUXT_B6005 resolution check because
+        // PrimeVue 3 has no `exports` map, so leave them out entirely.
+        composables: {
+            include: [],
+        },
         options: {
             unstyled: true,
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@energysage/es-ds-components",
-    "version": "5.7.2",
+    "version": "6.0.0",
     "private": false,
     "type": "module",
     "description": "An EnergySage Vue component library",
@@ -29,7 +29,7 @@
     },
     "license": "MIT",
     "devDependencies": {
-        "@energysage/es-ds-styles": "^3.5.9",
+        "@energysage/es-ds-styles": "^4.0.0",
         "@nuxt/eslint": "^1.14.0",
         "@nuxtjs/google-fonts": "^3.2.0",
         "@phosphor-icons/vue": "^2.2.1",