@bagelink/vue 0.0.893 → 0.0.897

package/dist/components/Carousel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAyYA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA2ZA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -597,13 +597,21 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         child.addEventListener("click", preventDefaultClick);
       });
     }
-    function updateHeight() {
-      if (!props2.autoHeight || !bglSlider.value) return;
-      setTimeout(() => {
-        const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
+    function calcHeight() {
+      if (!bglSlider.value) return;
+      try {
+        const slide = bglSlider.value.children[activeSlideIndex.value];
+        if (!slide) return;
+        const children2 = Array.from(slide.children);
         const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
         yHeight.value = `${totalHeight}px`;
-      }, 200);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    function updateHeight() {
+      if (!props2.autoHeight) return;
+      setTimeout(calcHeight, 200);
     }
     function easeScroll(target, duration = 500) {
       if (!bglSlider.value || isPressed.value) return;
@@ -739,7 +747,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ca63f224"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }

package/dist/index.mjs

@@ -595,13 +595,21 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         child.addEventListener("click", preventDefaultClick);
       });
     }
-    function updateHeight() {
-      if (!props2.autoHeight || !bglSlider.value) return;
-      setTimeout(() => {
-        const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
+    function calcHeight() {
+      if (!bglSlider.value) return;
+      try {
+        const slide = bglSlider.value.children[activeSlideIndex.value];
+        if (!slide) return;
+        const children2 = Array.from(slide.children);
         const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
         yHeight.value = `${totalHeight}px`;
-      }, 200);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    function updateHeight() {
+      if (!props2.autoHeight) return;
+      setTimeout(calcHeight, 200);
     }
     function easeScroll(target, duration = 500) {
       if (!bglSlider.value || isPressed.value) return;
@@ -737,7 +745,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ca63f224"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }

package/dist/style.css

@@ -350,7 +350,7 @@ display: block;
 	padding: 0;
 }
 
-.blocker[data-v-ca63f224] {
+.blocker[data-v-98e36ac5] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -358,7 +358,7 @@ display: block;
 	height: 100%;
 	z-index: 100;
 }
-.bgl-slider[data-v-ca63f224] {
+.bgl-slider[data-v-98e36ac5] {
 	display: grid;
 	position: relative;
 	/* scroll-behavior: smooth; */
@@ -367,43 +367,43 @@ display: block;
 	/* scroll-snap-type: x mandatory; */
 	overflow-x: hidden;
 }
-.autoHeight[data-v-ca63f224] {
+.autoHeight[data-v-98e36ac5] {
 	transition: height ease 0.7s;
 }
-.bgl-slider.allowScroll[data-v-ca63f224] {
+.bgl-slider.allowScroll[data-v-98e36ac5] {
 	overflow-x: scroll;
 }
-.bgl-slider[data-v-ca63f224] {
+.bgl-slider[data-v-98e36ac5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
 	gap: 1%;
 }
-.bgl-slider.odd[data-v-ca63f224] {
+.bgl-slider.odd[data-v-98e36ac5] {
 	grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
 }
-.bgl-slider.slides-1[data-v-ca63f224] {
+.bgl-slider.slides-1[data-v-98e36ac5] {
 	grid-auto-columns: 100%;
 	gap: 0;
 }
-.bgl-slider[data-v-ca63f224]::-webkit-scrollbar {
+.bgl-slider[data-v-98e36ac5]::-webkit-scrollbar {
 	display: none;
 }
-.bgl-slider[data-v-ca63f224] * {
+.bgl-slider[data-v-98e36ac5] * {
 	scroll-snap-align: start;
 }
-.dragging.bgl-slider[data-v-ca63f224] {
+.dragging.bgl-slider[data-v-98e36ac5] {
 	cursor: grabbing;
 	cursor: -webkit-grabbing;
 	scroll-snap-type: unset;
 }
-.clicking.bgl-slider[data-v-ca63f224] {
+.clicking.bgl-slider[data-v-98e36ac5] {
 	scroll-behavior: unset;
 }
-.dragging.bgl-slider[data-v-ca63f224] * {
+.dragging.bgl-slider[data-v-98e36ac5] * {
 	scroll-snap-align: unset;
 	user-select: none;
 }
 @media screen and (max-width: 600px) {
-.bgl-slider.slides-1[data-v-ca63f224]> * {
+.bgl-slider.slides-1[data-v-98e36ac5]> * {
 		margin-inline-start: 0%;
 }
 }

package/package.json

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

package/src/components/Carousel.vue

@@ -38,13 +38,22 @@ function disableDrag() {
 	})
 }
 
-function updateHeight() {
-	if (!props.autoHeight || !bglSlider) return
-	setTimeout(() => {
-		const children = Array.from(bglSlider.children[activeSlideIndex].children)
+function calcHeight() {
+	if (!bglSlider) return
+	try {
+		const slide = bglSlider.children[activeSlideIndex]
+		if (!slide) return
+		const children = Array.from(slide.children)
 		const totalHeight = children.reduce((sum, el) => sum + el.clientHeight, 0)
 		yHeight = `${totalHeight}px`
-	}, 200)
+	} catch (error) {
+		console.error(error)
+	}
+}
+
+function updateHeight() {
+	if (!props.autoHeight) return
+	setTimeout(calcHeight, 200)
 }
 
 function easeScroll(target: number, duration = 500) {