@bagelink/vue 1.2.71 → 1.2.75

package/dist/style.css

@@ -726,33 +726,75 @@ to {
 	padding: 0;
 }
 
-.carousel-wrapper[data-v-6de4176c] {
-  position: relative;
-  width: 100%;
+.BglCarousel[data-v-406c405d] {
+	position: relative;
+	width: 100%;
+	overflow: hidden;
+	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.carousel-container[data-v-6de4176c] {
-  margin: 0 auto;
-  overflow: hidden;
+.bgl-slider[data-v-406c405d] {
+	display: flex;
+	position: relative;
+	width: 100%;
+	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
+	will-change: transform;
+	transform: translateX(0);
+	gap: 1%;
+	transition: none;
+	-webkit-user-select: none;
+	user-select: none;
 }
-.carousel-dots[data-v-6de4176c] {
-  display: flex;
-  justify-content: center;
-  gap: 8px;
-  margin-top: 16px;
+.bgl-slider[data-v-406c405d] > * {
+	flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
+	width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
+	min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
+	position: relative;
+	overflow: hidden;
 }
-.carousel-dot[data-v-6de4176c] {
-  width: 12px;
-  height: 12px;
-  border-radius: 50px;
-  background-color: #ccc;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  transition: all 0.3s ease-in-out;
+.bgl-slider.slides-1[data-v-406c405d] > * {
+	flex: 0 0 100%;
+	width: 100%;
+	min-width: 100%;
 }
-.carousel-dot.active[data-v-6de4176c] {
-  background-color: #333;
-  width: 26px;
+.dragging .bgl-slider[data-v-406c405d] > * {
+	pointer-events: none;
+	user-select: none;
+}
+.autoHeight[data-v-406c405d] {
+	transition: height ease 0.7s;
+}
+.dots[data-v-406c405d] {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	margin-top: 1rem;
+	gap: 8px;
+}
+.dot[data-v-406c405d] {
+	height: 10px;
+	width: 10px;
+	border-radius: 50%;
+	background-color: var(--bgl-black);
+	opacity: 0.4;
+	transition: opacity 0.3s ease;
+	cursor: pointer;
+}
+.dot[data-v-406c405d]:hover {
+	opacity: 0.6;
+}
+.dot.current[data-v-406c405d] {
+	opacity: 0.8;
+}
+.navigation-buttons[data-v-406c405d] {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 1rem;
+	margin-top: 1rem;
+}
+.navigation-buttons.rtl[data-v-406c405d] {
+	flex-direction: row-reverse;
 }
 
 .chart-line {
@@ -4356,6 +4398,35 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
+.carousel-wrapper[data-v-705b9c93] {
+  position: relative;
+  width: 100%;
+}
+.carousel-container[data-v-705b9c93] {
+  margin: 0 auto;
+  overflow: hidden;
+}
+.carousel-dots[data-v-705b9c93] {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 16px;
+}
+.carousel-dot[data-v-705b9c93] {
+  width: 12px;
+  height: 12px;
+  border-radius: 50px;
+  background-color: #ccc;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+}
+.carousel-dot.active[data-v-705b9c93] {
+  background-color: #333;
+  width: 26px;
+}
+
 .stickyTop[data-v-857ccb8b]{
 	position: sticky;
 	top: -0.125rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.2.71",
+  "version": "1.2.75",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/{Carousel2.vue → Slider.vue}

@@ -377,10 +377,6 @@ function slideToCurrent(enableTransitionFlag?: boolean): void {
 }
 
 function prev(howManySlides: number = 1): void {
-	if (innerElements.value.length <= perPage.value) {
-		return
-	}
-
 	const beforeChange = currentSlide.value
 
 	if (config.value.loop) {
@@ -411,13 +407,12 @@ function prev(howManySlides: number = 1): void {
 		slideToCurrent(config.value.loop)
 		config.value.onChange()
 	}
+	if (config.value.autoplay !== 'disabled') {
+		startAutoplay()
+	}
 }
 
 function next(howManySlides: number = 1): void {
-	if (innerElements.value.length <= perPage.value) {
-		return
-	}
-
 	const beforeChange = currentSlide.value
 
 	if (config.value.loop) {
@@ -448,6 +443,9 @@ function next(howManySlides: number = 1): void {
 		slideToCurrent(config.value.loop)
 		config.value.onChange()
 	}
+	if (config.value.autoplay !== 'disabled') {
+		startAutoplay()
+	}
 }
 
 function goTo(index: number): void {

package/src/components/index.ts

@@ -8,8 +8,7 @@ export { default as BglVideo } from './BglVideo.vue'
 export { default as Btn } from './Btn.vue'
 export { default as Calendar } from './calendar/Index.vue'
 export { default as Card } from './Card.vue'
-export { default as Carousel } from './Carousel2.vue'
-// export { default as Carousel } from './Carousel.vue'
+export { default as Carousel } from './Carousel.vue'
 export * from './dashboard'
 export { default as DataPreview } from './DataPreview.vue'
 export { default as DataTable } from './dataTable/DataTable.vue'
@@ -35,6 +34,7 @@ export { default as NavBar } from './NavBar.vue'
 export { default as PageTitle } from './PageTitle.vue'
 export { default as Pill } from './Pill.vue'
 export { default as RouterWrapper } from './RouterWrapper.vue'
+export { default as Slider } from './Slider.vue'
 export { default as Spreadsheet } from './Spreadsheet/Index.vue'
 export { default as Title } from './Title.vue'
 export { default as ToolBar } from './ToolBar.vue'