@carbon/utilities 0.20.0-rc.0 → 0.21.0-rc.0

package/es/carousel/index.d.ts

@@ -1,2 +1,2 @@
-import { a as InitCarousel, i as Config, n as CarouselResponse, o as TranslationKey, r as CarouselStackHistory, t as initCarousel } from "../chunk-BxtJV719.js";
-export { CarouselResponse, CarouselStackHistory, Config, InitCarousel, TranslationKey, initCarousel };
+import { a as InitCarousel, i as Config, n as CarouselResponse, o as TranslationKey, r as CarouselStackHistory, t as initCarousel } from "../chunk-DHHCmWMn.js";
+export { type CarouselResponse, type CarouselStackHistory, Config, type InitCarousel, TranslationKey, initCarousel };

package/es/carousel/index.js

@@ -1,2 +1,2 @@
-import { t as initCarousel } from "../chunk-DMEZ3h3f.js";
+import { t as initCarousel } from "../chunk-8mMgI_GR.js";
 export { initCarousel };

package/es/{chunk-DMEZ3h3f.js → chunk-8mMgI_GR.js}

@@ -112,6 +112,8 @@ const initCarousel = (carouselContainer, config) => {
 	let previousViewIndexStack = [0];
 	const refs = {};
 	const carouselListeners = /* @__PURE__ */ new WeakMap();
+	const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	let supportsAnimations;
 	const minHeight = 4;
 	const { onViewChangeStart, onViewChangeEnd, excludeSwipeSupport, useMaxHeight, translateWithId: t = defaultTranslateWithId } = config || {};
 	/**
@@ -228,12 +230,14 @@ const initCarousel = (carouselContainer, config) => {
 	* @returns {void}
 	*/
 	const transitionToViewIndex = (idx) => {
+		const viewItems = getCarouselItems();
 		const sanitizedIndex = sanitizeIndex(idx);
 		if (viewIndexStack[0] !== sanitizedIndex) {
 			handleTransitionStart();
 			viewIndexStack = [sanitizedIndex, ...viewIndexStack];
 			syncLiveRegionWithActiveView();
 			performAnimation(false);
+			if ((prefersReducedMotion || prefersReducedMotion === false && supportsAnimations === false) && viewItems) handleTransitionEnd(viewItems[sanitizedIndex]);
 		}
 	};
 	const transitionComplete = (ref) => {
@@ -314,6 +318,7 @@ const initCarousel = (carouselContainer, config) => {
 				const listener = (e) => {
 					removeReCycleClasses(viewItem);
 					if (e.target === refs[viewIndexStack[0]]) transitionComplete(viewItem);
+					if (!supportsAnimations) supportsAnimations = true;
 				};
 				carouselListeners.set(viewItem, listener);
 				viewItem.addEventListener("animationend", listener);
@@ -340,10 +345,15 @@ const initCarousel = (carouselContainer, config) => {
 	*/
 	const navigatePrev = () => {
 		if (viewIndexStack.length - 1 >= 1) {
+			const viewItems = getCarouselItems();
 			handleTransitionStart();
 			viewIndexStack = viewIndexStack.slice(1);
 			syncLiveRegionWithActiveView();
 			performAnimation(false);
+			if ((prefersReducedMotion || prefersReducedMotion === false && !supportsAnimations) && viewItems) {
+				const targetViewIndex = viewIndexStack[0];
+				handleTransitionEnd(viewItems[targetViewIndex]);
+			}
 		}
 	};
 	/**

package/es/{chunk-D7jICOmO.js → chunk-WCnoMKEo.js}

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "./chunk-pbuEa-1d.js";
+import { t as __exportAll } from "./chunk-D7D4PA-g.js";
 //#region src/dateTimeFormat/relative.ts
 var relative_exports = /* @__PURE__ */ __exportAll({ format: () => format$1 });
 /**

package/es/dateTimeFormat/index.d.ts

@@ -1,2 +1,2 @@
-import { t as dateTimeFormat } from "../chunk-BIOsKtwb.js";
+import { t as dateTimeFormat } from "../chunk-B_oT5GVP.js";
 export { dateTimeFormat };

package/es/dateTimeFormat/index.js

@@ -1,2 +1,2 @@
-import { t as dateTimeFormat } from "../chunk-D7jICOmO.js";
+import { t as dateTimeFormat } from "../chunk-WCnoMKEo.js";
 export { dateTimeFormat };

package/es/index.d.ts

@@ -1,8 +1,8 @@
-import { a as InitCarousel, i as Config, n as CarouselResponse, o as TranslationKey, r as CarouselStackHistory, t as initCarousel } from "./chunk-BxtJV719.js";
+import { a as InitCarousel, i as Config, n as CarouselResponse, o as TranslationKey, r as CarouselStackHistory, t as initCarousel } from "./chunk-DHHCmWMn.js";
 import { datePartsOrder } from "./datePartsOrder/index.js";
-import { t as dateTimeFormat } from "./chunk-BIOsKtwb.js";
+import { t as dateTimeFormat } from "./chunk-B_oT5GVP.js";
 import { getDocumentLang, subscribeDocumentLangChange } from "./documentLang/index.js";
 import { makeDraggable } from "./makeDraggable/index.js";
 import { OverflowHandler, OverflowHandlerOptions, UpdateOverflowHandlerOptions, createOverflowHandler, getSize, updateOverflowHandler } from "./overflowHandler/index.js";
-export * from "@internationalized/number";
-export { CarouselResponse, CarouselStackHistory, Config, InitCarousel, OverflowHandler, OverflowHandlerOptions, TranslationKey, UpdateOverflowHandlerOptions, createOverflowHandler, datePartsOrder, dateTimeFormat, getDocumentLang, getSize, initCarousel, makeDraggable, subscribeDocumentLangChange, updateOverflowHandler };
+export type * from "@internationalized/number";
+export { type CarouselResponse, type CarouselStackHistory, Config, type InitCarousel, OverflowHandler, OverflowHandlerOptions, TranslationKey, UpdateOverflowHandlerOptions, createOverflowHandler, datePartsOrder, dateTimeFormat, getDocumentLang, getSize, initCarousel, makeDraggable, subscribeDocumentLangChange, updateOverflowHandler };

package/es/index.js

@@ -1,6 +1,6 @@
-import { t as initCarousel } from "./chunk-DMEZ3h3f.js";
+import { t as initCarousel } from "./chunk-8mMgI_GR.js";
 import { datePartsOrder } from "./datePartsOrder/index.js";
-import { t as dateTimeFormat } from "./chunk-D7jICOmO.js";
+import { t as dateTimeFormat } from "./chunk-WCnoMKEo.js";
 import { getDocumentLang, subscribeDocumentLangChange } from "./documentLang/index.js";
 import { makeDraggable } from "./makeDraggable/index.js";
 import { createOverflowHandler, getSize, updateOverflowHandler } from "./overflowHandler/index.js";

package/lib/carousel/index.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_carousel = require("../chunk-DVu1wdA8.js");
+const require_carousel = require("../chunk-BE34e-3u.js");
 exports.initCarousel = require_carousel.initCarousel;

package/lib/{chunk-DVu1wdA8.js → chunk-BE34e-3u.js}

@@ -112,6 +112,8 @@ const initCarousel = (carouselContainer, config) => {
 	let previousViewIndexStack = [0];
 	const refs = {};
 	const carouselListeners = /* @__PURE__ */ new WeakMap();
+	const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+	let supportsAnimations;
 	const minHeight = 4;
 	const { onViewChangeStart, onViewChangeEnd, excludeSwipeSupport, useMaxHeight, translateWithId: t = defaultTranslateWithId } = config || {};
 	/**
@@ -228,12 +230,14 @@ const initCarousel = (carouselContainer, config) => {
 	* @returns {void}
 	*/
 	const transitionToViewIndex = (idx) => {
+		const viewItems = getCarouselItems();
 		const sanitizedIndex = sanitizeIndex(idx);
 		if (viewIndexStack[0] !== sanitizedIndex) {
 			handleTransitionStart();
 			viewIndexStack = [sanitizedIndex, ...viewIndexStack];
 			syncLiveRegionWithActiveView();
 			performAnimation(false);
+			if ((prefersReducedMotion || prefersReducedMotion === false && supportsAnimations === false) && viewItems) handleTransitionEnd(viewItems[sanitizedIndex]);
 		}
 	};
 	const transitionComplete = (ref) => {
@@ -314,6 +318,7 @@ const initCarousel = (carouselContainer, config) => {
 				const listener = (e) => {
 					removeReCycleClasses(viewItem);
 					if (e.target === refs[viewIndexStack[0]]) transitionComplete(viewItem);
+					if (!supportsAnimations) supportsAnimations = true;
 				};
 				carouselListeners.set(viewItem, listener);
 				viewItem.addEventListener("animationend", listener);
@@ -340,10 +345,15 @@ const initCarousel = (carouselContainer, config) => {
 	*/
 	const navigatePrev = () => {
 		if (viewIndexStack.length - 1 >= 1) {
+			const viewItems = getCarouselItems();
 			handleTransitionStart();
 			viewIndexStack = viewIndexStack.slice(1);
 			syncLiveRegionWithActiveView();
 			performAnimation(false);
+			if ((prefersReducedMotion || prefersReducedMotion === false && !supportsAnimations) && viewItems) {
+				const targetViewIndex = viewIndexStack[0];
+				handleTransitionEnd(viewItems[targetViewIndex]);
+			}
 		}
 	};
 	/**

package/lib/dateTimeFormat/index.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dateTimeFormat = require("../chunk-D5n0j0X6.js");
+const require_dateTimeFormat = require("../chunk-Cd3Qp242.js");
 exports.dateTimeFormat = require_dateTimeFormat.dateTimeFormat;

package/lib/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dateTimeFormat = require("./chunk-D5n0j0X6.js");
-const require_carousel = require("./chunk-DVu1wdA8.js");
+const require_dateTimeFormat = require("./chunk-Cd3Qp242.js");
+const require_carousel = require("./chunk-BE34e-3u.js");
 const require_datePartsOrder_index = require("./datePartsOrder/index.js");
 const require_documentLang_index = require("./documentLang/index.js");
 const require_makeDraggable_index = require("./makeDraggable/index.js");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/utilities",
   "description": "Utilities and helpers to drive consistency across software products using the Carbon Design System",
-  "version": "0.20.0-rc.0",
+  "version": "0.21.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -59,12 +59,12 @@
   },
   "devDependencies": {
     "rimraf": "^6.0.1",
-    "tsdown": "^0.21.0",
-    "typescript-config-carbon": "^0.10.0-rc.0"
+    "tsdown": "^0.22.0",
+    "typescript-config-carbon": "^0.10.0"
   },
   "dependencies": {
     "@ibm/telemetry-js": "^1.6.1",
     "@internationalized/number": "^3.6.1"
   },
-  "gitHead": "3d219dfcc2a3da515016f7ce0e769d013c3a6c03"
+  "gitHead": "415bf87b56763dc172a38f310ee5536e70dd792b"
 }