@kiva/kv-components 3.5.0 → 3.5.2

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.5.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.5.1...@kiva/kv-components@3.5.2) (2022-09-15)
+
+
+### Bug Fixes
+
+* **KvCarousel:** slidesToScroll should not be 0 MARS-248 ([c2fc929](https://github.com/kiva/kv-ui-elements/commit/c2fc929fbdcf87a061b71fff14b91ab8064fc130))
+
+
+
+
+
+## [3.5.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.5.0...@kiva/kv-components@3.5.1) (2022-09-13)
+
+
+### Bug Fixes
+
+* **KvCarousel:** incorrect slide marked as current ([f496e7c](https://github.com/kiva/kv-ui-elements/commit/f496e7c0a8fdebd1f6e003f4c79b57a5926b0c4a))
+
+
+
+
+
 # [3.5.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.4.0...@kiva/kv-components@3.5.0) (2022-09-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -68,5 +68,5 @@
       "optional": true
     }
   },
-  "gitHead": "09af63c2169df1b45e40de57569ce5b51b6141fc"
+  "gitHead": "0c86a3bf05ab8d27e7d48d7c6f9e67e559dc0155"
 }

package/vue/KvCarousel.vue

@@ -1,7 +1,7 @@
 <template>
 	<section
 		ref="rootEl"
-		class="tw-overflow-hidden tw-w-full"
+		class="kv-carousel tw-overflow-hidden tw-w-full"
 		aria-label="carousel"
 	>
 		<!-- Carousel Content -->
@@ -15,8 +15,8 @@
 				class="tw-flex-none tw-relative"
 				role="group"
 				:aria-label="`slide ${index + 1} of ${componentSlotKeys.length}`"
-				:aria-current="true ? currentIndex + 1 === index : false"
-				:aria-hidden="isAriaHidden(index)"
+				:aria-current="currentIndex === index ? 'true' : 'false'"
+				:aria-hidden="isAriaHidden(index)? 'true' : 'false'"
 				:tab-index="isAriaHidden(index) ? '-1' : false"
 				:class="{ 'tw-w-full': !multipleSlidesVisible || slideMaxWidth }"
 				:style="slideMaxWidth ? `max-width:${slideMaxWidth}` :''"
@@ -29,7 +29,7 @@
 		<!-- Carousel Controls -->
 		<div
 			v-if="slideIndicatorCount > 1"
-			class="tw-flex
+			class="kv-carousel__controls tw-flex
 			tw-justify-between md:tw-justify-center tw-items-center
 			tw-mt-4 tw-w-full"
 		>
@@ -239,14 +239,12 @@ export default {
 		 * If the slide is not completely in view in the carousel
 		 * it should be aria-hidden
 		 *
-		 * @param {Number} index The current index of the slide (starts at 1)
+		 * @param {Number} index The current index of the slide
 		 * @returns {Boolean}
 		 */
 		const isAriaHidden = (index) => {
-			// Index starts at 1
-			// Embla starts at 0
 			if (embla.value) {
-				return !embla.value.slidesInView(true).includes(index - 1);
+				return !embla.value.slidesInView(true).includes(index);
 			}
 			return false;
 		};
@@ -267,7 +265,7 @@ export default {
 					'resize',
 					throttle(() => {
 						embla.value.reInit({
-							slidesToScroll: embla.value.slidesInView(true).length,
+							slidesToScroll: embla.value.slidesInView(true).length || 'auto',
 							inViewThreshold: 0.9,
 						});
 						slides.value = embla.value.slideNodes();